/* banner */
.bannerpic{padding-bottom: 600px;}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom:41.65%;}
}

/* title */
.home-title{width: 94%;max-width: 950px;margin: 0 auto;padding: 30px 0;position: relative;background: url(../images/icon4.png) center bottom no-repeat;text-align: center;overflow: hidden;}
.home-title em{line-height: 1;font-style: normal;font-size: 19px;color: #666;text-transform: uppercase;position: absolute;left: 0;top: 0;width: 100%;}
.home-title i{width: 300px;float: left;height: 18px;border-bottom: 1px solid #0053a6;}
.home-title a{width: 350px;float: left;height: 35px;border: 1px solid #0053a6;border-width: 0 5px;overflow: hidden;color: #004099;line-height: 35px;padding: 0 20px;font-size: 34px;}
.home-title strong{width: 4em;float: left;}
.home-title span{width: 42px;float: left;font-family:serif;}
.home-title p{width: 120px;float: left;background: #004099;color: #fff;font-size: 24px;}
.home-title p:hover{background: #bf1321;}

@media only screen and (max-width:1024px){
.home-title{padding: 25px 0 22px;background-size: auto 10px;width: 75%;}
.home-title em{font-size: 15px;}
.home-title i{width: calc(50% - 140px);height: 15px;}
.home-title a{width: 280px;height: 30px;line-height: 30px;padding: 0 17px;font-size: 28px;border-width: 0 4px;}
.home-title span{width: 33px;}
.home-title p{width: 90px;font-size: 18px;}
}
@media only screen and (max-width:768px){
.home-title i{width: calc(50% - 135px);}
.home-title a{width: 270px;padding: 0 12px;}
.home-title span{width: 33px;}
}
@media only screen and (max-width:480px){
.home-title{padding: 0 0 20px;}
.home-title em,
.home-title i{display: none;}
.home-title a{width: 240px;padding: 0;border: none;margin: 0 auto;float: none;display: block;font-size: 25px;}
.home-title span{width: 30px;}
.home-title p{width: 80px;font-size: 16px;}
}

/* product */
.productbox{padding: 55px 0;}
.productbox .w1440{padding: 35px 0 5px;}

.productbox .clabox ul li h2{position: relative;}
.productbox .clabox ul li a{display: block;width: 100%;line-height: 30px;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.productbox .probox{width: 100%;}
.productbox .probox ul{margin: 0 -5px;}
.productbox .probox ul li{width: 25%;float: left;padding: 0 5px 10px;text-align: center;}
.productbox .probox ul li a{display: block;width: 100%;overflow: hidden;background: #f0f0f0;padding: 4% 4% 0;}
.productbox .probox ul li p{width: 100%;overflow: hidden;background: #fff;}
.productbox .probox ul li h3{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 5% 2%;}
.productbox .probox ul li:hover a{background: #bf1321;color: #fff;}

@media only screen and (min-width:1025px){
.productbox .clabox{width: 22%;max-width: 240px;float: left;background: #004099;}
.productbox .clabox .titl{width: 100%;padding: 21px 5% 19px 30%;position: relative;color: rgba(255,255,255,.75);line-height: 1;}
.productbox .clabox .titl p{font-size: 24px;color: #fff;height: 25px;}
.productbox .clabox .titl span{display: block;letter-spacing: 1px;height: 15px;}
.productbox .clabox .titl em{position: absolute;width: 25%;text-align: center;font-size: 36px;line-height: 40px;left: 5%;top: 50%;margin-top: -19px;}
.productbox .clabox .titl em svg{height: 40px;color: #fff;}

.productbox .clabox .cont{width: 100%;padding: 0 4% 5%;}
.productbox .clabox ul{width: 100%;background: #fff;border-radius: 2px;padding: 5px 5px 0;}
.productbox .clabox ul li{width: 100%;overflow: hidden;margin-bottom: 5px;}
.productbox .clabox ul li .f1 a{background: #004099;color: #fff;padding: 0 12% 0 7%;font-size: 15px;font-weight: 600;line-height: 40px;}
.productbox .clabox ul li .f1 em{position: absolute;right: 0;top: 50%;margin-top: -15px;width: 12%;color: #fff;font-size: 11px;}
.productbox .clabox ul li .f1 em svg{line-height: 30px;height: 30px;}

.productbox .clabox ul li dl{width: 100%;padding: 5px 0;}
.productbox .clabox ul li dl a{padding-left: 12%;line-height: 30px;}
.productbox .clabox ul li dl em{position: absolute;width: 10%;top: 50%;margin-top: -10px;left: 2%;color: #808080;font-size: 10px;text-align: center;}
.productbox .clabox ul li dl em svg{height: 20px;line-height: 20px;}
.productbox .clabox ul li dl .f2:hover em svg{color: #bf1321;}

.productbox .clabox ul li:hover .f1 a{background: #bf1321;}

.productbox .probox{width: 77%;max-width: 880px;float: right;}
.productbox .probox ul li{width: 33.33%;}
.productbox .probox ul li.li_9,
.productbox .probox ul li.li_10,
.productbox .probox ul li.li_11,
.productbox .probox ul li.li_12{display: none;}
}
@media only screen and (min-width:1201px){
.productbox .clabox{width: 20%;max-width: 260px;}
.productbox .clabox ul li dl a{line-height: 24px;}
   
.productbox .probox{width: 79%;max-width: 1150px;}
.productbox .probox ul li{width: 25%;}
.productbox .probox ul li.li_9,
.productbox .probox ul li.li_10,
.productbox .probox ul li.li_11,
.productbox .probox ul li.li_12{display: block;}
}
@media only screen and (min-width:1441px){
.productbox .clabox{width: 19%;}
.productbox .clabox ul{border-radius: 3px;padding: 8px 8px 3px;}
.productbox .clabox ul li .f1 a{line-height: 40px;}
.productbox .clabox ul li dl a{line-height: 30px;}
.productbox .probox{width: 80%;}
}
@media only screen and (max-width:1440px){
.productbox{padding: 50px 0;}
.productbox .w1440{padding-top: 30px;}
}
@media only screen and (max-width:1200px){
.productbox{padding: 45px 0;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 35px 0;}
.productbox .w1440{padding: 0;}
.productbox .clabox{width: 100%;padding: 25px 0;position: relative;z-index: 5;}
.productbox .clabox .titl,
.productbox .clabox em{display: none;}
.productbox .clabox ul{margin: 0 -1px;}
.productbox .clabox ul li{width: 20%;float: left;padding: 1px;text-align: center;line-height: 30px;position: relative;z-index: 1;}
.productbox .clabox ul li a{background: #004099;color: #fff;}
.productbox .clabox ul li a:hover{background: #bf1321;}
.productbox .clabox ul li .f1 a{font-size: 15px;font-weight: 600;padding: 10px 5px;}

.productbox .clabox ul li dl{position: absolute;width: calc(100% - 4px);left: 2px;top: 100%;background: #0068b3;z-index: 5;margin-top: -2px;}
.productbox .clabox ul li dl span{position: absolute;left: 0;bottom: 100%;width: 100%;height: 60px;}
.productbox .clabox ul li dl a{padding: 0 5px;line-height: 45px;height: 0;}

.productbox .clabox ul li:hover{z-index: 5;}
.productbox .clabox ul li:hover dl span{width: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.productbox .clabox ul li:hover dl a{height: 45px;margin-top: 1px;}
}
@media only screen and (max-width:768px){
.productbox .clabox{padding: 20px 0;}
.productbox .clabox ul li{width: 33.33%;}
.productbox .probox ul{margin: 0 -1px;}
.productbox .probox ul li{width: 33.33%;padding: 0 1px 2px;}
.productbox .probox ul li a{padding: 2.5% 2.5% 0;}
}
@media only screen and (max-width:480px){
.productbox{padding-top: 30px;}
.productbox .clabox ul li,
.productbox .probox ul li{width: 50%;}
.productbox .clabox ul li .f1 a{padding: 8px 5px;}
}

/* company */
.companybox{padding: 70px 0 80px;background: #004099 url(../images/bg3.jpg) center no-repeat;background-attachment: fixed;}
.solutionbox .home-title,
.companybox .home-title{background-image: url(../images/icon5.png);}
.solutionbox .home-title em,
.solutionbox .home-title a,
.companybox .home-title em,
.companybox .home-title a{color: #fff;border-color: #fff;}
.solutionbox .home-title i,
.companybox .home-title i{border-color: #fff;}
.companybox .home-title p{background: #fff;color: #004099;}
.companybox .home-title p:hover{background: #bf1321;color: #fff;}

.companybox .w1440{margin: 45px auto 5px;background: #fff;border-radius: 10px;padding: 2.5%;}

.companybox .txt{width: 54%;float: left;max-width: 700px;}
.companybox .txt .titl{width: 100%;font-size: 30px;font-weight: 600;color: #004099;border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.companybox .txt .titl:hover{color: #bf1321;}

.companybox .txt .text{width: 100%;padding-top: 20px;line-height: 2;font-size: 15px;color: #666;height: 265px;overflow: hidden;}
.companybox .txt .text p{text-indent: 2em;padding-bottom: 10px;}

.companybox .txt .more{width: 100%;padding-top: 25px;}
.companybox .txt .more a{display: block;width: 120px;height: 40px;text-align: center;background: #004099;color: #fff;line-height: 40px;text-transform: uppercase;}
.companybox .txt .more a:hover{background: #bf1321;}

.companybox .pic{width: 45%;max-width: 600px;overflow: hidden;float: right;}
.companybox .pic em{padding-bottom: 400px;}
.companybox .pic em img{max-width: none;min-width: 100%;height: 100%;}

@media only screen and (max-width:1440px){
.companybox{padding: 65px 0;}
.companybox .w1440{margin-top: 35px;}
}
@media only screen and (max-width:1200px){
.companybox{padding: 60px 0;}
.companybox .txt .titl{padding-bottom: 10px;font-size: 24px;line-height: 30px;}
.companybox .txt .text{padding-top: 15px;line-height: 25px;font-size: 14px;height: 245px;}
.companybox .txt .text p{padding-bottom: 5px;}
.companybox .txt .more{padding-top: 20px;}
.companybox .pic em{padding-bottom: 350px;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 50px 0;}
.companybox .w1440{border-radius: 5px;padding: 3%;}
.companybox .txt{width: 100%;max-width: 100%;}
.companybox .txt .titl{padding-bottom: 15px;}
.companybox .txt .text{height: auto;padding: 15px 0;}
.companybox .txt .more{display: none;}
.companybox .pic{width: 100%;max-width: none;}
.companybox .pic em img{max-width: 100%;min-width: auto;height: auto;max-height: none;}
}
@media only screen and (max-width:768px){
.companybox{padding: 40px 0;}
.companybox .w1440{margin-top: 30px;}
.companybox .pic em{padding-bottom: 65%;}
.companybox .txt .text{padding: 15px 0 10px;}
}
@media only screen and (max-width:480px){
.companybox .w1440{margin: 25px auto 0;padding: 4% 2.5% 3%;}
.companybox .txt .titl{padding-bottom: 10px;}
.companybox .txt .text{padding: 10px 0 5px;}
}

/* prolist */
.prolistbox{padding: 10px 0 60px;}
.prolistbox .home-title{margin: 45px auto 25px;}

.prolistbox ul{margin: 0 -10px;}
.prolistbox ul li{width: 25%;float: left;text-align: center;padding: 10px;}
.prolistbox ul li a{display: block;width: 100%;overflow: hidden;padding: 4% 4% 0;background: #004099;color: #fff;}
.prolistbox ul li p{width: 100%;overflow: hidden;background: #fff;}
.prolistbox ul li h3{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;padding: 5% 0;}
.prolistbox ul li:hover a{background: #bf1321;}

@media only screen and (max-width:1440px){
.prolistbox .home-title{margin: 40px auto 20px;}
}
@media only screen and (max-width:1200px){
.prolistbox{padding: 5px 0 55px;}
.prolistbox ul{margin: 0 -5px;}
.prolistbox ul li{padding: 5px;}
}
@media only screen and (max-width:1024px){
.prolistbox{padding-bottom: 50px;}
.prolistbox ul{margin: 0 -1px;}
.prolistbox ul li{padding: 1px;}
.prolistbox ul li a{padding: 3.5% 3.5% 0;}
.prolistbox ul li h3{padding: 3.5% 0;}
}
@media only screen and (max-width:768px){
.prolistbox{padding-bottom: 45px;}
.prolistbox .home-title{margin-top: 35px;}
.prolistbox ul li{width: 33.33%;}
.prolistbox ul li.li_8{display: none;}
}
@media only screen and (max-width:480px){
.prolistbox{padding: 0 0 35px;}
.prolistbox .home-title{margin-top: 35px;}
.prolistbox ul li{width: 50%;}
.prolistbox ul li.li_8{display: block;}
}

/* solution */
.solutionbox{background: #004099 url(../images/bg2.jpg) center no-repeat;background-attachment: fixed;padding: 60px 0;}
.solutionbox .home-title a{font-weight: 600;letter-spacing: 4px;}

.solutionbox ul{margin: 0 -10px;padding: 25px 0 5px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: flex;flex-wrap: nowrap;}
.solutionbox ul li{width: 20%;padding: 10px;float: left;flex-shrink: 0;}
.solutionbox ul li div{width: 100%;background: #fff;border-radius: 5px;height: 100%;text-align: center;padding: 9% 5%;cursor: pointer;}
.solutionbox ul li em{width: 150px;height: 150px;padding: 36px;border-radius: 50%;display: inline-block;border: 4px solid #bf1321;font-size: 70px;color: #bf1321;}
.solutionbox ul li p{font-size: 16px;font-weight: 600;padding: 20px 0 10px;}
.solutionbox ul li span{max-width: 210px;margin: 0 auto;display: block;}

.solutionbox ul li div,
.solutionbox ul li div em{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}

.solutionbox ul li:hover div{background: #bf1321;color: #fff;}
.solutionbox ul li:hover em{color: #fff;border-color: #fff;}

@media only screen and (max-width:1440px){
.solutionbox{padding: 55px 0;}
}
@media only screen and (max-width:1200px){
.solutionbox{padding: 50px 0;}
.solutionbox ul{margin: 0 -5px;}
.solutionbox ul li{padding: 5px;}
.solutionbox ul li div{padding: 7% 5% 6%;}
.solutionbox ul li em{width: 130px;height: 130px;padding: 31px;font-size: 60px;}
.solutionbox ul li p{padding: 15px 0 5px;}
}
@media only screen and (max-width:1024px){
.solutionbox{padding: 45px 0;}
.solutionbox .home-title i{width: calc(50% - 135px);}
.solutionbox .home-title a{letter-spacing: 3px;padding: 0;width: 270px;}
.solutionbox ul{margin: 0 -1px;}
.solutionbox ul li{padding: 1px;}
.solutionbox ul li em{width: 110px;height: 110px;padding: 21px;font-size: 60px;}
.solutionbox ul li p{font-size: 15px;}
}
@media only screen and (max-width:768px){
.solutionbox{padding: 40px 0;}
.solutionbox .home-title i{width: calc(50% - 120px);}
.solutionbox .home-title a{letter-spacing: 1px;width: 240px;}
.solutionbox ul{flex-wrap: wrap;justify-content: center;}
.solutionbox ul li{width: 33.33%;}
.solutionbox ul li.li4,
.solutionbox ul li.li5{width: 50%;}
}
@media only screen and (max-width:480px){
.solutionbox{padding: 35px 0;}
.solutionbox .home-title a{font-weight: normal;}
.solutionbox ul li{width: 50%;}
.solutionbox ul li.li5{width: 100%;}
.solutionbox ul li.li5 div{padding: 3.5% 2.5% 3%;}
.solutionbox ul li em{padding: 22px;border-width: 3px;}
.solutionbox ul li p{padding-top: 10px;}
}

/* news */
.zixunbox{padding-top: 55px;}
.zixunbox .w1440{padding-top: 35px;}
.newslist{width: 32%;float: left;background: #fff;border-radius: 5px;overflow: hidden;background: #f5f5f5;}
.newslist .titl a{width: 100%;background: #004099;text-align: center;color: #fff;font-size: 18px;line-height: 60px;display: block;}
.newslist .titl a:hover{background: #bf1321;}

.newslist ul{width: 100%;overflow: hidden;padding: 4%;}
.newslist ul li{width: 100%;overflow: hidden;position: relative;}
.newslist ul li.li_1{display: none;}
.newslist ul .li_pic{padding: 0 0 15px 100px;}
.newslist ul .li_pic .pic{position: absolute;left: 0;top: 0;width: 90px;height: 90px;background: #fff;border: 1px solid #ddd;}
.newslist ul .li_pic .tit{width: 100%;}
.newslist ul .li_pic .tit a{display: block;overflow: hidden;white-space: nowrap;font-size: 15px;font-weight: 600;line-height: 30px;}
.newslist ul .li_pic .txt{overflow: hidden;color: #666;line-height: 20px;height: 60px;position: relative;}
.newslist ul .li_pic .text{width: 100%;max-height: 60px;position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.newslist ul .li_list a{padding: 0 80px 0 20px;border-bottom: 1px dashed #ddd;display: block;background: url(../nyimages/newsico.png) left center no-repeat;line-height: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist ul .li_list span{position: absolute;right: 0;top: 0;max-width: 80px;color: #808080;line-height: 35px;}

.newslist.list1{margin-right: 2%;}
.newslist.list3{float: right;}

@media only screen and (max-width:1440px){
.newslist{width: 33%;}
.newslist.list1{margin-right: 1%;}
.newslist.list3{width: 32%;}
}
@media only screen and (max-width:1200px){
.zixunbox{padding-top: 50px;}
.zixunbox .w1440{padding-top: 30px;}
}
@media only screen and (max-width:1024px){
.zixunbox{padding-top: 45px;}
.newslist{width: 100%;margin-bottom: 10px;}
.newslist.list1{margin: 0 0 10px;}
.newslist.list3{width: 100%;margin: 0;}
.newslist ul{padding: 2%;}
}
@media only screen and (max-width:768px){
.zixunbox{padding-top: 40px;}
.zixunbox .w1440{padding-top: 25px;}
.newslist .titl a{line-height: 50px;}
.newslist ul{padding: 3%;}
}
@media only screen and (max-width:480px){
.zixunbox{padding-top: 35px;}
.newslist .titl a{line-height: 45px;font-size: 16px;font-weight: 600;}
.newslist ul{padding: 2.5% 3% 4%;}
.newslist ul .li_pic{display: none;}
.newslist ul li.li_1{display: block;}
}

/* case */
.casebox{padding-top: 55px;}
.casebox .w1440{background: #004099;padding: 1.5%;margin-top: 35px;}
.casebox ul{overflow: hidden;width: 100%;padding: .9%;background: #fff;}
.casebox ul li{width: 33.33%;padding: .9%;float: left;text-align: center;}
.casebox ul li a{display: block;width: 100%;background: #f0f0f0;padding: 3.5% 3.5% 0;}
.casebox ul li p{width: 100%;overflow: hidden;}
.casebox ul li em{padding-bottom: 65%;}
.casebox ul li em img{height: 100%;max-width: none;min-width: 100%;}
.casebox ul li h3{line-height: 30px;padding: 3% 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.casebox ul li:hover a{background: #004099;color: #fff;}

@media only screen and (max-width:1440px){
.casebox ul,
.casebox ul li{padding: .8%;}
}
@media only screen and (max-width:1200px){
.casebox{padding-top: 50px;}
.casebox .w1440{margin-top: 30px;}
.casebox ul,
.casebox ul li{padding: .5%;}
.casebox ul li h3{padding: 2.5% 0;}
}
@media only screen and (max-width:1024px){
.casebox{padding-top: 45px;}
.casebox ul{padding: 1%;}
.casebox ul li{padding: 1px;}
.casebox ul li a{padding: 3% 3% 0;}
.casebox ul li h3{padding: 2.5% 0;}
}
@media only screen and (max-width:768px){
.casebox{padding-top: 40px;}
.casebox .w1440{margin-top: 25px;}
.casebox ul li{width: 50%;}
.casebox ul li h3{padding: 2.5% 0;}
}
@media only screen and (max-width:480px){
.casebox{padding-top: 35px;}
.casebox ul li h3{padding: 2% 0;}
}

/* contact */
.contactbox{padding: 55px 0 70px;}
.contactbox .w1440{background: #004099;padding: 1.5%;margin-top: 35px;}
.contactbox .cont{padding: 1%;background: #fff;width: 100%;overflow: hidden;}

.contactbox .text{width: 50%;float: left;padding: 1%;}
.contactbox .text strong{width: 100%;font-size: 24px;color: #004099;display: block;padding-bottom: 12px;position: relative;margin-bottom: 15px;}
.contactbox .text strong::after{width: 2em;height: 12px;border-bottom: 2px solid #004099;content: "";position: absolute;left: 0;bottom: 0;}
.contactbox .text .txt p{line-height: 25px;padding-top: 5px;}
.contactbox .text .pic img{width: 150px;}

.contactbox .mapbox{float: right;width: 50%;height: 420px;}

@media only screen and (max-width:1200px){
.contactbox{padding: 50px 0 60px;}
.contactbox .w1440{margin-top: 30px;}
}
@media only screen and (max-width:1024px){
.contactbox{padding: 45px 0;}
.contactbox .text{width: 100%;margin-bottom: 15px;}
.contactbox .text .txt{width: 60%;float: left;}
.contactbox .text .pic{text-align: center;float: right;width: 40%;}
.contactbox .mapbox{width: 100%;height: 320px;}
}
@media only screen and (max-width:768px){
.contactbox{padding: 40px 0;}
.contactbox .w1440{margin-top: 25px;}
.contactbox .text{margin-bottom: 10px;padding: 2% 2.5%;}
.contactbox .text .txt{width: 100%;}
.contactbox .text .pic{display: none;}
.contactbox .mapbox{height: 280px;}
}
@media only screen and (max-width:480px){
.contactbox{padding: 35px 0;}
.contactbox .text strong{font-size: 18px;margin-bottom: 10px;}
.contactbox .text .txt{width: 100%;}
.contactbox .mapbox{height: 250px;}
}

/* links */
.linkbox{line-height: 30px;padding-bottom: 15px;margin-top: -25px;}
.linkbox ul{width: 100%;overflow: hidden;padding-left: 100px;position: relative;min-height: 30px;}
.linkbox ul p{position: absolute;left: 0;top: 0;font-weight: 600;}
.linkbox ul p span{color: #bf1321;}
.linkbox ul li{display: inline;padding: 0 5px;}
.linkbox ul li a{white-space: nowrap;}

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