/* search */
.searchbox,
.searchbox .txt .tit{background: #fff;}


/* product */
.productbox{background: #f7f7f7;}
.productbox .title{text-align: center;line-height: 1;}
.productbox .title strong{display: block;font-size: 36px;color: #00b34a;padding-top: 55px;}
.productbox .title span{display: block;padding: 18px 0 19px;overflow: hidden;}
.productbox .title span::before{content: "";width: 90%;max-width: 600px;height: 1px;margin: 1px auto 0;background: #ccc;display: block;}
.productbox .title span em{display: block;width: 160px;height: 3px;background: #333;margin: -2px auto 0;position: relative;z-index: 2;}
.productbox .title span em::after{content: "";position: absolute;width: 50%;height: 100%;background: #00b34a;right: 0;top: 0;}
.productbox .title p{color: #666;font-size: 15px;}

.productbox .w1440{padding: 35px 0 40px;}

@media only screen and (min-width:1025px){
.productbox .clabox{width: 25%;max-width: 260px;float: left;box-shadow: 0 0 15px rgba(200,200,200,.1);margin-bottom: 10px;}
.productbox .clabox .tit{width: 100%;background: #00b34a;color: #fff;padding: 20px 10% 20px 35%;position: relative;}
.productbox .clabox .tit em{display: block;width: 50px;height: 50px;position: absolute;left: 10%;top: 50%;margin-top: -25px;}
.productbox .clabox .tit em img{width: 100%;}
.productbox .clabox .tit p{font-size: 24px;line-height: 30px;}
.productbox .clabox .tit span{font-size: 15px;line-height: 20px;}

.productbox .clabox ul{width: 100%;padding: 5%;background: #fff;}
.productbox .clabox ul li{width: 100%;border-bottom: 1px solid #fff;}
.productbox .clabox ul li h2{width: 100%;position: relative;}
.productbox .clabox ul li h2 a{display: block;width: 100%;line-height: 25px;padding: 12px 15% 12px 7%;background: #454545;font-size: 15px;font-weight: 600;color: #fff;}
.productbox .clabox ul li h2 span{display: block;width: 15px;height: 15px;background: url(../images/icon2.png) center no-repeat;position: absolute;right: 7%;top: 50%;margin-top: -7px;opacity: .75;}
.productbox .clabox ul li:hover h2 a{background: #00b34a;}

.productbox .clabox .tel{width: 100%;background: #00b34a;color: #fff;padding: 15px 5%;text-align: center;line-height: 1;}
.productbox .clabox .tel p{width: 150px;margin: 0 auto;position: relative;}
.productbox .clabox .tel p::after{content: "";width: 100%;height: 2px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -1px;z-index: 1;}
.productbox .clabox .tel p em{display: block;width: 60px;background: #00b34a;position: relative;z-index: 5;margin: 0 auto;}
.productbox .clabox .tel p em svg{font-size: 40px;height: 40px;}
.productbox .clabox .tel span{display: block;font-size: 30px;padding: 11px 0 9px;}
.productbox .clabox .tel a{display: block;width: 120px;height: 35px;background: #fff;color: #00b34a;line-height: 35px;font-size: 15px;font-weight: 600;margin: 0 auto;}
.productbox .clabox .tel a:hover{width: 140px;}
}
@media only screen and (min-width:1201px){
.productbox .clabox{width: 23%;max-width: 300px;}
.productbox .clabox .tit{padding: 25px 10% 25px 33%;}
.productbox .clabox .tit span{font-size: 16px;}

.productbox .clabox ul{padding: 6.5%;}
.productbox .clabox ul li h2 a{padding: 17px 16% 17px 8%;}
.productbox .clabox ul li h2 span{right: 8%;}

.productbox .clabox .tel span{padding: 13px 0 12px;}
}
@media only screen and (min-width:1441px){
.productbox .clabox{margin-bottom: 20px;}
}

.productbox .probox{width: 76%;float: right;}
.productbox .probox ul{margin: 0 -1%;overflow: hidden;}
.productbox .probox ul li{width: 33.33%;padding: 0 1% 2%;text-align: center;float: left;}
.productbox .probox ul li.li_10{display: none;}
.productbox .probox ul li a{display: block;width: 100%;overflow: hidden;position: relative;}
.productbox .probox ul li p{width: 100%;background: #fff;position: relative;height: 0;padding-bottom: 72%;}
.productbox .probox ul li img{width: 100%;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.productbox .probox ul li h3{position: absolute;width: 100%;height: 100%;background: rgba(0,180,75,.75);z-index: 5;left: 0;top: 100%;color: #fff;font-size: 15px;font-weight: 600;opacity: 0;-webkit-transform: scale(0,0);-moz-transform: scale(0,0);transform: scale(0,0);}
.productbox .probox ul li h3 span{line-height: 30px;width: 100%;padding: 0 5%;position: absolute;left: 0;top: 50%;margin-top: -35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productbox .probox ul li h3 em{line-height: 28px;position: absolute;left: 50%;top: 50%;font-style: normal;border: 1px solid #fff;width: 110px;margin-left: -55px;border-radius: 15px;}
.productbox .probox ul li:hover h3{top: 0;opacity: 1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);transform: scale(1,1);}

@media only screen and (max-width:1440px){
.productbox .title strong{padding-top: 45px;}
.productbox .probox ul{margin: 0 -.5%;}
.productbox .probox ul li{padding: 0 .5% 1%;}
}
@media only screen and (max-width:1200px){
.productbox .title strong{font-size: 30px;padding-top: 40px;}
.productbox .title p{font-size: 14px;}
.productbox .w1440{padding-top: 30px;}
.productbox .probox{width: 74%;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 40px 0;}
.productbox .title span{padding: 13px 0 14px;}
.productbox .title strong{padding: 0;}
.productbox .w1440{padding: 0;}

.productbox .clabox{width: 100%;padding: 30px 0;text-align: center;}
.productbox .clabox .tit,
.productbox .clabox ul li h2 span,
.productbox .clabox .tel{display: none;}
.productbox .clabox ul{margin: -1px;}
.productbox .clabox ul li{width: 20%;float: left;padding: 1px;}
.productbox .clabox ul li h2 a{display: block;width: 100%;line-height: 30px;padding: 10px 5px;background: #00b34a;font-size: 15px;font-weight: 600;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productbox .clabox ul li:hover h2 a{background: #ffbf00;}

.productbox .probox{width: 100%;}
.productbox .probox ul{margin: -.5%;}
.productbox .probox ul li{padding: .5%;}
.productbox .probox ul li p{padding-bottom: 80%;}
.productbox .probox ul li h3{opacity: 1;-webkit-transform: none;-moz-transform: none;transform: none;top: auto;bottom: 0;height: auto;}
.productbox .probox ul li h3 span{position: relative;display: block;margin: 0;left: 0;padding: 2px 5px;}
.productbox .probox ul li h3 em{display: none;}
.productbox .probox ul li:hover h3{top: auto;}
}
@media only screen and (max-width:768px){
.productbox{padding: 35px 0;}
.productbox .title strong{font-size: 24px;}
.productbox .title span em{width: 120px;}
.productbox .clabox{padding: 25px 0;}
.productbox .clabox ul li{width: 33.33%;}
.productbox .probox ul li{width: 50%;}
.productbox .probox ul li.li_10{display: block;}
}
@media only screen and (max-width:480px){
.productbox{padding: 30px 0;}
.productbox .clabox ul li{width: 50%;}
.productbox .clabox ul li h2 a{padding: 8px 5px;}
.productbox .probox ul li{width: 50%;}
.productbox .probox ul li p{padding-bottom: 100%;}
.productbox .probox ul li h3 span{padding: 0 5px;font-size: 14px;}
}


/* company */
.companybox{background: #008035 url(../images/bg1.jpg) center no-repeat;background-attachment: fixed;background-size: cover;}
.companybox .w1440{padding: 70px 0;}

.companybox .txt{width: 50%;float: left;}
.companybox .txt .titl{width: 100%;font-size: 24px;font-weight: 600;line-height: 40px;}
.companybox .txt .titl a{color: #fff;}
.companybox .txt .titl em{display: block;width: 100%;}
.companybox .txt .titl em::after{content: "";width: 3em;border-bottom: 2px solid #00b34a;display: block;height: 15px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.companybox .txt .titl:hover a{color: #14cc61;}
.companybox .txt .titl:hover em::after{width: 13em;}
.companybox .txt .text{width: 100%;font-size: 15px;color: #fff;line-height: 2;padding-top: 25px;height: 300px;overflow: hidden;}
.companybox .txt .text p{text-indent: 2em;padding-bottom: 10px;}

.companybox .txt .more{width: 100%;padding-top: 30px;}
.companybox .txt .more a{display: block;font-size: 15px;font-weight: 600;line-height: 30px;padding: 10px 35px;color: #fff;background: #00b34a;border-radius: 3px;float: left;}
.companybox .txt .more a:hover{background: #ffbf00;}

.companybox .pic{width: 49%;max-width: 660px;float: right;background: #fff;}
.companybox .pic em{display: block;width: 100%;height: 0;padding-bottom: 440px;position: relative;}
.companybox .pic em img{min-width: 100%;height: 100%;position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.companybox .pic:hover em{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}

.companybox .title{width: 100%;max-width: 450px;margin: 0 auto;text-align: center;}
.companybox .title p{width: 50%;float: left;padding: 0 10px;position: relative;}
.companybox .title p a{display: block;font-size: 18px;font-weight: 600;line-height: 55px;padding: 0 10px;background: #f5f5f5;border-radius: 5px 5px 0 0;}
.companybox .title p::after{width: 100%;height: 100%;position: absolute;content: "";z-index: 5;left: 0;top: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.companybox .title p.active a{background: #00b34a;color: #fff;}
.companybox .title p.active::after{width: 0;}

@media only screen and (max-width:1440px){
.companybox .w1440{padding: 60px 0;}
}
@media only screen and (max-width:1200px){
.companybox .w1440{padding: 50px 0;}
.companybox .txt .titl{line-height: 35px;}
.companybox .txt .text{font-size: 14px;padding-top: 20px;height: 280px;}
.companybox .txt .more{padding-top: 20px;}
.companybox .txt .more a{padding: 7px 25px;font-size: 14px;}
.companybox .pic em{padding-bottom: 400px;}
.companybox .title{max-width: 400px;}
.companybox .title p a{line-height: 30px;padding: 10px;}
}
@media only screen and (max-width:1024px){
.companybox .txt{width: 100%;}
.companybox .txt .titl{line-height: 30px;text-align: center;}
.companybox .txt .titl em::after{height: 20px;margin: 0 auto;}
.companybox .txt .text{height: auto;padding-bottom: 15px;}
.companybox .txt .more{display: none;}
.companybox .pic{width: 100%;max-width: 100%;border: 10px solid #fff;}
.companybox .pic em img{min-width: auto;}
}
@media only screen and (max-width:768px){
.companybox .w1440{padding: 40px 0;}
.companybox .txt .text p{padding-bottom: 5px;}
.companybox .pic{border: 0;}
.companybox .pic em{height: auto;padding: 0;}
.companybox .pic em img{position: relative;width: 100%;height: auto;-webkit-transform: none;-moz-transform: none;transform: none;left: 0;}
.companybox .title{max-width: 350px;}
.companybox .title p{padding: 0 5px;}
.companybox .title p a{padding: 8px 5px 6px;font-size: 16px;border-radius: 3px 3px 0 0;}
}
@media only screen and (max-width:480px){
.companybox .w1440{padding: 35px 0;}
.companybox .txt .text{line-height: 1.8;}
.companybox .title{max-width: 320px;}
.companybox .title p{padding: 0 5px;}
}


/* album */
.albumbox{padding-bottom: 35px;}
.albumbox .w1440{position: relative;}
.albumbox .list{padding: 55px 0;top: 0;width: 100%;}
.albumbox .list.active{left: 0;}

.albumbox .list ul li{width: 33.33%;float: left;text-align: center;}
.albumbox .list ul li div{width: 100%;background: #f0f0f0;padding: 4.5%;overflow: hidden;position: relative;}
.albumbox .list ul li p{width: 100%;height: 0;padding-bottom: 70%;background: #fff;position: relative;overflow: hidden;}
.albumbox .list ul li p a{display: block;width: 60px;height: 60px;background: #00b34a;border-radius: 30px;position: absolute;left: 50%;top: 50%;margin: -30px;opacity: 0;-webkit-transform: scale(0,0);-moz-transform: scale(0,0);transform: scale(0,0);border: 10px solid rgba(0,180,75,.5);}
.albumbox .list ul li p a span{display: block;background: #fff;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.albumbox .list ul li p a .h{width: 20px;height: 2px;}
.albumbox .list ul li p a .s{width: 2px;height: 20px;}
.albumbox .list ul li p:hover a{opacity: 1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);transform: scale(1,1);}
.albumbox .list ul li h3{width: 100%;padding-top: 4.5%;font-size: 15px;font-weight: 600;}
.albumbox .list ul li h3 a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.albumbox .list ul li:hover div{background: #00b34a;}
.albumbox .list ul li:hover h3 a{color: #fff;}

.albumbox .honorlist{left: -110%;}
.albumbox .honorlist ul li p img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);border: 10px solid #fff;}
.albumbox .albumlist{left: 110%;position: absolute;}
.albumbox .albumlist ul li p img{width: 100%;min-height: 100%;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}

@media only screen and (max-width:1440px){
.albumbox{padding-bottom: 30px;}
.albumbox .list{padding: 45px 0 50px;}
}
@media only screen and (max-width:1200px){
.albumbox{padding-bottom: 25px;}
.albumbox .list{padding: 40px 0 45px;}
}
@media only screen and (max-width:1024px){
.albumbox .list{padding-top: 35px;}
.albumbox .list ul li div{padding: 3.5% 3.5% 4.5%;}
.albumbox .list ul li p a{width: 50px;height: 50px;margin: -25px;}
.albumbox .list ul li h3{font-size: 14px;}
}
@media only screen and (max-width:768px){
.albumbox{padding-bottom: 20px;}
.albumbox .list{padding: 30px 0 40px;}
.albumbox .list ul li div{padding: 3.5% 3.5% 4.5%;}
}
@media only screen and (max-width:425px){
.albumbox{padding-bottom: 15px;}
.albumbox .list{padding: 25px 0 40px;}
.albumbox .list ul li div{padding-bottom: 3.5%;}
.albumbox .list ul li h3{padding-top: 3.5%;}
.albumbox .list .swiper-pagination-bullet{margin: 0 5px;}
}


/* news */
.zixunbox{background: #f7f7f7;padding: 45px 0;}
.newsbox{width: 49%;max-width: 690px;}
.newsbox .titl{width: 100%;padding-bottom: 25px;overflow: hidden;}
.newsbox .titl p{font-size: 24px;font-weight: 600;float: left;}
.newsbox .titl span{font-size: 15px;padding-left: 10px;float: left;color: #808080;height: 36px;line-height: 42px;}
.newsbox .titl a{float: right;background: #e6e6e6;width: 70px;height: 20px;line-height: 20px;margin-top: 10px;padding-right: 25px;position: relative;text-align: right;overflow: hidden;font-family: Arial;font-size: 13px;}
.newsbox .titl a em{display: block;width: 20px;background: #00b34a;color: #fff;position: absolute;right: 0;top: 0;text-align: center;}
.newsbox .titl a:hover{background: #00b34a;color: #fff;}

.newsbox .cont{width: 100%;background: #fff;box-shadow: 0 0 15px rgba(200,200,200,.1);padding: 15px 10px 15px 170px;position: relative;height: 170px;}
.newsbox .cont .pic{width: 140px;position: absolute;left: 15px;top: 15px;overflow: hidden;border: 1px solid #ddd;background: #fff;}
.newsbox .cont .tit{width: 100%;max-height: 48px;overflow: hidden;padding: 5px 0;}
.newsbox .cont .tit a{display: block;font-size: 15px;font-weight: 600;line-height: 20px;overflow: hidden;}
.newsbox .cont .time{line-height: 25px;color: #808080;} 
.newsbox .cont .time span{float: left;padding-right: 5px;} 
.newsbox .cont .text{width: 100%;height: 65px;overflow: hidden;padding-top: 5px;line-height: 20px;}

.newsbox .list{width: 100%;padding-top: 20px;}
.newsbox .list ul li{width: 100%;overflow: hidden;position: relative;line-height: 24px;}
.newsbox .list ul li.li_1{display: none;}
.newsbox .list ul li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;font-weight: 600;padding: 5px 80px 5px 20px;}
.newsbox .list ul li em{display: block;width: 6px;height: 6px;border-radius: 3px;background: #00b34a;position: absolute;left: 4px;bottom: 15px;}
.newsbox .list ul li span{position: absolute;right: 0;bottom: 5px;color: #808080;}

.newsbox.news1{float: left;}
.newsbox.news2{float: right;}

@media only screen and (max-width:1440px){
.zixunbox{padding: 40px 0;}
.newsbox .titl{padding-bottom: 20px;}
}
@media only screen and (max-width:1200px){
.zixunbox{padding: 35px 0 30px;}
.newsbox .titl{padding-bottom: 20px;}
.newsbox .titl p{font-size: 20px;}
.newsbox .titl span{height: 30px;line-height: 35px;}
.newsbox .titl a{margin-top: 5px;}
.newsbox .cont{padding: 10px 10px 10px 150px;height: 150px;}
.newsbox .cont .pic{width: 130px;left: 10px;top: 10px;}
.newsbox .cont .tit a{white-space: nowrap;text-overflow: ellipsis;}
.newsbox .cont .text{font-size: 13px;}
}
@media only screen and (max-width:1024px){
.zixunbox{padding: 5px 0;}
.newsbox{width: 100%;max-width: 100%;padding: 30px 0;}
.newsbox .list ul{margin-right: -2%;}
.newsbox .list ul li{width: 47.5%;margin-right: 2.5%;float: left;}
}
@media only screen and (max-width:768px){
.zixunbox{padding: 15px 0 20px;}
.newsbox{width: 100%;max-width: 100%;padding: 15px 0;}
.newsbox .titl p{font-size: 18px;line-height: 30px;}
.newsbox .titl span{font-size: 14px;}
.newsbox .titl a{width: 60px;height: 18px;line-height: 18px;padding-right: 20px;font-size: 12px;}
.newsbox .titl a em{width: 18px;font-size: 15px;}
.newsbox .cont{padding: 10px 10px 10px 120px;height: 120px;}
.newsbox .cont .pic{width: 100px;}
.newsbox .cont .tit{padding: 3px 0;}
.newsbox .cont .text{height: 45px;}
.newsbox .list{padding-top: 15px;}
.newsbox .list ul{margin: 0;}
.newsbox .list ul li{width: 100%;border-bottom: 1px dotted #ccc;margin: 0;}
.newsbox .list ul li a{padding: 8px 80px 8px 20px;}
.newsbox .list ul li span{bottom: 8px;}
}
@media only screen and (max-width:480px){
.zixunbox{padding: 10px 0 20px;}
.newsbox{padding: 15px 0 10px;}
.newsbox .titl{padding-bottom: 5px;}
.newsbox .titl p{font-size: 16px;}
.newsbox .titl span{font-size: 13px;padding-left: 5px;line-height: 32px;}
.newsbox .cont{display: none;}
.newsbox .list{padding: 0;}
.newsbox .list ul li.li_1{display: block;}
.newsbox .list ul li a{padding-left: 12px;font-size: 14px;}
.newsbox .list ul li em{left: 0;bottom: 17px;width: 5px;height: 5px;}
}


/* ksdh */
.cpksdhbox{background: #f7f7f7;border-top: 1px solid #ddd;}
.cpksdhbox ul{padding: 25px 0;line-height: 30px;}
.cpksdhbox ul p{float: left;font-size: 15px;font-weight: 600;padding: 0 10px 0 5px;}
.cpksdhbox ul li{display: inline;padding: 0 5px;}
.cpksdhbox ul li a{white-space: nowrap;}

@media only screen and (max-width:1024px){
.cpksdhbox{display: none;}
}