.mobile i,.nav li a:after,.nav,span,.BannerBtn span::after,.cpxlnr_list h6,.s6_img>img,.s6 ul li a h3{
	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(51,51,51,.5);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { 
		color: rgba(51,51,51,.5);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { 
		color: rgba(51,51,51,.5);
}


header{font-size: 0;box-sizing: border-box;position: fixed;z-index: 9;padding: 0 80px;left: 0;top: 0;width: 100%;}


.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,.yyqh{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.nav ul{font-size: 0;display: inline-block;width: 88%;}
.nav ul li{display: inline-block;box-sizing: border-box;margin-right: 50px;position: relative;}
.nav ul li a{font-size: 20px;color: #fff;display: inline-block;vertical-align: middle;box-sizing: border-box;position: relative;line-height: 100px;font-weight: bold;}
.nav ul li a:hover,.nav ul li.ac a{color: #0971d2;}


.nav ul li .navlist{position: absolute;top: 200%;font-size: 0;background: #fff;width: 280px;box-sizing: border-box;opacity: 0;visibility: hidden;text-align: center;left: 50%;
	border-bottom: 2px solid #0971d2;
	border-top: 1px solid #0971d2;
	transform: translateX(-50%);
	transform: translateX(-50%);
	transform: translateX(-50%);
}
.nav ul li .navlist::before{content: '';
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:-10px;
	left:50%;
	margin-left:-10px;
	border-right:10px solid transparent;
	border-bottom:10px solid #0971d2;
	border-left:10px solid transparent;
	border-top:0;
}
.nav ul li .navlist a{display: block;border-bottom: 1px solid #ccc;line-height: 47px;font-size: 14px;color: #6b6b6b;}
.nav ul li:hover .navlist{top: 100%;opacity: 1;visibility: visible;z-index: 2;}
.nav ul li .navlist a:hover{color: #0971d2;}



.yyqh{position: relative;}
.yyqh a{font-size: 20px;color: #fff;}
.yyqh a img{width: 30px;height: auto;}
.yyqh a span{color: #fff;font-size: 12px;}
.yyqh a img,.yyqh a span,.yyqh a span i{display: inline-block;vertical-align: middle;}
.yyqh a span{margin-left: 10px;}
/* .yyqh a img{margin-right: 10px;} */
.yyqh a i{font-size: 16px;color: #fff;font-weight: bold;}
.yyqh a span{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}

.yyqhlist{position: absolute;top: 100%;left: 0;
	/* transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%); */
	display: none;
}
.yyqhlist a{font-size: 16px;display: block;}
.yyqh:hover .yyqhlist{display: block;}
.yyqhlist a:hover{color: #0971d2;}



footer{padding: 0 77px;box-sizing: border-box;background: #f0f4f8;}
.ft{padding: 70px 0;border-bottom: 1px solid #d8dbdf;font-size: 0;}
.ft_l,.ft_c,.ft_r{display: inline-block;vertical-align: top;box-sizing: border-box;}
.ft_l{width: 20.5%;}
.ft_c{width: 68.5%;}
.ft_r{width: 11%;text-align: right;}

.ft_l .ftlogo{margin-bottom: 44px;}
.ft_l p{font-size: 0;margin-bottom: 10px;}
.ft_l p strong,.ft_l p span{display: inline-block;vertical-align: top;box-sizing: border-box;font-size: 16px;}
.ft_l p strong{width: auto;text-align: right;color: #333;font-weight: bold;}
.ft_l p span{width: calc(100% - 86px);color: #888888;}
.ft_c{padding-left: 0 !important;text-align: center;}
.ft_c ul{font-size: 0;text-align: left;display: inline-block;}
.ft_c ul li{display: inline-block;vertical-align: top;box-sizing: border-box;margin-bottom: 30px;margin-right: 20px;}
.ft_c ul li:last-of-type{margin-right: 0;}
.ft_c ul li a{display: block;margin-bottom: 10px;font-size: 12px;color: #888;font-weight: bold;}
.ft_c ul li a:last-of-type{margin-bottom: 0;}
.ft_c ul li a:first-of-type{font-size: 16px;color: #333;}
.ft_c ul li a:hover{color: #0971d2;}
.ftfx{display: inline-block;text-align: center;}
.ftfx h6{margin-bottom: 20px;width: 149px;border: 1px solid #e2e2e2;}
.ftfx h6 img{width: 100%;}
.ftfx a{display: inline-block;vertical-align: middle;margin-right: 18px;}
.ftfx a:last-of-type{margin-right: 0;}
.ftfx a span{font-size: 22px;color: #333;}
.ftfx a:hover span{color: #0971d2;}

.fb{padding: 10px 0 30px;text-align: center;}
.fb p{font-size: 16px;color: #999999;}


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


.logo img:last-of-type{display: none;}
.menu-fixed{background: #fff;}
.menu-fixed .nav ul li a,.menu-fixed .hedoa ul li a,.menu-fixed .nav ul li i{color: #595656;}
.menu-fixed .logo img:last-of-type{display: block;}
.menu-fixed .logo img:first-of-type{display: none;}
.menu-fixed .nav ul li.ac a,.menu-fixed .nav ul li a:hover{color: #0971d2;}
.menu-fixed .yyqh a i,.menu-fixed .yyqh a span,.menu-fixed .yyqh a{color: #595656;}
.menu-fixed .yyqh a:hover{color: #0971d2;}
.menu-fixed .mobile i{background: #0971d2;}