/* banner */
.bannerpic{padding-bottom: 650px;}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom: 45%;}
}
@media only screen and (max-width:1440px){
.bannerpic{padding-bottom: 43%;}
}

/* title */
.home_title{width:100%;overflow: hidden;line-height: 1;text-align: center;padding-bottom: 55px;}
.home_title p{font-size: 42px;font-weight: 600;}
.home_title span{font-size: 16px;line-height: 20px;color: #808080;padding: 20px 0;display: block;}
.home_title em{display: block;width: 50px;height: 3px;background: #1b67b2;margin: 0 auto;overflow: hidden;}

@media only screen and (max-width:1440px){
.home_title{padding-bottom: 50px;}
}
@media only screen and (max-width:1200px){
.home_title{padding-bottom: 45px;}
.home_title p{font-size: 36px;}
.home_title span{font-size: 15px;padding: 18px;}
}
@media only screen and (max-width:1024px){
.home_title{padding-bottom: 40px;}
.home_title span{padding: 13px 0;}
}
@media only screen and (max-width:768px){
.home_title{padding-bottom: 35px;}
.home_title p{font-size: 30px;}
.home_title span{font-size: 14px;padding: 10px;}
}
@media only screen and (max-width:480px){
.home_title{padding-bottom: 30px;}
}
@media only screen and (max-width:360px){
.home_title{padding-bottom: 25px;}
.home_title p{font-size: 24px;}
.home_title em{width: 35px;height: 2px;}
}

/* server */
.serverbox{padding: 80px 0;}
.serverbox ul{margin: 0 -10px;flex-wrap: nowrap;}
.serverbox ul li{width: 25%;float: left;flex-shrink: 0;text-align: center;padding: 0 10px 30px;overflow: hidden;}
.serverbox ul li div{width: 100%;height: 100%;background: #e6ebf2;color: #1b67b2;border-radius: 5px;padding: 80px 5%;position: relative;cursor: pointer;}
.serverbox ul li .pic{width: 100%;height: 70px;position: relative;margin-bottom: 25px;}
.serverbox ul li .pic span,
.serverbox ul li .pic em{width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.serverbox ul li .pic img{max-width: 100%;max-height: 100%;}
.serverbox ul li .pic em{opacity: 0;}
.serverbox ul li .txt{width: 100%;line-height: 1;}
.serverbox ul li .txt span{display: block;font-size: 30px;font-weight: 600;padding: 10px 0;color: #1b67b2;}
.serverbox ul li .txt em{display: block;font-size: 16px;font-style: normal;padding: 10px 0;}
.serverbox ul li .ioc{position: absolute;width: 36px;height: 36px;background: #1b67b2;color: #fff;border-radius: 18px;font-size: 24px;line-height: 36px;left: 50%;margin-left: -18px;bottom: -18px;}

.serverbox ul li:hover div{background: #1b67b2;color: #fff;padding: 60px 5%;}
.serverbox ul li:hover .pic{margin-bottom: 20px;}
.serverbox ul li:hover .pic span{opacity: 0;}
.serverbox ul li:hover .pic em{opacity: 1;}
.serverbox ul li:hover .txt span{padding: 5px 0;color: #fff;}
.serverbox ul li:hover .ioc{background: #fff;color: #1b67b2;bottom: 50px;}

@media only screen and (max-width:1440px){
.serverbox{padding: 70px 0;}
.serverbox ul{margin: 0 -5px;}
.serverbox ul li{padding: 0 5px 25px;}
.serverbox ul li div{padding: 70px 5%;}
.serverbox ul li:hover div{padding: 50px 5%;}
.serverbox ul li:hover .ioc{bottom: 45px;}
}
@media only screen and (max-width:1200px){
.serverbox{padding: 60px 0;}
.serverbox ul li div{padding: 55px 5%;}
.serverbox ul li .pic{margin-bottom: 20px;}
.serverbox ul li .txt em{padding: 5px 0 0;}
.serverbox ul li:hover div{padding: 40px 5%;}
.serverbox ul li:hover .pic{margin-bottom: 15px;}
.serverbox ul li:hover .ioc{bottom: 35px;}
}
@media only screen and (max-width:1024px){
.serverbox{padding: 55px 0;}
.serverbox ul{margin: 0 -2px;}
.serverbox ul li{padding: 0 2px 20px;}
.serverbox ul li div{padding: 45px 5%;}
.serverbox ul li .pic{height: 60px;margin-bottom: 15px;}
.serverbox ul li .txt span{font-size: 24px;}
.serverbox ul li .txt em{font-size: 15px;}
.serverbox ul li .ioc{width: 30px;height: 30px;border-radius: 15px;line-height: 30px;margin-left: -15px;bottom: -15px;}
.serverbox ul li:hover div{padding: 30px 5%;}
.serverbox ul li:hover .ioc{bottom: 30px;}
}
@media only screen and (max-width:768px){
.serverbox{padding: 45px 0;}
.serverbox ul{margin: 0 -5px;flex-wrap: wrap;}
.serverbox ul li{padding: 0 5px 10px;width: 50%;}
.serverbox ul li div,
.serverbox ul li:hover div{padding: 35px 5% 70px;}
.serverbox ul li .txt em{padding: 5px 0;}
.serverbox ul li .ioc{bottom: 30px;}
.serverbox ul li:hover .pic{margin-bottom: 15px;}
.serverbox ul li .txt span{padding: 5px 0;}
}
@media only screen and (max-width:480px){
.serverbox{padding: 40px 0;}
.serverbox ul{margin: 0 -1px 5px;}
.serverbox ul li{padding: 0 1px 2px;}
.serverbox ul li div,
.serverbox ul li:hover div{padding: 25px 5% 55px;}
.serverbox ul li:hover .pic,
.serverbox ul li .pic{height: 50px;margin-bottom: 10px;}
.serverbox ul li .txt span{font-size: 20px;}
.serverbox ul li .txt em{font-size: 14px;padding: 3px 0 0;}
.serverbox ul li:hover .ioc,
.serverbox ul li .ioc{bottom: 20px;width: 26px;height: 26px;line-height: 26px;margin-left: -13px;font-size: 20px;}
}

/* product */
.productbox{padding: 75px 0;background: #f5f7f9;}
.productbox .clabox ul li a{display: block;width: 100%;line-height: 30px;font-weight: 600;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.productbox .probox{width: 100%;max-width: 1130px;float: right;}
.productbox .probox ul{margin: 0 -5px;}
.productbox .probox ul li{width: 33.33%;padding: 5px 5px 0;float: left;text-align: center;}
.productbox .probox ul li a{display: block;width: 100%;overflow: hidden;}
.productbox .probox ul li p{width: 100%;overflow: hidden;border: 1px solid #ddd;background: #fff;}
.productbox .probox ul li em{padding-bottom: 75%;}
.productbox .probox ul li img{width: 100%;max-height: none;min-height: 100%;}
.productbox .probox ul li h3{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 50px;font-weight: 600;padding: 0 5px;}

@media only screen and (min-width:1025px){
.productbox{padding: 60px 0;}
.productbox .clabox{width: 20%;max-width: 250px;float: left;text-align: center;}
.productbox .clabox .tit{display: block;width: 100%;padding: 23px 10px;background: #1b67b2;color: #fff;line-height: 1;font-size: 24px;font-weight: 600;}
.productbox .clabox .tit p{display: inline-block;padding-left: 35px;background: url(../images/icon2.png) left center no-repeat;background-size: auto 100%;}

.productbox .clabox ul{width: 100%;padding-top: 5px;}
.productbox .clabox ul li{width: 100%;margin-bottom: 5px;}
.productbox .clabox ul li a{background: #fff;padding: 4px;border: 1px solid #ddd;}

.productbox .clabox .tel{display: block;width: 100%;padding: 15px 5px;background: #1b67b2;color: #fff;line-height: 1;}
.productbox .clabox .tel p{padding: 5px 0;font-size: 16px;}
.productbox .clabox .tel span{display: block;font-size: 24px;font-weight: 600;}

.productbox .clabox ul li:hover a{background: #1b67b2;border-color: #1b67b2;color: #fff;}

.productbox .probox{width: 79%;float: right;}
.productbox .probox ul li{padding: 0 5px 7px;}
.productbox .probox ul li em{padding-bottom: 250px;}
}
@media only screen and (min-width:1201px){
.productbox{padding: 70px 0;}
.productbox .clabox .tit{padding: 30px 10px;font-size: 30px;}
.productbox .clabox .tit p{padding-left: 40px;}
.productbox .clabox ul li a{padding: 7px 4px;font-size: 15px;}
.productbox .clabox .tel{padding: 20px 5px 15px;}
.productbox .clabox .tel p{padding: 5px 0;font-size: 18px;} 
.productbox .clabox .tel span{font-size: 27px;padding: 5px 0;}
.productbox .probox ul li{padding-bottom: 10px;}
.productbox .probox ul li em{padding-bottom: 295px;}
}
@media only screen and (min-width:1441px){
.productbox{padding: 75px 0;}
.productbox .clabox ul li a{padding: 9px 4px;}
.productbox .clabox .tel{padding: 19px 5px 13px;}
.productbox .clabox .tel span{font-size: 30px;}
.productbox .probox ul{margin: 0 -10px;}
.productbox .probox ul li{padding: 0 10px 15px;}
.productbox .probox ul li em{padding-bottom: 310px;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 55px 0 40px;}
.productbox .clabox{width: 100%;padding-bottom: 40px;}
.productbox .clabox ul{margin: 0 -1px;}
.productbox .clabox ul li{width: 20%;float: left;padding: 1px;text-align: center;}
.productbox .clabox ul li a{padding: 10px 5px;background: #1b67b2;color: #fff;border-radius: 2px;}
.productbox .clabox ul li:hover a{background: #0daeff;}
}
@media only screen and (max-width:768px){
.productbox{padding: 55px 0 35px;}
.productbox .clabox{padding-bottom: 30px;}
.productbox .clabox ul li{width: 33.33%;}
.productbox .probox ul li{width: 50%;}
}
@media only screen and (max-width:480px){
.productbox{padding: 45px 0 30px;}
.productbox .clabox ul li{width: 50%;}
.productbox .probox ul{margin: 0 -1px;}
.productbox .probox ul li{padding: 5px 1px 0;}
.productbox .probox ul li h3{line-height: 40px;}
}
@media only screen and (max-width:425px){
.productbox .clabox{padding-bottom: 25px;}
.productbox .clabox ul li a{padding: 7px 5px;}
}

/* case */
.casebox{padding-top: 80px;}
.casebox .case_bg{width: 100%;background: #1b67b2 url(../images/bg1.jpg) center top no-repeat;background-attachment: fixed;height: 0;padding-bottom: 500px;position: absolute;left: 0;top: 0;z-index: 0;}
.casebox .home_title{position: relative;z-index: 5;}
.casebox .home_title a,
.casebox .home_title span{color: #fff;}
.casebox .home_title em{background-color: #fff;}

.casebox .list{padding-bottom: 65px;z-index: 4;}
.casebox .list ul li{width: 25%;float: left;text-align: center;}
.casebox .list ul li div,
.casebox .list ul li p{width: 100%;overflow: hidden;position: relative;background: #fff;}
.casebox .list ul li p img{max-width: none;min-width: 100%;height: 100%;}
.casebox .list ul li p a{width: 60px;line-height: 30px;font-size: 30px;padding: 15px;border-radius: 30px;color: #fff;background: rgba(0,85,180,.7);position: absolute;left: 50%;top: 50%;margin: -30px;opacity: 0;-webkit-transform: scale(3,3);-moz-transform: scale(3,3);transform: scale(3,3);}
.casebox .list ul li p a:hover{background: #0daeff;}
.casebox .list ul li h3{display: block;width: 100%;background: #1b67b2;color: #fff;font-size: 15px;font-weight: 600;line-height: 30px;padding: 20px 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.casebox .list ul li:hover p a{opacity: 1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);transform: scale(1,1);}

@media only screen and (max-width:1440px){
.casebox{padding-top: 75px;}
.casebox .list{padding-bottom: 60px;}
.casebox .list ul li h3{padding: 15px 5px;}
}
@media only screen and (max-width:1200px){
.casebox{padding-top: 65px;}
.casebox .case_bg{padding-bottom: 444px;}
.casebox .list{padding-bottom: 55px;}
.casebox .list ul li h3{padding: 12px 5px;}
}
@media only screen and (max-width:1024px){
.casebox{padding-top: 60px;}
.casebox .case_bg{padding-bottom: 424px;}
.casebox .list{padding-bottom: 50px;}
}
@media only screen and (max-width:768px){
.casebox{padding-top: 55px;}
.casebox .case_bg{padding-bottom: 339px;}
.casebox .list ul li h3{padding: 10px 5px;font-size: 14px;}
}
@media only screen and (max-width:560px){
.casebox .case_bg{padding-bottom: 347px;}
}
@media only screen and (max-width:480px){
.casebox{padding-top: 50px;}
.casebox .list{padding-bottom: 45px;}
}
@media only screen and (max-width:425px){
.casebox{padding-top: 45px;}
.casebox .case_bg{padding-bottom: 450px;}
.casebox .list{padding-bottom: 40px;}
.casebox .list ul li{padding: 0 5px;}
}

/* advantage */
.advantagebox{padding: 70px 0;}
.advantagebox ul{margin: 0 -30px;flex-wrap: nowrap;}
.advantagebox ul li{width: 33.33%;float: left;flex-shrink: 0;padding: 0 30px 30px;position: relative;z-index: 1;}
.advantagebox ul li .cont{width: 100%;position: relative;height: 100%;}
.advantagebox ul li .txt{width: 100%;overflow: hidden;background: #f5f5f5;position: relative;z-index: 5;top: 0;right: 0;cursor: pointer;}
.advantagebox ul li .txt > *{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.advantagebox ul li .txt i{display: block;width: 100%;height: 0;overflow: hidden;padding-bottom: 75%;position: relative;margin-bottom: 15px;}
.advantagebox ul li .txt i img{height: 100%;min-width: 100%;position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.advantagebox ul li .txt strong{display: block;width: 100%;padding: 20px 5%;font-size: 25px;font-weight: normal;line-height: 1;}
.advantagebox ul li .txt p{width: 100%;padding: 0 5%;line-height: 25px;height: 90px;color: #666;}
.advantagebox ul li .txt span{position: absolute;width: 101%;height: 50px;left: -1px;bottom: 155px;background: url(../images/icon12.png) center top no-repeat;background-size: 100% 100%;}
.advantagebox ul li .txt em{position: absolute;width: 60px;height: 60px;right: 7%;bottom: 170px;background: #0daeff url(../images/icon15.png) center no-repeat;border-radius: 30px;box-shadow: 0 0 15px rgba(0,0,0,.1);}
.advantagebox ul li .bg{position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;background: #333;opacity: 0;}

.advantagebox ul li:hover{z-index: 5;}
.advantagebox ul li:hover .txt{top: -15px;right: -15px;background: #1b67b2;}
.advantagebox ul li:hover .txt > *{color: #fff;}
.advantagebox ul li:hover .txt span{background-image: url(../images/icon13.png);}
.advantagebox ul li:hover .txt em{background: #fff url(../images/icon14.png) center no-repeat;-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);transform: rotateZ(180deg);}
.advantagebox ul li:hover .bg{left: -15px;bottom: -15px;opacity: 1;}

@media only screen and (max-width:1440px){
.advantagebox{padding: 60px 0;}
.advantagebox ul{margin: 0 -15px;}
.advantagebox ul li{padding: 0 15px 25px;}
.advantagebox ul li:hover .txt{top: -10px;right: -10px;}
.advantagebox ul li:hover .bg{left: -10px;bottom: -10px;}
}
@media only screen and (max-width:1200px){
.advantagebox{padding: 50px 0;}
.advantagebox ul{margin: 0 -10px;}
.advantagebox ul li{padding: 0 10px 20px;}
.advantagebox ul li .txt i{margin-bottom: 10px;}
.advantagebox ul li .txt strong{padding: 15px 5%;font-size: 20px;font-weight: 600;}
.advantagebox ul li .txt p{height: 80px;}
.advantagebox ul li .txt span{height: 40px;bottom: 130px;}
.advantagebox ul li .txt em{width: 50px;height: 50px;bottom: 140px;border-radius: 25px;}
.advantagebox ul li:hover .txt{top: -5px;right: -5px;}
.advantagebox ul li:hover .bg{left: -5px;bottom: -5px;}
}
@media only screen and (max-width:1024px){
.advantagebox{padding: 40px 0;}
.advantagebox ul{margin: 0 -5px;}
.advantagebox ul li{padding: 0 5px 25px;}
.advantagebox ul li .txt strong{padding: 10px 5%;font-size: 18px;}
.advantagebox ul li .txt p{line-height: 22px;}
.advantagebox ul li .txt span{height: 30px;bottom: 120px;}
.advantagebox ul li .txt em{width: 40px;height: 40px;bottom: 128px;border-radius: 20px;right: 5%;}
.advantagebox ul li:hover .txt{top: -3px;right: -3px;}
.advantagebox ul li:hover .bg{left: -3px;bottom: -3px;}
}
@media only screen and (max-width:768px){
.advantagebox{padding: 40px 0;}
.advantagebox ul{margin: 0 -1px;}
.advantagebox ul li{padding: 0 1px 20px;}
.advantagebox ul li .txt i{margin-bottom: 5px;}
.advantagebox ul li .txt strong{padding: 10px 4%;font-size: 16px;}
.advantagebox ul li .txt p{letter-spacing: -.5px;padding: 0 4%;}
.advantagebox ul li .txt span{bottom: 117px;}
.advantagebox ul li .txt em{bottom: 125px;}
.advantagebox ul li:hover .txt{right: 0;box-shadow: 0 2px 10px rgba(0,0,0,.3);}
.advantagebox ul li:hover .bg{left: 0;bottom: 0;opacity: 0;}
}
@media only screen and (max-width:640px){
.advantagebox ul{margin: 0;flex-wrap: wrap;}
.advantagebox ul li{width: 100%;padding: 0 5px 20px;}
.advantagebox ul li .txt i{margin-bottom: 16px;}
.advantagebox ul li .txt strong{padding: 15px 5%;font-size: 24px;}
.advantagebox ul li .txt p{letter-spacing: 0;padding: 0 5%;line-height: 24px;height: 70px;}
.advantagebox ul li .txt span{height: 50px;bottom: 125px;}
.advantagebox ul li .txt em{bottom: 145px;width: 50px;height: 50px;border-radius: 25px;}
.advantagebox ul li:hover .txt{top: 0;box-shadow: 0 2px 15px rgba(0,0,0,.3);}
}
@media only screen and (max-width:480px){
.advantagebox{padding: 35px 0;}
.advantagebox ul li{padding: 0 5px 10px;}
.advantagebox ul li .txt i{margin-bottom: 15px;}
.advantagebox ul li .txt strong{padding: 10px 5%;font-size: 20px;}
.advantagebox ul li .txt span{bottom: 110px;}
.advantagebox ul li .txt em{bottom: 130px;}
}
@media only screen and (max-width:360px){
.advantagebox{padding-top: 30px;}
.advantagebox ul li .txt i{margin-bottom: 10px;}
.advantagebox ul li .txt strong{padding: 10px 4%;}
.advantagebox ul li .txt p{padding: 0 4%;line-height: 22px;}
.advantagebox ul li .txt span{bottom: 110px;height: 35px;}
.advantagebox ul li .txt em{bottom: 120px;width: 40px;height: 40px;border-radius: 20px;}
}

/* company */
.companybox{padding: 80px 0;background: #1b67b2 url(../images/bg2.jpg) center top no-repeat;background-attachment: fixed;}
.companybox .home_title a,
.companybox .home_title span{color: #fff;}
.companybox .home_title em{background-color: #fff;}

.companybox .list ul{flex-wrap: nowrap;}
.companybox .list ul li{width: 25%;float: left;flex-shrink: 0;text-align: center;color: #fff;padding: 30px 10px 70px;line-height: 1;}
.companybox .list ul li div{width: 100%;height: 100%;overflow: hidden;}
.companybox .list ul li .num{display: inline-block;position: relative;padding-right: 20px;}
.companybox .list ul li span{font-size: 50px;font-weight: 600;float: left;}
.companybox .list ul li em{position: absolute;right: 0;bottom: 7px;font-style: normal;font-size: 15px;}
.companybox .list ul li i{position: absolute;right: 2px;top: 2px;font-style: normal;font-size: 20px;}
.companybox .list ul li .txt{font-size: 20px;padding-top: 15px;}

.companybox .cont{height: 400px;margin-bottom: 20px;}
.companybox .cont .txt{width: 50%;background: #fff;padding: 55px 4%;height: 100%;float: left;}
.companybox .cont .txt .titl{width: 100%;font-size: 30px;line-height: 1;padding-bottom: 30px;}
.companybox .cont .txt .text{font-size: 15px;line-height: 2;height: 180px;color: #666;}
.companybox .cont .txt .more{width: 100%;padding-top: 5px;}
.companybox .cont .txt .more a{display: block;width: 120px;line-height: 30px;border: 1px solid #ddd;padding: 4px;font-weight: 600;text-align: center;color: #666;}
.companybox .cont .txt .more a:hover{border-color: #0daeff;color: #fff;background: #0daeff;}

.companybox .pic{width: 50%;height: 100%;float: right;background: #1b67b2;}
.companybox .pic em{display: block;width: 100%;height: 100%;position: relative;}
.companybox .pic img{width: 101%;min-height: 101%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.companybox .pic:hover em{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}

@media only screen and (max-width:1440px){
.companybox{padding: 75px 0;}
.companybox .cont{margin-bottom: 15px;}
}
@media only screen and (max-width:1200px){
.companybox{padding: 70px 0;}
.companybox .list ul li{padding: 25px 10px 60px;}
.companybox .cont .txt{padding: 50px 4%;}
.companybox .cont .txt .more{padding-top: 10px;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 65px 0;}
.companybox .list ul li{padding: 20px 10px 55px;}
.companybox .list ul li span{font-size: 45px;}
.companybox .list ul li .txt{font-size: 16px;padding-top: 15px;}
.companybox .cont{margin-bottom: 5px;height: 330px;}
.companybox .cont .txt{padding: 35px 3%;}
.companybox .cont .txt .titl{font-size: 25px;padding-bottom: 20px;}
.companybox .cont .txt .text{font-size: 14px;line-height: 24px;height: 175px;}
.companybox .cont .txt .more{padding-top: 0;}
}
@media only screen and (max-width:768px){
.companybox{padding: 60px 0;}
.companybox .list ul{flex-wrap: wrap;margin: 0 -5px;padding: 5px 0 25px;}
.companybox .list ul li{padding: 5px;width: 50%;}
.companybox .list ul li div{border-radius: 5px;background: rgba(255,255,255,.2);padding: 35px 5%;}
.companybox .list ul li:hover div{background: #0daeff;}
.companybox .cont{height: auto;margin: 0 auto;border-radius: 5px;}
.companybox .cont .txt{padding: 35px 3%;width: 100%;height: auto;}
.companybox .cont .txt .text{font-size: 15px;line-height: 25px;height: auto;padding-bottom: 25px;}
.companybox .cont .pic{width: 100%;height: auto;}
.companybox .cont .pic img{position: relative;min-height: auto;left: 0;top: 0;-webkit-transform: none;-moz-transform: none;transform: none;}
}
@media only screen and (max-width:480px){
.companybox{padding: 50px 0;}
.companybox .list ul{margin: 0 -2px;padding: 5px 0 20px;}
.companybox .list ul li{padding: 2px;}
.companybox .list ul li div{border-radius: 3px;background: rgba(255,255,255,.2);padding: 30px 5%;}
.companybox .list ul li span{font-size: 42px;}
.companybox .cont{border-radius: 3px;}
.companybox .cont .txt{padding: 25px 5%;}
.companybox .cont .txt .titl{font-size: 20px;padding-bottom: 15px;font-weight: 600;}
.companybox .cont .txt .text{font-size: 14px;padding-bottom: 15px;}
}

/* honor */
.honorbox{padding: 80px 0 90px;background: #f5f7f9;}
.honorbox .list{padding: 0 25px;position: relative;}
.honorbox .list ul li{width: 25%;float: left;text-align: center;}
.honorbox .list ul li div{width: 100%;overflow: hidden;background: #fff;border: 1px solid #e6e6e6;padding: 9px;}
.honorbox .list ul li p{width: 100%;overflow: hidden;position: relative;}
.honorbox .list ul li p img{max-width: 90%;max-height: 90%;}
.honorbox .list ul li p a{position: absolute;z-index: 5;width: 50px;height: 50px;background: rgba(0,85,180,.7);line-height: 50px;font-size: 24px;color: #fff;left: 50%;top: 50%;margin: -25px;opacity: 0;-webkit-transform: scale(3,3);-moz-transform: scale(3,3);transform: scale(3,3);border-radius: 25px;}
.honorbox .list ul li p:hover a{opacity: 1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);transform: scale(1,1);}
.honorbox .list ul li p a:hover{background: #0daeff;}
.honorbox .list ul li h3{display: block;width: 100%;line-height: 30px;padding: 5px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.honorbox .list ul li:hover h3{color: #1b67b2;}

.honorbox .list .btn{width: 50px;top: 0;height: 100%;position: absolute;z-index: 10;}
.honorbox .list .btn span{display: block;width: 100%;height: 0;padding-bottom: 100%;position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);background: rgba(0,85,180,.7);border-radius: 50%;cursor: pointer;}
.honorbox .list .btn span::after{position: absolute;width: 100%;height: 100%;z-index: 5;}
.honorbox .list .btn span img{position: absolute;left: 50%;top: 50%;margin: -15px;}
.honorbox .list .prev{left: 0;}
.honorbox .list .next{right: 0;}
.honorbox .list .btn span:hover{background: #0daeff;}
.honorbox .list .pagination2{display: none;}

@media only screen and (max-width:1440px){
.honorbox{padding: 70px 0 80px;}
}
@media only screen and (max-width:1200px){
.honorbox{padding: 65px 0 70px;}
.honorbox .list ul li h3{padding: 0;}
}
@media only screen and (max-width:1024px){
.honorbox{padding: 55px 0 45px;}
.honorbox .list{padding: 0 0 50px;}
.honorbox .list .btn{display: none;}
.honorbox .list .pagination2{display: block;}
}
@media only screen and (max-width:768px){
.honorbox{padding: 50px 0 35px;}
.honorbox .list{padding-bottom: 45px;}
}
@media only screen and (max-width:480px){
.honorbox{padding: 45px 0 30px;}
}

/* news */
.newsbox{padding-top: 80px;}
.newsbox .newslist{width: 49%;max-width: 700px;}
.newsbox .titl{width: 100%;overflow: hidden;background: center no-repeat;background-size: auto 300px;}
.newsbox .titl p{width: 100%;padding: 85px 8%;color: #fff;line-height: 1;}
.newsbox .titl p span{display: block;font-size: 30px;font-weight: 600;padding-bottom: 16px;}
.newsbox .titl p em{font-size: 24px;font-style: normal;text-transform: uppercase;}

.newsbox .list{width: 100%;padding-top: 20px;}
.newsbox .list ul li{width: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #e6e6e6;padding: 10px 80px 9px 20px;line-height: 30px;}
.newsbox .list ul li em{position: absolute;left: 5px;top: 50%;margin-top: -2px;width: 4px;height: 4px;background: #aaa;border-radius: 2px;}
.newsbox .list ul li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;}
.newsbox .list ul li span{position: absolute;right: 0;top: 50%;margin-top: -15px;color: #808080;}

.newsbox .newslist.gs{float: left;}
.newsbox .newslist.gs .titl{background-image: url(../images/xw_pic1.jpg);}
.newsbox .newslist.hy{float: right;}
.newsbox .newslist.hy .titl{background-image: url(../images/xw_pic2.jpg);}

@media only screen and (max-width:1440px){
.newsbox{padding-top: 70px;}
}
@media only screen and (max-width:1200px){
.newsbox{padding-top: 60px;}
.newsbox .titl{background-size: auto 240px;}
.newsbox .titl p{padding: 70px 8%;}
}
@media only screen and (max-width:1024px){
.newsbox{padding-top: 50px;}
.newsbox .titl{background-size: auto 210px;}
.newsbox .titl p{padding: 50px 8%;}
.newsbox .list{padding-top: 10px;}
.newsbox .list ul li a{font-size: 14px;}
}
@media only screen and (max-width:768px){
.newsbox{padding-top: 45px;}
.newsbox .newslist{width: 100%;max-width: none;}
.newsbox .titl{background-size: 100% auto;}
.newsbox .titl p{padding: 10% 8%;}
.newsbox .list{padding-top: 5px;}
.newsbox .newslist.gs{padding-bottom: 30px;}
}
@media only screen and (max-width:480px){
.newsbox{padding-top: 40px;}
.newsbox .titl p{padding: 12% 8%;}
.newsbox .titl p span{font-size: 24px;}
.newsbox .titl p em{font-size: 20px;}
.newsbox .list ul li{padding: 7px 80px 7px 15px;}
.newsbox .newslist.gs{padding-bottom: 20px;}
}
@media only screen and (max-width:360px){
.newsbox .titl p{padding: 11% 8% 10%;}
.newsbox .titl p span{padding-bottom: 10px;}
.newsbox .titl p em{font-size: 15px;}
}

/* faq */
.faqbox{padding: 70px 0;}
.faqbox ul{padding-bottom: 20px;margin: 0 -1px;flex-wrap: wrap;}
.faqbox ul li{width: 50%;float: left;padding: 1px;}
.faqbox ul li div{width: 100%;padding: 25px 5% 25px 10%;background: #f5f7f9;position: relative;height: 100%;}
.faqbox ul li em{width: 30px;height: 30px;border: 2px solid #ddd;position: absolute;left: 3.5%;top: 25px;border-radius: 15px;background: url(../images/icon5.png) center no-repeat;}
.faqbox ul li .titl{width: 100%;font-size: 18px;font-weight: 600;line-height: 30px;}
.faqbox ul li .titl a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.faqbox ul li .text{width: 100%;margin: 5px 0;overflow: hidden;line-height: 22px;color: #666;font-size: 15px;}
.faqbox ul li .text br{display: none;}
.faqbox ul li .more{padding-top: 6px;font-size: 15px;line-height: 20px;}
.faqbox ul li .more a{text-decoration: underline;color: #1b67b2;}

.faqbox ul li .titl:hover,
.faqbox ul li .text:hover,
.faqbox ul li .more:hover{padding-left: 5px;}

.faqbox ul li:hover div{background: #1b67b2;}
.faqbox ul li:hover em{background-image: url(../images/icon6.png);border-color: rgba(255,255,255,.5);}
.faqbox ul li:hover .titl a,
.faqbox ul li:hover .text,
.faqbox ul li:hover .more a{color: #fff;}

@media only screen and (max-width:1440px){
.faqbox{padding: 65px 0;}
.faqbox ul{padding-bottom: 15px;}
.faqbox ul li div{padding: 20px 5% 20px 10%;}
.faqbox ul li em{left: 3%;top: 20px;}
}
@media only screen and (max-width:1200px){
.faqbox{padding: 60px 0;}
.faqbox ul{padding-bottom: 10px;}
.faqbox ul li em{left: 3%;top: 20px;width: 24px;height: 24px;background-size: 26px 26px;}
.faqbox ul li .titl{font-size: 16px;line-height: 25px;}
.faqbox ul li .text{line-height: 20px;font-size: 14px;}
.faqbox ul li .more{padding-top: 5px;font-size: 14px;}
}
@media only screen and (max-width:1024px){
.faqbox{padding: 50px 0;}
.faqbox ul li div{padding: 15px 15px 15px 45px;}
.faqbox ul li em{left: 13px;top: 15px;}
.faqbox ul li .titl{font-size: 15px;}
.faqbox ul li .text{margin: 3px 0;}
.faqbox ul li .more{padding-top: 4px;}
}
@media only screen and (max-width:768px){
.faqbox{padding: 45px 0;}
.faqbox ul li{width: 100%;}
}
@media only screen and (max-width:480px){
.faqbox{padding: 40px 0;}
.faqbox ul{padding-bottom: 5px;}
.faqbox ul li div{padding: 10px 10px 10px 42px;}
.faqbox ul li em{left: 10px;top: 10px;}
.faqbox ul li .more{padding: 2px 0;}
}
@media only screen and (max-width:360px){
.faqbox ul{padding-bottom: 0;}
.faqbox ul li .titl{font-size: 14px;}
}

/* contact */
.contactbox{padding: 80px 0;background: url(../images/bg3.jpg) center top no-repeat;background-attachment: fixed;}
.contactbox .titl{width: 100%;padding: 10px 0 30px;}
.contactbox .titl p{font-size: 36px;font-weight: 600;line-height: 40px;}
.contactbox .titl a{color: #fff;}
.contactbox .titl span{text-transform: uppercase;line-height: 1;padding-top: 10px;display: block;font-size: 15px;}

.contactbox .txtbox{width: 37.5%;max-width: 500px;float: left;color: #fff;padding: 2% 10px 2% 0;}
.contactbox .txtbox .line{width: 100%;overflow: hidden;padding: 15px 0;}
.contactbox .txtbox .line span{display: block;font-size: 16px;padding-left: 35px;line-height: 30px;background: url(../images/icon11.png) left center no-repeat;}
.contactbox .txtbox .line p{font-size: 42px;line-height: 1;padding: 8px 0 5px;}

.contactbox .txtbox .list{width: 100%;border: 1px solid rgba(255,255,255,.5);border-width: 1px 0;padding: 29px 0;position: relative;z-index: 5;}
.contactbox .txtbox .list p{float: left;width: 60px;height: 60px;position: relative;margin-right: 40px;flex-shrink: 0;border: 2px solid #fff;border-radius: 30px;z-index: 1;}
.contactbox .txtbox .list a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 5;}
.contactbox .txtbox .list a.qq_m{display: none;}
.contactbox .txtbox .list em{font-size: 30px;line-height: 1;text-align: center;position: absolute;width: 30px;height: 30px;left: 50%;top: 50%;margin: -15px;z-index: 1;}
.contactbox .txtbox .list em svg{height: 30px;}
.contactbox .txtbox .list span{position: absolute;width: 0;left: 40%;top: 60%;box-shadow: 0 2px 15px rgba(0,0,0,.3);overflow: hidden;}
.contactbox .txtbox .list span img{width: 100%;border: 1px solid #ddd;}
.contactbox .txtbox .list p:hover{z-index: 5;}
.contactbox .txtbox .list p:hover span{width: 120px;}

.contactbox .txtbox .addr{width: 100%;padding: 30px 0 0 35px;line-height: 30px;background: url(../images/icon10.png) left 32px no-repeat;font-size: 15px;}

.contactbox .orderbox{width: 62.5%;float: right;background: #fff;padding: 30px 3%;}
.contactbox .orderbox .titl{color: #454545;}
.contactbox .orderbox ul{margin: 0 -10px;overflow: hidden;}
.contactbox .orderbox ul li{width: 100%;float: left;padding: 0 10px;position: relative;overflow: hidden;margin-bottom: 20px;line-height: 30px;}
.contactbox .orderbox ul li .txt{display: block;width: 100%;line-height: 20px;border: 1px solid #ddd;padding: 14px;}
.contactbox .orderbox ul li .red{position: absolute;right: 20px;top: 50%;margin-top: -12px;color: #f00;}
.contactbox .orderbox ul li img{position: absolute;top: 50%;margin-top: -9px;right: 30px;cursor: pointer;}

.contactbox .orderbox ul li.li_1{width: 50%;}
.contactbox .orderbox ul li.li_3 .txt{height: 130px;}
.contactbox .orderbox ul li.li_4{width: 40%;}
.contactbox .orderbox ul li.li_5{width: 60%;}
.contactbox .orderbox ul li.li_5 .tj{width: 100%;background: #1b67b2;font-size: 15px;font-weight: 600;color: #fff;line-height: 30px;padding: 10px;cursor: pointer;}
.contactbox .orderbox ul li.li_5 .tj:hover{background: #0daeff;}

@media only screen and (max-width:1440px){
.contactbox{padding: 75px 0;}
}
@media only screen and (max-width:1200px){
.contactbox{padding: 70px 0;}
.contactbox .txtbox .list p{margin-right: 30px;}
}
@media only screen and (max-width:1024px){
.contactbox{padding: 60px 0;}
.contactbox .txtbox{width: 100%;max-width: 100%;padding: 0;}
.contactbox .txtbox .titl{text-align: center;padding: 0 0 30px;}
.contactbox .txtbox .line{padding: 15px 10px;}
.contactbox .txtbox .list{padding: 29px 10px;}
.contactbox .txtbox .list p{margin-right: 40px;}
.contactbox .txtbox .addr{padding: 25px 0 50px 45px;background-position: 10px 27px;}
.contactbox .orderbox{width: 100%;padding: 30px 4%;}
}
@media only screen and (max-width:768px){
.contactbox{padding: 55px 0;}
.contactbox .txtbox .titl p{font-size: 30px;line-height: 35px;}
.contactbox .txtbox .titl span{font-size: 14px;}
.contactbox .txtbox .addr{padding-bottom: 40px;}
.contactbox .orderbox{padding: 25px 4%;}
.contactbox .orderbox .titl{padding: 5px 0 20px;}
.contactbox .orderbox .titl p{font-size: 30px;line-height: 30px;}
.contactbox .orderbox ul{margin: 0 -5px;}
.contactbox .orderbox ul li{padding: 0 5px;margin-bottom: 10px;}
.contactbox .orderbox ul li .txt{display: block;width: 100%;line-height: 20px;border: 1px solid #ddd;padding: 9px;}
.contactbox .orderbox ul li .red{right: 15px;}
.contactbox .orderbox ul li img{right: 25px;}
.contactbox .orderbox ul li.li_3 .txt{height: 120px;}
.contactbox .orderbox ul li.li_4,
.contactbox .orderbox ul li.li_5{padding: 5px;width: 50%;}
.contactbox .orderbox ul li.li_5 .tj{padding: 5px;}
}
@media only screen and (max-width:480px){
.contactbox{padding: 45px 0;}
.contactbox .txtbox .titl{padding-bottom: 20px;}
.contactbox .txtbox .list{padding: 24px 5px;}
.contactbox .txtbox .list p{margin-right: 25px;}
.contactbox .txtbox .addr{padding: 25px 0 30px 40px;background-position: 5px 23px;line-height: 24px;font-size: 14px;}
.contactbox .orderbox{padding: 25px 5%;}
.contactbox .orderbox ul{margin: 0;}
.contactbox .orderbox ul li{padding: 0;}
.contactbox .orderbox ul li .red{right: 10px;}
.contactbox .orderbox ul li img{right: 20px;}
.contactbox .orderbox ul li.li_1{width: 100%;}
.contactbox .orderbox ul li.li_4{width: 100%;max-width: 250px;padding: 0;}
.contactbox .orderbox ul li.li_5{width: 100%;padding: 10px 0 5px;}
.contactbox .orderbox ul li.li_5 .tj{padding: 10px;}
}
@media only screen and (max-width:360px){
.contactbox{padding: 40px 0;}
.contactbox .txtbox .titl{padding-bottom: 15px;}
.contactbox .txtbox .titl p{font-size: 27px;line-height: 30px;letter-spacing: 1px;}
.contactbox .txtbox .titl span{font-size: 13px;}
.contactbox .txtbox .line{padding: 15px 5px;}
.contactbox .txtbox .line span{font-size: 15px;}
.contactbox .txtbox .line p{font-size: 40px;padding: 5px 0;}
.contactbox .orderbox{padding: 20px 5%;}
.contactbox .orderbox .titl{padding: 5px 0 15px;}
.contactbox .orderbox .titl p{font-size: 24px;}
.contactbox .orderbox ul li .txt{padding: 7px 9px;}
.contactbox .orderbox ul li.li_5 .tj{padding: 7px;}
}

/*****************************************/

@media only screen and (min-width:1025px){
.home_title p:hover,
.contactbox .txtbox .titl p:hover,
.contactbox .list p.qq:hover,
.contactbox .list p.dh:hover{-webkit-animation: headShake 1s ease;animation: headShake 1s ease;}
}

@-webkit-keyframes headShake{
    0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake{
    0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}
}