/*通用标题*/
.home-title{width:100%;text-align: center;overflow: hidden;margin-bottom: 25px;position: relative;line-height: 1.5;color: #787878;z-index: 1;}
.home-title a{font-size: 36px;display: block;width: 300px;margin: 0 auto;}
.home-title p{width: 100%;max-width: 400px;margin: 0 auto;overflow: hidden;position: relative;}
.home-title em{display: block;width: 25%;float: left;height: 20px;border-bottom: 1px solid #ccc;}
.home-title span{width:50%;font-size: 18px;display: block;float: left;height: 36px;line-height: 40px;text-transform: uppercase;}
.home-title i{display: block;width: 15px;height: 25px;margin: 0 auto;background: url(../images/icon6.png) center no-repeat;background-size: 100% auto;}

.swiper-button-next.next,
.swiper-button-prev.prev{width: 45px;height: 70px;background: url(../nyimages/btn3.png) center no-repeat;margin-top: -55px;}
.swiper-button-next.next{background-position-x: right;right: -55px;}
.swiper-button-prev.prev{background-position-x: left;left: -55px;}
.swiper-button-next.next:hover,
.swiper-button-prev.prev:hover{background-image: url(../nyimages/btn5.png);}

@media only screen and (max-width:1024px){
.home-title{margin-bottom: 15px;}
.home-title a{font-size: 30px;}
.home-title p{max-width: 300px;}
.home-title em{height: 13px;}
.home-title span{font-size: 12px;height: 24px;line-height: 24px;}
.home-title i{height: 20px;}
}
@media only screen and (max-width:768px){
.home-title a{font-size: 24px;}
.home-title i{height:15px;width: 12px;}
}
@media only screen and (max-width:425px){
.home-title a{line-height: 1.3;font-size: 18px;font-weight: 600;}
}

/*推荐*/
.protjbox{padding: 55px 0 40px;}
.protjbox .swiper-container{padding-bottom: 40px;}
.protjbox ul li{width: 25%;float: left;text-align: center;padding: 5px 10px;}
.protjbox ul li p{width: 100%;padding: 4px;overflow: hidden;position: relative;border: 1px solid #ddd;}
.protjbox ul li h3{width: 100%;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 50px;}
.protjbox ul li:hover p{border-color: #009c4b;}

@media only screen and (max-width:1250px){
.protjbox{padding: 40px 0 30px;}
.protjbox .swiper-container{padding-bottom: 30px;}
.protjbox ul li{padding: 0 5px 5px;}
}
@media only screen and (max-width:1024px){
.protjbox{padding: 30px 0 20px;}
}
@media only screen and (max-width:768px){
.protjbox{padding: 30px 0 15px;}
}

/*产品*/
.productbox{padding:50px 0;background: #f7f7f7 url(../images/bg1.jpg) center bottom no-repeat;background-attachment: fixed;border-top: 1px solid #eee;}
.productbox .protit{width: 100%;margin-bottom: 25px;}
.productbox .protit p{width: 14.285%;float: left;text-align: center;position: relative;overflow: hidden;font-size: 15px;font-weight: 600;line-height: 2;padding: 1px;}
.productbox .protit p a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 10px 5px 10px;background: #999;color: #fff;}
.productbox .protit p span{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;cursor: pointer;}
.productbox .protit p.active a{background: #009c4b;}
.productbox .protit p.active span{width: 0;}

.productbox .procon{min-height: 300px;}
.productbox ul{display: none;width: calc(100% + 20px);margin: 0 -10px;}
.productbox ul.active{display: block;}
.productbox ul li{width: 25%;padding: 10px;overflow: hidden;float: left;text-align: center;}
.productbox ul li a{display: block;border: 1px solid #e6e6e6;background: #fff;padding: 4px;overflow: hidden;}
.productbox ul li p{width: 100%;overflow: hidden;}
.productbox ul li h3{width: 100%;line-height: 2;font-size: 15px;padding: 5px;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productbox ul li:hover a{border-color: #009c4b;}

@media only screen and (max-width:1250px){
.productbox{padding: 40px 0;}
.productbox ul{width: calc(100% + 10px);margin: 0 -5px;}
.productbox ul li{padding: 5px;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 30px 0;}
.productbox .protit{margin-bottom: 15px;}
.productbox .protit p{font-size: 14px;width: 20%;}
.productbox ul li a{padding: 4px;}
}
@media only screen and (max-width:768px){
.productbox .protit p{width: 25%;}
.productbox ul li{width: 50%;}
.productbox ul li a{padding: 9px;}
.productbox ul li p{padding: 5px 0;}
}
@media only screen and (max-width:425px){
.productbox .protit p{width: 50%;}
.productbox ul{width: calc(100% + 6px);margin: 0 -3px;}
.productbox ul li{padding: 3px;}
.productbox ul li a{padding: 4px;}
.productbox ul li p{padding: 0;}
.productbox ul li h3{font-size: 14px;}
}

/*案例*/
.casebox{padding: 50px 0 60px;background: #009c4b;}
.casebox .home-title{color: #e3fff1;}
.casebox .home-title a{color: #e3fff1;}
.casebox .home-title a:hover{color: #fff;}
.casebox .home-title em{border-color: #e3fff1;}
.casebox .home-title i{background-image: url(../images/icon5.png);}

.casebox .swiper-container{padding-bottom: 40px;}
.casebox ul li{width: 25%;float: left;text-align: center;padding: 5px;}
.casebox ul li a{display: block;width: 100%;overflow: hidden;padding: 5px;background: #fff;}
.casebox ul li p{width: 100%;overflow: hidden;}
.casebox ul li p em{padding-bottom: 75%;}
.casebox ul li p em img{width: 100%;max-height: none;min-height: 100%;}
.casebox ul li h3{width: 100%;height: 36px;line-height: 40px;font-size: 15px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.casebox ul li:hover a{color: #009c4b;}

@media only screen and (max-width:1250px){
.casebox{padding: 40px 0;}
.casebox ul li{padding: 0 5px 10px;}
}
@media only screen and (max-width:1024px){
.casebox{padding: 30px 0;}
}
@media only screen and (max-width:768px){
.casebox ul li{width: 50%;}
}
@media only screen and (max-width:425px){
.casebox{padding: 30px 0 20px;}
}

/*简介*/
.companybox{padding: 50px 0 90px;}
.companybox .cont{position: relative;padding-right: 600px;}
.companybox .pic{width: 600px;position: absolute;right: 0;top: 0;z-index: 1;background: #000;}
.companybox .pic p{width: 100%;max-width:600px;margin:0 auto;padding-bottom: 450px;position: relative;}
.companybox .pic p img{width: 100%;max-height: none;}

.companybox .txt{width: 100%;height:450px;float: left;background: #f1f3f5;padding: 25px 35px;}
.companybox .titl{width: 100%;padding-right: 65px;position: relative;}
.companybox .titl p{font-size: 30px;color: #009c4b;}
.companybox .titl em{display:block;font-size: 16px;color: #ccc;text-transform: uppercase;font-style: normal;font-weight: 600;line-height: 1.2;}
.companybox .titl a{display: block;width: 40px;height: 40px;position: absolute;right: 0;top: 12px;color: #009c4b;font-size: 30px;border: 1px solid #009c4b;text-align: center;line-height: 40px;}
.companybox .titl a:hover{background: #009c4b;color: #fff;}
.companybox .txt .text{width: 100%;height: 265px;padding-top: 15px;line-height: 1.7;color: #666;text-indent: 2em;}
.companybox .txt .text p{width: 100%;overflow: hidden;margin-bottom: 10px;}
.companybox .txt .more{width: 100%;padding-top: 25px;}
.companybox .txt .more a{display:block;float:left;height: 40px;padding: 0 25px;background: #2d2d2d;line-height:40px;color: #fff;text-transform: uppercase;}
.companybox .txt .more a:hover{background: #009c4b;}

.honorbox{padding-top: 40px;}
.honorbox .list{width: 100%;}
.honorbox .list img{max-width: 100%;margin-top: -25px;}

.companybox .pictit{width: 450px;position: absolute;left: 50%;margin-left: -225px;bottom: 0;text-align: center;}
.companybox .pictit p{width: 50%;float: left;padding: 0 10px;font-size:20px;height: 55px;line-height: 56px;font-weight: 600;position: relative;}
.companybox .pictit p a{display: block;background: #999;border-radius: 5px 5px 0 0;color: #fff;}
.companybox .pictit p span{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;cursor: pointer;}
.companybox .pictit p.active a{background: #009c4b;}
.companybox .pictit p.active span{width: 0;}

@media only screen and (max-width:1250px){
.companybox{padding: 40px 0 90px;}
.companybox .cont{padding-right: 46%;}
.companybox .pic{width: 48%;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 40px 0 80px;}
.companybox .cont{padding: 0;}
.companybox .pic{width: 100%;position: relative;}
.companybox .titl p{font-size: 24px;}
.companybox .titl em{font-size: 14px;}
.companybox .titl a{width: 36px;height: 36px;font-size: 24px;line-height: 36px;}
.companybox .txt{width: 100%;height: auto;}
.companybox .txt .titl{display: none;}
.companybox .txt .text{line-height: 1.8;padding: 0;height: auto;}
.companybox .txt .more{padding: 10px 0 5px;}
}
@media only screen and (max-width:768px){
.companybox{padding: 30px 0 70px;}
.companybox .pic p{max-width:100%;padding-bottom: 65%;}
.companybox .txt{padding: 25px 5%;}
.companybox .pictit{width: 400px;margin-left: -200px;}
.companybox .pictit p{font-size: 16px;height: 50px;line-height: 50px;padding: 0 5px;}
}
@media only screen and (max-width:425px){
.companybox .titl p{font-size: 18px;font-weight: 600;}
.companybox .titl em{font-size: 12px;}
.companybox .titl a{width: 30px;height: 30px;line-height: 30px;top: 10px;}
.companybox .txt{line-height: 1.5;}
.companybox .more{padding-top: 5px;}
.companybox .more p{width: 25%;}
.companybox .pictit{width: 90%;left: 5%;margin: 0;}
}

/*相册*/
.piclistbox{background: #f1f3f5;}
.piclistbox .w200{width: 100%;position: absolute;top: 0;opacity: 0;}
.piclistbox .w200.active{position: relative;opacity: 1;}
.piclistbox .w1280{padding: 40px 0;}

.partnerbox{left: -100%;padding: 10px 0 15px;}
.partnerbox.active{left: 0;}

.partnerbox ul{width: 100%;border: 1px solid #e6e6e6;border-width: 1px 0 0 1px;}
.partnerbox ul li{width: 20%;float: left;padding: 4px;text-align: center;overflow: hidden;position: relative;border: 1px solid #e6e6e6;border-width: 0 1px 1px 0;background: #fff;}
.partnerbox ul li em{padding-bottom: 40%;}
.partnerbox ul li h3{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;background: url(../nyimages/icon-bg3.png);-webkit-transform: scale(0,0);transform: scale(0,0);}
.partnerbox ul li h3 span{display: block;width: 100%;padding: 0 10px;line-height: 30px;position: relative;top: 50%;margin-top: -15px;color: #fff;font-size: 18px;font-weight: 600;}
.partnerbox ul li:hover h3{-webkit-transform: scale(1,1);transform: scale(1,1);opacity: 1;}
.partnerbox ul li em{padding-bottom: 40%;}
.companybox .partner ul li h3{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.75);color: #fff;opacity: 0;-webkit-transform: scale(0,0);transform: scale(0,0);}
.partnerbox ul li h3 span{display: block;width: 100%;padding: 5px;line-height: 30px;position: absolute;left: 0;top: 50%;margin-top: -20px;}
.partnerbox ul li:hover h3{opacity: 1;-webkit-transform: scale(1,1);transform: scale(1,1);}

.albumbox{right: -100%;padding-bottom: 25px;}
.albumbox.active{right: 0;}
.albumbox ul li{width: 25%;float: left;text-align: center;padding: 10px;}
.albumbox ul li a{display: block;width: 100%;overflow: hidden;position: relative;background: #fff;padding: 4px;border: 1px solid #ddd;}
.albumbox ul li p{width: 100%;overflow: hidden;z-index: 1;}
.albumbox ul li em{padding-bottom: 75%;}
.albumbox ul li p em img{height: 100%;max-width: none;min-width: 100%;}
.albumbox ul li h3{width:100%;font-size: 15px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 5px;background: #f3f5f7;margin-top: 4px;}
.albumbox ul li:hover a{border-color: #009c4b;}
.albumbox ul li:hover h3{background: #009c4b;color: #fff;}
.albumbox .swiper-button-next.next,
.albumbox .swiper-button-prev.prev{margin-top: -35px;}
.albumbox .swiper-pagination{bottom: 0;}

@media only screen and (max-width:1250px){
.piclistbox .w1280{padding: 35px 0;}
.partnerbox{padding: 5px 0 10px;}
.partnerbox ul li{width: 25%;}
.albumbox ul li{padding: 5px;}
}
@media only screen and (max-width:1024px){
.piclistbox .w1280{padding: 30px 0 35px;}
.partnerbox{padding: 5px 0;}
.albumbox ul li{width: 33.33%;}
}
@media only screen and (max-width:768px){
.partnerbox ul li{width: 33.33%;}
.albumbox ul li{width: 50%;}
}
@media only screen and (max-width:425px){
.piclistbox .w1280{padding-top: 25px;}
.partnerbox ul li{width: 50%;}
.partnerbox{padding: 5px 0 0;}
}

/*新闻*/
.zixunbox{padding: 40px 0 50px;}
.zixunbox .newscon{width: 44%;max-width: 500px;background: #f1f3f5;padding: 15px;position: relative;float: left;color: #666;}
.zixunbox .newscon .pic{width: 100%;overflow: hidden;text-align: center;border: 0 solid #fff;}
.zixunbox .newscon .pic a{background: #fff;padding-bottom: 42.556%;position: relative;height: 0;display: block;}
.zixunbox .newscon .pic a img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.zixunbox .newscon .text{width: 100%;}
.zixunbox .newscon .tit{padding: 30px 0 10px;}
.zixunbox .newscon .tit a{display: block;overflow: hidden;font-size: 15px;font-weight: 600;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;}
.zixunbox .newscon .txt{line-height: 25px;height: 80px;overflow: hidden;padding-top: 5px;}
.zixunbox .newscon .txt br{display: none;}
.zixunbox .newscon .dat{width: 100%;padding: 25px 0 15px 25px;height: 60px;position: relative;background: url(../nyimages/date-black.png) left 26px no-repeat;background-size: 17px 17px;}
.zixunbox .newscon:hover{background: #009c4b;color: #fff;}
.zixunbox .newscon:hover .pic{border-width: 5px;}
.zixunbox .newscon:hover .tit a{color: #fff;}
.zixunbox .newscon:hover .dat{background-image: url(../nyimages/date-white.png);}

.zixunbox .newslist{width: 56%;float: right;}
.zixunbox .newslist ul li{width: 100%;position: relative;padding: 15px 10px 15px 120px;overflow: hidden;color: #666;}
.zixunbox .newslist ul li .date{width: 100px;position: absolute;left: 0;top: 15px;border-right: 1px solid #ccc;overflow: hidden;text-align: center;color: #787878;}
.zixunbox .newslist ul li .time1{font-size: 42px;line-height: 50px;padding: 15px;}
.zixunbox .newslist ul li .time2 p{font-size: 36px;line-height: 60px;height: 55px;}
.zixunbox .newslist ul li .time2 span{display: block;font-size: 15px;font-weight: 600;line-height: 20px;padding-bottom: 5px;}
.zixunbox .newslist ul li .tit{width: 100%;line-height: 30px;font-size: 15px;font-weight: 600;}
.zixunbox .newslist ul li .tit a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zixunbox .newslist ul li .time{display: none;padding: 5px 0 0 25px;background: url(../nyimages/date-black.png) left 7px no-repeat;background-size: 15px 15px;line-height: 20px;}
.zixunbox .newslist ul li .text{width: 100%;height: 50px;overflow: hidden;padding-top: 7px;}
.zixunbox .newslist ul li .text br,
.zixunbox .newslist ul li .text img{display: none;}

.zixunbox .newslist ul li:nth-of-type(even){background: #f3f5f7;}
.zixunbox .newslist ul li:hover{background: #009c4b;color: #fff;}
.zixunbox .newslist ul li:hover .date{color: #fff;border-color: #fff;}
.zixunbox .newslist ul li:hover a{color: #fff;}
.zixunbox .newslist ul li:hover .time{background-image: url(../nyimages/date-white.png);}

@media only screen and (max-width:1200px){
.zixunbox{padding: 35px 0 45px;}
.zixunbox .newscon{width: 45%;}
.zixunbox .newslist{width: 55%;padding-left: 10px;}
.zixunbox .newslist ul li .time1{font-size: 36px;line-height: 45px;}
.zixunbox .newslist ul li .time2 p{line-height: 50px;height: 50px;}
.zixunbox .newslist ul li .tit{font-size: 15px;}
.zixunbox .newslist ul li .text{height: 45px;padding-top: 3px;}
}
@media only screen and (max-width:1024px){
.zixunbox{padding: 30px 0 40px;}
.zixunbox .newscon{width: 100%;max-width: 100%;padding-left: 325px;}
.zixunbox .newscon .pic{width: 290px;position: absolute;top: 15px;left: 15px;}
.zixunbox .newscon .tit{padding: 5px 0;}
.zixunbox .newscon .txt{height: 45px;padding: 0;line-height: 22px;}
.zixunbox .newscon .dat{padding: 14px 0 5px 25px;height: auto;background-position-y: 15px;line-height: 20px;}
.zixunbox .newslist{width: 100%;padding-left: 0;}
}
@media only screen and (max-width:768px){
.zixunbox{padding: 25px 0 30px;}
.zixunbox .newscon{padding: 15px 10px 15px 295px;}
.zixunbox .newscon .pic{width: 270px;top: 10px;left: 10px;}
.zixunbox .newscon .tit{padding: 0;}
.zixunbox .newscon .txt{padding-top: 3px;line-height: 1.5;}
.zixunbox .newscon .dat{padding:10px 0 0 25px;background-size: 15px 15px;background-position-y: 12px;}
}
@media only screen and (max-width:640px){
.zixunbox .newscon .pic{display: none;}
.zixunbox .newscon,
.zixunbox .newslist ul li{padding: 10px;}
.zixunbox .newscon .txt,
.zixunbox .newslist ul li .text{line-height: 20px;padding: 0;height: 40px;}
.zixunbox .newslist ul li .tit{font-size: 15px;}
.zixunbox .newslist ul li .date{display: none;}
.zixunbox .newscon .dat{padding-top: 5px;background-position-y: 7px;}
.zixunbox .newslist ul li .time{display: block;}
}

/*留言*/
.orderbox{padding:55px 0 70px;background: url(../nyimages/bg3.jpg) center bottom no-repeat;background-attachment: fixed;}
.orderbox .home-title a,
.orderbox .home-title p{color: #f5f5f5;}
.orderbox .home-title i{background-image: url(../images/icon5.png);}
.orderbox .home-title a:hover{color: #fff;}

.orderbox .cont{width:96%;max-width:960px;margin:0 auto;padding-top: 10px;}
.orderbox ul{width:100%;position: relative;padding-left: 51%;}
.orderbox ul li{width:100%;overflow:hidden;height:44px;float:left;margin-bottom: 20px;position:relative;background:#fff;border-radius:3px;}
.orderbox ul li span{display:block;height:44px;line-height:44px;text-align:center;color:#666;width: 80px;position: absolute;left: 0;top: 0;z-index: 0;}

.orderbox ul li .txt,
.orderbox ul li .area,
.orderbox  ul li .code{position:relative;z-index:1;display:block;width:100%;height:100%;line-height:24px;padding:10px 10px 10px 80px;background:none;float:left;}
.orderbox ul .li_2{height:100%;width:49%;position: absolute;left: 0;top: 0;}
.orderbox ul .li_3{max-width: 250px;margin: 0 15px 0 0;}
.orderbox ul .li_3 img{position:absolute;right:20px;top:13px;cursor:pointer;z-index:2;}
.orderbox ul .li_3 .red{width:20px;right:0;top:3px;padding:0;color:#f00;position:absolute;left:auto;}
.orderbox ul .li_4{max-width: 140px;margin: 0;}
.orderbox ul .li_4 p{width:100%;float:left;height:44px;background:#009c4b;margin-right:15px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.orderbox ul .li_4 p input{display:block;width:100%;height:44px;font-size:16px;padding:8px;color:#fff;text-align:center;cursor:pointer;background:none;font-weight:bold;}
.orderbox ul .li_4 p:hover{background:#18bd68;}

@media only screen and (max-width:1250px){
.orderbox{padding:50px 0 60px;}
}
@media only screen and (max-width:1024px){
.orderbox{padding: 40px 0 50px;}
.orderbox ul li{margin-bottom: 15px;}
.orderbox ul .li_3{max-width: 230px;margin-right: 10px;}
.orderbox ul .li_4{max-width: 120px;}
}
@media only screen and (max-width:768px){
.orderbox .cont{max-width: 560px;}
.orderbox ul{padding: 0;}
.orderbox ul .li_2{height:150px;width:100%;position: relative;}
.contactbox .cont-up li{width: 100%;padding: 10px 0;}
}
@media only screen and (max-width:425px){
.orderbox ul li .txt,
.orderbox ul li .area,
.orderbox ul li .code{padding-left: 70px;}
.orderbox ul .li_3{max-width: 195px;}
.orderbox ul .li_4{max-width: 100px;}
}

/*联系*/
.contactbox{padding: 50px 0 45px;text-align: center;}
.contactbox .titl p{font-size: 22px;line-height: 1;}
.contactbox .titl em{display: block;font-size: 50px;font-weight: 600;color: #e6212a;font-style: normal;}

.contactbox .ewm{width: 100%;max-width: 600px;margin: 0 auto;}
.contactbox .ewm p{width: 50%;float: left;padding: 0 35px;}
.contactbox .ewm img{width: 100%;}
.contactbox .ewm span{width: 100%;display: block;background: #fff;padding-bottom:9px;line-height: 1;margin-top: -3px;color: #666;}

@media only screen and (max-width:1024px){
.contactbox{padding: 35px 0 30px;}
}
@media only screen and (max-width:768px){
.contactbox .titl em{font-size: 42px;}
.contactbox .ewm{width: 96%;}
.contactbox .ewm p{padding: 0 3%;}
}
@media only screen and (max-width:425px){
.contactbox .titl p{font-size: 18px;}
.contactbox .titl em{font-size: 36px;line-height: 1.8;}
}

/*link*/
.linkbox{background: #f3f5f7;}
.linkbox .w1280{position: relative;padding: 25px 0 25px 100px;}
.linkbox .tit{position: absolute;left: 5px;top: 50%;margin-top: -20px;line-height: 1;}
.linkbox .tit span{display: block;font-size: 26px;font-weight: 600;color: #009c4b;}
.linkbox .tit em{font-style: normal;color: #d00;}
.linkbox .tit p{font-weight: 600;}
.linkbox ul li{display: inline;line-height:24px;padding: 0 5px;}
.linkbox ul a{line-height:24px;white-space: nowrap;}
