/*头部*/
.wrapper{width:1300px; margin:0px auto;}
.toper { background:#fff; width:100%;}
.toper .top{height:40px; line-height: 40px; border-bottom: 1px solid #eee; overflow: hidden;}
.toper .t_right li{ float:left; font-size:14px;}
.toper .t_right li:nth-child(1){ background:url(../images/china.png) no-repeat left center;}
.toper .t_right li:nth-child(2){ background:url(../images/meiguo.png) no-repeat left center; margin-left:30px;}
.toper .t_right li a{ padding-left: 35px;}

.toper .head{height:110px}
.toper .logo { display:block;float:left; background:url(../images/logo.png) no-repeat center;width:500px; height:70px; margin-top:15px}
.toper .t_left{float:left;}
.toper .t_right{float:right;}
.toper .t_right .tel{ text-align:left; font-size:22px; line-height:30px; background: url(../images/telo.png) no-repeat left 2px; padding-left: 35px; font-family:'poppinsregular';}
.toper .t_right .mob{margin-top:28px; text-align:left; font-size:22px; line-height:30px; background: url(../images/tel2o.png) no-repeat left 2px; padding-left: 35px; font-family:'poppinsregular';}
.topyy{ display: none;}
.toper .t_nav{height:60px;background: #0b875a; width:100%;box-shadow:0px 2px 6px rgba(0,0,0,.2); position: relative; z-index: 999999;}
.toper .t_nav span{display: block; font-size:12px; text-transform: uppercase;}
.toper .t_nav ul{font-size:0; border-left:1px solid rgba(255,255,255,0.15)}
.toper .t_nav ul li { display:inline-block;text-align:center; position:relative; width:14.28%}
.toper .t_nav ul li:hover i,.toper .t_nav ul li.check i { background:url(../images/enon.png);}
.toper .t_nav li a {font-size:16px; display:block; height:60px; line-height:60px;color:#fff; border-right:1px solid rgba(255,255,255,0.2)}
.toper .t_nav li a:hover,.toper .t_nav li:hover>a,.toper .t_nav ul li.check a {color:#ddd;}
.toper .t_nav li dl { position:absolute; z-index:999;top:60px;left:0px;width:185px;display:none; text-align:left; background:#454141;padding:10px 0}
.toper .t_nav li:hover>dl { display:block}
.toper .t_nav li dl dd a,.toper .t_nav li dl dd a:hover,.toper .t_nav li.check dl dd a {font-size:12px; height:35px;line-height:35px;border-top:0;color:#fff; overflow:hidden;padding:0 20px; border-right:0px}
.toper .t_nav li dl dd a:hover { background:#231b00}
.mbmenu,.Fast-nav { display:none;}

.kv{box-shadow:none;}
.kv1{display: none;}
.homesort{ padding: 45px 0; border-bottom: 1px solid #e2e2e2;}
.sortlist{ margin-top:30px;}
.sortlist li{float:left; width:20%; text-align: center;}
.sortlist img{width:120px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.sortlist li:hover img{transform: scale(1.15);}
.sortlist h2{font-size:14px; padding-top:15px; line-height:28px;/**display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;**/}
.bluegray{background:#fff;}
.ntitle{text-align:center;color:#888;}
.ntitle h2{font-size:24px;color: #222; line-height: 150%; padding-bottom:5px;}
.pd30{ padding-bottom:40px;}
.aboutwrap{background: url(../images/17.jpg) no-repeat bottom; background-size: cover; padding:40px 0 70px;}
.homeabout{ position: relative;}
.homeabout_l{width:50%; background: #fff; position: absolute; z-index: 9; top:40px; right:0; min-height: 370px;}
.aboutbox{ line-height:200%; padding:40px 50px 0; color: #666;}
.aboutbox h2{font-size:22px; display:block; padding-bottom:15px; color:#222;}
.aboutbox dt{margin-top:15px}
.aboutbox a{line-height: 28px; border-radius: 14px; background: #eee; padding: 0 15px; display: inline-block; transition: 0.5s;}
.aboutbox a:hover{background: #208a51; color:#fff}
.homeabout_r{ text-align: left;}

.idx_pro{padding:50px 0;}
.idx_pro .container { position: relative;}
.idx_pro .pro_swiper { overflow: hidden;}
.idx_pro .pro_swiper .swiper-slide { text-align: center;position: relative;z-index: 1;}
.idx_pro .pro_swiper .swiper-slide .slidebox{ overflow: hidden;}
.idx_pro .pro_swiper .swiper-slide img{width:100%;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.idx_pro .pro_swiper .swiper-slide h2{font-size: 14px; height:50px; line-height: 50px; display: block; background: #fff;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.idx_pro .pro_swiper .swiper-slide:hover img{transform: scale(1.15);}
.idx_pro .pro_swiper .swiper-slide:hover h2{background: #208a51; color:#fff}
.idx_pro .swiper-button-prev{ top: 50%;width: 31px;height: 31px;background: url(../images/l1.png) no-repeat center center;background-size: contain;left:0;}
.idx_pro .swiper-button-next{top: 50%;width: 31px;height: 31px;background: url(../images/r1.png) no-repeat center center;background-size: contain;right:0;}
.idx_pro .swiper-button-prev.swiper-button-disabled { opacity: 1;background: url(../images/l2.png) no-repeat center center;background-size: contain;}
.idx_pro .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/r2.png) no-repeat center center;background-size: contain;}
.brand3 { min-height:400px; background:url(../images/po_b.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content:center; align-items: center;}
.brand3 .dodtit{ font-size:14px; color:#fff; text-align: center;}
.brand3 .dodtit-b{font-size:24px; color:#fff; line-height: 130%; padding:10px 0 15px;text-align: center;}
.dodmore{padding-top:20px;text-align: center;}
.dodmore a{color:#fff; display: inline-block; line-height:40px; font-size: 14px; padding: 0 30px;border:2px solid #ccc; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.dodmore a:hover{background: #ff6600;border:2px solid #ff6600;}
.newswrap{padding:60px 0 70px}
.newswrap li{ width:49%; float:left; margin-right: 2%; margin-top:35px;}
.newswrap li:nth-child(2n){margin-right:0;}
.newswrap .homenewsa{float:left; width:35%; overflow: hidden;}
.newswrap li img{width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.newswrap li:hover img{transform: scale(1.15);}
.newswrap .homenewsb{float:right; width:62%}
.newswrap .homenewsb h2{font-size:16px; line-height: 30px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;/**display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;**/}
.newswrap .homenewsb .time{ font-size:12px; color:#888; padding: 2px 0;}
.newswrap .homenewsb .contentjs{color:#888; line-height:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden; padding-top: 5px;}
.contitle{color:#000; font-size:24px; line-height:36px; text-align: center; padding:10px 0;}
.contitle p{padding:0;margin:0; display: block;}
.kflogo{margin:12px -5px 0px}
.kflogo li{float:left; width:20%}
.kfbox{margin:5px;border:1px solid #eee;}
.kflogo img{ width:100%}
/*内页*/
.aboutbanner{width:100%;}
.productwrap{background: #f5f5f5;}
.leftmenu{background: #e6e6e6;line-height: 58px; height:58px}
.inner-nav-left li{float:left;}
.inner-nav-left a { display: block; padding: 0 30px; color: #333; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.inner-nav-left .on,.inner-nav-left .on a,.inner-nav-left a:hover{background: #208a51; color:#fff}
.inner-nav-left {float:left;}
.inner-nav-left span{font-size:20px; font-weight: bold;}
.inner-nav-right {float:right;}
.inner-nav-right .bread-s0 { display: inline-block; padding-left: 20px; background: url(../images/map1.png) no-repeat left center;}
.inner-nav-right .bread-a { display: inline-block; color: #333; margin: 0 4px; transition-duration: .3s;}
.inner-nav-right .bread-a:hover{color: #d50a1d;}
.sortmenu{ padding-top:20px;}
.sortmenu li{line-height: 24px; background: #e6e6e6; border-bottom: 1px solid #fff;}
.sortmenu a{padding: 18px 10px 18px 20px; display: block; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.sortmenu a:hover{border-left:5px solid #208a51; padding: 18px 10px 18px 30px; color:#208a51; background: #f5f5f5;font-weight: bold;}
.sortmenu .on{border-left:5px solid #208a51; color:#208a51; background: #f5f5f5; font-weight: bold;}
.sortmenu .on a:hover{border-left:0;}
.abouttitle{ line-height:50px; font-size: 22px; color:#208a51; border-bottom:1px solid #ddd; padding-top:20px;}
.productwrap .abouttitle{ border-bottom:1px solid #ddd;}
.aboutcontent{padding:20px 0 30px; line-height: 200%;}
.aboutcontent-l{float:left; width:20%}
.aboutcontent-r{float:left; width:80%}
.pl30{padding-left:40px;}
.aboutconbox{padding-top:20px;}
.productlist{margin-left:20px; padding-bottom: 30px;}
.productlist li{float:left;width: calc(100% / 3 - 20px); margin-left:20px; margin-top:20px; overflow: hidden; text-align: center; font-size:12px; background: #fff;}
.productlist h2{font-size:14px; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2; background: #eee; line-height:42px; text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.productlist .listbox{overflow: hidden;border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;}
.productlist li:hover h2{background: #208a51; border-bottom: 1px solid #208a51; border-left: 1px solid #208a51;border-right: 1px solid #208a51; color:#fff}
.productlist img{width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.productlist li:hover img{transform: scale(1.15);}
.procall{ margin:20px auto; border:1px solid #ddd;background:#eee;}
.procall>.text{ padding:20px; text-align:left;}
.procall>.text>.title{font-size:14px; color:#666; text-transform: uppercase;}
.procall>.text>.title>img{margin-right:6px;}
.procall>.text>.tel{ padding:5px 0; font-size:24px; color:#208a51;}
.procall>.text>.tips{font-size:16px; padding-top: 10px;}
.procall>.online{ border-top:1px solid #ddd;overflow:hidden;}
.procall>.online>a{ position:relative; display:block; width:50%; float:left; padding:20px 0; text-align:center; background:#eee; transition:all .35s;}
.procall>.online>a:first-child:after{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; border-right:1px solid #ddd; content:'';}
.procall>.online>a>span{ display:block; position:relative; width:45px; height:45px; overflow:hidden; margin:0px auto 5px auto;}
.procall>.online>a>span>img{position:absolute; z-index:2; left:0; top:0; width:100%; height:auto; transition:all .35s;}
.procall>.online>a:hover{ background:#208a51; color:#fff;}
.procall>.online>a:hover span>img{ top:-45px;}
.productxxsm{padding-left: 30px; padding-top: 12px;}
.productsmtit{font-size:18px; border-bottom: 1px solid #ddd; line-height: 50px;}
.productxxsm-l{float:left; width:60%}
.productxxsm-r{float:right; width:35%}
.xxcsbox{ padding-bottom:25px;}
.xxcsbox h2{font-size:20px; line-height: 50px; padding-bottom: 10px; text-align: center;}
.xxcsbox img{display: block; margin: 0px auto; text-align: center;}
.kefu{margin:0 -10px}
.kefu li{float:left; width:20%}
.kefu .imgbox{margin:10px;text-align: center; background: #fff; border: 1px solid #ddd; padding:0 15px;}
.sblist{ margin:0 -10px; padding-bottom: 20px;}
.sblist li{float:left; width:33.333%;text-align: center;}
.sblist .sblistbox{margin:10px; overflow: hidden;}
.sblist img{ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.sblist li:hover img{transform: scale(1.15);}
.sblist h2{font-size:14px; margin-top:12px; line-height: 24px;}
.product_b{margin-top:30px; background: #f6f6f6;}
.product_l{float:left; width:65%; text-align: center;background: #fff;}
.product_r{float:right; width:35%;}
.smfont{border-bottom:1px solid #e2e2e2; margin:30px 30px 0; padding-bottom: 20px;}
.smfont h2{font-size:22px; padding:5px 0;}
.cscontent{padding:20px 0;}
.cscontent h2{border-bottom: 1px solid #e2e2e2; line-height: 45px; font-size:16px; font-weight: bold; margin-bottom:15px; position: relative;}
.cscontent span{ padding-left:15px;}
.cscontent h2:before{content:''; width:5px; height:22px; top:12px; background: #05773A; position: absolute;}
.downan{padding-left:30px; padding-top: 20px;}
.downan a{color:#fff}
.coniu:link{background:#05773A; height:42px; display: inline-block; line-height: 42px;color:#fff;text-transform: uppercase; font-weight: normal; padding-left:35px; padding-right:35px;}
.coniu:hover{background:#333;}

.school{ padding: 25px 0; border-bottom:1px solid #eee; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.school:hover{background: #f5f5f5; padding:25px 15px;}
.schoolxx_l{float:left; width:20%}
.schoolxx_l img{width:100%;}
.schoolxx_r{float:right; width:77%;}
.schoolxx_r h2{font-size:18px; line-height: 140%; margin-bottom:5px; overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.schoolxx_r .time{font-size: 12px; color:#999; display: none;}
.schoolxx_r .schooljj{color:#777; line-height: 160%; margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}
.viewbox{background:#f5f5f5; text-align: center; line-height:45px;}
.viewbox h2{background: #fff; font-size: 24px; line-height: 45px; padding:20px 0;}
.viewbox span{padding-left: 40px;}
.viewcon{ padding:30px 0; min-height: 300px;}
.viewcon img,.cscontent img{margin: 0px auto; display: block; text-align: center;}
.context{height:36px; position: relative; width:100%;line-height:36px; margin-bottom:40px;}
.context li:nth-child(1){ float:left; background: #ddd; padding:0 20px; border-radius:18px;}
.context li:nth-child(2){ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);background:#ddd; padding:0 20px; border-radius:18px;}
.context li:nth-child(2) a{ display: block;}
.context li:nth-child(3){ float:right;text-align: right; background:#ddd; padding:0 20px; border-radius:18px;}
.contactwrap { border: solid 1px #e5e5e5; padding: 40px 0 0;}
.contact { line-height:280%; padding: 0px 50px 40px;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: justify;  -webkit-justify-content: space-between;  -ms-flex-pack: justify;  justify-content: space-between;}
.contact_l {}
.contact_l h2 { font-size: 18px;  font-weight: bold;  line-height: 36px;  color: #01376c;  position: relative;  padding-bottom: 12px; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc;}
.contact_l h2::after {  content: '';  position: absolute;  width: 30px;  height: 3px;  background-color: #033768;  bottom: -1px;  left: 0;}
.contact_r {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: end;  -webkit-justify-content: flex-end;  -ms-flex-pack: end;  justify-content: flex-end;}
.contact_r .ewm {}
.contact_r .ewm .img { border: solid 1px #e2e2e2; background: #fff; padding:0px; width:150px;}
.contact_r .ewm p { font-size: 14px;  color: #666666;  text-align: center;}
.mapheight{height:560px}
.otherxx{ padding-top: 20px;}
.otherxximg{padding:0}
.otherxxfont{padding:15px 0;}
/*底部*/
.footer{ background:#208a51; color:#ddd;}
.footer a{color:#ddd;}
.footer a:hover{color:#fff;}
.copyright{ height:65px; text-align: center; line-height:65px; border-top:1px solid rgba(255,255,255,0.1)}
.copyright-l{ float:left;}
.copyright-r{ float:right;}
.mr50{margin-right:100px}
.foot{line-height: 30px; padding:40px 0 30px;}
.foot h2{font-size: 14px; color:#fff;}
.foot-menu span{display: inline-block; width:380px}
.foot-menu{float:left;}
.foot-menu li{line-height: 30px;}
.foot-ewm{float:right;text-align: center;}
.foot-ewm img{width:120px;border:1px solid #e2e2e2; background: #fff; padding:0px;}
/*客服*/
.izl-rmenu{position:fixed; right:0; top:155px; z-index:999;}
.izl-rmenu .btna{width:55px; height:55px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/qq.png) no-repeat center center rgba(0,0,0,0.6); text-decoration:none; display:block;}
.izl-rmenu a:hover.btn-qq {background:url(../images/qq.png) no-repeat center center #ff811b;}
.izl-rmenu .btn-wx{background:url(../images/wx.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-wx:hover{background-color:#ff811b;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-111px; top:0px; display:none;width:111px;height:111px;}
.izl-rmenu .btn-wx .pic img,.izl-rmenu .btn-wx img{width:100%;max-width:none;}
.izl-rmenu .btn-phone{background:url(../images/tel1.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:130px; left:-130px; top:0px; line-height:55px; color:#FFF; font-size:16px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/top.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-top:hover{background-color:#ff811b;}

.swiper-pagination-bullet{width:12px;height:12px;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.swiper-pagination-bullet-active{opacity:1;background:#007aff; width:30px;height:12px; border-radius:6px}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;}