.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: 30px 80px 0;}



.logo{display: inline-block;vertical-align: top;width: 20%;}
.logo a{display: inline-block;vertical-align: middle;}
.logo img{max-width: 100%;}
.nav{display: inline-block;vertical-align: top;width: 80%;text-align: right;}
.nav ul{font-size: 0;display: inline-block;}
.nav ul li{display: inline-block;box-sizing: border-box;margin-right: 80px;}
.nav ul li a{font-size: 20px;color: #fff;display: inline-block;vertical-align: middle;box-sizing: border-box;position: relative;}
.nav ul li a:hover,.nav ul li.ac a{color: #f0272f;}
.nav ul,.htr{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.yyqh,.htrdh{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.yyqh{margin-right: 40px;height: 40px;}
.yyqh a,.yyqh i{display: inline-block;font-size: 20px;color: #fff;line-height: 40px;}
.yyqh a:hover{color: #f0272f;}
.yyqh i{margin: 0 6px;}
.htrdh{position: relative;cursor: pointer;}
.htrdh:last-of-type{margin-left: 40px;}
.htrdh span{font-size: 20px;color: #fff;display: block;}
.htrdh h6,.htrdh h2{position: absolute;top: 100%;left: 50%;display: none;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.htrdh:hover span{color: #f0272f;}
.htrdh:hover h6,.htrdh:hover h2{display: block;}
.htrdh h6{width: 116px;height: 116px;border: 2px solid #f0272f;}
.htrdh h6 img{width: 100%;}
.htrdh h2{width: 200px;color: #fff;background: #f0272f;text-align: center;font-size: 20px;font-weight: bold;line-height: 50px;}









footer{position: relative;background: #f6f7fb;font-size: 0;}
.ft{padding: 95px 0 70px;border-bottom: 1px solid #e7e7e7;font-size: 0;}
.ft_l,.ft_c,.ft_r{display: inline-block;vertical-align: top;box-sizing: border-box;}
.ft_l{width: 15%;}
.ft_c{width: 70%;}
.ft_r{width: 15%;text-align: right;}
.ft_l a{display: inline-block;}
.ft_c ul{font-size: 0;}
.ft_c ul li{display: inline-block;vertical-align: top;box-sizing: border-box;margin-right: 70px;}
.ft_c ul li:last-of-type{margin-right: 0;}
.ft_c ul li a{display: block;font-size: 14px;color: #828282;line-height: 40px;}
.ft_c ul li a:first-of-type{font-size: 18px;color: #333;margin-bottom: 26px;}
.ft_c ul li a:hover{color: #f0272f;}
.ft_r p{font-size: 14px;color: #828282;}
.ft_r span{color: #828282;}
.fb{padding: 36px 0;font-size: 0;}
.fb p{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 50%;}
.fb p,.fb p a{font-size: 14px;color: #828282;}
.fb p:last-of-type{text-align: right;}
.fb p a{display: inline-block;}
.fb p a:first-of-type{margin-right: 22px;}
.fb p a:hover{color: #f0272f;}



.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);}

.cbl{position: fixed;top: 70%;right: 0;z-index: 99;}
.cbl p,.cbl h6{display: block;width: 60px;text-align: center;cursor: pointer;}
.cbl p{line-height: 55px;background: #f7f7f7;}
.cbl h6{line-height: 36px;background: #ef8017;color: #fff;}


.nav{position: relative;}
.nav ul li{position: relative;}
.navlist{position: absolute;top: 200%;font-size: 0;background: #fff;padding: 20px;width: 700px;box-sizing: border-box;opacity: 0;visibility: hidden;text-align: left;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.navlist a{color: #333 !important;margin: 0 !important;display: block !important;font-size: 16px !important;position: relative;}
.navlist a:hover{color: #f0272f !important;}
.navlist_l,.navlist_r{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 50%;}
.navlist_l img{width: 100%;}
.navlist_r{padding-left: 40px;}
.navlist a::before{content: '';display: block;width: 5px;height: 5px;background: #333;border-radius: 50%;position: absolute;top: 12px;left: -15px;}
.navlist a:hover::before{background: #f0272f;}
.nav ul li:hover .navlist{top: 100%;opacity: 1;visibility: visible;}