



.mobile i,.divBox,.nav li a:after,.nav,span,.BannerBtn span::after,.s2_b .s2_list,.s3_b ul li h3,.s3_b ul li h4,.s3_b ul li p,.nav ul li::after,
.s3_bc h3::before,.xwzxlist h3::before{
	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;padding: 0 50px 0 13.5%;position: fixed;top: 0;left: 0;width: 100%;z-index: 9;border-bottom: 1px solid rgba(255,255,255,.23);}



.logo{display: inline-block;vertical-align: middle;width: 20%;}
.logo img:last-of-type{display: none;}
.logo a{display: inline-block;vertical-align: middle;}
.logo img{max-width: 100%;}
.nav{display: inline-block;position: relative;vertical-align: middle;text-align: right;width: 80%;}
.nav ul{font-size: 0;display: inline-block;vertical-align: middle;}
.nav ul li{display: inline-block;box-sizing: border-box;color: #fff;vertical-align: middle;position: relative;}
.nav ul li i{display: inline-block;vertical-align: middle;}
.nav ul li a{font-size: 18px;color: #fff;display: inline-block;vertical-align: middle;padding: 0 28px;box-sizing: border-box;position: relative;line-height: 102px;
	text-transform: uppercase;font-family: hero;
}
.nav ul li:last-of-type i{display: none;}
.nav ul li:hover a,.nav ul li.ac a{color: #007fcc !important;}

.zyqh{display: inline-block;vertical-align: middle;padding-left: 125px;padding-right: 60px;box-sizing: border-box;}
.zyqh a{display: inline-block;vertical-align: middle;font-size: 20px;color: #fff;font-family: hero;}
.zyqh a:first-of-type{margin-right: 10px;color: rgba(255,255,255,.3);}
.zyqh a:hover{color: #007fcc !important;}


.dhss{display: inline-block;vertical-align: middle;position: relative;text-align: right;}
.dhss span{font-size: 22px;color: #fff;display: inline-block;vertical-align: middle;text-align: center;cursor: pointer;line-height: 102px;}
.dhss form{position: absolute;right: 0;top: 110%;font-size: 0;width: 300px;border: 1px solid #e7e7e7;display: none;z-index: 999;}
.dhss form input{border: none;outline: none;background: #fff;display: inline-block;width: 70%;line-height: 40px;padding: 0 10px;box-sizing: border-box;}
.dhss form button{display: inline-block;background: #007fcc;font-size: 18px;color: #fff;width: 30%;text-align: center;line-height: 40px;}
.dhss h2{display: inline-block;vertical-align: middle;width: 245px;text-align: center;}
.dhss h2 i:last-of-type{font-size: 18px;color: #c9c6c6;font-weight: bold;display: inline-block;vertical-align: middle;}
.dhss h2 i:first-of-type{font-size: 26px;color: #007fcc;display: inline-block;vertical-align: middle;border: 1px solid #007fcc;border-radius: 50%;width: 32px;height: 32px;line-height: 32px;text-align: center;
	margin-right: 10px;
}


.menu-fixed{background: #fff;z-index: 99;}
.menu-fixed .logo img:last-of-type{display: block;}
.menu-fixed .logo img:first-of-type{display: none;}
.menu-fixed .nav ul li a{color: #474e51;}
.menu-fixed .nav ul li{color: #c3cbcf;}
.menu-fixed .zyqh a{color: rgba(61,121,198,.3);}
.menu-fixed .dhss span{color: #474e51;}
.menu-fixed1{background: #fff;}
.menu-fixed1 .logo img:last-of-type{display: block;}
.menu-fixed1 .logo img:first-of-type{display: none;}
.menu-fixed1 .nav ul li a{color: #474e51;}
.menu-fixed1 .nav ul li{color: #c3cbcf;}
.menu-fixed1 .zyqh a{color: rgba(61,121,198,.3);}
.menu-fixed1 .dhss span{color: #474e51;}

.navlist{position: absolute;top: 200%;font-size: 0;background: #f3f4f6;width: 412px;box-sizing: border-box;opacity: 0;visibility: hidden;padding: 30px 66px;
	border-top: 4px solid #007fcc;text-align: left;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.nav ul li .navlist a{display: block !important;line-height: 48px !important;font-size: 18px !important;padding: 0 !important;color: #474e51 !important;}

.nav ul li .navlist a:hover{color: #007fcc !important;}
.navlist a::before{content: '';display: inline-block;vertical-align: middle;width: 6px;height: 6px;background: rgba(51,51,51,.14);
	border-radius: 50%;margin-right: 16px;
}
.navlist a:hover::before{background: #007fcc;}

.nav ul li:hover .navlist{top: 100%;opacity: 1;visibility: visible;}













footer{position: relative;background: #132026;}
.ft{font-size: 0;padding: 100px 0 70px;}
.ft_l,.ft_r{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.ft_l{width: 40%;}
.ft_l img{max-width: 100%;}
.ft_r{width: 60%;text-align: right;}
.ft_rt{margin-bottom: 36px;}
.ft_rt a{display: inline-block;vertical-align: middle;margin-left: 10px;}
.ft_rb form{font-size: 0;background: #fff;padding-left: 34px;box-sizing: border-box;margin-left: 40%;}
.ft_rb form input,.ft_rb form button{display: inline-block;vertical-align: middle;box-sizing: border-box;line-height: 48px;outline: none;border: none;background: none;}
.ft_rb form input{width: 80%;font-size: 14px;color: #6e7c7c;font-family: Arial;}
.ft_rb form button{width: 20%;font-size: 28px;color: #6e7c7c;}
.fb{padding-bottom: 50px;border-bottom: 1px solid rgba(255,255,255,.2);}
.fb ul li{display: inline-block;vertical-align: top;box-sizing: border-box;margin-right: 30px;}
.fb ul li:last-of-type{width: 31%;}
.fb ul li a{display: block;text-transform: uppercase;}
.fb ul li a:first-of-type{font-size: 20px;color: #fff;font-family: hero;margin-bottom: 36px;}
.fb ul li a:first-of-type i{display: inline-block;vertical-align: middle;margin-left: 50px;}
.fb ul li a{font-size: 16px;color: rgba(255,255,255,.6);font-family: herol;}
.fb ul li a:hover{color: #fff;}
.fc{padding: 70px 0;font-size: 0;}
.fc_l,.fc_r{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.fc_l{width: 70%;}
.fc_r{width: 30%;text-align: right;}
.fc_l p,.fc_l p a{font-size: 14px;color: rgba(255,255,255,.5);font-family: hero;}
.fc_l p a{margin-left: 16px;}
.fc_r a{display: inline-block;margin-left: 12px;font-size: 16px;color: rgba(255,255,255,.7);font-family: hero;}
.fc_r a:hover{color: #fff;}



.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: #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);}





