.mobile i,.divBox,.nav li a:after,.nav,span,.BannerBtn span::after,.navlist_l h3,.navlist_rlb a::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: fixed;width: 100%;z-index: 99;box-sizing: border-box;}
header:hover{background: #fff;}
header:hover .logo img:first-of-type{display: none;}
header:hover .logo img:last-of-type{display: block;}
header:hover .nav ul li a{color: #333;}



.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;text-align: right;width: 74%;}
.nav ul{font-size: 0;}
.nav ul li{display: inline-block;box-sizing: border-box;}
.nav ul li a{font-size: 16px;color: #fff;display: inline-block;vertical-align: middle;line-height: 130px;padding: 0 10px;box-sizing: border-box;position: relative;}
.nav ul li:hover a{background: #005bac;color: #fff !important;}




.zywqh{display: inline-block;vertical-align: middle;width: 6%;text-align: right;position: relative;}
.zywqh a i{font-size: 18px;color: #fff;box-sizing: border-box;}
.zywqh a span{font-size: 18px;color: #005bac;margin-right: 18px;}
.zywqh a.ac i,.zywqh a:hover i{color: #005bac !important;}
.zywqh a,.zywqh em{display: inline-block;vertical-align: middle;}
.zywqh em{font-size: 18px;color: #fff;margin: 0 10px;}
header:hover .zywqh a i{color: #333;}
header:hover .zywqh em{color: #333;}

header.head{background: #fff;box-shadow: 0 0 10px 3px #a0a1a2;}
header.head .logo img:nth-of-type(1){display: none;}
header.head .logo img:nth-of-type(2){display: inline-block;}
header.head .nav ul li a,header.head .zywqh a i,header.head .zywqh em{color: #333;}



header .logo img:nth-of-type(1){display: inline-block;}
header .logo img:nth-of-type(2){display: none;}
.fp-viewing-b1 .logo img:nth-of-type(1){display: inline-block;}
.fp-viewing-b1 .logo img:nth-of-type(2){display: none;}
.fp-viewing-b2 .logo img:nth-of-type(1),.fp-viewing-b5 .logo img:nth-of-type(1),.fp-viewing-b4 .logo img:nth-of-type(1){display: none;}
.fp-viewing-b2 .logo img:nth-of-type(2),.fp-viewing-b5 .logo img:nth-of-type(2),.fp-viewing-b4 .logo img:nth-of-type(2){display: inline-block;}

.fp-viewing-b3 .logo img:nth-of-type(1){display: inline-block;}
.fp-viewing-b3 .logo img:nth-of-type(2){display: none;}
.fp-viewing-b2 .nav ul li a,.fp-viewing-b2 .zywqh a i,.fp-viewing-b2 .zywqh em{color: #333;}
.fp-viewing-b4 .nav ul li a,.fp-viewing-b4 .zywqh a i,.fp-viewing-b2 .zywqh em{color: #333;}
.fp-viewing-b5 .nav ul li a,.fp-viewing-b5 .zywqh a i,.fp-viewing-b5 .zywqh em{color: #333;}
.fp-viewing-b6 header{display: none;}





.footer{background: #2f373f;font-size: 0;height: auto !important;}
.section6 .fp-tableCell{height: auto !important;}
.ft{padding: 120px 0 80px;border-bottom: 1px solid rgba(255,255,255,.2);}
.ftlogo{margin-bottom: 38px;}
.ftl,.ftr{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.ftl{width: 80%;}
.ftr{width: 20%;text-align: right;}
.ftl ul{font-size: 0;}
.ftl ul li{display: inline-block;vertical-align: top;font-size: 0;width: 20%;}
.ftl ul li:last-of-type{margin-right: 0;width: 27%;}
.ftl ul li:first-of-type{width: 28%;}
.ftl ul li:nth-of-type(3){width: 12%;}
.ftl ul li:nth-of-type(4){width: 13%;}
.ftl ul li:nth-of-type(3) a,.ftl ul li:nth-of-type(4) a{display: block;}
.ftl ul li a{font-size: 14px;color: rgba(255,255,255,.7);display: inline-block;width: 100%;margin-bottom: 10px;line-height: 20px;}
.ftl ul li a:first-of-type{display: block;margin-bottom: 20px;font-size: 18px;color: #fff;width: 100%;}
.ftl ul li a:hover{color: #005bac;}
.ftl ul li p{font-size: 14px;color: rgba(255,255,255,.7);line-height: 36px;}
.ftl ul li h3{margin-bottom: 12px;}
.ftl ul li h3 span,.ftl ul li h3 strong{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.ftl ul li h3 span{font-size: 38px;color: #fff;margin-right: 18px;line-height: 38px;}
.ftl ul li h3 strong{font-size: 14px;color: rgba(255,255,255,.8);line-height: 14px;}
.ftl ul li h3 strong i{display: block;font-size: 30px;color: #fff;font-weight: 1000;font-family: Arial;margin-top: 10px;}
.ftr h6{display: inline-block;font-size: 14px;color: #fff;text-align: center;}
.ftr h6 img{display: block;margin: 0 auto 10px;}
.fb{padding: 46px 0 60px;font-size: 0;}
.fb p{display: inline-block;vertical-align: middle;width: 50%;box-sizing: border-box;}
.fb p,.fb p a{font-size: 18px;color: rgba(255,255,255,.5);}
.fb p:last-of-type{text-align: right;}
.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: #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);}



.navlist{position: absolute;top: 200%;font-size: 0;background: #005bac;left: 0%;width: 100%;box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
}
.navlist_l,.navlist_r{display: inline-block;vertical-align: top;text-align: left;box-sizing: border-box;}

.navlist_l{width: 20.8%;padding-left: 0 !important;padding-top: 0 !important;background: #e4edf6;}
.navlist_r{width: 79.2%;padding: 80px 0 80px 170px;background: #005bac;height: 500px;}
.navlist_rlb{display: none;}
.navlist_rlb.ac{display: block;}
.navlist_l h3{font-size: 14px;line-height: 30px;color: #333;padding-left: 70px;cursor: pointer;border-bottom: 2px solid #f8fbfc;position: relative;padding: 15px 0 15px 70px;}
.navlist_l h3.ac{background: #005bac;color: #fff;border-bottom: 2px solid #005bac;}
.navlist_l h3 span{display: inline-block;vertical-align: middle;font-size: 20px;color: #005bac;position: absolute;top: 17px;left: 35px;}
.navlist_l h3.ac span{color: #fff;}
.navlist_rlb{font-size: 0;}
.navlist_rlb_l,.navlist_rlb_r{display: inline-block;vertical-align: top;box-sizing: border-box;font-size: 0;}
.navlist_rlb_l{width: 10%;}
.navlist_rlb_r{width: 90%;margin-top: 40px;}
.navlist_rlb_l span{display: block;width: 100px;height: 100px;text-align: center;line-height: 100px;font-size: 50px;color: #fff;border-radius: 50%;background: #0070d3;
	border: 9px solid #1266b0;
}
.navlist_rlb h3{padding-left: 16px;font-size: 24px;color: #fff;font-weight: bold;margin-bottom: 32px;}
.navlist_rlb a{display: inline-block;font-size: 14px !important;color: #fff;line-height: 24px !important;position: relative;width: 33%;position: relative;padding-left: 25px !important;margin-bottom: 15px;
	vertical-align: top !important;
}

.nav ul li:hover .navlist_rlb a{background: none !important;}
.nav ul li .navlist_rlb a:hover{color: #333 !important;background: #fff !important;}
.navlist_rlb a::before{content: '';display: inline-block;vertical-align: middle;width: 6px;height: 6px;background: #5581a8;border-radius: 50%;position: absolute;top: 10px;left: 5px;}
.navlist_r a:hover::before{background: #333;}

.nav ul li:hover .navlist{top: 100%;opacity: 1;visibility: visible;}


.zywqh{position: relative;text-align: center;}
.zywqh a em,.zywqh a span,.zywqh a i{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.zywqh a em{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.zywqh a.ac em,.zywqh a:hover em{color: #005bac !important;}
.zywqhlist{position: absolute;top: 200%;font-size: 0;background: #005bac;left: 50%;width: 100%;box-sizing: border-box;text-align: center;padding: 10px 0;box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.zywqh:hover .zywqhlist{top: 100%;opacity: 1;visibility: visible;}
.zywqhlist a{display: block;font-size: 14px;color: #fff !important;line-height: 36px;}