/*通用标题*/
.home-title{width:100%;text-align: center;overflow: hidden;margin-bottom: 25px;position: relative;color: #777;z-index: 1;}
.home-title span{width:100%;display: block;text-transform: uppercase;}
.home-title p{width: 90%;max-width: 1100px;margin: 0 auto;overflow: hidden;position: relative;}
.home-title a{font-size: 30px;display: block;width: 20%;margin: 0 auto;color: #29a668;font-weight: 600;float: left;line-height: 45px;}
.home-title a:hover{color: #ff9600;}
.home-title em{display: block;width: 40%;float: left;height: 23px;border-bottom: 1px solid #ccc;}
.home-title i{display: block;width: 20px;height: 20px;margin: 0 auto;background: url(../images/icon6.png) center no-repeat;}

.swiper-button-next.next,
.swiper-button-prev.prev{width: 35px;height: 50px;background: url(../nyimages/btn3.png) center no-repeat;margin-top: -25px;background-size: 70px auto;}
.swiper-button-next.next{background-position-x: right;right: -40px;}
.swiper-button-prev.prev{background-position-x: left;left: -40px;}
.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;}
}
@media only screen and (max-width:768px){
.home-title a{font-size: 24px;line-height: 40px;width: 140px;}
.home-title em{height: 20px;width: calc(50% - 70px);}
}
@media only screen and (max-width:425px){
.home-title a{line-height: 30px;font-size: 20px;width: 120px;}
.home-title em{height: 15px;width: calc(50% - 60px);}
}


/* server */
.serverbox{padding: 50px 0;}
.serverbox ul{padding-top: 15px;}
.serverbox ul li{width: 25%;float: left;text-align: center;padding: 0 2.5%;}
.serverbox ul li div{width: 100%;overflow: hidden;max-width: 250px;margin: 0 auto;}
.serverbox ul li p{width: 100%;overflow: hidden;border-radius: 50%;}
.serverbox ul li p img{height: 100%;max-width: none;min-width: 100%;}
.serverbox ul li em{display: block;padding: 35px 0 20px;line-height: 1;font-size: 20px;font-weight: 600;font-style: normal;}
.serverbox ul li span{color: #666;line-height: 24px;display: block;}
.serverbox ul li:hover em{color: #29a668;}

@media only screen and (max-width:1200px){
.serverbox{padding: 45px 0;}
.serverbox ul li{padding: 0 1.5%;}
}
@media only screen and (max-width:1024px){
.serverbox{padding: 35px 0;}
.serverbox ul{padding-top: 10px;}
.serverbox ul li{padding: 0 1%;}
.serverbox ul li em{padding: 25px 0 15px;font-size: 18px;}
}
@media only screen and (max-width:768px){
.serverbox{padding: 35px 0 25px;}
.serverbox ul{padding: 0;display: flex;flex-wrap: wrap;}
.serverbox ul li{width: 50%;padding: 2.5%;}
}
@media only screen and (max-width:425px){
.serverbox{padding: 35px 0;}
.serverbox ul li{width: 100%;padding: 5px 0;}
.serverbox ul li div{background: #29a668;max-width: 100%;border-radius: 5px;padding: 75% 15px 25px;position: relative;}
.serverbox ul li p{border-radius: 0;top: 0;position: absolute;left: 0;}
.serverbox ul li p i{padding-bottom: 75%;}
.serverbox ul li em,
.serverbox ul li:hover em,
.serverbox ul li span{color: #fff;}
}

/* product */
.productbox{padding:60px 0 55px;background: #f5f5f5;}
.productbox .clabox{width: 21%;max-width: 250px;float: left;}
.productbox .clabox .titl{width: 250px;float: left;width: 100%;color: #fff;background: #29a668;padding: 25px;line-height: 30px;}
.productbox .clabox .titl p{font-size: 20px;font-weight: 600;padding-left: 45px;background: url(../images/icon4.png) left center no-repeat;}

.productbox .clabox ul{width: 100%;padding-top: 10px;}
.productbox .clabox ul li{width: 100%;margin-bottom: 5px;background: #fff;position: relative;}
.productbox .clabox ul li::after{content: "";width: 5px;height: 100%;background: #29a668;position: absolute;left: 0;top: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;z-index: 1;}
.productbox .clabox ul li a{width: 100%;padding: 15px 12% 15px 10%;font-size: 15px;font-weight: 600;line-height: 30px;display: block;position: relative;z-index: 2;background: url(../images/icon7.png) 92% center no-repeat;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666;}
.productbox .clabox ul li:hover::after{width: 100%;}
.productbox .clabox ul li:hover a{color: #fff;background-image: url(../images/icon28.png);}

.productbox .prolist{width: 77%;max-width: 980px;float: right;}
.productbox .prolist .titl{width: 100%;background: #fff;padding: 15px;position: relative;line-height: 40px;overflow: hidden;}
.productbox .prolist .titl::after{content: "";width: 5px;height: 60%;left: 15px;top: 20%;background: #29a668;border-radius: 3px;position: absolute;}
.productbox .prolist .titl p{float: left;padding-left: 25px;font-size: 20px;font-weight: 600;color: #29a668;}
.productbox .prolist .titl a{float: right;width: 100px;background: #29a668;color: #fff;text-align: center;text-transform: uppercase;}
.productbox .prolist .titl a:hover{background: #ff9600;}

.productbox .prolist .list{width: 102%;position: relative;left: -1%;padding-top: 1%;}
.productbox .prolist .list ul li{width: 33.33%;float: left;padding: 1%;}
.productbox .prolist .list ul li a{display: block;width: 100%;background: #fff;overflow: hidden;padding: 4%;}
.productbox .prolist .list ul li p{width: 100%;overflow: hidden;}
.productbox .prolist .list ul li h3{width: 98%;font-size: 15px;padding-right: 25px;margin-top: 4%;background: url(../images/icon8.png) right center no-repeat;color: #666;font-weight: 600;line-height: 30px;position: relative;left: 1%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productbox .prolist .list ul li:hover h3{background-image: url(../images/icon9.png);color: #29a668;}

@media only screen and (max-width:1024px){
.productbox{padding: 45px 0;}
.productbox .clabox,
.productbox .prolist{width: 100%;max-width: 100%;}
.productbox .clabox .titl{display: none;}
.productbox .clabox ul{width: calc(100% + 6px);margin: 0 -3px;padding: 0;}
.productbox .clabox ul li{width: 25%;padding: 3px;background: none;float: left;text-align: center;margin: 0;}
.productbox .clabox ul li::after{content: none;}
.productbox .clabox ul li a{padding: 10px;background: #29a668;color: #fff;}
.productbox .prolist{padding-top: 35px;}
.productbox .prolist .list{padding-top: 5px;width: calc(100% + 10px);left: -5px;}
.productbox .prolist .list ul li{padding: 5px;}
}
@media only screen and (max-width:768px){
.productbox{padding: 35px 0;}
.productbox .clabox ul li{width: 33.33%;}
}
@media only screen and (max-width:640px){
.productbox .prolist .list ul li{width: 50%;}
}
@media only screen and (max-width:480px){
.productbox .clabox ul li{width: 50%;}
.productbox .prolist .list ul li h3{font-size: 14px;}
}

/* xbanner */
.xbanner{background: url(../images/bg1.jpg) center no-repeat;padding: 50px 0;}
.xbanner::after{content: "";width: 70%;height: 100%;position: absolute;right: 0;top: 0;border-top: 200px solid rgba(41,166,104,.8);border-left: 200px solid rgba(41,166,104,0);z-index: 1;}
.xbanner .w1280{z-index: 2;position: relative;}
.xbanner .w1280 div{width: 100%;height: 100%;position: relative;padding-right: 25%;overflow: hidden;}
.xbanner .txt1{font-size: 30px;font-weight: 600;color: #fff;text-align: right;line-height: 56px;}
.xbanner .txt2{color: #fff;line-height: 44px;float: right;}
.xbanner .txt2 em{float: left;font-size: 21px;font-style: normal;}
.xbanner .txt2 span{font-size: 25px;}
.xbanner .txt3{width: 25%;text-align: center;line-height: 60px;position: absolute;right: 0;top: 50%;margin-top: -30px;font-size: 18px;}
.xbanner .txt3 a{display: block;width: 180px;color: #29a668;background: #fff;border-radius: 30px;margin: 0 auto;font-weight: 600;}
.xbanner .txt3 a:hover{background: #ffb01f;color: #fff;}

@media only screen and (max-width:1440px){
.xbanner::after{width: 75%;}
}
@media only screen and (max-width:1200px){
.xbanner::after{width: 80%;}
}
@media only screen and (max-width:1024px){
.xbanner::after{width: 100%;border: 0;background: rgba(41,166,104,.8);height: 100%;background-size: auto 100%;}
.xbanner .w1280 div{padding: 0 35% 0 3%;}
.xbanner .txt1{text-align: left;}
.xbanner .txt2{width: 100%;}
}
@media only screen and (max-width:768px){
.xbanner{background-size: auto 100%;}
.xbanner .w1280 div{padding: 0;}
.xbanner .txt1{text-align: center;line-height: 1;}
.xbanner .txt2{float: none;line-height: 30px;padding: 15px 0;text-align: center;}
.xbanner .txt2 em{float: none;display: inline-block;height: 30px;position: relative;top: -1px;}
.xbanner .txt2 span{float: none;display: inline-block;height: 30px;}
.xbanner .txt3{width: 100%;position: relative;margin: 0;line-height: 50px;}
}
@media only screen and (max-width:480px){
.xbanner .txt1{font-size: 24px;}
}
@media only screen and (max-width:425px){
.xbanner{padding: 40px 0 35px;}
.xbanner .txt1{font-size: 20px;}
.xbanner .txt2 em{font-size: 18px;}
.xbanner .txt2 span{font-size: 22px;}
}

/* advantage */
.advantagebox .titl{width: 100%;text-align: center;padding: 6% 0;}
.advantagebox .titl img{max-width: 90%;}

.advantagebox .text{width: 100%;overflow: hidden;position: relative;}
.advantagebox .pic{width: 50%;text-align: center;}
.advantagebox .pic img{max-width: 100%;}

.advantagebox .txt{width: 48%;max-width: 600px;padding: 0 3%;position: absolute;}
.advantagebox .txt p{width: 100%;background: none left no-repeat;line-height: 1;font-size: 24px;padding-top: 35px;font-weight: 600;color: #29a668;}
.advantagebox .txt span{line-height: 30px;color: #666;padding-top: 5%;display: block;}

.advantagebox .txt1{right: 0;top: 0;padding-top: 1%;}
.advantagebox .txt1 p{background-image: url(../images/icon11.png);}
.advantagebox .txt2{right: 0;bottom: 0;padding-bottom: 8%;}
.advantagebox .txt2 p{background-image: url(../images/icon12.png);}
.advantagebox .txt3{left: 0;top: 0;padding-top: 1%;}
.advantagebox .txt3 p{background-image: url(../images/icon13.png);}
.advantagebox .txt4{left: 0;bottom: 0;padding-bottom: 8%;}
.advantagebox .txt4 p{background-image: url(../images/icon14.png);}

.advantagebox .text1{padding-bottom: 5%;}
.advantagebox .text2{padding-bottom: 7%;}
.advantagebox .text1 .txt,
.advantagebox .text2 .txt{float: left;}
.advantagebox .text1 .pic{float: left;}
.advantagebox .text2 .pic{float: right;}

@media only screen and (max-width:1200px){
.advantagebox .txt span{padding-top: 3%;}
.advantagebox .text1 .txt{padding-left: 2%;padding-right: 1%;}
.advantagebox .text2 .txt{padding-left: 1%;padding-right: 0;padding-top: 0;}
}
@media only screen and (max-width:1024px){
.advantagebox .txt p{background-size: 50px;padding-top: 26px;}
.advantagebox .text1 .txt{padding-left: 0;padding-right: 0;}
.advantagebox .text2 .txt{padding-left: 0;}
}
@media only screen and (max-width:900px){
.advantagebox .txt span{line-height: 24px;}
.advantagebox .txt2,
.advantagebox .txt4{padding-bottom: 7%;}
.advantagebox .text1 .pic{width: 52%;}
.advantagebox .text1 .txt{width: 47%;}
.advantagebox .text2 .pic{width: 54%;padding-top: 2%;}
.advantagebox .text2 .txt{width: 45%;}
}
@media only screen and (max-width:768px){
.advantagebox{padding: 2% 0 5%;}
.advantagebox .w1280{width: 98%;}
.advantagebox .titl{width: 100%;text-align: center;padding: 4% 0;}
.advantagebox .text{display: flex;justify-content: center;padding: 0;flex-wrap: wrap;}
.advantagebox .pic{display: none;}
.advantagebox .text1 .txt,
.advantagebox .text2 .txt{width: 48%;position: relative;background: #f5f5f5;flex-shrink: 0;margin: 1%;border-radius: 5px;padding: 3%;top: 0;}
.advantagebox .txt p{font-size: 20px;line-height: 24px;}
.advantagebox .txt span{padding-top: 5%;}
.advantagebox .txt:hover{background: #29a668;}
.advantagebox .txt:hover p,
.advantagebox .txt:hover span{color: #fff;position: relative;}
.advantagebox .txt:hover p:{color: #fff;position: relative;}
}
@media only screen and (max-width:480px){
.advantagebox{padding: 3% 0 8%;}
.advantagebox .titl{padding: 6% 0;}
.advantagebox .text1 .txt,
.advantagebox .text2 .txt{width: 98%;padding: 5%;}
}

/* case */
.casebox{padding: 55px 0;background: #29a668 url(../images/bg2.jpg) center bottom no-repeat;background-attachment: fixed;}
.casebox .home-title span{color: #d7ebdf;}
.casebox .home-title a{color: #fff;}
.casebox .home-title em{border-color: #94d3b4;}
.casebox .home-title i{background-image: url(../images/icon5.png);}

.casebox ul li{width: 25%;float: left;text-align: center;padding: 10px;}
.casebox ul li a{display: block;width: 100%;overflow: hidden;padding: 3%;background: #fff;}
.casebox ul li p{width: 100%;overflow: hidden;}
.casebox ul li p em{padding-bottom: 85%;}
.casebox ul li p img{width: 100%;max-height: none;min-height: 100%;}
.casebox ul li h3{width: 100%;font-size: 15px;line-height: 40px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top: 2%;}

.casebox .swiper-button-next.next,
.casebox .swiper-button-prev.prev{background-image: url(../nyimages/btn4.png);opacity: .75;}
.casebox .swiper-button-next.next:hover{opacity: 1;right: -45px;}
.casebox .swiper-button-prev.prev:hover{opacity: 1;left: -45px;}

.casebox .more{padding-top: 30px;text-align: center;line-height: 30px;font-size: 15px;}
.casebox .more a{width: 180px;margin: 0 auto;display: block;padding: 9px;border: 1px solid rgba(255,255,255,.8);border-radius: 25px;color: #fff;}
.casebox .more a:hover{background: #fff;color: #29a668;font-weight: 600;}

@media only screen and (max-width:1200px){
.casebox ul li{padding: 10px 5px;}
.casebox .swiper-button-next.next,
.casebox .swiper-button-prev.prev{display: none;}
}
@media only screen and (max-width:1024px){
.casebox{padding: 45px 0;}
.casebox ul li{width: 33.33%;}
.casebox .more{padding-top: 25px;}
}
@media only screen and (max-width:640px){
.casebox{padding: 40px 0;}
.casebox ul li{width: 50%;}
.casebox .more{padding-top: 20px;}
.casebox .more a{padding: 5px;width: 150px;}
}
@media only screen and (max-width:425px){
.casebox{padding: 35px 0;}
.casebox ul li{width: 100%;}
}

/* company */
.companybox{padding: 70px 0 60px;}
.companybox .pic{width: 48%;max-width: 580px;float: left;}
.companybox .pic em{padding-bottom: 400px;}
.companybox .pic em img{height: 100%;min-width: 100%;max-width: none;z-index: 1;}
.companybox .pic em::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}

.companybox .txt{width: 50%;float: right;line-height: 1;}
.companybox .titl{padding: 20px 0 25px;float: left;}
.companybox .titl p{font-size: 36px;}
.companybox .titl span{font-size: 16px;color: #666;padding: 15px 0 18px;display: block;}
.companybox .titl em{display: block;width: 30px;height: 2px;background: #29a668;}
.companybox .titl:hover p{color: #29a668;}
.companybox .titl:hover em{width: 50px;}

.companybox .text{width: 100%;height: 180px;line-height: 30px;color: #666;}
.companybox .more{width: 100%;padding-top: 15px;}
.companybox .more a{width: 150px;float: left;line-height: 50px;text-align: center;color: #fff;background: #29a668;font-size: 15px;border-radius: 25px;font-weight: 600;}
.companybox .more a:hover{background: #ff9600;}

@media only screen and (max-width:1250px){
.companybox{padding: 60px 0 50px;}
.companybox .txt{width: 49%;}
.companybox .titl{padding: 15px 0 20px;}
.companybox .titl span{padding: 10px 0 15px;}
.companybox .text{height: 205px;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 50px 0 45px;}
.companybox .pic{width: 50%;}
.companybox .pic em{padding-bottom: 370px;}
.companybox .txt{width: 48%;}
.companybox .titl{padding: 10px 0 15px;}
.companybox .titl p{font-size: 30px;}
.companybox .titl span{padding: 10px 0 13px;}
.companybox .text{line-height: 24px;height: 220px;}
.companybox .more{padding-top: 10px;}
.companybox .more a{width: 120px;line-height: 40px;}
}
@media only screen and (max-width:768px){
.companybox{padding: 35px 0;}
.companybox .pic{width: 100%;max-width: 100%;}
.companybox .pic em{padding-bottom: 75%;}
.companybox .txt{width: 100%;padding: 0 2% 25px;}
.companybox .text{height: auto;line-height: 30px;}
.companybox .more{display: none;}
}
@media only screen and (max-width:425px){
.companybox .text{line-height: 25px;}
}

/* process */
.processbox .w1280{background: #29a668;padding: 50px 0 40px;}
.processbox .home-title span{color: #d7ebdf;}
.processbox .home-title a{color: #fff;}
.processbox .home-title em{border-color: #94d3b4;}
.processbox .home-title i{background-image: url(../images/icon5.png);}

.processbox .list{padding: 10px 4%;text-align: center;}
.processbox .list .txt{width: 17.2%;float: left;color: #fff;}
.processbox .list .txt p{width: 80%;max-width: 120px;background: rgba(255,255,255,.2);border-radius: 50%;padding: 10px;overflow: hidden;margin: 0 auto 25px;}
.processbox .list .txt em{width: 100%;background: #fff;border-radius: 50%;padding-bottom: 100%;position: relative;display: block;}
.processbox .list .txt img{position: absolute;max-width: 75%;max-height: 75%;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.processbox .list .txt span{display: block;width: 100%;font-size: 16px;font-weight: 600;height: 30px;line-height: 30px;padding: 0 5px;}
.processbox .list .txt:hover p{background: rgba(255,255,255,.4);}
.processbox .list .pic{width: 3.5%;float: left;padding: 40px 0;position: relative;}
.processbox .list .pic img{width: 30px;}
.processbox .list .pic::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

@media only screen and (max-width:1200px){
.processbox .w1280{padding: 40px 0 30px;}
}
@media only screen and (max-width:1024px){
.processbox .list{padding: 10px 2%;}
.processbox .list .txt{width: 16.8%;}
.processbox .list .txt p{padding: 5%;width: 80%;margin-bottom: 15px;}
.processbox .list .txt span{font-size: 15px;}
.processbox .list .pic{width: 4%;padding: 4.5% 0;}
.processbox .list .pic img{width: 24px;}
}
@media only screen and (max-width:768px){
.processbox .w1280{padding: 35px 0 25px;}
.processbox .list .txt{width: 20%;}
.processbox .list .pic{display: none;}
}
@media only screen and (max-width:640px){
.processbox .w1280{padding: 35px 0 30px;}
.processbox .list{display: flex;justify-content: center;flex-wrap: wrap;padding: 10px;}
.processbox .list .txt{width: 33%;flex-shrink: 0;position: relative;}
.processbox .list .txt p{width: 120px;border-radius: 60px;padding-bottom: 80px;margin: 0 auto;}
.processbox .list .txt span{width:80px;position: absolute;left: 50%;bottom: 35px;margin-left: -40px;line-height: 20px;}
}
@media only screen and (max-width:425px){
.processbox .list{padding: 5px;}
.processbox .list .txt p{width: 100px;max-width:98%;border-radius: 50px;padding-bottom: 70px;}
.processbox .list .txt span{bottom: 30px;}
}

/* newsbox */
.newsbox{padding: 55px 0 45px;}
.newsbox .list{padding-top: 5px;}
.newsbox .list ul li{width: 43%;float: right;overflow: hidden;margin-bottom: 15px;background: #29a668;padding: 15px 90px 15px 20px;position: relative;}
.newsbox .list ul li:hover{background: #ff9600;}
.newsbox .list ul li .tit{width: 100%;line-height: 30px;font-size: 15px;font-weight: 600;}
.newsbox .list ul li .tit a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;}
.newsbox .list ul li .time{color: #fff;font-size: 15px;position: absolute;line-height: 30px;right: 15px;top: 15px;text-align: right;}
.newsbox .list ul li .pic{width: 100%;overflow: hidden;display: none;}
.newsbox .list ul li .pic a{padding-bottom: 240px;}
.newsbox .list ul li .pic img{height: 100%;min-width: 100%;max-width: none;}
.newsbox .list ul li .text{height: 55px;color: #808080;padding-top: 10px;display: none;}
.newsbox .list ul li .text img,
.newsbox .list ul li .text br,
.newsbox .list ul li .text table{display: none;}

@media only screen and (max-width:1200px){
.newsbox{padding: 40px 0;}
.newsbox .list{padding-top: 0;}
.newsbox .list ul li{margin-bottom: 10px;}
.newsbox .list ul li .pic a{padding-bottom: 225px;}
}
@media only screen and (max-width:1024px){
.newsbox .list{padding-top: 10px;}
.newsbox .list ul li{width: 48%;padding-left: 15px;}
.newsbox .list ul li .pic a{padding-bottom: 295px;}
}
@media only screen and (max-width:768px){
.newsbox .list ul li{width: 100%;}
}
@media only screen and (max-width:480px){
.newsbox{padding: 35px 0;}
.newsbox .list{padding-top: 5px;}
.newsbox .list ul li{padding: 10px 90px 10px 15px;margin-bottom: 5px;}
.newsbox .list ul li .time{top: 10px;}
}
@media only screen and (max-width:425px){
.newsbox{padding: 30px 0;}
.newsbox .list{padding-top: 0;}
}
@media only screen and (min-width:769px){
.newsbox .list ul li[n="1"]{width: 48%;float: left;background: none;padding: 0;}
.newsbox .list ul li[n="1"] .pic,
.newsbox .list ul li[n="1"] .text{display: block;}
.newsbox .list ul li[n="1"] .tit{padding-top: 10px;}
.newsbox .list ul li[n="1"] .tit a{color: #333;}
.newsbox .list ul li[n="1"] .tit a:hover{color: #29a668;}
.newsbox .list ul li[n="1"] .time.time{text-align: left;color: #999;position: relative;top: 0;right: 0;height: 20px;line-height: 20px;}
}
@media only screen and (min-width:1025px){
.newsbox .list ul li[n="1"],
.newsbox .list ul li[n="2"]{width: 26%;float: left;margin-right: 2%;background: none;padding: 0;}
.newsbox .list ul li[n="2"] .pic,
.newsbox .list ul li[n="2"] .text{display: block;}
.newsbox .list ul li[n="2"] .tit{padding-top: 10px;}
.newsbox .list ul li[n="2"] .tit a{color: #333;}
.newsbox .list ul li[n="2"] .tit a:hover{color: #29a668;}
.newsbox .list ul li[n="2"] .time{text-align: left;color: #999;position: relative;top: 0;right: 0;height: 20px;line-height: 20px;}
}
@media only screen and (min-width:1201px){
.newsbox .list ul li[n="1"],
.newsbox .list ul li[n="2"]{width: 25%;margin-right: 3%;}
}

/* contact */
.contactbox{padding: 60px 0 70px;background: url(../images/bg3.jpg) center bottom no-repeat;background-attachment: fixed;}
.contactbox .text{width: 43%;float: left;}
.contactbox .text .tit{width: 100%;overflow: hidden;margin-bottom: 30px;}
.contactbox .text .tit a{float: left;line-height: 60px;font-size: 24px;color: #fff;position: relative;}
.contactbox .text .tit a::after{content: "";position: absolute;left: 0;bottom: 0;width: 2em;height: 1px;background: #29a668;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.contactbox .text .tit a:hover::after{width: 4em;}
.contactbox .text .txt{width: 100%;overflow: hidden;color: #fff;}
.contactbox .text .txt p{font-size: 15px;padding-left: 40px;background: none left 8px no-repeat;line-height: 36px;}
.contactbox .text .txt p.gs{background-image: url(../images/icon21.png);}
.contactbox .text .txt p.dh{background-image: url(../images/icon22.png);}
.contactbox .text .txt p.jl{background-image: url(../images/icon23.png);}
.contactbox .text .txt p.sj{background-image: url(../images/icon24.png);}
.contactbox .text .txt p.qq{background-image: url(../images/icon25.png);}
.contactbox .text .txt p.yx{background-image: url(../images/icon26.png);}
.contactbox .text .txt p.dz{background-image: url(../images/icon27.png);}

.orderbox{width: 55%;max-width: 640px;float: right;padding: 3%;background: rgba(41,166,104,.6);}
.orderbox ul{width: 104%;}
.orderbox ul li{width:96%;overflow:hidden;float:left;position:relative;padding-bottom: 15px;padding-left: 65px;margin-right: 4%;}
.orderbox ul li .tit{width:65px;font-size: 16px;color: #fff;line-height: 34px;position: absolute;left: 0;top: 0;text-align: left;display: block;}
.orderbox ul li .txt,
.orderbox ul li .area,
.orderbox ul li .code{position:relative;z-index:1;width:100%;height:34px;line-height:24px;padding:5px 10px;background:#fff;float:left;}
.orderbox ul li .area{height:100px;}
.orderbox ul li .red{color: #e00;display: block;width: 15px;text-align: center;line-height: 34px;position: absolute;right: 0;top: 2px;z-index: 3;}
.orderbox ul li.li_1{width: 46%;}
.orderbox ul .li_3{max-width: 250px;}
.orderbox ul .li_3 img{position:absolute;right:15px;top:9px;cursor:pointer;z-index:2;}
.orderbox ul .li_4{padding-top: 5px;padding-bottom: 5px;}
.orderbox ul .li_4 p{width:45%;float:left;margin-right: 10px;position: relative;top: 0;max-width: 120px;}
.orderbox ul .li_4 p input{display:block;width:100%;height:40px;font-size:16px;color:#fff;text-align:center;cursor:pointer;background:none;font-weight:600;line-height: 40px;}
.orderbox ul .li_4 p.tj{background: #28ba72;}
.orderbox ul .li_4 p.cz{background: #333;}
.orderbox ul .li_4 p:hover{top: -3px;}

@media only screen and (max-width:1250px){
.contactbox{padding:50px 0;}
}
@media only screen and (max-width:1024px){
.contactbox{padding: 0 0 5%;}
.contactbox .text{width: 100%;padding: 4%;}
.orderbox{width: 100%;max-width: 100%;padding: 5%;}
}
@media only screen and (max-width:768px){
.contactbox{padding-bottom: 7%;}
.contactbox .text{padding: 5% 4%;}
}
@media only screen and (max-width:480px){
.contactbox{padding-bottom: 10%;}
.contactbox .text{padding: 5% 4% 6%;}
.contactbox .text .tit{margin-bottom: 20px;}
.contactbox .text .txt p{line-height: 30px;background-position-y: 5px;padding-left: 35px;font-size: 14px;}
.orderbox{padding: 8% 5% 7.5%;}
.orderbox ul li{padding-bottom: 10px;padding-left: 56px;}
.orderbox ul li .tit{width:60px;font-size: 15px;}
.orderbox ul li.li_1{width: 96%;}
.orderbox ul .li_4 p input{height:36px;font-size:15px;line-height: 36px;}
}

/*link*/
.linkbox{background: #f0f0f0;padding: 15px 0;}
.linkbox .w1280{position: relative;padding-left: 90px;min-height: 24px;}
.linkbox p{position: absolute;left: 0;line-height: 24px;}
.linkbox ul li{display: inline;line-height:24px;padding: 0 5px;}
.linkbox ul a{line-height:24px;white-space: nowrap;}

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