



.mobile i,.nav li a:after,.nav,span,.BannerBtn span::after,.cpxlnr_list h6{
	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: absolute;left: 0;top: 0;width: 100%;z-index: 9;padding: 35px 66px;box-sizing: border-box;}

header .divbox{font-size: 0;}


.logo{display: inline-block;vertical-align: middle;width: 20%;}
.logo a{display: inline-block;vertical-align: middle;}
.logo img{max-width: 100%;}
.nav{display: inline-block;vertical-align: middle;width: 80%;text-align: right;}
.nav ul{font-size: 0;display: inline-block;}
.nav ul li{display: inline-block;box-sizing: border-box;vertical-align: middle;margin-right: 80px;}
.nav ul li a{font-size: 16px;color: #fff;display: inline-block;vertical-align: middle;box-sizing: border-box;position: relative;font-weight: lighter;}
.nav ul li a:hover,.nav ul li.ac a,.yyqh a:hover,.htrlsit:hover span{color: #e50112;}
.nav ul,.yyqh,.htrlsit{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.yyqh span,.yyqh a,.yyqh i{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.htrlsit{position: relative;}
.htrlsit h3,.htrlsit h6{display: none;position: absolute;top: 100%;left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.htrlsit h3{width: 180px;line-height: 50px;font-size: 20px;color: #fff;background: #e50112;text-align: center;}
.htrlsit h6{width: 97px;height: 97px;border: 3px solid #333333;}
.htrlsit h6 img{width: 100%;}
.htrlsit span{display: inline-block;vertical-align: middle;font-size: 20px;color: #fff;cursor: pointer;}
.yyqh span{font-size: 20px;color: #fff;margin-right: 10px;}
.yyqh a,.yyqh i{font-size: 18px;color: #fff;font-weight: lighter;}
.yyqh i{margin: 0 10px;}
.yyqh{margin-right: 34px;}
.htrlsit:last-of-type{margin-left: 34px;}
.htrlsit:hover h3,.htrlsit:hover h6{display: block;}




footer{position: relative;}
.ft{padding: 96px 0 70px;border-bottom: 1px dashed rgba(51,51,51,.2);}
.ft ul{font-size: 0;}
.ft ul li{display: inline-block;margin-right: 70px;}
.ft ul li:last-of-type{margin-right: 0;}
.ft ul li span,.ft ul li h3{display: inline-block;vertical-align: top;box-sizing: border-box;}
.ft ul li span{font-size: 30px;color: #e50112;margin-right: 12px;}
.ft ul li h3{font-size: 16px;color: #333;line-height: 16px;}
.ft ul li h3 strong{display: block;font-size: 12px;color: rgba(51,51,51,.4);line-height: 12px;margin-bottom: 6px;}
.ft ul li:last-of-type span,.ft ul li:last-of-type h2{display: inline-block;vertical-align: middle;}
.ft ul li:last-of-type span{color: #bfbfbf;font-size: 40px;line-height: 40px;}
.ft ul li:last-of-type h2{font-size: 30px;color: #333;font-family: ysbt;}
.ft ul li:last-of-type h2 strong{font-size: 40px;color: #e50112;font-family: ysbt;}
.fb{padding: 40px 0 60px;font-size: 0;}
.fb_l,.fb_r{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.fb_l{width: 70%;}
.fb_r{width: 30%;text-align: right;}
.f_nav{margin-bottom: 10px;}
.f_nav a{display: inline-block;margin-right: 36px;font-size: 16px;color: #333;}
.f_nav a:hover{color: #e50112;}
.fb_l p,.fb_l p a{display: inline-block;font-size: 16px;color: rgba(51,51,51,.5);}
.fb_l p a{margin-left: 20px;}
.fb_l p a:hover{color: #e50112;}
.fb_ewm{display: inline-block;}
.fb_ewm h6{display: block;width: 98px;height: 98px;border: 3px solid #333333;text-align: center;font-size: 14px;color: rgba(51,51,51,.5);}
.fb_ewm h6 img{width: 100%;}






.mobile{width: 40px;height: 40px;border-radius: 2px;cursor: pointer;text-align: center;line-height: 3px;position: absolute;right: 10px;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: #c88b11;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);}






