@charset "utf-8";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,i{margin:0; padding:0;}
li,i{list-style:none;  font-style: inherit;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;}
img{border:0;}
em{font-style: initial;}
dl,dt,dd{margin: 0px; padding: 0px; list-style: none;}
.cl,.clear{height:0; overflow:hidden; clear:both;}
.fl{ float:left}
.fr{ float:right}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body,td,th{font-size: 14px;color:#333333;}
body{font-family:Microsoft YaHei; font-size: 14px; min-width:1400px; color:#333333;}
a{font-size:14px; color:#333333;}
.w1400 { width:1400px; margin:auto;}
.mar50{ margin:50px auto;}
.bottom30{margin-bottom:50px;}
.dis{ display: none;}
.w1050{width:1050px; float:right;}



.top{ height: 45px; line-height: 45px; background: #f5f5f5;}
.top .fl{ font-size: 14px; color: #aaaaaa;}
.top .fr a{ display: block; padding: 0 25px; font-size: 14px; color: #aaaaaa; float: left; border-left: 1px solid #e6e6e6;transition: all 0.5s; position: relative;}
.top .fr a img{    position: absolute;width: 136px;top: 46px;left: 0px; display:none;}
.top .fr a:hover img{display:block;}
.top .fr a:nth-child(3){border-right: 1px solid #e6e6e6;}
.top .fr a::before{ content: ""; display: block; height: 19px; width: 13px; background-image: url(images/1.png); background-repeat: no-repeat; background-position: left top;  float: left;    margin-top: 14px; margin-right: 10px; transition: all 0.5s;}
.top .fr a:nth-child(2)::before{width: 13px; background-position-x: -55px;}
.top .fr a:nth-child(3)::before{width: 22px; background-position-x: -23px;}
.top .fr a:hover{ color: #26b800;}
.top .fr a:hover::before{ background-position-y: bottom;}


.logo{ margin:40px 0px}
.logo_one{margin-top: 7px;}
.logo_one strong{ font-size: 28px; color: #333; display: block; margin-bottom:5px;}
.logo_one strong span{ color: #ffd801;}
.logo_one p{ font-size: 15px; color: #333; display:block; background:url(images/3_03.jpg) no-repeat;    line-height: 27px;color: #fff;}
.logo_one p span{    display: inline-block;width: 100px;text-align: center;}
.logo_two{ margin-right: 30px; margin-top: 5px;}
.top_tel{margin-right: 15px;    margin-top: 2px; text-align: right;}
.top_tel span{font-size: 13px; color: #999;    margin-top: 3px;}
.top_tel strong{ font-size: 30px; color: #26b800; display: block; font-family: Arial;letter-spacing: -1px;}
.top2_one{ margin-top: 58px;}


.nav{ background: #26b800;height: 70px; }
.nav li{ width: 12.5%; float: left; height:70px;text-align: center; position: relative;}
.nav li>a{ font-size: 16px; color: #fff;line-height: 70px; position: relative; z-index: 1; display: block;}
.nav li::before{ content: ""; display: block; width: 100%; height: 0%; background: #ffd801; position: absolute; z-index: 0; transition: all 0.5s; top: 0; left: 0;}
.nav li.cur::before,.nav li:hover::before{ height: 100%;}


.title{ text-align: center; margin: 70px 0 27px;}
.title span{ font-size: 42px; color: #333; display: block;}
.title span strong{ color: #26b800;}
.title p{ font-size: 17px; color: #999; font-weight: 100;}
.title ul{ margin-top: 21px;}
.title li{ display: inline-block; width: 9px; height: 9px; background: #f5f5f5; border-radius: 5px;}
.title li.on{ background: #26b800; margin: 0 5px;}

.products{overflow: hidden; margin-bottom:80px;}
.pro_nav{ width: 1400px; height: 100px; background: #26b800; overflow: hidden; margin-bottom:30px;}
.pro_til{padding: 0 35px;}
.pro_til strong{ font-size: 26px; color: #fff;letter-spacing: 4px; display: block; margin-top: 21px;}
.pro_til strong img{vertical-align: middle;margin-right: 4px;}
.pro_til span{ font-size: 13px; color: #cffcc4; text-transform: uppercase;    letter-spacing: 1px;}
.pro_nav ul{ width: 970px; height: 70px; background: #fff; border-radius: 5px; margin-top: 15px; margin-right: 20px; line-height: 75px;padding-left: 70px;}
.pro_nav li{ float: left; font-size: 16px; background: url(images/7_03.png) no-repeat left 31px; padding-left: 24px; margin-right: 17px;}
.pro_nav li a{ font-size: 16px; color: #333;}
.pro_nav li:hover a{ color:#26b800; font-weight:bold;}

.pro_con a{ width: 335px; height: 301px; float: left; display: block; margin-right: 20px; overflow: hidden;border: 1px solid #f5f5f5;box-sizing: border-box;} 
.pro_con a:nth-child(4n){ margin-right: 0;}
.pro_con a:nth-child(n+5){ margin-top: 20px;}
.pro_con a img{ display: block; width: 335px; height: 251px; transition: all 0.3s ease;}
.pro_con a p{ height: 50px; line-height: 50px; position: relative; background: #f5f5f5;}
.pro_con a p span{ padding-left: 20px; font-size: 15px; color: #333; position: relative; z-index: 1;}
.pro_con a p::before{ content: ""; display: block; width: 14px; height: 16px; background: url(images/8.png) no-repeat left; position: absolute; right: 20px; top: 17px; transition: all 0.3s; z-index: 1;}
.pro_con a p::after{content: ""; display: block; position: absolute; width: 100%; height: 0%; transition: all 0.3s ease; background: #26b800; left: 0; top: 0; z-index: 0;}
.pro_con a:hover p::after{ height: 100%;}
.pro_con a:hover p::before{background: url(images/8.png) no-repeat right;}
.pro_con a:hover p span{ color: #fff;}
.pro_con a:hover img{ transform: scale(1.1);}


.case{ overflow: hidden; height: 999px; background: url(images/9_02.jpg) no-repeat center;}
.case_box dt a{ width: 460px; height: 345px; position: relative; display: block; overflow: hidden;}
.case_box dt img{ width: 100%; height: 100%; display: block; transition: all 0.3s;}
.case_box dt span{position: absolute; width: 214px; height: 52px; line-height: 52px; text-align: center; color: #fff; font-size: 16px; left: 0; bottom: 0; background: #26b800;}
.case_box dt a:first-child{ margin-bottom: 10px;}
.case_box dt:nth-child(3) span{ left: auto; right: 0;}
.case_box dd img{ margin: 0 10px; display: block;}
.case_one{ width: 480px; height: 407px; background: #26b800; text-align: center;overflow: hidden;}
.case_one strong{ font-size: 30px; color: #fff; display:block;  background: url(images/12_03.png) no-repeat center; padding-top: 30px; margin: 27px 0 26px;}
.case_xt{ width: 28px; height: 3px; background: #fff; margin: 0 auto;}
.case_one p{line-height:27px; color: #cffcc4; font-size: 15px; width: 430px; text-align: center; margin: 23px auto 23px;}
.case_one ul{margin: 0 auto; display: inline-block;}
.case_one li{ width: 77px; height: 69px; border: 3px solid #fff; border-radius: 5px; text-align: center; font-size: 22px; color: #fff; font-weight: bold; padding-top: 8px; float: left; margin: 0 10px;}
.case_box dt a:hover img{transform: scale(1.2);}


.company{overflow: hidden; background: url(images/13_02.png)no-repeat center top; padding-bottom: 80px;overflow: hidden;}
.company .title{ margin-top: 140px;}
.company .title span{ color: #fff;}
.company .title span strong{ color: #fff;}
.company .title p{ color: #cffcc4;}
.company .title li{ background: #fff; opacity: .6;}
.company .title li.on{ opacity: 1;}
.com_one{ width: 650px; padding-left: 45px; position: relative; padding-top: 70px;}
.com_one strong{ font-size: 30px; color: #fff; display: block; background: url(images/15_03.png) no-repeat top left;padding-top: 10px;}
.com_one span::before{ margin-top: 12px;margin-right: 10px;width: 60px; height: 1px; background: #fff; display: block; content: ""; float: left;}
.com_one span{ font-size: 18px; color: #fff; display: block; margin: 5px 0 30px;}
.com_one p{ font-size: 15px; color: #cffcc4; line-height: 26px; margin-bottom: 50px;}
.com_one a{ width: 130px; height: 40px; text-align: center; line-height: 34px; color: #fff; background: #ffd801; display: block; float: left; margin-right: 20px;transition: all 0.3s; box-sizing: border-box;border: 3px solid #ffd801;}
.com_one a:hover{ background:none;  color: #ffd801;}
.plant{width: 1300px; height: 344px; background: #fff; box-shadow: 0px 0px 40px 5px rgba(0, 0, 0, 0.05); margin-top: 50px; padding: 30px 50px;}
.plant_til{ padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px;}
.plant_til strong{ font-size: 20px; color: #26b800; display: block; font-weight: bold; padding-left: 35px; background: url(images/16_03.png) no-repeat left center; float: left;}
.plant_til a{ font-size: 14px; color: #fff; background: #26b800; text-align: center; line-height: 34px; width: 100px; height: 34px; line-height: 34px;text-align: center; transition: all 0.5s;}
.plant_til a:hover{ background: #ffd801;}
.plant_box a{ display: block; width: 310px; height: 278px; overflow: hidden; float: left; margin-left:20px ;}
.plant_box a:first-child{ margin-left: 0;}
.plant_box a img{ display: block; width: 310px; height: 233px;}
.plant_box a p{ height: 45px; line-height: 45px; text-align: center; font-size: 14px; color: #333; background: #f5f5f5; position: relative; transition: all 0.3s;}
.plant_box a:hover p{  background: #26b800; color: #fff;}