/*通用标题*/
.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/icon7.png) center no-repeat;background-size: 100% auto;}

.swiper-button-next.next,
.swiper-button-prev.prev{width: 45px;height: 70px;background: url(../images/btn3.png) center no-repeat;margin-top: -35px;}
.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(../images/btn2.png);}

#bannerppt{height: 600px;}
#bannerppt .swiper-wrapper{height: 100%;top: 0;}

@media only screen and (max-width:1310px){
#bannerppt{padding-bottom: 44%;height: 0;}
}
@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;}
}


/*产品*/
.productbox{padding:50px 0;}
.clalist ul{display: flex;justify-content: center;flex-wrap: wrap;}
.clalist ul li{width: 20%;float:left;padding: 0 3px 5px;text-align: center;}
.clalist ul li a{display: block;width: 100%;line-height: 50px;background: #003073;color: #fff;font-size: 16px;font-weight: 600;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 5px;}
.clalist ul li a:hover{background: #ff6a00;}

.prolist{padding: 20px 0 15px;}
.prolist ul li{width: 25%;padding: 5px;float: left;text-align: center;}
.prolist ul li a{display: block;background: #003073;padding: 10px;overflow: hidden;}
.prolist ul li p{width: 100%;overflow: hidden;background: #fff;}
.prolist ul li h3{width: 100%;line-height: 2;font-size: 18px;padding: 12px 0 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;}
.prolist ul li:hover a{background: #ff6a00;}

@media only screen and (max-width:1250px){
.productbox{padding: 45px 0;}
.prolist{padding-bottom: 10px;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 35px 0;}
.clalist ul li{padding: 2px;width: 25%;}
.prolist ul li{width: 50%;}
}
@media only screen and (max-width:768px){
.clalist ul li{width: 50%;}
}
@media only screen and (max-width:425px){
.productbox{padding: 30px 0 25px;}
.prolist ul li{padding: 2px;}
.prolist ul li a{padding: 5px;}
.prolist ul li h3{padding: 5px 0 0;font-size: 16px;}
}

/*案例*/
.casebox{padding: 50px 0;background: #f7f7f7 url(../images/bg1.jpg) center bottom no-repeat;background-attachment: fixed;}
.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;position: relative;}
.casebox ul li p{width: 100%;overflow: hidden;border: 1px solid #e6e6e6;padding-bottom: 75%;position: relative;}
.casebox 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%);}
.casebox ul li h3{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.75);-webkit-transform: scale(0,0);-moz-transform: scale(0,0);transform: scale(0,0);}
.casebox ul li h3 div{width: 100%;position: relative;top: 50%;margin-top: -30px;height: 64px;overflow: hidden;color: #fff;}
.casebox ul li h3 em{display: block;width: 30px;height: 30px;margin: 0 auto;border-radius: 15px;border: 2px solid rgba(255,255,255,.75);font-size: 24px;line-height: 28px;font-style: normal;}
.casebox ul li h3 span{display: block;width: 100%;padding-top: 10px;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.casebox ul li:hover h3{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);transform: scale(1,1);}

@media only screen and (max-width:1250px){
.casebox{padding: 45px 0;}
}
@media only screen and (max-width:1024px){
.casebox{padding: 35px 0;}
.casebox ul li{width: 50%;}
}
@media only screen and (max-width:768px){
.casebox ul li{padding: 2px;}
.casebox ul li h3 span{font-size: 16px;}
}

/*优势*/
.youshibox{padding: 50px 0 25px;background: #1e222d url(../images/bg2.jpg) center bottom no-repeat;background-attachment: fixed;}
.youshibox .home-title span{color: #bec3cb;font-size: 16px;width: 100%;font-weight: 600;}
.youshibox .home-title div{color: #fff;font-size: 30px;width: 100%;padding: 2px 0 7px;overflow: hidden;}

.youshibox .w1280{position: relative;overflow: hidden;}
.youshibox .pic{width: 48%;height: 100%;position: absolute;left: 50%;top: 50%;margin-top: -30px;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background: url(../images/ys1.png) center no-repeat;z-index: 0;}
.youshibox .txt{width: 50%;position: relative;float: left;padding-bottom: 60px;}
.youshibox .txt div{width: 70%;max-width: 400px;height: 110px;position: relative;background: #fff;border-radius: 55px;padding:0 3%}
.youshibox .txt div *{display: block;overflow: hidden;}
.youshibox .txt strong{width: 20%;padding-bottom:20%;border-radius: 50%;background: #ff6a00;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.youshibox .txt strong em{width: 100%;text-align: center;font-size: 36px;line-height: 40px;position: absolute;left: 0;top: 50%;margin-top: -20px;font-style: normal;color: #fff;}
.youshibox .txt p{width: 100%;font-size: 18px;font-weight: 600;color: #333;padding: 15px 0 5px;line-height: 30px;white-space: nowrap;}
.youshibox .txt span{width: 100%;color: #666;line-height: 22px;height: 60px;display: block;}
.youshibox .txtl div{padding-left: 17%;}
.youshibox .txtn div{left:70px}
.youshibox .txtl div strong{left: 2.5%;}
.youshibox .txty div{padding-right: 17%;float: right;text-align: right;}
.youshibox .txtm div{right:70px}
.youshibox .txty div strong{right: 2.5%;}
.youshibox .txt:hover p{color: #ff6a00;}

@media only screen and (max-width:1150px){
.youshibox .pic{background-size: 100% auto;}
}
@media only screen and (max-width:1100px){
.youshibox .pic{margin-top: -25px;}
.youshibox .txt{padding-bottom: 50px;}
}
@media only screen and (max-width:1024px){
.youshibox{padding: 40px 0 30px;}
.youshibox .pic{margin-top: -15px;width: 45%;}
.youshibox .txt{padding-bottom: 30px;}
.youshibox .txt strong em{font-size: 24px;}
.youshibox .txt p{font-size: 16px;padding: 5% 0 1.5%;}
.youshibox .txt span{line-height: 20px;}
}
@media only screen and (max-width:768px){
.youshibox{padding: 40px 0;}
.youshibox .pic{background-image: url(../images/ys2.png);display: none;}
.youshibox .txt{width: 100%;padding: 10px 0;}
.youshibox .txt div{width: 100%;}
.youshibox .txtl div{padding-left: 100px;}
.youshibox .txtn div{left:0}
.youshibox .txty div{padding-right: 100px;}
.youshibox .txtm div{right:0}
.youshibox .txt strong em{font-size: 36px;}
}
@media only screen and (max-width:425px){
.youshibox .txt{padding: 5px 0;}
.youshibox .txtl div{padding-left: 25%;}
.youshibox .txty div{padding-right: 25%;}
.youshibox .txt strong em{font-size: 30px;}
}

/*简介*/
.companybox .cont{padding: 60px 0 45px;}
.companybox .pic{width: 48%;max-width: 600px;float: left;border: 1px solid #ddd;}
.companybox .pic p{width: 100%;padding-bottom: 400px;position: relative;background: #000;}
.companybox .pic p img{height: 100%;max-width: none;min-width: 100%;}

.companybox .txt{width: 50%;max-width:620px;float: right;}
.companybox .titl{width: 100%;padding: 15px 0 35px;}
.companybox .titl p{float: left;}
.companybox .titl a{font-size: 24px;line-height: 1.6;font-weight: 600;}
.companybox .titl span{display: block;width: 50px;height: 2px;background: #ff9600;margin-top: 15px;}
.companybox .txt:hover .titl a{color: #ff9600;}
.companybox .txt:hover .titl span{width: 100%;}
.companybox .text{width: 100%;font-size:15px;color: #666;line-height: 2;}
.companybox .text p{width: 100%;overflow: hidden;margin-bottom: 1.5em;}
.companybox .more{width: 100%;padding-top: 20px;}
.companybox .more a{display: block;width: 150px;color: #fff;height: 45px;line-height: 45px;font-size: 16px;text-align: center;background: #999;font-weight: 600;}
.companybox .more a:hover{background: #ff9600;}

@media only screen and (max-width:1250px){
.companybox .cont{padding: 50px 0 35px;}
.companybox .titl{padding: 15px 0 25px;}
.companybox .text{height: 220px;}
.companybox .text p{width: 100%;overflow: hidden;margin-bottom: 1em;}
}
@media only screen and (max-width:1024px){
.companybox .cont{padding: 35px 0;}
.companybox .pic,
.companybox .txt{width: 100%;max-width: 100%;}
.companybox .titl{padding: 25px 0;}
.companybox .text{height: auto;line-height: 1.8;}
.companybox .more{padding-top: 15px;}
}
@media only screen and (max-width:768px){
.companybox .cont{padding: 35px 0 25px;}
.companybox .pic p{padding-bottom: 60%;}
.companybox .titl span{margin-top: 10px;}
.companybox .more a{font-size: 15px;}
}
@media only screen and (max-width:425px){
.companybox .cont{padding: 30px 0 25px;}
.companybox .titl{padding: 20px 0;}
.companybox .titl a{font-size: 20px;}
.companybox .text p{margin-bottom: 10px;}
.companybox .more{padding-top: 10px;}
}

/*相册*/
.albumbox ul li{width: 25%;padding: 0 5px;text-align: center;}
.albumbox ul li p{width: 100%;overflow: hidden;padding-bottom: 70%;position: relative;}
.albumbox ul li p img{width: 102%;min-height: 102%;position: absolute;left: -1%;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.albumbox ul li h3{display:block;width:100%;height:100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.75);opacity: 0;-webkit-transform: scale(0,0);transform: scale(0,0);}
.albumbox ul li h3 span{display:block;width:100%;position: absolute;left: 0;top: 50%;margin-top: -20px;color: #fff;font-size: 16px;font-weight: 600;line-height: 40px;padding: 0 5px;}
.albumbox ul li:hover h3{opacity: 1;-webkit-transform: scale(1,1);transform: scale(1,1);}

@media only screen and (max-width:1024px){
.albumbox.swiper-container .swiper-wrapper{
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.albumbox ul li{width: 33.33%;}
}
@media only screen and (max-width:425px){
.albumbox ul li{width: 50%;}
}

/*新闻*/
.zixunbox{padding: 50px 0;}
.zixunbox .home-title{margin-bottom: 5px;}
.newslist{height: 270px;}
.newslist ul{width: 104%;margin: -1px -2%;}
.newslist ul li{width: 50%;padding: 0 25px;float: left;}
.newslist ul li > div{width: 100%;border-top: 1px solid #f0f0f0;padding: 25px 10px 20px 20%;position: relative;overflow: hidden;}
.newslist ul li .date{width:16%;position: absolute;left: 0;top: 50%;margin-top: -25px;padding: 0 10px 0 15px;color: #666;line-height: 1.2;border-right: 1px solid #e6e6e6;}
.newslist ul li .time1{font-size: 36px;line-height: 50px;text-align: center;}
.newslist ul li .date p{font-size: 25px;}
.newslist ul li .date span{font-size: 15px;}

.newslist ul li .tit{width: 100%;font-size: 16px;font-weight: 600;line-height: 30px;}
.newslist ul li .tit a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist ul li .text{padding: 10px 0 5px;line-height: 26px;height: 65px;overflow: hidden;}
.newslist ul li .text br,
.newslist ul li .text img{display: none;}

@media only screen and (max-width:1250px){
.zixunbox{padding: 35px 0;}
}
@media only screen and (max-width:1024px){
.zixunbox{padding: 30px 0 25px;}
.newslist{height: auto;}
.newslist ul{width: 100%;margin: -1px 0;}
.newslist ul li{width: 100%;padding: 0;}
.newslist ul li > div{padding: 15px 10px 10px 125px;}
.newslist ul li .date{width:100px;}
.newslist ul li .text{padding: 5px 0 0;height: 60px;}
}
@media only screen and (max-width:768px){
.newslist ul li > div{padding-left: 90px;}
.newslist ul li .date{width:70px;padding: 0 10px;}
}
@media only screen and (max-width:425px){
.zixunbox{padding: 30px 0 20px;}
.newslist ul li > div{padding: 10px 5px 10px 75px;}
.newslist ul li .date{width:60px;padding: 0;}
.newslist ul li .text{padding-top:3px;height: 50px;line-height: 22px;}
}

/*留言*/
.orderbox{padding:55px 0 70px;background: url(../images/bg3.jpg) center no-repeat;}
.orderbox .home-title a,
.orderbox .home-title p{color: #fff;}
.orderbox .home-title p{font-size: 16px;min-width: 500px;padding: 5px;}

.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:#22449e;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:#c52223;}

@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;background: #f3f5f7;text-align: center;}
.contactbox .titl p{font-size: 22px;line-height: 1;}
.contactbox .titl em{display: block;font-size: 50px;font-weight: 600;color: #c52223;font-style: normal;}

.contactbox .ewm{width: 100%;padding: 5px 0 10px;margin: 0 auto;}
.contactbox .ewm .ewm1,
.contactbox .ewm .ewm2{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}
.contactbox .ewm p{float: left;padding: 10px;max-width: 200px;}
.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;}
.contactbox .ewm .ewm1 p{width: 33.33%;}
.contactbox .ewm .ewm2 p{width: 25%;}

@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: 5px;}
}
@media only screen and (max-width:600px){
.contactbox .ewm .ewm2 p{width: 50%;}
}
@media only screen and (max-width:425px){
.contactbox .titl p{font-size: 18px;}
.contactbox .titl em{font-size: 36px;line-height: 1.8;}
}

/*伙伴*/
.partnerbox{padding: 40px 0 45px;}
.partnerbox .home-title p{max-width: 300px;padding-top: 6px;}
.partnerbox ul{width: 100%;border: 1px solid #e6e6e6;border-width: 1px 0 0 1px;}
.partnerbox ul li{width: 20%;float: left;text-align: center;overflow: hidden;position: relative;border: 1px solid #e6e6e6;border-width: 0 1px 1px 0;padding: 4px;}
.partnerbox ul li em{width: 100%;overflow: hidden;display: block;padding-bottom: 98px;}
.partnerbox 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);}

@media only screen and (max-width:1250px){
.partnerbox{padding: 35px 0 45px;}
}
@media only screen and (max-width:1024px){
.partnerbox{padding: 30px 0 40px;}
.partnerbox .home-title{margin-bottom: 20px;}
.partnerbox ul li{width: 25%;}
}
@media only screen and (max-width:768px){
.partnerbox{padding: 30px 0 35px;}
.partnerbox ul li{width: 33.334%;}
}
@media only screen and (max-width:560px){
.partnerbox ul li em{padding-bottom: 78px;}
}
@media only screen and (max-width:425px){
.partnerbox ul li{width: 50%;}
}

/*link*/
.linkbox::after{content: "";width: 50%;height:100%;position: absolute;z-index: -1;left: 0;top: 0;background: #1e222d;}
.linkbox .w1280{padding: 13px 0 13px 200px;position: relative;max-height: 100px;background: url(../images/link.png) left top no-repeat;}
.linkbox .tit{position: absolute;left: 0;width: 120px;height: 20px;background: url(../images/links.png) center no-repeat;top: 50%;margin-top: -10px;}
.linkbox ul li{display: inline;line-height:24px;padding: 0 5px;}
.linkbox ul a{line-height:24px;white-space: nowrap;}