/*通用标题*/
.home-title{width:100%;text-align: center;overflow: hidden;position: relative;line-height: 40px;color: #666;z-index: 1;}
.home-title p{font-size: 24px;color: #1b4db3;}
.home-title a{color: #1b4db3;}
.home-title span{display: block;text-transform: uppercase;}
.home-title em{display: block;width: 30px;height: 10px;border-bottom: 2px solid #1b4db3;margin: 0 auto;}
.home-title a:hover{color: #ff9600;}

.swiper-button-next.next,
.swiper-button-prev.prev{width: 50px;height: 70px;background: none;margin-top: -35px;line-height: 70px;color: #ccc;font-size: 50px;}
.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{color: #38c;}

@media only screen and (max-width:480px){
.home-title{line-height: 30px;}
}


/* product */
.productbox{padding:60px 0;}

.procla{padding: 40px 0;display: flex;justify-content: center;flex-wrap: wrap;}
.procla p{width: 12.5%;padding: 0 10px;text-align: center;float: left;position: relative;}
.procla p::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transition: .5s;transition: .5s;flex-shrink: 0;}
.procla p a{display: block;padding: 0 5px;line-height: 50px;}
.procla p[m="1"] a{background: #1b4db3;color: #fff;}
.procla p[m="1"]::after{width: 0;}

.prolist{padding: 10px 0;min-height: 300px;}
.prolist ul{width: calc(100% + 20px);margin: 0 -10px;overflow: hidden;display: none;flex-wrap: wrap;}
.prolist ul[n="1"]{display: flex;}
.prolist ul li{width: 25%;padding: 10px;float: left;text-align: center;flex-shrink: 0;}
.prolist ul li p{width: 100%;position: relative;height: 0;padding-bottom: 100%;overflow: hidden;}
.prolist ul li p img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.prolist ul li h3{width: 100%;padding: 0 5px;line-height: 50px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.prolist ul li:hover{padding-top: 0;}
.prolist ul li:hover h3{color: #1b4db3;font-weight: 600;}

@media only screen and (max-width:1200px){
.productbox{padding:45px 0 40px;}
.procla{padding: 30px 0;}
.procla p{padding: 0 5px;}
.prolist{padding: 0;min-height: 300px;}
.prolist ul{width: calc(100% + 10px);margin: 0 -5px;}
}
@media only screen and (max-width:1024px){
.productbox{padding:35px 0;}
.prolist{min-height: 200px;}
.procla{padding: 25px 0;}
.procla p{width: 16.66%;}
.prolist ul li{padding: 10px 5px 0;}
}
@media only screen and (max-width:768px){
.productbox{padding:30px 0 25px;}
.procla p{width: 33.33%;padding: 3px;}
.procla p a{background: #f5f5f5;}
.prolist ul li{width: 50%;}
}
@media only screen and (max-width:480px){
.productbox{padding:30px 0 25px;}
.procla{padding: 20px 0;}
.procla p{width: 50%;}
.prolist{min-height: 420px;}
.prolist ul li{padding: 5px;}
.prolist ul li h3{line-height: 40px;}
}


/* advantage1 */
.advantage1{background: url(../nyimages/bg2.jpg) center bottom no-repeat;background-size: 100% auto;padding: 50px 0;}
.advantage1::after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,.75);position: absolute;left: 0;top: 0;z-index: 0;}
.advantage1 .w1280{position: relative;z-index: 2;overflow: hidden;height: 250px;}
.advantage1 .pic{width: 36%;float: left;text-align: right;height: 100%;}
.advantage1 .pic img{max-width: 100%;max-height: 100%;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.advantage1 .txt{width: 56%;float: right;color: #fff;line-height: 1.3;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.advantage1 .txt p{width: 100%;float: left;overflow: hidden;}
.advantage1 .txt .t1{font-size: 42px;padding: 0 5px;}
.advantage1 .txt .t2{font-size: 36px;}
.advantage1 .txt .t2 span{font-weight: bold;padding: 0 5px;}
.advantage1 .txt .t3{padding: 24px 5px 0 10px;}
.advantage1 .txt .t3 a{border: 1px solid #fff;padding: 10px 20px;line-height: 2;color: #fff;display: inline-block;}
.advantage1 .txt .t3 a:hover{background: #1b4db3;border-color: #1b4db3;}
.advantage1 .txt .t3 em{font-style: normal;font-size: 15px;}

@media only screen and (max-width:1100px){
.advantage1 .txt{width: 58%;}
}
@media only screen and (max-width:1024px){
.advantage1{padding: 25px 0;}
.advantage1 .w1280{height: 200px;}
.advantage1 .txt .t1{font-size: 36px;}
.advantage1 .txt .t2{font-size: 28px;}
.advantage1 .txt .t3 a{line-height: 1.3;padding: 10px 15px;}
}
@media only screen and (max-width:768px){
.advantage1{padding: 50px 0;background-size: auto 200%;}
.advantage1 .w1280{height: auto;}
.advantage1 .pic{display: none;}
.advantage1 .txt{width: 100%;text-align: center;top: 0;transform: none;}
.advantage1 .txt .t1{padding: 5px;}
}
@media only screen and (max-width:480px){
.advantage1 .txt .t1{font-size: 30px;}
.advantage1 .txt .t2{font-size: 22px;}
}



/* advantage2 */
.advantage2{padding: 70px 0 60px;}
.advantage2 .home-title{line-height: 35px;}
.advantage2 .home-title p{font-size: 36px;font-weight: 600;padding-bottom: 10px;}
.advantage2 .w1280{padding-top: 30px;}
.advantage2 .text{width: 100%;overflow: hidden;padding: 20px 0;}
.advantage2 .pic{width: 48%;height: 400px;position: relative;overflow: hidden;float: left;}
.advantage2 .pic img{min-width: 100%;height: 112.5%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: -1;}

.advantage2 .txt{width: 48%;padding: 1% 2%;float: left;line-height: 1;}
.advantage2 .txt > *{display: block;float: left;width: 100%;}
.advantage2 .txt i,
.advantage2 .txt em{font-style: normal;font-weight: 600;}
.advantage2 .txt i{font-size: 70px;color: #f0f0f0;margin-bottom: -30px;}
.advantage2 .txt em{font-size: 30px;color: #1b4db3;padding-bottom: 15px;}
.advantage2 .txt p{position: relative;line-height: 24px;margin-top: 6px;max-width: 500px;color: #666;}

.advantage2 .text1 .txt,
.advantage2 .text2 .pic{float: right;}

@media only screen and (max-width:1200px){
.advantage2{padding: 60px 0 50px;}
.advantage2 .text{padding: 10px 0;}
.advantage2 .txt{width: 50%;}
}
@media only screen and (max-width:1024px){
.advantage2{padding: 50px 0 40px;}
.advantage2 .txt{padding: 1.5% 2% .5%;}
}
@media only screen and (max-width:768px){
.advantage2{padding: 50px 0 20px;}
.advantage2 .w1280{padding-top: 20px;}
.advantage2 .home-title p{font-size: 30px;padding-bottom: 5px;}
.advantage2 .pic{width: 100%;}
.advantage2 .pic img{width: 100%;height: auto;}
.advantage2 .txt{padding: 2%;}
.advantage2 .txt i{font-size: 60px;margin-bottom: -24px;}
.advantage2 .txt em{font-size: 24px;padding-bottom: 10px;}
}
@media only screen and (max-width:600px){
.advantage2 .pic{height: 0;padding-bottom: 60%;}
}
@media only screen and (max-width:480px){
.advantage2{padding: 40px 0 30px;}
.advantage2 .w1280{padding-top: 10px;}
.advantage2 .text{padding: 20px 0 10px;}
.advantage2 .pic{padding-bottom: 65%;}
.advantage2 .txt{padding: 30px 2% 0;width: 100%;}
.advantage2 .txt i{width: auto;font-size: 30px;color: #1b4db3;margin: 0;}
.advantage2 .txt em{width: auto;line-height: 30px;padding: 0 10px 5px;}
}


/* producttj */
.producttj{padding: 90px 0 100px;margin-bottom: 40px;background: url(../nyimages/bg10.jpg) center no-repeat fixed;}
.producttj::after{content: "";width: 100%;height: 100%;background: rgba(10,95,180,.8);position: absolute;left: 0;top: 0;z-index: 0;}
.producttj ul{overflow: hidden;z-index: 1;position: relative;}
.producttj ul li{width: 100%;overflow: hidden;position: absolute;top: 0;}
.producttj ul li[n="1"]{left: -100%;}
.producttj ul li[n="2"]{left: 100%;}
.producttj ul li img{width: 100%;}
.producttj ul li.on{position: relative;left: 0;}

.producttj .titl{width: 90%;max-width: 500px;background: #fff;padding: 5px;overflow: hidden;position: absolute;bottom: -40px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 2;}
.producttj .titl p{width: 50%;float: left;border: 5px solid #fff;line-height: 60px;background: #e6e6e6;font-size: 24px;text-align: center;cursor: pointer;}
.producttj .titl p.on{background: #0a64bf;color: #fff;}

@media only screen and (max-width:1200px){
.producttj{padding: 70px 0 80px;}
}
@media only screen and (max-width:1024px){
.producttj{padding: 50px 0 75px;background-size: auto 100%;}
.producttj ul li img{width: 106%;margin: 0 -3%;}
}
@media only screen and (max-width:768px){
.producttj{padding: 40px 0 60px;margin-bottom: 30px;}
.producttj .titl{bottom: -30px;padding: 2px;}
.producttj .titl p{line-height: 52px;font-size: 21px;border-width: 2px;}
}
@media only screen and (max-width:480px){
.producttj .titl p{font-size: 18px;}
}
@media only screen and (max-width:425px){
.producttj{padding: 40px 0 50px;margin-bottom: 25px;}
.producttj .titl{bottom: -25px;}
.producttj .titl p{font-size: 16px;line-height: 42px;}
}


/* company */
.companybox{padding: 70px 0;}

.companybox .pic{width: 480px;float: right;position: relative;right: 15px;}
.companybox .pic::after{content: "";width: 100%;height: 100%;position: absolute;right: -15px;bottom: -15px;z-index: -1;border: 20px solid #fff;border-right-color: #1b4db3;border-bottom-color: #0a64bf;}
.companybox .pic p{width: 100%;height: 360px;position: relative;overflow: hidden;}
.companybox .pic p img{height:100%;position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

.companybox .txt{width: 670px;float: left;}
.companybox .home-title{width: 100%;text-align: left;}
.companybox .text{width: 100%;padding-top: 35px;line-height: 2;color: #666;height: 210px;overflow: hidden;}
.companybox .text p{margin-bottom: 10px;}
.companybox .more{width: 100%;padding-top: 20px;overflow: hidden;}
.companybox .more a{float: left;border: 1px solid #ccc;padding: 9px 59px;text-transform: uppercase;line-height: 30px;}
.companybox .more a:hover{background: #1b4db3;color: #fff;border-color: #1b4db3;}

@media only screen and (max-width:1200px){
.companybox{padding: 45px 0 50px;}
.companybox .pic{width: 40%;right: 10px;}
.companybox .pic::after{right: -10px;bottom: -10px;}
.companybox .txt{width: 56%;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 35px 0 40px;}
.companybox .pic{right: 0;width: 43%;}
.companybox .pic p{height: 340px;}
.companybox .text{padding-top: 15px;height: 190px;}
}
@media only screen and (max-width:768px){
.companybox{padding: 30px 0 50px;}
.companybox .pic{width: 100%;}
.companybox .pic::after{content: none;}
.companybox .pic p{height: auto;}
.companybox .pic p img{height: auto;position: relative;max-width: 100%;}
.companybox .txt{width: 100%;}
.companybox .home-title{text-align: center;}
.companybox .text{padding: 25px 0 10px;height: auto;text-indent: 2em;}
.companybox .more{display: none;}
}
@media only screen and (max-width:480px){
.companybox{padding: 30px 0;}
.companybox .text{padding: 20px 0 10px;line-height: 1.8;}
}


/* zixunbox */
.zixunbox{padding-bottom: 75px;}
.zixunbox .home-title{text-align: left;padding-bottom: 20px;}

.casebox{width: 58%;float: left;}
.caselist ul{width: calc(100% + 10px);margin: 0 -5px;overflow: hidden;height: 350px;}
.caselist ul li{width: 33.33%;float: left;padding: 10px 5px 5px;text-align: center;}
.caselist ul li a{display: block;width: 100%;overflow: hidden;position: relative;}
.caselist ul li p{padding-bottom: 160px;}
.caselist ul li p img{height: 100%;min-width: 100%;}
.caselist ul li h3{width: 90%;height: 90%;position: absolute;background: rgba(0,0,0,.75);left: 5%;top: 5%;overflow: hidden;opacity: 0;-webkit-transform: scale(1.5,1.5);transform: scale(1.5,1.5);}
.caselist ul li h3 span{display: block;line-height: 50px;color: #fff;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;top: 50%;margin-top: -25px;font-size: 15px;font-weight: 600;}
.caselist ul li:hover h3{opacity: 1;-webkit-transform: scale(1,1);transform: scale(1,1);}

.newsbox{width: 36%;float: right;}
.newslist ul{overflow: hidden;}
.newslist ul li{width: 100%;border-bottom: 1px dotted #ddd;overflow: hidden;position: relative;padding-right: 85px;line-height: 50px;margin-bottom: -1px;}
.newslist ul li a{width:100%;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist ul li span{color: #808080;position: absolute;right: 0;top: 0;}

@media only screen and (max-width:1200px){
.zixunbox{padding-bottom: 55px;}
.casebox{width: 60%;}
}
@media only screen and (max-width:1024px){
.zixunbox{padding-bottom: 45px;}
.zixunbox .home-title{padding-bottom:10px;}
.casebox,
.caselist ul li{width: 50%;}
.newsbox{width: 45%;}
}
@media only screen and (max-width:768px){
.zixunbox{padding: 0;}
.zixunbox .w1280{width: 100%;}
.zixunbox .home-title{text-align: center;padding-bottom: 20px;}
.casebox{width: 100%;background: #f7f7f7;padding: 30px 2% 35px;}
.caselist ul{height: auto;}
.caselist ul li{width: 33.33%;padding: 5px;}
.caselist ul li p{padding-bottom: 75%;}
.newsbox{width: 100%;padding: 30px 2% 20px;}
.newsbox .home-title{padding-bottom: 10px;}
}
@media only screen and (max-width:480px){
.casebox{width: 100%;background: #f7f7f7;padding: 30px 2%;}
.caselist ul li{width: 50%;}
.newslist ul li{line-height: 45px;}
}


/* advantage3 */
.advantage3{padding: 45px 0 50px;background: url(../nyimages/bg12.jpg) center no-repeat;text-align: center;line-height: 1.8;}
.advantage3::after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,.25);position: absolute;left: 0;top: 0;z-index: 0;}
.advantage3 .w1280{z-index: 1;position: relative;}
.advantage3 p{font-size: 42px;font-weight: 600;color: #0a64bf;letter-spacing: 5px;}
.advantage3 span{display: block;color: #ccc;font-size: 15px;}

@media only screen and (max-width:768px){
.advantage3{padding: 35px 0;background-size: auto 250%;}
.advantage3 p{font-size: 32px;letter-spacing: normal;}
.advantage3 span{line-height: 1.5;padding-top: 7px;}
}
@media only screen and (max-width:480px){
.advantage3{background-size: auto 200%;}
.advantage3 p{font-size: 26px;}
}
@media only screen and (max-width:360px){
.advantage3 p{font-size: 23px;}
}


/* contactbox */
.contactbox{padding: 85px 0 90px;}

.orderbox{width: 60%;float: right;}
.orderbox .titl{padding: 0 10px;}
.orderbox .titl p a{font-size: 26px;color: #1b4db3;line-height: 1;}
.orderbox .titl p a:hover{color: #ff9600;}
.orderbox .titl span{color: #787878;display: block;width: 100%;padding: 25px 0 20px;}
.orderbox .titl em{display: none;width: 30px;height: 2px;background: #1b4db3;margin: 0 auto;}

.orderbox ul{width: 100%;overflow: hidden;}
.orderbox ul li{float: left;padding: 20px 10px 0;position: relative;margin-top: 15px;}
.orderbox ul li .tit{display: block;width: 100%;line-height: 1;position: absolute;left: 10px;top: 0;color: #787878;}
.orderbox ul li .red{display: block;width: 10px;line-height: 30px;text-align: right;color: #f00;position: absolute;right: 0;top: 50%;margin-top: -2px;}
.orderbox ul li .inp,
.orderbox ul li .area{width: 100%;height: 36px;padding: 6px 10px;line-height: 24px;float: left;background: #f0f0f0;}
.orderbox ul li.txt{width: 32%;margin-right: 2%;}
.orderbox ul li.txt3{margin-right: 0;}
.orderbox ul li.text{width: 100%;}
.orderbox ul li.text .area{height: 100px;}
.orderbox ul li.code{width: 50%;max-width: 170px;margin-right: 2%;}
.orderbox ul li.code img{position:absolute;right:15px;top:30px;cursor:pointer;z-index:2;}
.orderbox ul li.button{width: 40%;max-width: 150px;}
.orderbox ul li.button .tj{width: 100%;}
.orderbox ul li.button input{float: left;background: #1b4db3;width: 100%;line-height: 36px;font-size: 15px;font-weight: 600;color: #fff;cursor: pointer;}
.orderbox ul li.button input:hover{background: #ff9600;}

.mapbox{width: 37%;float: left;height: 370px;border: 1px solid #e6e6e6;position: relative;}
.mapbox iframe{position: relative;z-index: -1;}
.mapbox:hover iframe{z-index: 1;}

@media only screen and (max-width:1200px){
.contactbox{padding: 60px 0;}
.mapbox{width: 38%;}
}
@media only screen and (max-width:1024px){
.contactbox{padding: 45px 0;}
.orderbox,
.mapbox{width: 100%;}
.orderbox .titl{text-align: center;}
.orderbox .titl span{padding: 15px 0;}
.orderbox .titl em{display: block;}
.orderbox ul{padding: 25px 0 30px;}
.orderbox ul li{padding-left: 5px;}
}
@media only screen and (max-width:480px){
.contactbox{padding: 35px 0;}
.orderbox .titl{height: 85px;overflow: hidden;}
.orderbox ul li.txt{width: 100%;max-width: 360px;}
.orderbox ul{padding-top: 0;}
.mapbox{height: 280px;}
}