.header{background: url(../images/bgh.png) repeat-x center;background-size: 4px 100%;position: relative;}
.header *{color: #fff;}
#menu{display: none;}
.share{margin: 35px 20px 0 0;text-align: right;font-size: 0}
.share a{display: inline-block;padding: 0 22px;width: 40px;}
.share a img{display: block;width: 100%;}
.share a.wb{padding-right: 0;}
.share a.wx{color: #175d53;position: relative;}
.share a.wx:hover .ewmBox{display: block;}
.ewmBox{position: absolute;left: 0;top: 50px;width: 100px;height: 100px;z-index: 99;
	display: none;}
.seaBox{border: 1px solid #a0a0a0;width: 210px;height: 39px;background-color: #fff;
border-radius: 10px;overflow: hidden;margin-top: 30px;}
.seaBox input{display: block;box-sizing: border-box;height: 100%;color: #333;}
.seaBox input.text{width: 170px;padding: 0 10px;font-size: 16px;}
.seaBox input.btn{width: 40px;background-position:right center;background-repeat: no-repeat;
background-size: 23px;background-color: transparent;cursor: pointer;
}
.logo{width: 165px;height: 100px;}
.logo *{display: block;width: 100%;height: 100%;}
.allProduct{display: block;width: 25%;text-align: center;margin: 30px 0 20px;}
.allProduct a{font-size: 16px;;color: #333;display: inline-block;border-bottom: 1px solid #333;
line-height: 1.6em;}
.banner img{display: block;width: 100%;}
.banner .swiper-pagination-bullet{width: 6px;height: 6px;background-color: #333333;opacity: 1;
margin: 0 10px !important;transition: 0.3s all;vertical-align: middle;}
.banner .swiper-pagination-bullet-active{width: 12px;height: 12px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 40px;}
.title{text-align: center;}
.title{position: relative;margin: 50px 0;}
.title h3{font-size: 30px;display: inline-block;background-color: #fff;padding: 0 10px;}
.title h3 strong{font-size: 40px;margin: 0 5px;}
.title span{display: block;font-size: 28px;padding: 15px 0 20px;}
.title .line{width: 388px;height: 78px;position: absolute;bottom: 0;left: 50%;margin-left: -195px;
border: 1px solid #000;z-index: -1;}
.title .line i{display: block;width: 90px;height: 18px;background-color: #500047;
position: absolute;bottom: -9px;left: 50%;margin-left: -45px;}
.starRec-ul{font-size: 0;}
.starRec-ul li{display: inline-block;vertical-align: top;width: 25%;position: relative;}
.starRec-ul li .font{position: absolute;bottom: 0;left: 0;width: 100%;background-color: #58a449;
padding: 6px 0;}
.starRec-ul li img{display: block;width: 100%;}
.starRec-ul li:nth-child(2n) .font{background-color: #40312c;}
.starRec-ul li .font *{font-size: 18px;color: #fff;text-align: center;display: block;line-height: 1.4em;}
.starRec-ul li i{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;
background-color: rgba(0,0,0,.5);opacity: 1;filter:alpha(opacity=100);transition: 0.5s all;}
.starRec-ul li:hover i{opacity: 0;filter:alpha(opacity=0);}
.moreSuits img,.suits-ul li img{display: block;width: 100%;}
/*.SuitsBox{height: 550px;}*/
.SuitsBox *{height: 100%;display: block;width: 100%;}
.suits-ul{font-size: 0;border-bottom: 1px solid #58a449;margin-top: 5px;}
.suits-ul li{display: inline-block;width: 16.66%;vertical-align: top;margin-bottom: -2px;
}
.suits-ul li a{position: relative;display: block;width: 100%;height: 130px;
background-repeat: no-repeat;background-position: center;background-size: cover;}
.suits-ul li a::after{content: "";display: block;width: 100%;height: 100%;border: 4px solid #58a449;
display: none;position: absolute;top: 0;left: 0;z-index: 9;box-sizing: border-box;}
.suits-ul li img{display: block;width: 100%;}
.suits-ul li.on a::after{display: block;}
.suits-ul li.on p{border-color: #58a449;}
.suits-ul li p{font-size: 18px;text-align: center;line-height: 30px;
	border-bottom: 4px solid transparent;}
.hotSaleBan{position: relative;}
.hotSaleBan p{text-align: center;font-size: 24px;background-color: #58a449;color: #fff;
line-height: 60px;height: 60px;}
.hotSaleBan img{display: block;width: 100%;border: 3px solid #eeeeee;box-sizing: border-box;
	margin-bottom: -3px;}
.hotSaleBan .swiper-container{margin: 0 50px;}
.hotSaleBan a:hover p.h{display: block;}
.hotSaleBan a:hover p.s{display: none;}
.hotSaleBan .btn{width: 20px;height: 37px;background-size: 100% 100%;margin-top: -18.5px;}
.videoPro{padding-bottom: 45px;}
.video img{display: block;width: 100%;height: 100%;cursor: pointer;}
.videoFrame{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 9999;display: none;}
.videoFrame .close{width: 100%;height: 100%;
background-color: rgba(0,0,0,.8);}
.videoFrame .videoBox{width: 900px;height: 550px;position: absolute;left: 50%;margin-left: -450px;
top: 50%;margin-top: -275px;background: #fff;}
.videoFrame .videoBox .x{width: 20px;height: 20px;font-size: 20px;position: absolute;right: 10px;
	top:15px;cursor: pointer;z-index: 99;}
.videoFrame .videoBox video{width: 100%;height: 100%;}
/*产品系列*/
.public{margin: 20px 0 0;}
.publicLeft{width: 22.5%;}
.publicRight{width: 74%;}
.address{padding-bottom: 20px;}
.address a{display: inline-block;font-size: 14px;}
.address a.on{color: #58a449;}
.logo3,.nav3-ul{border-top: 1px solid #58a449;}
.logo3 *{display: block;width: 100%;}
.nav3-ul>li:first-child .childPro{display: block;}
.nav3-ul>li>a{font-size: 18px;color: #58a449;height: 60px;line-height: 60px;position: relative;}
.nav3-ul>li>a i{display: block;width: 23px;height: 22px;position: absolute;left: 12px;top: 50%;
	margin-top: -11px;background: url(../images/jia2.png) no-repeat center;background-size: 100% 100%;
transition: 0.3s all;}
.nav3-ul>li.on>a i{background-image: url(../images/jian2.png);transform: rotate(180deg);}
.nav3-ul>li a{padding-left: 66px;display: block;border-bottom: 1px solid #58a449;}
.childPro{display: none;}
.childPro>li>a{font-size: 16px;height: 50px;line-height: 50px;}
.childPro>li>a span{display: inline-block;float: right;height: 50px;line-height: 50px;margin-right: 40px;}
.sortAll{background-color: #58a449;padding: 0 20px;}
.sortAll *{font-size: 18px;color: #fff;line-height: 50px;}
.sort p a{padding: 0 10px;}
.product-ul{font-size: 0;}
.product-ul li{display: inline-block;vertical-align: top;width: 23%;margin: 2.66% 2.66% 0 0;}
.product-ul li:nth-child(4n){margin-right: 0;}
.product-ul li img{display: block;width: 100%;border: 1px solid #dcdcdc;margin-bottom: -1px;
	box-sizing: border-box;}
.product-ul li a{display: block;text-align: center;font-size: 18px;height: 36px;line-height: 36px;}
.product-ul li a.buy{color: #fff;background-color: #58a449;}
.product-ul li a.see{margin-top: 5px;background-color: #b5b5b5;}
.proD01{background-position: center;background-size: cover;margin: 20px 0;}
.proD01 .imgBox{width: 50%;}
.proD01 .imgBox img{display: block;width: auto;margin: 100px auto;}
.proD01 .text{width: 35%;padding: 70px 0;}
.proD01 .text *{text-align: center;line-height: 3em;font-size: 18px;}
.proD01 .text .til{background-repeat: no-repeat;background-position: center bottom;
	padding-bottom: 20px;margin-bottom: 10px;}
.proD01 .text .til *{font-size: 20px;line-height: 1.6em;}
.proD01 .text p span{border: 1px solid #c9c9c9;display: inline-block;width: 100px;line-height: 1.8em;
	background: url(../images/sj.png) no-repeat 80px center #fff;box-sizing: border-box;padding-right: 15px;}
.proD01 .text a{width: 160px;margin: 0 auto;background-color: #58a449;color: #fff;display: block;
font-size: 18px;line-height: 37px;height: 37px;margin-top: 10px;}
.proD02{padding-bottom: 50px;}
.proD02 .til{background-color: #e5e5e5;margin-bottom: 10px;}
.proD02 .til h3{display: inline-block;font-size: 18px;color: #fff;background-color: #58a449;text-align: center;
line-height: 45px;width: 165px;}
.proD02 *{font-size: 16px;line-height: 2em;}
.proD02 .section img{display: block;width: auto;margin: 0 auto;}
.about-ul{margin-top: 110px;background-position: center;background-repeat: no-repeat;}
.about-ul li:nth-child(2){margin-top: 120px;padding: 0;}
.about-ul li:nth-child(2) .til h3{margin-top: 250px;}
.about-ul li .til h3{font-size: 48px;color: #9b9500;text-align: center;margin-top: 160px;}
.about-ul li .til{width: 23%;}
.about-ul li .text{width: 75%;}
.about-ul li .text .li{padding: 15px 0;}
.about-ul li .text1 .li{padding: 0;}
.about-ul li .text .img1{width: 33%;}
.about-ul li .text .font{width: 60%;}
.about-ul li .text .font h3{font-size: 24px;font-weight: bold;padding-left: 40px;line-height: 2em;
	background: url(../images/hua.png) no-repeat left center;}
.about-ul li .text .font p{font-size: 16px;line-height: 2em;text-overflow: ellipsis;overflow: hidden;
	display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.about-ul li .text1 .li{width: 50%;float: left;}
.about-ul li .text1 .li img{display: block;width: 100%;height: 260px;}
.about-ul li .text1{background-color: #eeeeee;}
.about-ul li .text1 .li .font1{padding: 20px 25px;}
.about-ul li .text1 .li .font1 p{line-height: 2em;}
.about02 .section{width: 77%;margin: 0 auto}
.about02 h3{font-size: 30px;font-weight: bold;text-align: center;color: #9b9500;padding: 70px 0 40px;}
.about02 p{font-size: 16px;line-height: 2em;}
.about02 img{margin: 50px auto 100px;display: block;width: auto;}
.starRec02{padding-bottom: 100px;}
.join01-banner{display: none;position: relative;}
.join-ul{font-size: 0;}
.join-ul li{display: inline-block;width: 30%;margin-right: 5%;position: relative;}
.join-ul li:nth-child(3n){margin-right: 0;}
.join-ul li img{display: block;width: 100%;}
.join-ul li p,.join01-banner .swiper-slide p{font-size: 28px;line-height: 65px;width: 100%;position: absolute;left: 0;;bottom: 0;
background-color: rgba(88,164,73,.8);text-align: center;color: #fff;}
.joinNav{font-size: 0;text-align: center;margin-bottom: 30px;}
.joinNav a{display: inline-block;font-size: 18px;padding: 0 20px;line-height: 2em;}
.eventBox{margin: 0 80px;}
.eventBox>div img{display: block;width: auto;margin: 0 auto;}
.eventBox>div{display: none;}
.eventBox>div:first-child{display: block;}
.join04{margin-bottom: 50px;}
.join04 .tel{position: relative;margin: 0 80px;}
.join04 .tel img{display: block;width: 100%;}
.join04 .tel p{font-size: 28px;text-align: center;color: #fff;position: absolute;width: 100%;left: 0;
	bottom: 0;background-color: rgba(88,164,73,.8);line-height: 80px;}
.join01-banner img{display: block;width: 100%;margin: 0 auto;}
.join01-banner .swiper-container{width: 65%;}
.join01-banner .btn{width: 30px;height: 50px;background-size: 100% 100%;margin-top: -25px;}
.join01-banner .swiper-button-prev{left: 0;}
.join01-banner .swiper-button-next{right: 0;}
.addressJoin,.experience{margin-top: 40px;}
.joinD{padding-bottom: 50px}
.joinD .section *{font-size: 18px;line-height: 2em;}
.joinD .section img{display: block;margin: 25px auto;width: auto;}
.experience-ul li a{display: block;border-bottom: 1px dashed #c9c9c9;padding: 20px 0;}
.experience-ul li h3{font-size: 18px;}
.experience-ul li .imgBox{width: 215px;}
.experience-ul li .imgBox img{display: block;width: 100%}
.experience-ul li .text{width: 930px;}
.experience-ul li .text h3{margin: 50px 0 20px}
.experience-ul li .text h3 p{font-size: 18px;;width: 50%;white-space: nowrap;
text-overflow: ellipsis;overflow: hidden;display: inline-block;}
.experience-ul li .text h3 span{float: right;font-size: 14px;}
.experience-ul li .text p{font-size: 14px;color: #666666;-webkit-box-orient:vertical;line-height: 1.3em;
text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;}
.experience-ul li:hover{background-color: #f6f6f6;cursor: pointer;}
.experience-ul li:hover  .text h3{color: #58a449;}
.experience-ul li .text{width: 730px;}
.experienceD .til{padding: 40px 0 10px;}
.experienceD .til *{text-align: center;line-height: 2em;}
.experienceD .til h3{font-size: 22px;}
.experienceD .til span{font-size: 18px;display: block;color: #999;}
.experienceD .section *{text-indent:2em;line-height: 2em;font-size: 18px;} 
.experienceD .section img{display: block;width: auto;margin: 20px auto}
a.goback{margin: 50px auto;display: block;}
.experienceD .aBox{overflow: hidden;margin-bottom: 50px;}
.experienceD .aBox a{float: left;text-align: left;width: 45%;white-space: nowrap;font-size: 24px;
text-overflow: ellipsis;overflow: hidden;}
.experienceD .aBox a:nth-child(2){float: right;text-align: right;}

.experience2D{margin: 80px 0;}
.experience2{margin: 200px 0;}
.experience2D .cw1530,.experience2 .cw1530{position: relative;}
.experience2D .swiper-container{margin: 0 100px;}
.experience2 .swiper-container{margin: 0 100px;}
.experience2 p{font-size: 24px;text-align: center;line-height: 2em;}
.experience2 .swiper-slide-active p{color: #58a449;}
.experience2 img{display: block;width: 100%;}