@font-face {
	font-family: sscm;
	src: url(../font2/SourceHanSansCN-Medium.otf);
}
@font-face {
	font-family: sscr;
	src: url(../font2/SourceHanSansCN-Regular.otf);
}



.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,
.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;position: absolute;width: 100%;z-index: 99;box-sizing: border-box;padding: 20px 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;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;margin-right: 150px;}
.nav ul li a{font-size: 18px;color: #fff;display: inline-block;vertical-align: middle;box-sizing: border-box;position: relative;line-height: 36px;font-family: sscm;}

.nav ul li a:hover,.nav ul li.ac a{color: #0D3CD6;}




.dhss{cursor: pointer;display: inline-block;vertical-align: middle;}
.dhss h2{font-size: 0;position: relative;}

.dhss h2 span{display: inline-block;position: relative;vertical-align: middle;color: #fff;font-size: 20px;width: 40px;height: 40px;line-height: 40px;text-align: center;background: rgba(255,255,255,.3);
	border-radius: 50%;
}
.dhss h2 span:hover{background: #0D3CD6;}
.dhss form{position: absolute;right: 0;top: 50px;font-size: 0;width: 300px;display: none;border-radius: 10px;overflow: hidden;}
.dhss form input{border: none;outline: none;background: #fff;display: inline-block;width: 70%;line-height: 40px;font-size: 16px;color: #333;padding: 0 10px;box-sizing: border-box;}
.dhss form button{display: inline-block;background: #0D3CD6;font-size: 16px;color: #fff;width: 30%;text-align: center;line-height: 40px;font-family: sscr;}



footer{background: url(../images/ftbg.png) center center;background-size: 100% 100%;z-index: 5;position: relative;}
.ft{padding: 25px 0 32px;font-size: 0;border-bottom: 1px solid rgba(255,255,255,.8);}
.ftl,.ftr{display: inline-block;vertical-align: bottom;box-sizing: border-box;width: 50%;}
.ftl{padding-left: 40px;}
.ftl h3{font-size: 18px;color: #fff;margin-bottom: 10px;}
.ftl p{margin-bottom: 5px;}
.ftl p img,.ftl p i{display: inline-block;vertical-align: middle;}
.ftl p i{margin-left: 8px;font-size: 14px;color: rgba(255,255,255,.8);}
.ftl p:nth-of-type(2) img{margin-top: 5px;}
.ftr{text-align: right;}
.ftr ul li{display: inline-block;vertical-align: bottom;box-sizing: border-box;margin-right: 18px;text-align: center;position: relative;cursor: pointer;}
.ftr ul li:last-of-type{margin-right: 0;}
.ftnr h6{display: block;width: 44px;height: 44px;background: rgba(255,255,255,.4);border-radius: 50%;overflow: hidden;text-align: center;position: relative;line-height: 40px;margin: 0 auto;}
.ftnr h6 img{max-width: 100%;}
.ftnr h3{font-size: 10px;color: rgba(255,255,255,.8);}
.ftimg{position: absolute;width: 110px;height: 110px;bottom: 110%;left: 50%;border: 5px solid #ccc;border-radius: 5px;display: none;z-index: 4;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.ftimg img{width: 100%;}
.ftr ul li:hover .ftimg{display: block;}
.ftr ul li:hover h6{background: #0D3CD6;}
.fb{text-align: center;padding: 25px 0;}
.fb p a,.fb p i{display: inline-block;vertical-align: middle;font-size: 14px;color: rgba(255,255,255,.6);}
.fb p 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: #0D3CD6;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);}






/* .menu-fixed{background: #fff;} */