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

@media only screen and (max-width:1250px){
.bannerpic{padding-bottom:50%;}
}
@media only screen and (max-width:768px){
.bannerpic{height: auto;padding: 0;}
.banner,
#swiper{display: block;}
.searchbox{padding: 20px 0 15px;}
}

/* title */
.home_title{width: 100%;max-width: 300px;margin: 0 auto;position: relative;z-index: 5;text-align: center;line-height: 1;}
.home_title span{color: #808080;text-transform: uppercase;}
.home_title p{position: relative;}
.home_title p::after,
.home_title p::before{content: "";width: 50px;height: 1px;background: #999;top: 50%;left: 0;position: absolute;}
.home_title p::after{left: auto;right: 0;}
.home_title p a{display: block;font-size: 36px;font-weight: 600;line-height: 1.8;}
.home_title em{color: #808080;}

@media only screen and (max-width:1200px){
.home_title span{font-size: 13px;}
.home_title p a{font-size: 30px;letter-spacing: 2px;}
.home_title p::after,
.home_title p::before{width: 60px;}
}
@media only screen and (max-width:1024px){
.home_title p a{font-size: 24px;letter-spacing: 3px;}
.home_title p::after,
.home_title p::before{width: 75px;}
}

.img_icon{width: 0;height: 0;position: relative;z-index: 0;}
.img_icon img{position: absolute;left: 0;top: 0;opacity: 0;}

/* product */
.productbox{padding: 50px 0;}
.productbox .probox{width: 1120px;float: right;}
.productbox .probox ul{width: 1130px;margin: 0 -5px;overflow: hidden;}
.productbox .probox ul li{width: 25%;padding: 0 5px 10px;text-align: center;float: left;}
.productbox .probox ul li a{background: #f2f2f2;padding: 10px;display: block;overflow: hidden;color: #666;}
.productbox .probox ul li p{width: 100%;background: #fff;overflow: hidden;}
.productbox .probox ul li em{padding-bottom: 75%;}
.productbox .probox ul li em img{width: 100%;max-height: none;min-height: 100%;}
.productbox .probox ul li h3{display: block;width: 100%;height: 40px;line-height: 48px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productbox .probox ul li:hover a{background: #115ba6;color: #fff;}

.productbox .clabox .tel{width: 100%;margin-bottom: 10px;background: #115ba6;color: #fff;text-align: center;padding: 15px 5px 20px;display: none;}
.productbox .clabox .tel p{width: 100%;max-width: 150px;margin: 0 auto;position: relative;}
.productbox .clabox .tel p::after{width: 100%;height: 2px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -1px;content: "";z-index: 1;}
.productbox .clabox .tel p span{display: block;width: 90px;background: #115ba6;font-size: 40px;margin: 0 auto;position: relative;z-index: 2;}
.productbox .clabox .tel p span svg{height: 40px;line-height: 40px;}
.productbox .clabox .tel em{display: block;width: 100%;font-size: 30px;padding: 10px 0;line-height: 30px;font-style: normal;}
.productbox .clabox .tel a{display: block;width: 150px;height: 40px;border-radius: 3px;background: url(../images/icon1.png) repeat-x;margin: 0 auto;font-size: 16px;font-weight: 600;color: #d91616;line-height: 40px;}
.productbox .clabox .tel a:hover{width: 120px;}

@media only screen and (max-width:1440px){
.productbox{padding: 3% 0;}
.productbox .probox{width: 78%;}
.productbox .probox ul{width: 101%;margin: 0 -.5%;}
.productbox .probox ul li{width: 25%;padding: 0 .5% 1%;text-align: center;float: left;}
.productbox .probox ul li a{padding: 5px;}
.productbox .probox ul li h3{line-height: 42px;}
}
@media only screen and (max-width:1200px){
.productbox{padding-top: 3.5%;}
.productbox .probox{width: 77%;}
.productbox .probox ul li h3{height: 35px;line-height: 38px;}
}
@media only screen and (min-width:1025px){
.productbox .clabox{width: 22%;max-width: 240px;float: left;}
.productbox .clabox .titl{width: 100%;float: left;background: #115ba6;color: #fff;padding: 20px 0 15px;text-align: center;}
.productbox .clabox .titl div{margin: 0 auto;padding-left: 55px;height: 40px;line-height: 1;display: inline-block;text-align: left;position: relative;}
.productbox .clabox .titl a{font-size: 24px;color: #fff;display: block;}
.productbox .clabox .titl span{display: block;color: rgba(255,255,255,.75);padding-top: 2px;}
.productbox .clabox .titl em{position: absolute;left: 0;top: 0;font-size: 40px;}
.productbox .clabox .titl em svg{height: 40px;line-height: 40px;}
.productbox .clabox .titl em.m{display: none;}

.productbox .clabox .list{background: #115ba6;padding: 0 6px 6px;margin-bottom: 10px;overflow: hidden;}
.productbox .clabox .list ul,
.productbox .clabox .list ul li{width: 100%;padding: 2px;background: #fff;}
.productbox .clabox .list ul li a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}
.productbox .clabox .list ul li h2{width: 100%;overflow: hidden;position: relative;padding-left: 25px;}
.productbox .clabox .list ul li span{position: absolute;left: 0;top: 50%;margin-top: -15px;text-align: right;width: 25px;font-size: 15px;}
.productbox .clabox .list ul li span svg{height: 30px;line-height: 30px;}
.productbox .clabox .list ul li .f1{background: #115ba6;color: #fff;}
.productbox .clabox .list ul li .f1 a{padding: 5px 5px;color: #fff;font-weight: 600;font-size: 14px;}
.productbox .clabox .list ul li:hover .f1{background: #d91616;}

.productbox .clabox .list ul li dl .f2{background: #f5f5f5;border-bottom: 0 solid #e6e6e6;height: 0;color: #aaa;}
.productbox .clabox .list ul li dl .f2 span{top: 5px;margin: 0;}
.productbox .clabox .list ul li dl .f2 a{padding: 5px;color: #666;}
.productbox .clabox .list ul li dl .f2:hover,
.productbox .clabox .list ul li dl .f2:hover a{color: #bf1313;}
.productbox .clabox .list ul li.on dl .f2{height: 40px;border-bottom-width: 1px;}
}
@media only screen and (min-width:1201px){
.productbox .clabox{width: 21%;max-width: 260px;}
.productbox .clabox .titl{padding: 30px 0 25px;}
.productbox .clabox .list{padding: 0 10px 10px;}
.productbox .clabox .list ul,
.productbox .clabox .list ul li{padding: 4px;}
.productbox .clabox .list ul li h2{padding-left: 30px;}
.productbox .clabox .list ul li span{width: 28px;}
.productbox .clabox .list ul li .f1 a{padding: 10px 5px;font-size: 16px;}

.productbox .clabox .tel{padding: 20px 10px 24px;}
.productbox .clabox .tel em{padding: 13px 0;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 4% 0 4.5%;}
.productbox .clabox{width: 100%;text-align: center;}
.productbox .clabox .titl{width: 100%;max-width: 300px;margin: 0 auto;padding-top: 13px;position: relative;line-height: 1;}
.productbox .clabox .titl span{text-transform: uppercase;color: #808080;position: absolute;top: 0;width: 100%;left: 0;font-size: 13px;}
.productbox .clabox .titl p{width: 100%;position: relative;}
.productbox .clabox .titl p::after,
.productbox .clabox .titl p::before{width: 100%;height: 1px;background: #ccc;position: absolute;left: 0;top: 50%;content: "";z-index: 1;}
.productbox .clabox .titl p::after{left: auto;right: 0;}
.productbox .clabox .titl p a{display: inline-block;font-size: 24px;padding: 0 25px;background: #fff;font-weight: 600;position: relative;z-index: 2;line-height: 1.8;}
.productbox .clabox .titl em{color: #808080;}
.productbox .clabox .titl em.l{display: none;}
.productbox .clabox .list{width: 100%;padding: 2.5% 0 3%;}
.productbox .clabox .list ul{width: calc(100% + 2px);margin: 0 -1px;}
.productbox .clabox .list ul li{width: 25%;float: left;padding: 1px;position: relative;}
.productbox .clabox .list ul li h2 span{display: none;}
.productbox .clabox .list ul li a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}
.productbox .clabox .list ul li .f1 a{background: #115ba6;color: #fff;font-weight: 600;padding: 10px 5px;font-size: 15px;}
.productbox .clabox .list ul li dl{background: #0f5499;position: absolute;width: calc(100% - 2px);left: 1px;top: 100%;opacity: 0;}
.productbox .clabox .list ul li dl::after{width: 100%;height: 52px;content: "";position: absolute;left: 0;top: -52px;z-index: 10;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.productbox .clabox .list ul li dl .f2 a{padding: 0 5px;color: #fff;border-top: 0 solid rgba(255,255,255,.2);height: 0;}
.productbox .clabox .list ul li dl .f2 a:hover,
.productbox .clabox .list ul li:hover .f1 a{background: #bf1313;}
.productbox .clabox .list ul li:hover dl{opacity: 1;}
.productbox .clabox .list ul li:hover dl::after{width: 0;}
.productbox .clabox .list ul li:hover dl .f2 a{padding: 10px 5px;border-top-width: 1px;height: 50px;}
.productbox .probox{width: 100%;}
.productbox .probox ul{width: calc(100% + 2px);margin: 0 -1px;}
.productbox .probox ul li{padding: 1px;}
}
@media only screen and (max-width:768px){
.productbox{padding: 5% 0 5.5%;}
.productbox .clabox .list{padding: 3% 0 3.5%;}
.productbox .clabox .list ul li{width: 33.33%;}
.productbox .clabox .list ul li .f1 a{font-size: 14px;}
.productbox .probox ul li{width: 33.33%;}
}
@media only screen and (max-width:480px){
.productbox{padding: 25px 0;}
.productbox .clabox .list{padding: 15px 0 20px;}
.productbox .clabox .list ul li{width: 50%;}
.productbox .probox ul li{width: 50%;}
}

/* case */
.casebox{background: url(../images/bg1.jpg) center no-repeat;background-attachment: fixed;position: relative;padding-top: 60px;}
.casebox .case_bg{position: absolute;left: 0;bottom: 0;background: #fff;z-index: 1;height: 120px;width: 100%;}

.casebox .home_title span{color: rgba(255,255,255,.75);}
.casebox .home_title p::after,
.casebox .home_title p::before{background: rgba(255,255,255,.75);}
.casebox .home_title p a,
.casebox .home_title em{color: #fff;}

.casebox .swiper-container{position: relative;z-index: 5;padding: 40px 0 60px;}
.casebox ul li{width: 25%;float: left;}
.casebox ul li a{display: block;overflow: hidden;text-align: center;background: #115ba6;color: #fff;}
.casebox ul li p{width: 100%;overflow: hidden;background: #fff;}
.casebox ul li p em{padding-bottom: 75%;}
.casebox ul li p img{max-width: none;min-width: 101%;height: 101%;max-height: none;}
.casebox ul li h3{font-size: 16px;font-weight: 600;line-height: 30px;padding: 15px 5px;}
.casebox ul li:hover a{background: #bf1313;}

@media only screen and (max-width:1440px){
.casebox{padding-top: 3.5%;}
.casebox .case_bg{height: 110px;}
.casebox .swiper-container{padding: 2% 0 50px;}
}
@media only screen and (max-width:1200px){
.casebox{padding-top: 4.5%;}
.casebox .case_bg{height: 95px;}
.casebox .swiper-container{padding: 2% 0 45px;}
.casebox ul li h3{font-size: 15px;padding: 10px 5px;}
}
@media only screen and (max-width:1024px){
.casebox{background-attachment: unset;background-size: 100% auto;padding-top: 5%;}
.casebox .case_bg{height: 90px;}
.casebox .swiper-container{padding: 2.5% 0 40px;}
.casebox ul li{width: 33.33%;}
}
@media only screen and (max-width:768px){
.casebox{background-size: auto 100%;padding-top: 6%;}
.casebox .case_bg{height: 95px;}
.casebox .swiper-container{padding: 3% 0 45px;}
.casebox ul li{width: 50%;}
}
@media only screen and (max-width:480px){
.casebox{padding-top: 30px}
.casebox .case_bg{height: 80px;}
.casebox .swiper-container{padding: 20px 0 40px;}
.casebox ul li h3{padding: 5px;}
}
@media only screen and (max-width:360px){
.casebox .case_bg{height: 86px;}
.casebox ul li{width: 100%;}
.casebox ul li h3{padding: 8px 5px;}
}

/* advantage */
.advantagebox{padding: 40px 0 70px;}
.advantagebox .home_title{max-width: 340px;}

.advantagebox ul{padding-top: 30px;}
.advantagebox ul li{width: 33.33%;float: left;overflow: hidden;}
.advantagebox ul li .text{background: #f2f2f2;width: 100%;height: 0;padding-bottom: 125%;position: relative;}
.advantagebox ul li .pic{width: 100%;height: 50%;position: absolute;left: 0;top: 0;overflow: hidden;}
.advantagebox ul li .pic img{position: relative;min-width: 100%;height: 100%;left: 50%;top: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.advantagebox ul li .txt{padding: 15% 8% 0;width: 100%;height: 50%;position: absolute;left: 0;top: 50%;}
.advantagebox ul li .txt p{width: 100%;line-height: 40px;padding: 8px 0 19px;border-bottom: 1px solid #115ba6;margin-bottom: 15px;font-size: 30px;font-weight: 600;overflow: hidden;color: #115ba6;}
.advantagebox ul li .txt p em{float: left;font-size: 40px;font-style: normal;margin-right: 10px;height: 40px;line-height: 42px;}
.advantagebox ul li .txt span{display: block;width: 100%;line-height: 2;font-size: 16px;color: #666;}

.advantagebox ul li:hover .text{background: #115ba6;}
.advantagebox ul li:hover .txt p{border-color: #fff;color: #fff;}
.advantagebox ul li:hover .txt span{color: #fff;}

.advantagebox ul li.txt2 .pic{top: 50%;}
.advantagebox ul li.txt2 .txt{top: 0;}
.advantagebox ul li.txt3 .txt{padding-top: 12%;}

@media only screen and (max-width:1440px){
.advantagebox{padding: 2.5% 0 4%;}
.advantagebox ul{padding-top: 2%;}
.advantagebox ul li .txt span{font-size: 15px;}
.advantagebox ul li .txt{padding: 12% 6% 0;}
.advantagebox ul li.txt3 .txt{padding-top: 10%;}
}
@media only screen and (max-width:1200px){
.advantagebox{padding: 3.5% 0 5%;}
.advantagebox ul{padding-top: 2.5%;}
.advantagebox ul li .txt p{line-height: 35px;padding: 0 0 9px;margin-bottom: 10px;font-size: 24px;}
.advantagebox ul li .txt p em{font-size: 32px;height: 35px;line-height: 38px;}
.advantagebox ul li .txt span{font-size: 14px;line-height: 1.8;}
.advantagebox ul li .txt{padding: 17% 5% 0;}
.advantagebox ul li.txt3 .txt{padding-top: 15%;}
}
@media only screen and (max-width:1024px){
.advantagebox{padding: 3.5% 0 5.5%;}
.advantagebox .home_title{max-width: 300px;}
.advantagebox .home_title a{letter-spacing: 0;}
.advantagebox ul li .text{padding-bottom: 150%;}
.advantagebox ul li .txt p{line-height: 30px;font-size: 20px;}
.advantagebox ul li .txt p em{font-size: 27px;height: 30px;line-height: 32px;}
.advantagebox ul li .txt span{letter-spacing: -1px;}
.advantagebox ul li .txt{padding: 20% 5% 0;}
}
@media only screen and (max-width:768px){
.advantagebox{padding: 4.5% 0 6%;}
.advantagebox ul{padding-top: 3%;width: 97%;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.advantagebox ul li{padding: 0 .5%;flex-shrink: 0;}
.advantagebox ul li .text{height: 100%;padding: 150px 0 0;}
.advantagebox ul li .pic{height: 0;padding-bottom: 150px;top: 0;z-index: 1;}
.advantagebox ul li .pic img{position: absolute;}
.advantagebox ul li .txt{position: relative;padding: 0 5%;-webkit-transform: none;-moz-transform: none;transform: none;top: 0;z-index: 2;text-align: center;}
.advantagebox ul li .txt p{padding: 8px 0 7px;font-size: 16px;margin: 0;}
.advantagebox ul li .txt p em{display: none;}
.advantagebox ul li .txt span{line-height: 1.6;padding: 11px 0 15px;}
.advantagebox ul li.txt3 .txt{padding-top: 0;}
.advantagebox ul li.txt2 .pic{top: 0;}
}
@media only screen and (max-width:480px){
.advantagebox{padding: 25px 0;}
.advantagebox ul{padding-top: 10px;width: 96%;}
.advantagebox ul li{width: 100%;padding: 1.5% 0;}
.advantagebox ul li .text{padding-top: 65%;}
.advantagebox ul li .pic{padding-bottom: 65%;}
.advantagebox ul li .txt p{font-size: 18px;}
}

/* company */
.companybox{padding: 2% 0;background: url(../images/bg2.jpg) center no-repeat;background-size: cover;position: relative;}
.companybox .picbox{width: 50%;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 5;padding: 2% 1.5%;}
.companybox .picbox em{display: block;width: 100%;padding-bottom: 540px;position: relative;overflow: hidden;background: #fff;}
.companybox .picbox em img{height: 100%;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.companybox .txtbox{padding: 25px 0 30px;}
.companybox .txtbox .titl{width: 50%;padding-right: 1%;line-height: 1;}
.companybox .txtbox .titl span{display: block;font-size: 48px;font-weight: 600;color: rgba(255,255,255,.25);text-transform: uppercase;}
.companybox .txtbox .titl p{font-size: 30px;font-weight: 600;padding: 10px 0 17px;}
.companybox .txtbox .titl a{color: #fff;}
.companybox .txtbox .titl em{width: 50px;height: 1px;background: rgba(255,255,255,.5);display: block;}
.companybox .txtbox .text{width: 50%;padding: 25px 1% 0 0;color: #fff;font-size: 16px;line-height: 2;height: 300px;}
.companybox .txtbox .text p{text-indent: 2em;margin-bottom: 10px;}
.companybox .txtbox .more{width: 100%;padding-top: 30px;overflow: hidden;}
.companybox .txtbox .more a{float: left;border: 1px solid rgba(255,255,255,.5);background: rgba(255,255,255,.2);font-size: 15px;text-transform: uppercase;line-height: 30px;padding: 9px 3%;color: #fff;}
.companybox .txtbox:hover .titl em{width: 240px;}

@media only screen and (max-width:1200px){
.companybox .txtbox{padding: 18px 0 20px;}
.companybox .txtbox .titl span{font-size: 40px;}
.companybox .txtbox .titl p{font-size: 24px;padding: 5px 0 15px;}
.companybox .txtbox .text{padding: 20px 1% 0 0;font-size: 15px;line-height: 1.8;height: 295px;}
.companybox .txtbox .text p{margin-bottom: 5px;}
.companybox .txtbox .more{padding-top: 20px;}
.companybox .txtbox .more a{padding: 5px 3%;}
.companybox .picbox em{padding-bottom: 480px;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 0;}
.companybox .picbox{width: 100%;position: relative;margin: 0 auto;padding: 5% 2% 0;}
.companybox .txtbox{padding: 2.5% 0 1.5%;}
.companybox .txtbox .titl{width: 100%;padding: 0;}
.companybox .txtbox .text{width: 100%;padding: 2.5% 0;height: auto;}
.companybox .txtbox .more{padding: 0;display: none;}
}
@media only screen and (max-width:768px){
.companybox .picbox{padding: 25px 2% 0;}
.companybox .picbox em{padding-bottom: 400px;}
.companybox .txtbox{padding: 15px 0;}
.companybox .txtbox .text{padding: 15px 0 10px;}
.companybox .txtbox .titl span{font-size: 36px;}
}
@media only screen and (max-width:480px){
.companybox .picbox em{padding-bottom: 75%;}
.companybox .txtbox .titl span{font-size: 30px;}
.companybox .txtbox .titl p{font-size: 20px;}
.companybox .txtbox:hover .titl em{width: 180px;}
.companybox .txtbox .text{font-size: 14px;}
}

/* partner */
.partnerbox{padding: 60px 0 65px;}
.partnerbox .home_title{max-width: 360px;}

.partnerbox .w1440{padding-top: 30px;}
.partnerbox ul{border: 1px solid #ddd;border-width: 1px 1px 0 0;width: 100%;overflow: hidden;}
.partnerbox ul li{width: 20%;float: left;text-align: center;}
.partnerbox ul li a{display: block;width: 100%;border: 1px solid #ddd;border-width: 0 0 1px 1px;overflow: hidden;position: relative;}
.partnerbox ul li p{width: 100%;height: 0;padding-bottom: 50%;position: relative;overflow: hidden;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: .4;}
.partnerbox ul li[hid="24"] p{opacity: .5;}
.partnerbox ul li[hid="22"] p,
.partnerbox ul li[hid="19"] p,
.partnerbox ul li[hid="18"] p,
.partnerbox ul li[hid="16"] p{opacity: .6;}
.partnerbox ul li[hid="12"] p{opacity: .8;}
.partnerbox ul li p img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.partnerbox ul li h3{position: absolute;left: 0;top: 50%;margin-top: -25px;width: 100%;line-height: 50px;font-size: 16px;font-weight: 600;display: none;}
.partnerbox ul li:hover p{opacity: 1;-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;}

.partnerbox .hb_con{width: 100%;height: 0;overflow: hidden;padding-bottom: 30.208%;background: url(../images/hb1-1.jpg) center no-repeat;background-size: 100% 100%;}

@media only screen and (max-width:1440px){
.partnerbox{padding: 4% 0 4.5%;}
.partnerbox .w1440{padding-top: 2%;}
}
@media only screen and (max-width:1024px){
.partnerbox{padding: 4.5% 0 5%;}
.partnerbox .home_title{max-width: 300px;}
.partnerbox .home_title p::after,
.partnerbox .home_title p::before{width: 55px;}
.partnerbox .home_title a{letter-spacing: 1px;}
}
@media only screen and (max-width:768px){
.partnerbox{padding: 5.5% 0 6%;}
.partnerbox .w1440{padding-top: 15px;}
.partnerbox ul li{width: 33.33%;}
}
@media only screen and (max-width:480px){
.partnerbox{padding: 25px 0;}
.partnerbox .w1440{padding-top: 10px;}
}

/* news */
.newsbox{background: #f2f2f2;padding: 60px 0 45px;}
.newsbox .swiper-container{padding: 35px 0 60px;}
.newsbox ul li{width: 33.33%;height: auto;}
.newsbox ul li .cont{width: 100%;height: 100%;overflow: hidden;}
.newsbox ul li .pic{width: 100%;overflow: hidden;background: #fff;border-bottom: 1px solid #e6e6e6;}
.newsbox ul li .pic a{padding-bottom: 65%;}
.newsbox ul li .txt{width: 100%;padding: 15px 4%;background: #fff;}
.newsbox ul li .txt .titl a{display: block;font-size: 15px;font-weight: 600;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 5px 0;}
.newsbox ul li .txt .text{color: #666;overflow: hidden;}
.newsbox ul li .txt .time{padding: 5px 0;line-height: 20px;color: #808080;}
.newsbox ul li .txt .time span{float: left;margin-right: 5px;}
.newsbox ul li .txt .time span svg{height: 20px;line-height: 20px;font-size: 16px;}
.newsbox ul li:hover .txt{background: #bf1313;}
.newsbox ul li:hover .txt .titl a,
.newsbox ul li:hover .txt .text,
.newsbox ul li:hover .txt .time{color: #fff;}

@media only screen and (max-width:1440px){
.newsbox{padding: 4% 0 3.5%;}
.newsbox .swiper-container{padding: 2.5% 0 4.5%;}
}
@media only screen and (max-width:1200px){
.newsbox{padding: 4% 0 3%;}
.newsbox .swiper-container{padding: 2% 0 5%;}
}
@media only screen and (max-width:1024px){
.newsbox{padding: 5% 0 4%;}
.newsbox .swiper-container{padding: 3% 0 6%;}
.newsbox ul li .txt{padding: 10px 4%;}
}
@media only screen and (max-width:768px){
.newsbox{padding: 5.5% 0;}
.newsbox .swiper-container{padding: 0;height: 540px;margin-top: 3.5%;}
.newsbox ul li{width: 100%;}
.newsbox ul li .cont{position: relative;}
.newsbox ul li .pic{width: 80px;position: absolute;left: 10px;top: 10px;border: 1px solid #ddd;z-index: 2;}
.newsbox ul li .pic a{padding-bottom: 100%;}
.newsbox ul li .txt{padding: 10px 10px 10px 100px;position: relative;height: 100%;z-index: 1;}
.newsbox ul li .txt .titl{line-height: 30px;padding: 0 90px 0 0;}
.newsbox ul li .txt .titl a{padding: 0;}
.newsbox ul li .txt .text{height: 45px;padding-top: 5px;}
.newsbox ul li .txt .time{position: absolute;right: 15px;top: 10px;line-height: 30px;padding: 0;}
.newsbox ul li .txt .time span{display: none;}
}
@media only screen and (max-width:480px){
.newsbox{padding: 25px 0;}
.newsbox .swiper-container{height: 370px;margin-top: 15px;}
.newsbox ul li .pic{width: 60px;left: 5px;top: 5px;}
.newsbox ul li .txt{padding: 5px 5px 5px 70px;}
.newsbox ul li .txt .titl{padding: 0;line-height: 20px;}
.newsbox ul li .txt .titl a{font-size: 14px;}
.newsbox ul li .txt .text{height: 40px;line-height: 18px;font-size: 13px;padding-top: 4px;}
.newsbox ul li .txt .time{display: none;}
}

/* contact */
.contactbox{background: #115ba6 url(../images/bg3.jpg) center bottom no-repeat;background-size: cover;background-attachment: fixed;padding: 75px 0;border-bottom: 1px solid #808080;}
.contactbox .txtbox{width: 38%;float: left;max-width: 520px;padding-top: 2%;color: #fff;height: 500px;}
.contactbox .txtbox .titl{line-height: 1;overflow: hidden;width: 100%;float: left;padding: 15px 0 10px;position: relative;z-index: 3;}
.contactbox .txtbox .titl p{overflow: hidden;font-size: 36px;font-weight: 600;position: relative;}
.contactbox .txtbox .titl a{color: #fff;}
.contactbox .txtbox .titl span{text-transform: uppercase;padding: 10px 0;display: block;}
.contactbox .txtbox .titl em{display: none;}

.contactbox .txtbox .text{width: 100%;padding: 20px 0;overflow: hidden;float: left;position: relative;z-index: 2;}
.contactbox .txtbox .text p{font-size: 15px;font-weight: 600;overflow: hidden;line-height: 24px;padding: 8px 0;width: 100%;float: left;padding-left: 40px;position: relative;}
.contactbox .txtbox .text p em{font-style: normal;}
.contactbox .txtbox .text p span{font-size: 24px;position: absolute;left: 0;top: 8px;}
.contactbox .txtbox .text p span svg{height: 24px;}
.contactbox .txtbox .text a{float: left;font-size: 42px;font-family: Arial;color: #fff;line-height: 1;padding: 5px 0;}

.contactbox .txtbox .list{width: 100%;border: 1px solid rgba(255,255,255,.5);border-width: 1px 0;padding: 29px 0;float: left;position: relative;z-index: 5;}
.contactbox .txtbox .list p{float: left;margin-right: 40px;border: 2px solid #fff;border-radius: 30px;width: 60px;height: 60px;position: relative;text-align: center;z-index: 1;}
.contactbox .txtbox .list p span{width: 100%;height: 30px;line-height: 30px;font-size: 30px;position: absolute;left: 0;top: 50%;margin-top: -15px;z-index: 1;}
.contactbox .txtbox .list p svg{height: 30px;}
.contactbox .txtbox .list p em{position: absolute;width: 0;overflow: hidden;box-shadow: 0 2px 10px rgba(0,0,0,.3);opacity: 0;top: 50%;left: 50%;z-index: 5;}
.contactbox .txtbox .list p em img{width: 100%;}
.contactbox .txtbox .list p:hover{z-index: 2;}
.contactbox .txtbox .list p:hover em{width: 180px;opacity: 1;}
.contactbox .txtbox .list p a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 5;}
.contactbox .txtbox .list p a.qq_m{display: none;}


.orderbox{width: 60%;float: right;background: #fff;padding: 2% 2.5%;height: 500px;}
.orderbox .titl{width: 100%;overflow: hidden;position: relative;padding: 15px 0 30px;line-height: 1;}
.orderbox .titl p{position: relative;}
.orderbox .titl a{font-size: 36px;font-weight: 600;display: inline-block;}
.orderbox .titl span{position: absolute;top: 0;font-size: 13px;color: #808080;text-transform: uppercase;width: 100%;left: 0;display: none;}
.orderbox .titl em{color: #808080;display: none;}
.orderbox ul{overflow: hidden;}
.orderbox ul li{float: left;margin-bottom: 20px;border: 1px solid #ddd;position: relative;width: 100%;overflow: hidden;line-height: 24px;}
.orderbox ul li .txt{padding: 12px 19px 12px 69px;width: 100%;display: block;line-height: 24px;height: 48px;}
.orderbox ul li .tit{width: 70px;position: absolute;left: 0;top: 12px;text-align: center;color: #808080;}
.orderbox ul li .red{width: 19px;color: red;position: absolute;right: 0;top: 50%;margin-top: -10px;text-align: center;}
.orderbox ul li.li_1{width: 49%;margin-right: 2%;}
.orderbox ul li.li_2{width: 49%;}
.orderbox ul li.li_4 .txt{height: 128px;}
.orderbox ul li.li_5{width: 38%;margin-right: 2%;}
.orderbox ul li.li_5 img{position: absolute;top: 50%;right: 19px;margin-top: -9px;cursor: pointer;}
.orderbox ul li.li_6{width: 60%;border: 0;background: none;}
.orderbox ul li.li_6 p{width: 100%;height: 50px;}
.orderbox ul li.li_6 p input{display: block;width: 100%;height: 100%;font-size: 15px;font-weight: 600;color: #fff;line-height: 50px;background: #115ba6;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;cursor: pointer;}
.orderbox ul li.li_6 p.cz{display: none;}
.orderbox ul li.li_6 p:hover input{background: #bf1313;}

@media only screen and (max-width:1440px){
.contactbox{padding: 4.5% 0;}
}
@media only screen and (max-width:1200px){
.contactbox .txtbox{height: 420px;}
.contactbox .txtbox .titl{padding: 10px 0 0;}
.contactbox .txtbox .titl p{font-size: 30px;}
.contactbox .txtbox .text{padding: 15px 0;}
.contactbox .txtbox .text p{padding: 5px 0;padding-left: 35px;}
.contactbox .txtbox .text p span{top: 5px;}
.contactbox .txtbox .text a{font-size: 36px;padding: 5px 0 0;}
.contactbox .txtbox .list{padding: 19px 0;}
.contactbox .txtbox .list p{margin-right: 25px;}
.contactbox .txtbox .list p:hover em{width: 150px;}
.orderbox{height: 420px;}
.orderbox .titl{padding: 10px 0 20px;}
.orderbox .titl a{font-size: 30px;}
.orderbox ul li{margin-bottom: 15px;}
.orderbox ul li .txt{padding: 10px 19px 10px 69px;height: 44px;}
.orderbox ul li .tit{top: 10px;}
.orderbox ul li.li_4 .txt{height: 124px;}
.orderbox ul li.li_6 p{height: 46px;}
.orderbox ul li.li_6 p input{line-height: 46px;}
}
@media only screen and (max-width:1024px){
.contactbox{padding: 5% 0 5.5%;background-attachment: unset;}
.contactbox .txtbox{height: auto;width: 100%;max-width: 100%;padding: 0 0 3%;text-align: center;}
.contactbox .txtbox .titl{max-width: 300px;margin: 0 auto;padding: 13px 0 3%;text-align: center;margin: 0 auto;float: none;}
.contactbox .txtbox .titl p{font-size: 24px;line-height: 1.8;letter-spacing: 3px;}
.contactbox .txtbox .titl p::after,
.contactbox .txtbox .titl p::before{content: "";width: 75px;height: 1px;background: rgba(255,255,255,.5);position: absolute;top: 50%;}
.contactbox .txtbox .titl p::after{left: 0;}
.contactbox .txtbox .titl p::before{right: 0;}
.contactbox .txtbox .titl span{font-size: 13px;position: absolute;width: 100%;left: 0;top: 0;padding: 0;}
.contactbox .txtbox .titl em{display: block;}
.contactbox .txtbox .text{background: rgba(255,255,255,.15);}
.contactbox .txtbox .text p,
.contactbox .txtbox .text a{display: inline-block;float: none;width: auto;}
.contactbox .txtbox .text2 p{width: 100%;max-width: 420px;text-align: left;margin: 0 10px;}
.contactbox .txtbox .list{border: 0;background: rgba(255,255,255,.15);margin: 1px 0;padding: 19px 0 15px;}
.contactbox .txtbox .list p{display: inline-block;float: none;margin: 0 10px;}
.orderbox{height: auto;width: 100%;padding: 4% 2.5% 2.5%;}
.orderbox .titl{text-align: center;padding: 13px 0 2.5%;max-width: 300px;margin: 0 auto;}
.orderbox .titl p::after,
.orderbox .titl p::before{content: "";width: 45px;height: 1px;background: #999;position: absolute;top: 50%;}
.orderbox .titl p::after{left: 0;}
.orderbox .titl p::before{right: 0;}
.orderbox .titl a{font-size: 24px;line-height: 1.8;}
.orderbox .titl span,
.orderbox .titl em{display: block;}
}
@media only screen and (max-width:768px){
.contactbox{padding: 6% 0;}
.contactbox .txtbox .text2 p{margin: 0;}
.orderbox{padding: 5% 2.5% 3%;}
.orderbox ul li{margin-bottom: 10px;}
.orderbox ul li.li_5{width: 48%;}
.orderbox ul li.li_6{width: 50%;}
}
@media only screen and (max-width:480px){
.contactbox{padding: 30px 0;}
.contactbox .txtbox{padding-bottom: 15px;}
.contactbox .txtbox .titl{padding: 13px 0 15px;}
.contactbox .txtbox .list p em{left: auto;right: 50%;}
.contactbox .txtbox .text2{padding: 15px 10px;}
.contactbox .txtbox .text2 p{font-size: 14px;max-width: 400px;}
.orderbox{padding: 25px 10px 15px;}
.orderbox .titl{padding: 13px 0 15px;}
.orderbox ul li .txt{padding: 5px 19px 5px 69px;width: 100%;display: block;line-height: 24px;height: 36px;}
.orderbox ul li .tit{top: 5px;}
.orderbox ul li.li_1,
.orderbox ul li.li_2{width: 100%;margin-right: 0;}
.orderbox ul li.li_4 .txt{height: 100px;}
.orderbox ul li.li_5{width: 240px;}
.orderbox ul li.li_6{width: 100%;}
.orderbox ul li.li_6 p{height: 45px;}
.orderbox ul li.li_6 p input{line-height: 45px;}
}