body{overflow-x:hidden;font:14px/1.5 "Microsoft YaHei lighter","Segoe UI","Lucida Grande",Helvetica,Arial,sans-serif}
a{color:#444}
a:hover{color:#296ac0;text-decoration:none}
ol,ul{list-style:none; padding-left: 0;}
.o{overflow:hidden}
.ptb1{padding-top:1em;padding-bottom:1em}
.ptb2{padding-top:2em;padding-bottom:2em}
.ptb3{padding-top:3em;padding-bottom:3em}
.ptb4{padding-top:4em;padding-bottom:4em}
.ptb5{padding-top:5em;padding-bottom:5em}
.ptb6{padding-top:6em;padding-bottom:6em}
.ptb7{padding-top:7em;padding-bottom:7em}
.mbt1{margin-top:1em}
.mbt2{margin-top:2em}
.mbt3{margin-top:3em}
.mbb1{margin-bottom:1em}
.mbb2{margin-bottom:2em}
.mbb3{margin-bottom:3em}
/* .container{width:1340px} */


/* Header */
.header{padding:15px 0}
.header .searchbox{}
.header .btn-lang {padding-bottom: 16px; text-align: right;}
.header .btn-lang a {margin-left: 10px;}

.m-search {display: none; }
.search-box {float: right; }
.search-index {display: inline-block; float: left; }
.contact-index {display: inline-block; margin-left: 60px; }
.input-search {position: relative; }
.search-box .input-search-btn {width: 35px; height: 35px; top: 27px; right: 10px; z-index: 2; padding: 0 10px; border: none; border-radius: 0 200px 200px 0; background: 0 0; position: absolute; }
.search-box .input-search-btn .fa-search {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    color: #fff;
    margin: 0px;
    background-color: #ffffff;
    background-color: #12391e;
}
.search-box .input-search input {height: 45px; width: 240px; background-color: #eee;
    border: 1px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    border-color: #eee;
    padding-left: 15px;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
    -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
    -ms-transition: all 0.6s cubic-beziercubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
    -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
    position: relative;
    top: 21.5px;
}
.contact-index .tel {font-size: 20px; margin-top: 14px; margin-bottom: 0px; color: #37474f; color: #2a333c; text-align: right; line-height: 30px; }
.contact-index .mail {color: #ffffff; color: #76838f; font-size: 14px; text-align: right; line-height: 24px; }


.foot_nav { background-color: ; padding-bottom: 15px; position: relative; z-index: 0; }
.foot_nav:before { content: ''; height: 40px; width: 100%; top: 0; position: absolute; background-color: #ffffff; background-color: #12391e; z-index: 2; left: 0 }
.foot_nav .list { text-align: left; padding: 0 }
.foot_nav .container { border-bottom: 1px solid; border-color: #ffffff; border-color: #f2f2f2; padding-bottom: 15px }
.foot_nav h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 90%; color: #37474f; color: #ffffff; font-size: 16px; margin: 0; text-shadow: none; height: 40px; line-height: 40px; position: relative; z-index: 3 }
.foot_nav h4 a { color: #37474f; color: #ffffff; text-decoration: none }
.foot_nav h4 a:active, .foot_nav h4 a:focus, .foot_nav h4 a:hover { text-decoration: none }
.foot_nav ul { padding: 0; margin-bottom: 0; list-style: none; padding-top: 15px }
.foot_nav ul li { margin-bottom: 3px }
.foot_nav ul li a { color: #ffffff; color: #777777; text-decoration: none; font-size: 12px }
.foot_nav ul li a:active, .foot_nav ul li a:focus, .foot_nav ul li a:hover { text-decoration: none }
.foot_nav ul li a:hover { color: #ffffff; color: #02328d; text-decoration: underline; }
.foot_nav .info { text-align: left; padding-left: 150px }
.foot_nav .info em { margin-top: 15px; display: block; font-size: 14px; font-style: normal; line-height: 2; color: #ffffff; color: #777777; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.foot_nav .info em a { color: #ffffff; color: #777777; }
.foot_nav .info em a:hover { color: #ffffff; color: #02328d; text-decoration: underline; }
.foot_nav .info em:hover { color: #ffffff; color: #02328d; }
.foot_nav .info p { color: #ffffff; color: #777777; line-height: 2; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.foot_nav .info p:hover { color: #ffffff; color: #02328d; }
.foot_nav .info i { font-size: 26px; cursor: pointer }
.foot_nav .info a:hover, .foot_nav .info a:focus { text-decoration: none }
@media (max-width:991px) {
	.foot_nav .list { margin-bottom: 20px }
	.foot_nav .info { padding-left: 40px; text-align: left; margin-top: 0 }
}
@media (max-width:767px) {
	.foot_nav .container { padding: 0; }
	.foot_nav .row { width: 100%; margin: 0; }
	.foot_nav .row .col-lg-8 { padding: 0; }
	.foot_nav .list { margin-bottom: 15px }
	.foot_nav .info { padding-left: 15px; text-align: center; padding: 0; }
	.foot_nav h4 { background-color: #ffffff; background-color: #12391e; text-align: center; width: 100%;}
	.foot_nav ul li { text-align: center; }
}

.foot { line-height: 1.8; background-color: ; }
.foot p { margin-bottom: 0px; color: #37474f; color: #a6a6a6; }
.foot .left { float: left; text-align: left; width: 50%; }
.foot .breadcrumb-item, .foot .breadcrumb-item::before { color: #37474f; color: #a6a6a6; }
.foot .breadcrumb-item span:hover{
	color: #ffffff; color: #02328d; 
}
.foot .breadcrumb-item span { color: #ffffff; color: #a6a6a6; }
.foot .powered_by_metinfo { color: #ffffff; color: #a6a6a6; }
.foot .right { float: right; width: 50%; text-align: right; }
.foot .right p img { max-width: 100%; height: auto!important;}
.foot .right .social i { font-size: 20px; margin-right: 5px; color: #ffffff; color: #a6a6a6; }
.foot .right .social i:hover { color: #ffffff; color: #02328d; }
.foot .breadcrumb {background:none; padding:0; margin-bottom: 0px;}
@media (max-width:767px) {
	.foot .left { float: none; text-align: center; width: 100%; }
	.foot .right { float: none; text-align: center; width: 100%; }
	.foot .breadcrumb-item { display: inline-block; float: none; }
}

.social {padding-top: 8px;}


.dr-navbar{border-radius:0;background:#12391e;border:none;margin-bottom:0;top:0;z-index:1000;transition:all .5s ease 0s}
.dr-navbar .navbar-brand{padding-top:18px}
.dr-navbar .navbar-brand img{max-height:60px}
/*
.dr-navbar .navbar-nav li a{color:#fff;font-size:15px;margin:0px 10px; padding-left: 35px; padding-right: 35px;}
.dr-navbar .navbar-nav li a:hover,.dr-navbar .navbar-nav li.active a{color:#dbffdc;background:0 0}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{color:#17305f;background:0 0}
.dr-navbar .navbar-nav .dropdown-menu li a{margin:0;padding-top:5px;padding-bottom:5px}
.dr-navbar .navbar-nav .dropdown-menu{background:rgba(#12391e)}
*/
.dr-navbar li a {padding-left: 35px; padding-right: 35px; color: #fff;}
.dr-navbar .dropdown-menu li a {color: #789346;}
.dr-navbar li.open a:focus, .dr-navbar li.open a:hover, .dr-navbar .open a.dropdown-toggle {color: #dbffdc; background: #789346 !important}
.dr-navbar li.active a.dropdown-toggle {color: #dbffdc; background: #789346 !important}

.carousel-inner{background:none}
.carousel-inner>.item img{margin:0 auto}
.carousel-control.left{background-image:none}
.carousel-control.right{background-image:none}

.index {background: url('../img/bg1.jpg');}
.index .is-index-product{position:relative;width:1200px;height:130px;margin:0 auto 22px;background:url(../img/pro_bg.png) no-repeat 0 0}
.index .is-index-product .prev{position:absolute;right:0;top:68px;z-index:10;cursor:pointer}
.index .is-index-product .next{position:absolute;right:0;top:36px;z-index:10;cursor:pointer}
.index .is-index-product .pageState{position:absolute;top:0;left:100px}
.index .is-index-product .name{padding-top:30px;padding-left:50px;padding-bottom:10px;font-size:24px;color:#333}
.index .is-index-product .name a{color:#333;text-decoration:none}
.index .is-index-product .desc{width:835px;height:40px;padding-left:50px;overflow:hidden;font-size:14px;color:#8c8c8c;line-height:20px}
.index .is-index-product .desc a{color:#8c8c8c;text-decoration:none}
.index .product-category{width:1178px;height:377px;padding-right:20px;margin:0 auto 60px;border:1px solid #ededed;background:#fff}
.index .product-category .category{float:left;width:185px}
.index .product-category .category .list{width:185px;height:94px;background:url(../img/pbg1.jpg) no-repeat 0 0}
.index .product-category .category .list:hover{background:url(../img/pbg2.jpg) no-repeat 0 0}
.index .product-category .category .hover{background:url(../img/pbg2.jpg) no-repeat 0 0}
.index .product-category .category .list table{width:175px;height:94px;text-align:center;border-bottom:1px solid #274e95}
.index .product-category .category .list .last{border:none}
.index .product-category .category .list table td{padding:0 25px}
.index .product-category .category .list table a{line-height:20px;font-size:16px;color:#fff;text-decoration:none}
.index .product-category .products{display:none;float:right;width:945px;margin-top:27px}
.index .product-category .products .pro-list{display:block;float:left;width:280px;margin-right:35px;cursor:pointer}
.index .product-category .products .pro-list .pic{width:280px;height:280px;line-height:279px;text-align:center}
.index .product-category .products .pro-list .pic img{max-width:278px;max-height:278px;vertical-align:middle}
.index .product-category .products .pro-list .name{height:36px;margin-top:12px;overflow:hidden;font-size:14px;color:#545454;line-height:18px}

.about {background: url('../img/bg2.jpg') no-repeat center top;}
.about .info {background: #12391e; margin-top:3em; color: #fff; position: relative;}
.about .info .infoimg {padding-top: 15px; padding-bottom: 15px;}
.about .info h3 {margin-top: 35px;}
.about .info h4 {padding: 10px 0;}
.about .btnmore {position: absolute; bottom: 0; right: 0; color: #fff; font-size: 22px; padding:5px 15px; background: #789346; transition: all 0.4s;}
.about .btnmore:hover {background: #fff; color: #789346;}

.lmbtn {}
.lmbtn .btn {margin: 0 5px; background-color: #789346; border-color: #789346;}

.news {background: url('../img/bg1.jpg');}
.inew .item {border-bottom: 2px solid #ccc; overflow: hidden; margin-bottom: 15px;}
.inew .item .date {position:absolute;top:0;left:12px;width:47px;height:52px;background:#12391e;color:#fff}
.inew .item .date .day{padding-top:2px;text-align:center;font-size:20px; margin-bottom: 0;}
.inew .item .date .mon{text-align:center;font-size:12px}
/* .inew .item .pic{width:320px;height:185px} */
.inew .item .pic img{width:100%;height:185px}
.inew .item .name{height:40px;padding:0 13px;overflow:hidden;margin-top:20px;margin-bottom:20px;font-size:16px;line-height:20px;color:#333}
.inew .item .col-hov{color:#12391e}
.inew .item .desc{padding:0 13px;line-height:20px;font-size:14px;color:#888}
.inew .item:hover {border-bottom-color: #12391e; }
.inew .item:hover .date {background:#789346; }

.inew.owl-theme .owl-nav .owl-prev {position: absolute; left: -52px; background: none;}
.inew.owl-theme .owl-nav .owl-next {position: absolute; right: -52px; background: none;}
.inew.owl-theme .owl-nav [class*="owl-"]:hover {background: none;}
.inew.owl-theme .owl-nav {position: relative; width: 100%; top: -240px;}
.inew.owl-theme .owl-nav i {font-size: 5em; color: #1c97d6;}

.hezuo {}
/* .hezuo .customers{position:relative; margin:50px auto 55px;background:#fff;border:1px solid #eee} */
.hezuo .customers .prev{position:absolute;top:96px;left:-22px}
.hezuo .customers .next{position:absolute;top:96px;right:-22px}
.hezuo .customers .title{padding-top:28px;padding-bottom:5px;font-size:24px;text-align:center;color:#333}
.hezuo .customers .row{width:1050px;height:110px;margin:0 auto}
.hezuo .customers .row .list{float:left;width:210px;height:95px;text-align:center;line-height:95px}
.hezuo .customers .row .list img{max-width:200px;max-height:90px;vertical-align:middle}

.custbox {padding-top: 20px;}
.custbox .item {}
.custbox .item .thumbnail {border-radius: 0; transition: all .3s; text-align: center;}
.custbox .item .thumbnail:hover {box-shadow: 0 0 10px #bbb; transform: translateY(-5px);}
.custbox .item img {}

.tabs .btn-primary.active {background-color: #789346; border-color: #789346;}
.tabs .btn-primary {background-color: #12391e; border-color: #122b40;}

.footer {background: #223350; color: #8a8f98;}
.footer .row {background: url('../img/f_logo.jpg') no-repeat left 3em;}
.footer a {color: #8a8f98;}
.footer p {font-size:14px;color:#8a8f98; padding-left:28px; margin-bottom: 22px;}
.footer .f-contact {}
.footer .f-contact .title{font-size:22px;color:#fff; padding-left: 0; margin-bottom: 20px;}
.footer .f-contact .tips {padding-left: 0;}
.footer .f-contact .f-tel{background:url(../img/f1.jpg) no-repeat 0 5px}
.footer .f-contact .f-email{background:url(../img/f2.jpg) no-repeat 0 5px}
.footer .f-contact .f-addr{line-height:20px;background:url(../img/f3.jpg) no-repeat 0 5px}
.backtop {position: fixed; display: none; right: 20px; bottom: 20px; padding: 5px 10px; background: #4b984f; text-align: center; z-index: 1000;}
.backtop i {font-size: 2.1em; color: #fff;}
.footcopy {background: #192841; color: #bfc5ce; line-height: 2;}
.footcopy .footnav a {color: #bfc5ce; display: inline-block; margin: 0 5px 0 10px;}
.footcopy p {margin-bottom: 0;}
.footcopy p a {color: #bfc5ce;}
.footcopy .f-share {padding-top: 5px;}
.footcopy .f-share a {display: inline-block; margin: 0 5px;}



/**********************Page************************/

.wml-pagenav {border-bottom: 1px solid #eee;}

#left {position: relative; float: left; width: 32.1%; padding-bottom: 50px; background: #fff; overflow: none; }
#right {float: right; width: 67.9%; height: 100%; background: #f7f7f7; }
#right.mr {float: left; margin-left: 38px; width: 882px; height: 100%; background: #f7f7f7; padding-bottom: 3em;}
#left .ml {float: right; width: 258px;}


.ml h3 {color: #12391e;}
.mlist {padding-top: 15px;}
.mlist li a {height: 47px; display: block; border-bottom: 1px dotted #7f7f7f; font-size: 14px; padding-left: 15px; line-height: 47px;		color: #646464; background: url(../img/cat_bg1.jpg) no-repeat 202px center; }
.mlist li a:hover, .mlist li.active a {width: 265px; background: #12391e url(../img/cat_bg2.jpg) no-repeat 202px center; border: none; color: #fff; }

#crumbs{margin-top: 40px; margin-bottom: 30px; overflow: hidden; font-size: 20px; color: #333; }
#crumbs span {float: right; font-size: 14px; display: block; line-height: 22px; margin-left: 5px;}
.description{overflow: hidden; padding: 38px 25px 50px; border: 1px solid #dddddd; margin-bottom: 70px; background: #fff; line-height: 32px; font-size: 14px; color: #646464; }


.prolist {}
.prolist .item {margin-bottom: 25px; overflow: hidden;}
.prolist .item a {display: block; background: #fff; border-bottom: 2px solid #eaeaea; padding-bottom: 5px; transition: all 0.4s;}
.prolist .item figure {width: 100%; /* height: 230px; */ overflow: hidden; display: block;}
.prolist .item h4 {text-align: center; font-size: 14px;}
.prolist .item a:hover {border-bottom-color: #12391e; color: #12391e;}

.procon {}
.procon .iteml {padding-top: 15px;}
.procon .intro {padding-top: 10px;}
.procon .intro p {margin-bottom: 4px;}

.panel-body img {max-width: 100%;}


.portlet-body {}
.portlet-body .form-group {display: block; overflow: hidden;}

.manew {}
.manew a {display: block; border-bottom: 1px solid rgb(234, 234, 234); padding: 15px 0; overflow: hidden;}
.manew a .col-md-2 {text-align: right;}
.manew a .caption p {line-height:26px;}


.fixchat{_position:absolute;_top: expression(documentElement.scrollTop + 200 + "px");position:fixed; top:30%; right:0px; z-index:999999;}
.fixchat a{display:block; width:45px; height:45px; position:relative; background-color:#12391e; background-image:url(../img/fix.png);background-repeat:no-repeat; margin-top:1px;}
.fixchat a span{display:none; position:absolute; right:0px; top:0px; height:45px; padding-left:50px; color:#fff;line-height:45px; font-size:14px;background-color:#262626;}
.fixchat a.HomeQQ{ background-position:-362px -186px;}
.fixchat a.Homedianhua{ background-position:-362px -231px;}
.fixchat a.Homeweixin{ background-position:-362px -322px;}
.fixchat a.Homedd{ background-position:-362px -276px;}
.fixchat a.Hometop{ background-position:-362px -370px; background-color:#4e4e4e;}
.fixchat a span.QQbggray{background-position:-360px -186px;background-image:url(../img/fix.png);background-repeat:no-repeat; width:140px;}
.fixchat a span.weixinerweima{right:45px; padding:0px; background-color:#fff; color:#000; text-align:center; height:auto; line-height:26px; padding-bottom:5px; font-size:16px;}
.fixchat a span.dianhuabggray{background-position:-362px -231px;background-image:url(../img/fix.png);background-repeat:no-repeat;width:170px;}


@media (max-width:768px) {

.footfix {bottom:0;font-size:14px;color:#fff;left:0;overflow:hidden;position:fixed;right:0;width:100%;z-index:1000; display:none;}
.footfix .fixul {height:44px; line-height:44px; text-align:center; padding-top:12px;}
.footfix .fixul i {font-size:1.2em; margin-right:8px;}
.footfix .fixul a {color:#fff; font-size:16px;}
.footfix .fixul p {margin-bottom:0;}
.footfix .item1 {background:#EB9729;}
.footfix .item2 {background:#1C7DE4;}


/* body {padding-top: 56px;} */
.ptb2 {padding-top: 1.5em;}
.foot {margin-bottom: 44px;}

/* header footer*/
.nav > li {padding-top: 0; padding-bottom: 0;}
.dr-navbar {padding: 15px 0; background: #12391e; box-shadow: 0 0 10px #ddd;}
.navbar-toggle .icon-bar {background: #fff;}
.dr-navbar .navbar-brand {padding-top: 0px;}
.dr-navbar .navbar-brand img {height: 100px;}
.dr-navbar .navbar-nav li a {padding-top: 10px; padding-bottom: 10px;}

.footer .row {background: none;}
.footer p {margin-bottom: 10px;}
.footer .f-contact:nth-child(3) {margin-top: 15px;}


/* Index */
.carousel-indicators {display: none;}

.index .is-index-product {width: inherit; margin-bottom: 0;}
.index .is-index-product .name {padding-top: 20px; margin-bottom: 0; padding-left: 0;}
.index .is-index-product .desc {width: inherit; padding: 0 15px;}
.index .infoList { text-align: center; }

.about {padding-top: 0; padding-bottom: 0;}
.about .info {margin-top: 0;}


.i4list {padding: 15px 0px;}
.i4list .item {margin: 20px 35px 0;}
.i4list .item img {width:100%; height:120px;}
.i4list .item .caption {padding: 10px 0;}
.index4 .owl-theme .owl-nav .owl-prev {left: -10px;}
.index4 .owl-theme .owl-nav .owl-next {right: -10px;}

.noplist {padding-top: 1em;}
.noplist li {width:50%; margin-top:10px; display:block; float:left; text-align:center; box-shadow: 0 0 5px #eee;}
.noplist li a {display:block; margin:0px 10px 0px;}
.noplist li a img {width:100%; height:100%; border:1px solid #ccc;}

.about .info {padding-bottom: 2em;}

.hezuo .customers {margin: 0 auto; padding: 0 0 1em;}
.hezuo .customers .row{width:auto;height:auto;margin:0 15px; overflow: hidden;}
.hezuo .customers a {z-index: 1000;}
.hezuo .customers .prev {left: 5px;  top: 35px;}
.hezuo .customers .next {right: 5px;  top: 35px;}


/* pagecommon*/
.wml-banner .gxb-text h2 {font-size: 16px; }
.wml-page {padding-left:15px; padding-right: 15px;}
.wml-pagenav .navbar-toggle {margin-bottom: 2px;}
.wml-conbox .rowbox {margin:15px 0; padding: 15px!important;}


/* LIST */
#wml-conbox .container {padding-left: 0; padding-right:0;}
.case_list .widget {padding-left: 10px; padding-right: 10px; margin-top: 15px;}
.case_list .widget .widget-title {padding:10px;}
.case_list .widget .widget-img a {height: 100px;}
.case_list .widget .widget-title a {overflow: hidden;height: 26px; font-size: 12px; line-height: 26px; white-space: nowrap; text-overflow: ellipsis;}

.news_list {margin: 0;}
.news_list h4 {margin:0;}
.news_list .col-xs-8 {padding: 0;}


/* Content*/
.gx_newshow_title h1 {font-size: 24px;}
.gx_page_news {background: none;}
.gx_page_news .newsleft, .gx_page_news .newsright {background: none;}
.gx_page_news .newsright {float: none; width: 100%;}


}



@media (min-width:768px) and (max-width:992px) {

}


@media (min-width:993px) and (max-width:1199px) {


}