.mobile i,.divBox,.nav li a:after,.nav,span,.BannerBtn span::after,
.section7 .swiper-slide img,.s7_qh .swiper-button-prev,.s7_qh .swiper-button-next{
	transition: all .8s cubic-bezier(.35,.75,.55,1);
	-webkit-transition: all .8s cubic-bezier(.35,.75,.55,1);
	-moz-transition: all .8s cubic-bezier(.35,.75,.55,1);
}

input:-moz-placeholder,
textarea:-moz-placeholder { 
    color: rgba(255,255,255,.33);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { 
		color: rgba(255,255,255,.33);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { 
		color: rgba(255,255,255,.33);
}


header{font-size: 0;box-sizing: border-box;position: relative;}
.h_t{display: inline-block;width: 75.5%;position: absolute;right: 0;top: 0;text-align: right;background: url(../images/htbg_02.jpg) center center;background-size: 100% 100%;}
.h_t h1{padding-right: 260px;font-size: 14px;color: #333333;line-height: 35px;}
.h_t h1 span{font-size: 16px;color: #333333;display: inline-block;margin-right: 14px;}

.logo{display: inline-block;vertical-align: top;width: 20%;}
.logo a{display: inline-block;vertical-align: middle;}
.logo img{max-width: 100%;position:relative;z-index:999;}
.nav{display: inline-block;position: relative;vertical-align: middle;text-align: right;width: 70%;box-sizing: border-box;padding-right: 40px;}
.nav ul{font-size: 0;}
.nav ul li{display: inline-block;box-sizing: border-box;position: relative;}
.nav ul li a{font-size: 18px;color: #333333;display: inline-block;vertical-align: middle;line-height: 76px;position: relative;}
.nav ul li::after{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 19px;background: #d3d3d3;margin: 0 30px;}
.nav ul li:last-of-type::after{display: none;}
.nav ul li a:hover{color: #ec1000;}
.nav ul li.ac a{color: #ec1000;}
.dhss{width: 10%;text-align: center;line-height: 99px;text-align: right;font-size: 0;line-height: 76px;padding-top: 35px;display: inline-block;}
.dhss span{font-size: 24px;color: #202020;display: inline-block;vertical-align: middle;text-align: center;cursor: pointer;}
.dhss form{position: absolute;right: 0;top: 99px;font-size: 0;width: 300px;border: 1px solid #e7e7e7;display: none;z-index: 9;}
.dhss form input{border: none;outline: none;background: #fff;display: inline-block;width: 70%;line-height: 40px;}
.dhss form button{display: inline-block;background: #ec1000;font-size: 18px;color: #fff;width: 30%;text-align: center;line-height: 40px;}
.dhss h2{display: inline-block;vertical-align: middle;font-size: 16px;color: #333333;margin-right: 45px;}
.dhss h2 a{font-size: 16px;color: #333333;}
.dhss h2 a:hover,.dhss span:hover{color: #ec1000;}


.dhssa{width: 100%;text-align: center;line-height: 99px;text-align: right;font-size: 0;line-height: 76px;padding-top: 20px;padding-bottom: 20px;display: inline-block;padding-left:25%}
.dhssa span{font-size: 24px;color: #202020;display: inline-block;vertical-align: middle;text-align: center;cursor: pointer;}
.dhssa form{/*position: absolute;right: 0;top: 99px;*/font-size: 0;width: 50%;border: 1px solid #e7e7e7;/*display: none;*/z-index: 9;}
.dhssa form input{border: none;outline: none;background: #fff;display: inline-block;width: 70%;line-height: 40px;}
.dhssa form button{display: inline-block;background: #ec1000;font-size: 18px;color: #fff;width: 30%;text-align: center;line-height: 40px;}
.dhssa h2{display: inline-block;vertical-align: middle;font-size: 16px;color: #333333;margin-right: 45px;}
.dhssa h2 a{font-size: 16px;color: #333333;}
.dhssa h2 a:hover,.dhss span:hover{color: #ec1000;}




.dhss2{width: 10%;text-align: center;line-height: 99px;text-align: right;font-size: 0;line-height: 76px;padding-top: 35px;display: inline-block;width:100%}
.dhss2 span{font-size: 24px;color: #202020;display: inline-block;vertical-align: middle;text-align: center;cursor: pointer;}
.dhss2 form{right: 0;top: 99px;font-size: 0;width: 300px;border: 1px solid #e7e7e7;z-index: 9; margin:0 auto;width:30%;}
.dhss2 form input{border: none;outline: none;background: #fff;display: inline-block;width: 70%;line-height: 40px;}
.dhss2 form button{display: inline-block;background: #ec1000;font-size: 18px;color: #fff;width: 30%;text-align: center;line-height: 40px;}
.dhss2 h2{display: inline-block;vertical-align: middle;font-size: 16px;color: #333333;margin-right: 45px;}
.dhss2 h2 a{font-size: 16px;color: #333333;}
.dhss2 h2 a:hover,.dhss span:hover{color: #ec1000;}








.navlist{position: absolute;top: 63%;font-size: 0;background: #fff;left: -30px;width: 100%;box-sizing: border-box;opacity: 0;visibility: hidden;z-index: 9;}
.navlist_l,.navlist_r{display: inline-block;vertical-align: top;text-align: left;}
.navlist_l a{line-height: 36px !important;font-size: 16px !important;padding: 0 !important;border-bottom: 1px solid #dbdedb;display: block;width: 100%;text-align: center;}
.navlist_l{width: 100%;}
.navlist_r{width: 64%;display: none !important;}
.navlist_r img{width: 100%;}
.nav ul li:hover .navlist_l a{background: none !important;color: #595757;}
.navlist_l a:hover{color: #ec1000 !important;}
/* .navlist_l a::before{content: '';display: inline-block;vertical-align: middle;width: 6px;height: 6px;background: #ec1000;border-radius: 50%;margin-right: 16px;opacity: 0;}
.navlist_l a:hover::before{opacity: 1;} */

.nav ul li:hover .navlist{top: 100%;opacity: 1;visibility: visible;}
.nav ul li:last-of-type .navlist{width: 200%;}



footer{position: relative;background: #393e44;}
.ft{padding: 110px 0;font-size: 0;}
.fb{padding: 25px 0;font-size: 0;border-top: 1px solid rgba(255,255,255,.1);}
.fb .divbox{font-size: 0;}
.ftl,.ft ul,.ftr{display: inline-block;vertical-align: top;}
.ftl{width: 19%;}
.ft ul{width: 66%;font-size: 0;text-align: left;padding-right: 100px;box-sizing: border-box;}
.ftr{width: 15%;text-align: right;}
.ftl h2{font-size: 28px;color: #fff;font-weight: bold;}
.ftl h2::after{content: '';display: block;width: 210px;height: 1px;background: rgba(255,255,255,.22);margin: 17px 0 21px;}
.ftl h3{font-size: 24px;color: #fff;margin-top: 55px;margin-bottom: 16px;font-weight: lighter;}
.ftl h3 span{font-size: 24px;margin-right: 15px;color: #be2024;}
.ftl p{font-size: 14px;color: #fff;}
.ft ul li{display: inline-block;vertical-align: top;width: 14%;margin-right: 2.6%;}
.ft ul li:last-of-type{margin-right: 0;}
.ft ul li a{display: block;font-size: 14px;color: rgba(255,255,255,.5);}
.ft ul li a:first-of-type{font-size: 18px;color: #fff;margin-bottom: 30px;}

.fb p{display: inline-block;width: 50%;font-size: 14px;color: rgba(255,255,255,.4);vertical-align: middle;}
.fb p a,.fb p a i{font-size: 14px;color: rgba(255,255,255,.4);margin-left: 20px;}
.fb p:last-of-type{text-align: right;}
.ftr p{font-size: 16px;color: rgba(255,255,255,.3);margin-top: 10px;}
.ftr span{text-align: right;font-size: 30px;color: #fff;}

.mobile{width: 40px;height: 40px;border-radius: 2px;cursor: pointer;text-align: center;line-height: 3px;position: absolute;right: 69px;top: 50%;transform: translateY(-50%);
    box-sizing: border-box;padding-top: 2px;transition: 0.4s ease-in-out;display: none;}
.mobile i{display: block;margin: 0 auto;width: 23px;height: 2px;background: #e4000b;margin-top: 7px;border-radius: 5px;}
.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;}
.mobile i:nth-child(2){transition: 0.4s ease-in-out;}
.mobile i:nth-child(3){transition: 0.4s ease-in-out 0.3s}
.mobile.active i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(5px);}
.mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;}
.mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-8px) translateX(8px);}





.cbl{position: fixed;top: 50%;right: 0;z-index: 99;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.cblnr{background: #7f7f7f;text-align: center;display: block;position: relative;width: 50px;height: 50px;box-sizing: border-box;margin-bottom: 3px;
cursor: pointer;}
.cblnr span{font-size: 22px;color: #fff;line-height: 50px;}
.cblnr img{position: absolute;right: 52px;top: 0;opacity: 0;}
.cblnr h2{position: absolute;top: 0;display: block;width: 180px;line-height: 50px;background: #36539c;font-size: 18px;color: #fff;font-weight: bold;right: -180px;}
.cblnr h2 i{margin-right: 10px;font-size: 22px;}
.cblnr:nth-of-type(2){border-top: none;border-bottom: none;}
.cblnr:hover{background: #36539c;}
.cblnr:hover span,.cblnr:hover p{color: #fff;}
.cblnr:hover img{opacity: 1;}
.cblnr:hover h2{right: 0;}
.cbl h6{display: block;width: 50px;height: 50px;line-height: 50px;text-align: center;background: #cccccc;color: #fff;font-size: 24px;cursor: pointer;}
.cbl h6:hover{background: #36539c;color: #fff;}

.cbl1{position: fixed;top: 50%;left: 0;z-index: 99;box-shadow: 0 0 10px 3px #ccc;background: #fff;padding: 20px 12px;box-sizing: border-box;width: 160px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.cbl1 a{display: block;font-size: 14px;color: #2f353d;line-height: 45px;border-bottom: 1px solid #f1f1f1;padding-left: 13px;box-sizing: border-box;}
.cbl1 a:nth-of-type(3){border-bottom: none;}
.cbl1 a i{margin-left: 42px;display: inline-block;vertical-align: middle;}
.cbl1 h6{margin-top: 30px;text-align: center;}
.cbl1 h6 i{display: block;margin-top: 10px;font-size: 14px;color: #84888c;}
.cbl1 h6:last-of-type{border-top: 1px solid #f1f1f1;padding-top: 22px;}
.cbl1 h6 a{border-bottom: none;padding-left: 0;}