/* banner */
.bannerpic{padding-bottom: 600px;}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom: 42%;}
}

/* title */
.home_title{line-height: 1;text-align: center;padding-bottom: 50px;}
.home_title p{font-size: 30px;font-weight: 600;}
.home_title span{display: block;width: 280px;margin: 20px auto 0;position: relative;height: 20px;background: url(../images/icon4.png) center no-repeat;}
.home_title span *{width: 120px;height: 1px;background: #e6e6e6;position: absolute;top: 7px;}
.home_title span i{left: 0;}
.home_title span em{right: 0;}

@media only screen and (max-width:1440px){
.home_title{padding-bottom: 45px;}
}
@media only screen and (max-width:1250px){
.home_title{padding-bottom: 40px;}
}
@media only screen and (max-width:1024px){
.home_title{padding-bottom: 35px;}
}
@media only screen and (max-width:768px){
.home_title{padding-bottom: 30px;}
.home_title p{font-size: 25px;}
}
@media only screen and (max-width:480px){
.home_title{padding-bottom: 25px;}
.home_title span{margin-top: 15px;width: 240px;}
.home_title span *{width: 100px;}
}

/* product */
.productbox{padding: 80px 0 60px;}
.productbox .clalist{width: 18%;max-width: 250px;float: left;background: #00a645;color: #fff;border-radius: 5px;padding: 5px;}
.productbox .clalist .tit{width: 100%;text-align: center;}
.productbox .clalist .tit p{display: inline-block;height: 90px;margin: 0 auto;line-height: 1;padding: 15px 0 15px 50px;text-align: left;position: relative;}
.productbox .clalist .tit i{position: absolute;left: -5px;top: 15px;height: 60px;font-size: 80px;font-style: normal;line-height: 63px;}
.productbox .clalist .tit span{display: block;font-size: 16px;padding: 15px 0 4px;}
.productbox .clalist .tit em{display: block;font-style: normal;font-size: 24px;}

.productbox .clalist ul{background: #fff;border-radius: 5px;flex-wrap: wrap;padding: 25px 20px 15px;text-align: center;}
.productbox .clalist ul li{width: 100%;margin-bottom: 10px;}
.productbox .clalist ul li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;font-weight: 600;line-height: 20px;padding: 10px 5px;border-radius: 5px;}
.productbox .clalist ul li:hover a{background: #00a645;color: #fff;}

.productbox .prolist{width: 80%;max-width: 1150px;float: right;}
.productbox .prolist ul{margin: 0 -10px;flex-wrap: wrap;}
.productbox .prolist ul li{width: 25%;float: left;flex-shrink: 0;padding: 0 10px 10px;text-align: center;}
.productbox .prolist ul li a{display: block;width: 100%;height: 100%;}
.productbox .prolist ul li p{width: 100%;overflow: hidden;background: #fafafa;border-radius: 10px;}
.productbox .prolist ul li p em{padding-bottom: 145px;}
.productbox .prolist ul li p em img{max-width: none;height: 100%;}
.productbox .prolist ul li h3{display: block;font-size: 15px;line-height: 25px;padding: 10px 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

@media only screen and (max-width:1440px){
.productbox{padding: 70px 0 50px;}
}
@media only screen and (max-width:1250px){
.productbox{padding: 65px 0 50px;}
.productbox .clalist{width: 20%;max-width: 220px;}
.productbox .clalist .tit p{height: 80px;padding: 15px 0 15px 45px;}
.productbox .clalist .tit i{top: 15px;height: 50px;font-size: 70px;line-height: 53px;}
.productbox .clalist .tit span{padding: 10px 0 5px;font-size: 15px;}
.productbox .clalist .tit em{font-size: 20px;font-weight: 600;}
.productbox .clalist ul{padding: 15px 10px 10px;}
.productbox .clalist ul li{margin-bottom: 5px;}
.productbox .prolist{width: 78%;margin-bottom: -5px;}
.productbox .prolist ul{margin: 0 -5px;}
.productbox .prolist ul li{padding: 0 5px 5px;}
.productbox .prolist ul li p{border-radius: 5px;}
.productbox .prolist ul li p em{padding-bottom: 130px;}
.productbox .prolist ul li h3{line-height: 20px;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 55px 0 45px;}
.productbox .clalist{width: 100%;max-width: 100%;background: none;color: #333;border-radius: 0;padding: 0;}
.productbox .clalist .tit{display: none;}
.productbox .clalist ul{padding: 0 0 35px;margin: 0 -5px;}
.productbox .clalist ul li{width: 20%;float: left;flex-shrink: 0;padding: 5px;margin: 0;}
.productbox .clalist ul li a{background: #00a645;color: #fff;line-height: 25px;}
.productbox .clalist ul li:hover a{background: #fb0;}
.productbox .prolist{width: 100%;}
}
@media only screen and (max-width:768px){
.productbox{padding: 45px 0 35px;}
.productbox .clalist ul{padding-bottom: 30px;margin: 0 -1px;}
.productbox .clalist ul li{padding: 1px;width: 33.333%;}
.productbox .clalist ul li a{border-radius: 3px;}
.productbox .prolist ul li{width: 33.333%;}
.productbox .prolist ul li p em{padding-bottom: 120px;}
.productbox .prolist ul li h3{font-size: 14px;}
}
@media only screen and (max-width:480px){
.productbox{padding: 40px 0 30px;}
.productbox .clalist ul li a{line-height: 20px;}
.productbox .prolist ul li{width: 50%;}
}

/* advantage */
.advantagebox ul{margin: 0 -4%;}
.advantagebox ul li{width: 16.666%;float: left;flex-shrink: 0;text-align: center;padding: 0 5px;}
.advantagebox ul li div{width: 100%;max-width: 150px;margin: 0 auto;cursor: pointer;}
.advantagebox ul li p{height: 125px;background: url(../images/ys_bg_1.png) center no-repeat;background-size: auto 100%; position: relative;}
.advantagebox ul li p > *{width: 100%;height: 60px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.advantagebox ul li p img{position: relative;z-index: -1;height: 100%;}
.advantagebox ul li p em{opacity: 0;}
.advantagebox ul li strong{display: block;font-size: 20px;padding: 25px 0 10px;line-height: 1;font-weight: normal;}
.advantagebox ul li span{display: block;line-height: 16px;color: #808080;}

.advantagebox ul li div:hover p{background-image: url(../images/ys_bg_2.png);}
.advantagebox ul li div:hover p i{opacity: 0;}
.advantagebox ul li div:hover p em{opacity: 1;}
.advantagebox ul li div:hover strong{color: #00a645;}

@media only screen and (max-width:1440px){
.advantagebox ul{margin: 0;}
}
@media only screen and (max-width:1024px){
.advantagebox ul li p{height: 120px;}
.advantagebox ul li strong{font-size: 18px;}
}
@media only screen and (max-width:768px){
.advantagebox ul{flex-wrap: wrap;margin: -10px 0;}
.advantagebox ul li{width: 33.333%;padding: 15px 5px;}
.advantagebox ul li p{height: 125px;}
.advantagebox ul li strong{font-size: 20px;}
}
@media only screen and (max-width:480px){
.advantagebox ul{margin: -5px 0;}
.advantagebox ul li{padding: 10px 5px;}
.advantagebox ul li strong{font-size: 18px;}
}
@media only screen and (max-width:425px){
.advantagebox ul{margin: -5px 0 -10px;}
.advantagebox ul li{padding: 8px 3px;}
.advantagebox ul li p{height: 105px;}
.advantagebox ul li p > *{height: 50px;}
.advantagebox ul li strong{font-size: 16px;font-weight: 600;padding: 20px 0 5px;}
.advantagebox ul li span{line-height: 15px;font-size: 13px;}
}

/* xbanner */
.xbannerbox{padding: 80px 0;}
.xbannerbox .txt{background: #00a645 url(../images/bg1.jpg) right top no-repeat;background-size: auto 100%;color: #fff;text-align: center;padding: 35px;border-radius: 10px;}
.xbannerbox .txt p{font-size: 48px;font-weight: 600;line-height: 1;letter-spacing: 5px;padding: 15px 0;white-space: nowrap;}
.xbannerbox .txt em{display: block;width: 50px;height: 5px;border-bottom: 1px solid #fff;margin: 0 auto;}
.xbannerbox .txt span{display: block;font-size: 24px;line-height: 30px;padding: 20px 0 5px;}

@media only screen and (max-width:1440px){
.xbannerbox{padding: 70px 0;}
}
@media only screen and (max-width:1250px){
.xbannerbox{padding: 65px 0;}
.xbannerbox .txt{padding: 30px;}
.xbannerbox .txt p{font-size: 40px;}
.xbannerbox .txt span{font-size: 20px;line-height: 25px;}
}
@media only screen and (max-width:1024px){
.xbannerbox{padding: 55px 0;}
.xbannerbox .txt p{font-size: 35px;}
}
@media only screen and (max-width:768px){
.xbannerbox{padding: 45px 0;}
.xbannerbox .txt{padding: 25px;}
.xbannerbox .txt p{font-size: 28px;letter-spacing: normal;}
.xbannerbox .txt em{width: 35px;}
.xbannerbox .txt span{font-size: 18px;}
}
@media only screen and (max-width:480px){
.xbannerbox{padding: 40px 0;}
.xbannerbox .txt{padding: 20px 10px;}
.xbannerbox .txt p{font-size: 20px;padding: 10px 0;}
.xbannerbox .txt span{font-size: 16px;line-height: 24px;padding: 15px 0 0;}
}

/* company */
.companybox .txt{width: 100%;font-size: 18px;line-height: 2;text-align: center;}

.companybox .list{width: 100%;padding-top: 60px;}
.companybox .list ul{margin: 0 -20px;}
.companybox .list ul li{width: 25%;float: left;flex-shrink: 0;padding: 0 20px;}
.companybox .list ul li a{display: block;width: 100%;height: 100%;overflow: hidden;border: 1px solid #e6e6e6;border-radius: 10px;}
.companybox .list ul li p{padding-bottom: 75%;}
.companybox .list ul li p img{max-width: none;min-width: 100%;height: 100%;}

@media only screen and (max-width:1440px){
.companybox .txt{font-size: 16px;}
.companybox .list{padding-top: 50px;}
.companybox .list ul{margin: 0 -10px;}
.companybox .list ul li{padding: 0 10px;}
}
@media only screen and (max-width:1250px){
.companybox .txt{font-size: 15px;}
.companybox .list{padding-top: 40px;}
.companybox .list ul{margin: 0 -5px;}
.companybox .list ul li{padding: 0 5px;}
}
@media only screen and (max-width:1024px){
.companybox .txt{line-height: 1.8;}
.companybox .list{padding-top: 30px;}
.companybox .list ul li a{border-radius: 5px;}
}
@media only screen and (max-width:768px){
.companybox .txt{line-height: 25px;}
.companybox .list ul{flex-wrap: wrap;}
.companybox .list ul li{width: 50%;padding: 5px;}
.companybox .list ul li a{border-radius: 10px;}
}
@media only screen and (max-width:480px){
.companybox .list{padding-top: 20px;}
.companybox .list ul{margin: 0 -2px;}
.companybox .list ul li{padding: 2px;}
.companybox .list ul li a{border-radius: 5px;}
}

/* news */
.newsbox{padding: 50px 0;}
/* .newsbox{padding: 80px 0 60px;} */
.newsbox ul{flex-wrap: wrap;margin: 0 -15px;}
.newsbox ul li{width: 50%;padding: 0 15px;float: left;flex-shrink: 0;margin-bottom: 30px;}
.newsbox ul li .cont{width: 100%;height: 150px;position: relative;border-bottom: 1px dashed #ddd;padding: 0 0 29px 200px;color: #666;}
.newsbox ul li .pic{width: 180px;height: 120px;position: absolute;left: 0;top: 0;background: #f5f5f5;border-radius: 10px;overflow: hidden;}
.newsbox ul li .pic a{display: block;width: 100%;height: 100%;}
.newsbox ul li .pic span{display: block;width: 100%;height: 100%;position: relative;}
.newsbox ul li .pic span img{max-width: 90%;max-height: 90%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.newsbox ul li .pic em{padding: 0;height: 100%;}
.newsbox ul li .pic em img{max-width: 90%;max-height: 90%;}

.newsbox ul li .txt{width: 100%;}
.newsbox ul li .txt .titl{width: 100%;font-size: 16px;font-weight: 600;line-height: 20px;overflow: hidden;}
.newsbox ul li .txt .titl a{float: left;padding: 10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox ul li .txt .text{width: 100%;overflow: hidden;font-size: 15px;line-height: 25px;color: #666;height: 75px;}

.newsbox ul li:hover .cont{padding-left: 190px;}

@media only screen and (max-width:1440px){
.newsbox{padding: 45px 0;}
/* .newsbox{padding: 70px 0 50px;} */
}
@media only screen and (max-width:1250px){
.newsbox{padding: 40px 0;}
/* .newsbox{padding: 65px 0 55px;} */
.newsbox ul li{margin-bottom: 25px;}
.newsbox ul li .cont{padding: 0 0 24px 180px;height: 145px;}
.newsbox ul li .pic{width: 160px;}
.newsbox ul li .txt .titl{font-size: 15px;}
.newsbox ul li .txt .text{font-size: 14px;line-height: 20px;height: 80px;}
.newsbox ul li:hover .cont{padding-left: 170px;}
}
@media only screen and (max-width:1024px){
.newsbox{padding: 35px 0;}
/* .newsbox{padding: 55px 0 40px;} */
.newsbox ul li{width: 100%;}
.newsbox ul li .txt .titl a{font-size: 16px;padding: 15px 0;}
.newsbox ul li .txt .text{font-size: 15px;line-height: 30px;height: 60px;}
}
@media only screen and (max-width:768px){
.newsbox{padding: 27.5px 0;}
/* .newsbox{padding: 45px 0 35px;} */
.newsbox ul li{margin-bottom: 20px;}
.newsbox ul li .cont{padding-bottom: 19px;height: 140px;}
.newsbox ul li .txt .titl a{font-size: 15px;padding: 10px 0;}
.newsbox ul li .txt .text{font-size: 15px;line-height: 25px;height: 75px;}
}
@media only screen and (max-width:600px){
.newsbox ul li .cont{padding-left: 135px;height: 110px;}
.newsbox ul li .pic{width: 120px;height: 90px;border-radius: 5px;}
.newsbox ul li .txt .titl a{padding: 5px 0;}
.newsbox ul li .txt .text{font-size: 14px;height: 60px;line-height: 20px;}
.newsbox ul li:hover .cont{padding-left: 130px;}
}
@media only screen and (max-width:480px){
.newsbox{padding: 22.5px 0;}
/* .newsbox{padding: 40px 0 25px;} */
.newsbox ul li .cont{padding: 65% 0 14px 0;height: auto;}
.newsbox ul li .pic{width: 100%;height: auto;}
.newsbox ul li .pic span,
.newsbox ul li .pic em{height: 0;padding-bottom: 65%;}
.newsbox ul li .txt .titl a{padding: 18px 0 10px;}
.newsbox ul li .txt .text{height: auto;line-height: 25px;}
}

/* contact */
.contactbox{padding: 80px 0;background: #fafafa;}
.contactbox ul{margin: 0 -20px;}
.contactbox ul li{width: 33.333%;float: left;flex-shrink: 0;padding: 15px 20px;text-align: center;}
.contactbox ul li p{width: 100%;height: 120px;border: 1px solid #e6e6e6;background: #fff;border-radius: 5px;position: relative;padding: 5%;}
.contactbox ul li p span{padding-left: 40px;max-width: 100%;font-size: 24px;line-height: 30px;text-align: left;display: inline-block;position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.contactbox ul li p img{position: absolute;left: 0;top: -1px;width: 30px;height: 30px;}

.contactbox ul .li_1 p span{padding-left: 50px;}
.contactbox ul .li_3 p span{font-size: 16px;line-height: 20px;padding: 5px 0 5px 40px;font-weight: 600;}

.contactbox ul li p:hover{color: #00a645;}

.mapbox{height: 0;padding-bottom: 440px;}
.mapbox iframe{position: absolute;}

@media only screen and (max-width:1440px){
.contactbox{padding: 70px 0;}
.contactbox ul{margin: 0 -15px;}
.contactbox ul li{padding: 10px 15px;}
.contactbox ul li p{height: 100px;}
.mapbox{padding-bottom: 400px;}
}
@media only screen and (max-width:1250px){
.contactbox{padding: 65px 0;}
.contactbox ul{margin: 0 -10px;}
.contactbox ul li{padding: 5px 10px;}
.mapbox{padding-bottom: 360px;}
}
@media only screen and (max-width:1024px){
.contactbox{padding: 55px 0;}
.contactbox ul{margin: 0 -5px;}
.contactbox ul li{padding: 5px;}
.contactbox ul li p{height: 90px;}
.contactbox ul li p span{font-size: 20px;}
.contactbox ul .li_1 p span{padding-left: 45px;}
.contactbox ul .li_3 p span{font-size: 15px;}
}
@media only screen and (max-width:768px){
.contactbox{padding: 45px 0;}
.contactbox ul{margin: 0;flex-wrap: wrap;}
.contactbox ul li{padding: 5px 0;width: 100%;}
.contactbox ul li p span{width: 100%;padding-left: 45px;}
.contactbox ul .li_3 p span{padding-left: 45px;}
.mapbox{padding-bottom: 300px;}
}
@media only screen and (max-width:480px){
.contactbox{padding: 40px 0;}
.contactbox ul li p{height: 80px;}
.mapbox{padding-bottom: 280px;}
}

/* links */
.linkbox{padding: 25px 0;}
.linkbox ul{padding: 3px 0 3px 120px;position: relative;}
.linkbox ul p{width: 90px;padding: 3px;text-align: center;background: url(../images/ico8.png) center no-repeat;background-size: auto 100%;color: #fff;font-size: 15px;position: absolute;left: 0;top: 0;font-weight: 600;}
.linkbox ul li{display: inline;padding: 0 5px;}
.linkbox ul li a{white-space: nowrap;}

@media only screen and (max-width:1250px){
.linkbox{padding: 20px 0;}
}
@media only screen and (max-width:1024px){
.linkbox{display: none;}
}