@charset "utf-8";
/* CSS Document */

/* reset */
html,body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; color: inherit;}
a:focus { outline: none; } 
img { border:none; vertical-align:top; max-width: 100%; }
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body { background-color: #fff; font-size:12px; font-family:"微软雅黑"; position: relative;  -webkit-text-size-adjust: none;}
/* end reset */
/* public */
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; _display: inline;}
.fr { float:right; _display: inline;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}

.main-box {position: relative;max-width: 1200px; width: 100%; margin: auto; *zoom: 1;}
.main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}
.main-box3{max-width: 1352px;}


.wrapper { width: 100%; box-sizing: border-box; }
.sidebar-ico{float: right; margin: 16px 10px 0 10px; display: none;}
.side-line {background: #000 none repeat scroll 0 0;display: block;height: 3px;margin-bottom: 4px;width: 27px;display: block;}
.sidebar-ico a{display: block;}

.header {height: 124px;  }
.logo {margin-top:30px; float: left;}
.nav {float: left;font-size: 14px;line-height:124px;color: #999 }
.nav li {float: left;width:100px;text-align: center; margin: 0 0 0 4px; }
.nav li:hover ,.nav .present {color: #009944;  }
.nav a {display: block;}

.header-search {padding-top: 48px; float: left; }
.search-bar {padding-left:0px;width:34px;  font-size: 12px; height: 26px; border:none; line-height: 26px;color: #999999;background: #fff;  }
.search-btn { width: 24px;height:20px; background: url(../images/search.png);border: 0 none;  }
.hearder-phone{position: absolute;right: 0;top: 48px;height: 30px; line-height:30px; font-size: 12px; color: #9f9f9f;}
.hearder-phone>a{display:inline-block;*display:inline;vertical-align: top;  margin: 0 2px;}
.hearder-phone>a:hover{color: #006e38}

.weixin{position: relative;}
.weixin:hover span{display: block;}
.weixin span{position: absolute;left:-38px;top: 30px; z-index: 60; display: none;}
.weixin span img{width: 100px; height: 100px; max-width: 100px; }

.banner{position: relative;}
.banner img{width: 100%;}
.banner .pagination {position: absolute;left: 0; right: 0;margin: auto; text-align: center;bottom:5px;width: 100%; z-index: 30;}
.banner .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;}
.banner .swiper-active-switch {background: #009944;}


.index-common-tit{width: 688px; margin:0 auto ; padding: 50px 0 20px;   text-align: center;  text-indent: center;background: url(../images/index-common-tit.png) center center no-repeat;}
.index-common-tit p{font-size: 32px; color: #201512; line-height: 1; position: relative;top: -12px;}
.index-common-tit p span{display: block;padding-top: 32px; font-size: 14px;}

.pro-loop{ padding: 0 50px;}
.index-one-pro{position: relative;}
.index-one-pro .mask{margin:auto; position: absolute;left: 0;right:0;bottom:0; top: 0;background: rgba(0,0,0,.5);z-index: 2;webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out; }
.index-one-pro .mask p{padding: 110px 0 32px; font-size: 22px; color: #fff; line-height: 1;text-align: center;}
.index-one-pro .mask span{display:block; width:160px; margin: auto; height:35px; line-height: 35px;color: #fff;text-align: center; border:1px solid #fff; background: transparent;  font-family: "Arial"; font-size: 16px;}
.pro-loop .slick-prev, .pro-loop .slick-next {position: absolute; z-index: 9999; display: block; height: 41px; width: 41px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -20px;  padding: 0; border: none; outline: none; }
.pro-loop  .slick-prev{background: url(../images/p-l.png) no-repeat center center;  left: 0; }
.pro-loop  .slick-next{background: url(../images/p-r.png) no-repeat center center;   right: 0;}
.index-one-pro:hover .mask{background: rgba(0,0,0,0.2);}


.index-pro{padding: 20px 0 40px;}
.index-news{height:613px;background: url(../images/index-news.jpg) center center no-repeat;}
.news-con{padding: 30px 50px 0;}
.news-con .l{float: left;width: 527px;padding: 14px;background: #fff;}
.news-con .l img{width: 100%;}
.news-con .l .tit{font-size: 16px; color: #444444; line-height: 42px;height: 42px;overflow: hidden;}
.news-con .l .tit span{font-size: 12px; color: #888888;}
.news-con .l .con{height: 44px; line-height: 22px; font-size: 12px; color: #888888; overflow: hidden;}
.news-con .l .con em{color: #006e38;}

 .news-con .r{float: right;width: 516px; }

.index-one-news{margin-bottom: 22px;}
.index-one-news a {position: relative;display: block;height: 97px;padding: 6px  10px; color: #353535;  background: #fff;}
.index-one-news .pic-box {float: left;width: 137px; margin: 0 16px 0 0; }
.index-one-news .pic-box div {width: 137px;height:97px;*font-size: 136.5px; }
.index-one-news .pic-box img {max-width: 137px;max-height: 97px; padding: 1px}
.index-one-news-tit {font-size: 16px; color: #444444;line-height: 2;height: 36px; line-height: 36px;overflow: hidden;}
.index-one-news-con{font-size: 12px; color: #777777;height:37px;overflow: hidden;padding-top: 4px;}

.index-case-list{max-width: 1102px}
.index-case-list{margin-top: 46px}
.index-case{margin-top: 40px;  }
.index-one-case{float: left;width: 50%; font-size: 0;}
.index-one-case a>div{display:inline-block;*display:inline;vertical-align: top;width: 50%; height: 198px;}
.index-one-case a > div img{width: 100%;height: 100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.case-l{position: relative;  }
.case-l>div{width: 100%;height: 100%;overflow: hidden;}
.case-l span.r-sanjiao{display: block; z-index: 20; border-bottom: 8px solid transparent;border-left: 8px solid #006e38;border-top: 8px solid transparent;bottom: 0;height: 0;margin: auto;position: absolute;right: -8px;top: 0; bottom: 0; width: 0;}
.case-l span.l-sanjiao{display: block; z-index: 20; border-bottom: 8px solid transparent;border-right: 8px solid #006e38;border-top: 8px solid transparent;bottom: 0;height: 0;margin: auto;position: absolute;left: -8px;top: 0; bottom: 0; width: 0;}

.index-one-case:hover .case-l img{transform: scale(1.2);-webkit-transform: scale(1.2)}


.case-r{position: relative;background: #f2f2f2}
.case-r .con{margin:auto; position: absolute;text-align: center; left:0;right:0;bottom:0; top: 0; background: #f9f9f9;  }
.case-r .con p{font-size: 18px; color: #221815; padding-top: 60px;}
.case-r .con p span{display: block;font-size: 14px; color: #c8c8c8; font-family: "Arial"}
.case-r .con em{display:block;margin: auto; border:1px solid #221815; margin-top: 18px; border-radius: 6px; width:96px; height:24px; line-height: 24px;color: #7d7d7d;text-align: center;  font-size: 12px;}

.join-list{padding: 0 50px;}
.index-join .index-common-tit{padding-top: 80px}
.index-join{background: url(../images/index-join.jpg) center center no-repeat; height: 760px;}
.one-join{width: 250px; margin-right: 33px; margin:0 auto; }


.one-join2{position: relative;top: 60px;}
.one-join .con{height:118px;background:#e3e3e3 url(../images/j-add.png) center 80px no-repeat; }
.one-join .con p{font-size:20px; color: #333333; padding-top: 16px;text-align: center;}
.one-join .con p span{display: block;font-size: 14px; color: #666666;}

.footer { background: #eaeaea; padding:30px 0;color: #696969; border-top: 2px solid #006e38;}
.footlist dl{ float: left; margin-right: 83px; }
.footlist dl dt{ font-size: 16px; line-height: 1;color: #696969; padding-bottom: 14px;}
.footlist dl ul{ color:#696969 ;line-height: 24px; text-align: left;}
.footlist dl ul li a:hover{ color: #006e38}
 
.f1{font-size: 28px; color: #afafaf; font-size: 28px;font-family: "Arial"}
.f2{font-size: 12px; color: #696969; line-height: 26px;}
.footlist dl div .f2{width:202px;}
.foot-ewm p{ font-size: 16px;line-height: 1;padding-bottom: 14px;text-align:center;}
.foot-ewm img{width: 150px; height: 150px;}
.sup{background: #eaeaea;}
.sup .con{  line-height: 50px;border-top: 1px solid #cfcfcf; color: #666666;}
.sup .con em{padding: 0 14px;}
.sup .con span{padding: 0 64px;}

.whole-bg{background: #f1efeb;padding-bottom: 45px;}

.in-nav {font-size: 0;text-align: center;  }
.in-nav>ul li {display: inline-block;width: 128px;font-size: 16px;height:58px;  color: #333333; }
.in-nav .current em,.in-nav li:hover em{color: #006e38;border-bottom: 3px solid #006e38;padding-bottom: 15px;}
.in-nav a {display: block; margin: 18px 0;border-right: 1px solid #e1e1e1;}
.in-nav>ul li:last-child a{border-right: none;}

.bgfff{background: #fff; }

.in-page{max-width: 1100px;}
.in-about{padding: 0 80px; line-height: 30px; font-size: 14px; color: #4a4a4a;}

.in-honor{padding: 45px 0 40px; }
.in-honor  li{margin-right: 20px;width: 260px; float: left;text-align: center; line-height: 2;font-size: 14px; color: #4a4a4a;}
.in-honor .pic-box{width: 260px;}
.in-honor .pic-box div{width: 260px; height: 202px;border:1px solid #e4e4e4;}
.in-honor .pic-box div img{max-width: 260px; max-height: 202px;}
.in-honor  li:hover{color: #006e38;}

.inner-one-news {float: left;padding-bottom: 14px; vertical-align: top; width:350px; margin: 0 16px 30px 0;  border: 1px solid #e0e0e0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;  }
.inner-one-news:nth-child(3n){margin-right: 0;}
.inner-one-news .pic-box{ width: 350px;}
.inner-one-news .pic-box div {width: 350px;height: 224px;*font-size: 135.63px;}
.inner-one-news .pic-box img {width: 350px;max-height: 224px;}
.inner-one-news p {margin: 0 18px;}
.inner-news-tit {font-size: 16px; padding-top: 10px; height: 27px; overflow: hidden; line-height: 30px;color: #444444; font-weight: bold;}
.inner-news-con {display: block;color: #666666; height:42px; overflow: hidden !important; font-size: 14px; }

.inner-one-news:hover .inner-news-btn {color: #fff;background: #5c453c; border-color: #5c453c  }
.inner-news-date{font-size: 12px; color: #666666; line-height: 2;}

.load-more{display:block;margin: auto; border-radius: 4px; background: #006e38; width:228px; height:64px; line-height: 64px;color: #fff;text-align: center; font-size: 16px;}
.wrap-load-more{ padding: 40px 0;}

.news-title {font-size: 24px;line-height: 3;text-align: center;}
.news-date {margin-bottom: 20px;font-size: 12px;line-height: 0;text-align: center;}
.other-news {padding-bottom: 20px;font-size: 12px;line-height: 2;}
.other-news a:hover {color: #006e38;}
         
.one-case {float: left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; width:345px;padding:3px;margin: 0px 25px 8px 0;color: #fff;}
.one-case p {height: 36px; line-height: 36px;text-align: center; font-size: 14px; color: #333333; }
.one-case .pic-box {margin: auto;width: 335px; position: relative; padding: 5px; border: 1px solid #e7e7e7;}
.one-case .pic-box div {width: 335px;height:256px; text-align: center;}
.one-case .pic-box img {max-width: 335px;max-height: 256px;  }
.one-case:hover p {color: #006e38;}

.contact .page-con { color: #303030; padding:130px 0 36px; font-size: 18px;line-height: 2.2;background: url(../images/contact-bg.jpg) right top no-repeat;}
.contact .service {color: #c0161f;}
.contact .service span {font-size: 48px;}
.contact .page-con strong{ color: #004ea2; font-size: 20px;}
.map{padding-bottom: 70px;}


.prodsear-box h5{font-size: 12px; color: #333333; padding-left:22px; line-height: 2;}
.prodsear-box select{width: 252px;height: 28px; text-indent: 10px; border:1px solid #e7e7e7;line-height: 28px; margin: 0 22px;}
 
.one-pro {float: left;width:280px;padding: 6px;height: 360px; background-color: #fff;  margin-top:30px; margin-right: 10px;}
.one-pro .pic-box {width: 280px;margin: auto; position: relative;}
.one-pro .pic-box div {width: 280px;height: 280px;*font-size: 145.25px;}
.one-pro .pic-box img {max-width: 280px;max-height: 280px;}
.one-pro:hover {box-shadow: 1px 1px 2px 1px #ccc;}
.one-pro .pic-box img.img2{position: absolute;left: 0;right: 0;top: 0;bottom: 0; margin: auto; display: none;}
.one-pro p{ font-size: 22px; color: #504f4f; line-height: 1; padding-top: 18px;}
.one-pro p span{ display: block; font-size: 16px; color: #9a9a9a; padding-top: 8px;}


.other-page {padding: 30px 0;font-size: 12px;font-weight: bold;line-height: 26px;text-align: right;color: #4e4e4e;}
.other-page a {display: inline-block;*display: inline;*zoom: 1;padding: 0 1em; margin: 0 6px 4px; background: #fff;border: 1px solid #dbdbdb;}
.other-page .page-on ,.other-page a:hover {color: #4e4e4e;border-color: #000000;}

.producut-view{  padding: 60px 0 48px;}
.wrap-pro-view{ float: left;width: 580px;}
.producut-view .pic-box {width: 580px;}
.producut-view .pic-box div{width: 580px;height: 580px;}
.producut-view .pic-box img {max-width: 580px;max-height: 580px;  }
.pro-intro {position: relative;float: right; width:472px; }
.pro-name {font-size:28px;   color: #333333; line-height: 2; padding-bottom: 6px; }

.pro-view-con{ padding: 14px 0  0px 6px; }
.text-tit{font-size: 14px; color: #333333; line-height: 2;  font-weight: bold;}
.pro-intro .text{padding: 15px 0; color: #666666; line-height: 30px; border-bottom: 1px solid #efefef;}
.pro-view-con p{background-position: left center; background-repeat: no-repeat; height: 34px; line-height: 34px; padding-left: 26px; margin-bottom: 10px;}
.pro-view-con p span{margin-right: 15px;width: 72px; display: inline-block; font-size: 14px; color:#333333; font-weight: bold;}
.pro-view-con p em{ color: #666666; font-size: 14px; display: inline-block; }
.pro-view-con p.c1{ background-image: url(../images/c1.png);}
.pro-view-con p.c2{ background-image: url(../images/c2.png);}
.pro-view-con p.c3{ background-image: url(../images/c3.png);}
.pro-view-con p.c4{ background-image: url(../images/c4.png);}
.pro-view-con p.c5{ background-image: url(../images/c5.png);}
.pro-view-con p.c6{ background-image: url(../images/c6.png);}

.other-pro{margin: 40px 0; overflow: hidden; font-size: 0; border: 1px solid #d6d6d6;height: 40px; background: #f3f3f3; color: #555555; line-height: 40px; width:260px; border-radius: 30px;}
.other-pro a{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; text-align: center; margin-top:12px; line-height:16px; display: inline-block; font-size: 15px; width: 33.1%; height: 16px;  }
.other-pro a:hover{ color: #167b49;}
.other-pro a.o3{border-left: 1px solid #cdcdcd}

.prodetail-tit{ font-size: 18px; color: #333333; line-height: 2.4; font-weight: bold;}
.pro-bot ul li{float: left; width: 260px; height: 160px;margin-right: 20px;}
.pro-bot ul li img{width: 100%;height: 100%;}
.pro-bot ul li:last-child{margin-right: 0;}

.re-pro li{width: 265px; font-size: 14px; color: #555555; float: left; margin-right: 13px; }
.re-pro li img{width: 265px;height: 265px;}

.re-pro  {padding:50px 0;}






@media screen and (min-width: 1200px) {
.banner .owl-controls{position: absolute;width: 100%;max-width: 1200px;margin: auto;left: 0;right: 0; top: 0;bottom: 0;}
#menu{z-index: -1;opacity: 0;}

.index-common-tit2{;background: url(../images/index-common-tit2.png) center center no-repeat;}
.index-common-tit2 p{color: #fff;}
}

@media screen and (max-width: 1199px) {
 .nav{display: none;}
 .logo{width: 160px;margin: 0; }
 .header{height: 50px; line-height: 50px; padding: 10px;}
 .sidebar-ico  {display: block;}
.one-join2{top: 0;}
.one-join img{width: 100%;}
.index-common-tit{width: auto;}
.index-news{background: none}
.index-one-news{margin: 32px 0;}
.index-pro,{padding: 20px 0;}
.index-case-list{margin: 0;}
.index-common-tit{margin: 24px 0;}
.index-news{height: auto;}
.news-con .l,.index-one-news a{padding: 0;}
.index-common-tit{padding: 18px 0 20px}
.index-common-tit p{font-size: 25px;}
.index-common-tit p span{padding-top: 10px;}
.sup .con{line-height: 2;text-align: center;}
.sup .con span{padding: 0 10px; display: block;}
.index-join .index-common-tit{padding-top: 24px;}
.index-join{height: auto;padding: 20px 0; background: none}
.index-one-pro img{width: 100%;}
.main-box{overflow: hidden;}
.one-pro{height: auto !important;}
.prodsear-box h5{padding-left: 1%}

.ha{height: auto !important;padding: 20px 10px !important;}
.dn{display: none !important;}
.p10{padding: 0 10px !important;}
.phone-mar{margin: 20px 0 !important;}
.r-pic-box{width: 96% !important; float: none !important;margin: auto !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.r-pic-box .pic-box {width: auto !important;height: auto !important; margin: auto !important;}
.r-pic-box .pic-box div{display: block !important;height: auto !important;width: auto !important;}
.r-pic-box .pic-box img{max-width: 100% !important;} 
 .half{width:48% !important; margin: 0 1% 10px!important; float: left !important;}
.index-one-news  .pic-box{margin-right: 10px !important;}
.index-one-case{width: 100%;float: none;}
.in-nav > ul li{margin-bottom: 0 !important}
.re-pro li img{height: auto;}
}
@media screen and (max-width: 767px) {
 
.contact .page-con{background: none;padding: 30px 0;}
}


@media screen and (max-width: 640px) {
body{opacity: 0;}

 
}
@media screen and (max-width: 640px) {
.index-one-pro .mask p{padding-top: 30%;}

}