@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;}

.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;  border-bottom: 3px solid #009944}
.logo {margin-top:24px; float: left;}
 

.nav {float: left;font-size: 14px;line-height: 2;color: #999;margin: 70px 0 0 32px;}
.nav li {float: left;width:94px;text-align: center; height: 40px; margin: 0 10px; line-height: 40px;}
.nav li:hover ,.nav .present {color: #fff; background: #009944;}
.nav a {display: block;}
 
.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;}

.header-search {padding-top: 76px; float: left; }

.search-bar {padding-left: 10px;width:74px; border:1px solid #dadada; font-size: 14px; height: 26px; line-height: 26px;color: #999999;background: #fff;border: 1px solid #dadada; }
.search-btn { width: 19px;height:19px; background: url(../images/search.png);border: 0 none;  }

.hearder-phone{position: absolute;right: 0;top: 25px;height: 30px; line-height:30px; font-size: 20px; color: #959595;}
.hearder-phone>a{display:inline-block;*display:inline;vertical-align: top; margin: 0 0 0 5px}
.hearder-phone .language{
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid #4b4b4b;
	line-height: 26px;
	text-align: center;
	font-size: 12px;
}

.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; }

.index-common-tit {text-align: center; padding:30px 0;}
.index-common-tit p{ color: #1f1a17; font-size: 35px;}
.index-common-tit span{line-height: 1.8; display: block; font-size:16px; color: #009944}
.index-common-tit .line{margin: auto; width:109px; background: url(../images/g-line.png) center center no-repeat; height: 6px;}

.main-box2{max-width: 1688px;}
.index-pro-con li{float: left;width: 32.8%; margin:0 .2% 10px; position: relative;}
.index-pro-con li .hide-section{position: absolute; font-size: 16px; color: #333333; left: 0;right: 0;bottom: 0; height: 45px; line-height: 45px;text-align: center;background: rgba(255,255,255,.4); }
 
.index-case-list{max-width: 1102px}
.index-case-list{margin-top: 46px}
.index-case{height: 664px; margin-top: 40px; background: url(../images/index-case.jpg) center top no-repeat;}
.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;}

.index-join{height:593px;  background: url(../images/index-join.jpg) center top no-repeat; margin-top: 30px;}
.index-join-text{font-size: 14px; color: #313131; line-height: 38px;text-align: center;}
.index-join ul{margin-top: 35px;}
.index-join ul li{width: 100%;float: left; margin-right: 68px;text-align: center;font-size: 16px; color: #313131;}

.index-about{height:821px;  background: url(../images/index-about.jpg) center top no-repeat;  }
.index-about .con{font-size: 14px; color: #525252; line-height: 24px; padding: 0 90px;text-align: center;}
.index-about .con em{color: #009944;}

.index-concept{height: 703px;text-align: center; background: url(../images/index-concept.jpg) center top no-repeat; margin-bottom: 74px;}
.index-concept ul{margin-top: 34px;}
.index-concept ul li{display:inline-block;*display:inline;vertical-align: top; margin: 0 32px;}
.index-concept ul li .tit{ font-size: 22px; color: #009944; line-height: 2;}
.index-concept ul li .con{font-size: 14px; color: #009944;line-height: 20px;}

.footer {background: #eaeaea;padding: 18px 0;}
.footer .con{font-size: 14px; color: #696969; line-height: 26px;}
.footer .con a{margin: 0 4px;}
.footer .con a:hover{color: #34ac6a}
.sup{text-align: center; font-size: 14px; color: #666666; padding: 30px 0 0 0;}
.sup a:hover{ color: #009944}

.in-nav {font-size: 0;text-align: center; border-bottom: 1px solid #e1e1e1; }
.in-nav>ul li {display: inline-block;width: 138px;font-size: 16px;height:48px;  color: #333333; }
.in-nav .current ,.in-nav li:hover {color: #009944;background: url(../images/in-nav.png) center bottom no-repeat;}
.in-nav a {display: block; margin: 10px 0;border-right: 1px solid #e1e1e1;}
.in-nav>ul li:last-child a{border-right: none;}

.about1{height: 932px;background: url(../images/about1.jpg) center bottom no-repeat;}
.about1 .con{font-size: 14px; color: #525252; line-height: 26px; padding: 0 90px;}
.about1 .con em{color: #009944;}

.about-honor .swiper-container{text-align: center;line-height: 2;font-size: 14px; color: #4a4a4a}
.about-honor .swiper-container .pic-box{width: 260px;}
.about-honor .swiper-container .pic-box div{width: 260px; height: 202px;border:1px solid #e4e4e4;}
.about-honor .swiper-container .pic-box div img{max-width: 260px; max-height: 202px;}

.h-arrow{ width: 16px; height: 28px;display:inline-block;*display:inline;vertical-align: top;}
.about-honor .arrow-left {background: url(../images/h-l.png) no-repeat left top;}
.about-honor .arrow-right {background: url(../images/h-r.png) no-repeat left bottom;}

.about-honor .honor-control{text-align: center; margin:30px 0}
.about-honor .pagination{display:inline-block;*display:inline;vertical-align: top; margin-top: 10px;}
.about-honor  .swiper-pagination-switch {display:inline-block;*display:inline;vertical-align: top;width: 8px;height: 8px;border-radius: 50%;background: #d6d6d6;margin: 0 5px;cursor: pointer;}
.about-honor  .swiper-active-switch {background: #009944;}

.one-case {float: left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border: 1px solid #e7e7e7;width:372px;padding:3px;margin: 0px 28px 26px 0;color: #fff;}
.one-case p {margin:auto;font-size: 14px;text-indent: 38px;  height:38px; line-height: 38px; background: rgba(0,0,0,.5) url(../images/one-case-line.jpg) 18px center no-repeat;  position: absolute;left: 0;right:0;bottom:0;}
.one-case .pic-box {margin: auto;width: 372px; position: relative;}
.one-case .pic-box div {width: 372px;height:274px; text-align: center;}
.one-case .pic-box img {max-width: 372px;max-height: 274px;  }
.one-case:hover p {color: #76a322;}

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

.one-news {font-size: 14px; line-height: 2; color: #555555;  }
.one-news a {position: relative;display: block;height: 356px; padding: 30px 0;}
.one-news .pic-box {float: left;width: 474px; margin-right:16px; padding: 9px;border:1px solid #e0e0e0;  }
.one-news .pic-box div {width: 474px;height:312px;*font-size: 136.5px;}
.one-news .pic-box img {max-width: 474px;max-height: 312px;}
.one-news-tit {font-size: 22px;color: #333333; padding: 10px 0; line-height: 1}
.one-news .date{font-size: 14px; color: #555555;padding: 18px 0}
.one-news:hover { background-color: #ebebeb}
.view-news { position: absolute;left:511px;bottom: 60px;width: 140px; background: #009944; display: block; color: #fff;line-height: 45px; height: 45px;text-align: center; }

.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: #009944;}

.one-pro {float: left; margin:0 18px 12px 0;font-size: 14px;line-height: 2;text-align: center;color: #434343;}
.one-pro .pic-box {width: 272px;padding: 5px;margin: auto;border: 1px solid #dcdcdc;}
.one-pro .pic-box div {width: 272px;height: 272px;*font-size: 145.25px;}
.one-pro .pic-box img {max-width: 272px;max-height: 272px;}
.one-pro:hover {color: #009944;}
 
.producut-view{ padding: 36px 0 0 0;}
.pro-left{float: left;width: 532px; }
.producut-view .bd .pic-box { width: 520px; padding: 5px;border:1px solid #dcdcdc;}
.producut-view .bd .pic-box div{width: 520px;height: 520px; }
.producut-view .bd .pic-box img {max-width: 520px;max-height: 520px;}

.producut-view .hd{margin: 16px 0;}
.producut-view .hd li{float: left;margin-right:5px;}
.producut-view .hd .pic-box { width: 86px;}
.producut-view .hd .pic-box div{width: 86px;height: 86px;}
.producut-view .hd .pic-box img {max-width:82px;max-height: 82px;border:2px solid transparent;}
.producut-view .hd li.on .pic-box img{ border:2px solid #009944;}


.pro-intro {position: relative;width:640px;  float:right; }
.pro-name {font-size: 20px;color: #333333;border-bottom: 1px solid #dedede;  line-height: 1; padding-bottom: 16px;}
.pro-text{font-size: 14px; color: #666666; line-height: 24px; padding: 14px 0; }

.pro-describe{padding:45px 0;border-bottom: 1px solid #f3f3f3 }
.pro-describe p{ line-height: 45px;height: 45px; font-size: 14px; color: #666666;}
.pro-describe strong{font-size: 14px; color: #333333; padding-right: 28px;}
 
.other-pro{margin-top: 45px;}
.other-pro a {margin-right: 6px; border-radius: 4px; display: inline-block;*display: inline;*zoom: 1;height: 32px;padding: 0 2em; font-size: 12px;line-height: 32px;text-align: center;color: #fff;background: #00be54; }
.other-pro a:hover {color: #fff;background: #009944;}

.pro-effect{text-align: center}
.pro-effect .tit{font-size: 26px;margin: 35px 0; color: #333333;}
.pro-effect .tit span{width: 78px; height: 3px; background: #009944; display: block; margin:4px auto;}

.re-pro{text-align: center; margin-bottom: 30px;}
.re-pro .tit{font-size: 26px;margin: 35px 0; color: #333333;}
.re-pro .tit span{width: 78px; height: 3px; background: #009944; display: block; margin:4px auto;}


.wrap-effect{position: relative;}
.e-arrow{ width: 40px; height:67px;position: absolute;top: 50%; margin-top: -34px;}

.wrap-effect .arrow-left {background: url(../images/e-l.png) no-repeat left top; left: 72px;}
.wrap-effect .arrow-right {background: url(../images/e-r.png) no-repeat left bottom; right: 72px;}
.wrap-effect img{width: }

 



@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;}
}

@media screen and (max-width: 1199px) {
 .nav{display: none;}
 .logo{width: 130px;margin-top: 6px; }
 .header{height: 50px; line-height: 50px; padding: 10px;}
 .sidebar-ico  {display: block;}
 .index-common-tit p{font-size: 24px;}
.index-common-tit span{font-size: 14px;}
.index-one-case{width: 100%;float: none;}
.index-concept ul li{height: 187px;}
.one-news {padding: 0 10px;}
.one-news .pic-box {float:none;width: auto; margin: auto;}
.one-news .pic-box div {width: auto;height:auto; display: block;text-align: center;}
.one-news .pic-box img {max-width: 100%; }
.view-news {margin:10px auto;}
.one-news-tit{  line-height: 1.8}
.one-news a{height: auto;}
.wrap-effect .arrow-left { left:0px;background-size: 50% auto; background-position: center center}
.wrap-effect .arrow-right { right: 0px;background-size: 50% auto; background-position: center center}
.producut-view .bd .pic-box div{width: auto !important}
.producut-view .hd li{ margin-bottom: 10px;}

.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;}
.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-case{padding: 0 !important}
.index-concept,.index-about,.about1{background: none !important}

.about-honor .swiper-container .pic-box{width: auto;}
.about-honor .swiper-container .pic-box div{width: auto; height: auto;border:1px solid #e4e4e4;}
.about-honor .swiper-container .pic-box div img{max-width: 100%;width: 100%; max-height: 202px;}


}
@media screen and (max-width: 767px) {
.banner .owl-nav div{width: 19px;height: 34px; margin-top: -19px;}
.banner .owl-nav div.owl-prev ,.banner .owl-nav div.owl-next{background-size: contain;}
.banner .owl-dots{height: 30px; line-height: 30px;}
.banner .owl-dot{width: 10px; height: 10px;}
}


@media screen and (max-width: 640px) {
body{opacity: 0;}
.index-pro-con li .hide-section{height: 30px;line-height: 30px; }

 
}