



.mobile i,.nav li a:after,.nav,span,.BannerBtn span::after,.cpxlnr_list h6,.s6_img>img,.s6 ul li a h3,.navlist{
	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,.33);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { 
		color: rgba(51,51,51,.33);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { 
		color: rgba(51,51,51,.33);
}


header{font-size: 0;box-sizing: border-box;position: absolute;z-index: 9;width: 100%;top: 16px;}
header .divbox{background: #fefefe;padding: 0 36px;box-sizing: border-box;border-radius: 95px;}


.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,.nav_r{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.nav ul{font-size: 0;display: inline-block;width: 70%;text-align: center;}
.nav ul li{display: inline-block;box-sizing: border-box;margin-right: 55px;position: relative;}
.nav ul li:last-of-type{margin-right: 0;}
.nav ul li a{font-size: 17px;color: #212121;display: inline-block;vertical-align: middle;box-sizing: border-box;position: relative;line-height: 95px;font-weight: bold;}
.nav ul li.ac a,.nav ul li a:hover{color: #0498b0;}
.nav_r{width: 30%;font-size: 0;}
.nav_r h2,.dlzc{display: inline-block;vertical-align: middle;}
.nav_r h2{margin-right: 30px;}
.nav_r h2 img,.nav_r h2 i{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.nav_r h2 i{font-size: 18px;color: #1e1e1e;font-weight: bold;margin-left: 8px;}
.dlzc{width: 118px;text-align: center;border-radius: 39px;background: #0498b0;}
.dlzc a,.dlzc i{display: inline-block;vertical-align: middle;font-size: 16px;color: #fff;line-height: 39px;font-weight: bold;}
.dlzc i{margin: 0 6px;line-height: 20px;margin-top: -2px;}

footer{background: #0498b0;}
.ft{padding: 85px 0 45px;font-size: 0;}
.ftl,.ftr{display: inline-block;vertical-align: top;box-sizing: border-box;}
.ftl{width: 45%;}
.ftr{width: 55%;}
.ftlogo a{display: inline-block;margin-bottom: 32px;}
.ftlogo img{max-width: 100%;height: auto;}
.ftl p{font-size: 0;}
.ftl p img,.ftl p i{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.ftl p img{width: 21px;}
.ftl p i{width: calc(100% - 21px);padding-left: 14px;font-size: 14px;color: #fff;line-height: 36px;font-weight: bold;}
.ftfx{margin-top: 30px;}
.ftfx_list{display: inline-block;vertical-align: top;box-sizing: border-box;margin-right: 18px;position: relative;cursor: pointer;}
.ftfx_list h3{width: 49px;height: 49px;background: #44bbce;border-radius: 50%;overflow: hidden;}
.ftfx_list h3 img{width: 100%;}
.ftfx_list h6{width: 120px;border: 5px solid #44bbce;position: absolute;bottom: 52px;left: 50%;display: none;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.ftfx_list h6 img{width: 100%;}
.ftfx_list:hover h6{display: block;}
.ftr{text-align: right;}
.ftr ul li{display: inline-block;vertical-align: top;box-sizing: border-box;text-align: left;margin-right: 110px;position: relative;}
.ftr ul li:last-of-type{margin-right: 0;}
.ftr ul li a{font-size: 14px;font-weight: bold;color: #78e6f8;line-height: 48px;display: block;}
.ftr ul li a:first-of-type{font-size: 17px;color: #fff;}
.ftr ul li a:hover{color: #fff;}
.fb{padding: 36px 0 46px;border-top: 1px solid rgba(255,255,255,.15);font-size: 0;}
.fbl,.fbr{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 50%;}
.fbl p{font-size: 14px;color: #fff;font-weight: bold;}
.fbr{text-align: right;}
.fbr a,.fbr i{display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;font-weight: bold;}
.fbr a img{display: inline-block;margin-right: 8px;}
.fbr i{margin: -2px 6px 0;}

.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);}

.nav ul li:nth-of-type(4) .navlist,.nav ul li:nth-of-type(5)  .navlist{display: none !important;}

.navlist{position: absolute;top: 200%;font-size: 0;background: #fff;padding: 20px;width: 200px;box-sizing: border-box;opacity: 0;visibility: hidden;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.navlist a{display: block !important;line-height: 36px !important;font-size: 16px !important;padding: 0 !important;}

.nav ul li:hover .navlist a{background: none !important;color: #595757;}
.navlist a:hover{color: #78e6f8 !important;}

.nav ul li:hover .navlist{top: 100%;opacity: 1;visibility: visible;}



