.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: #878787;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { 
    color: #878787;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { 
    color: #878787;
}


header{font-size: 0;box-sizing: border-box;position: relative;}
.ht{padding: 15px 170px;box-sizing: border-box;font-size: 0;background: url(../images/htbg_01.jpg) center center;background-size: 100% 100%;}
.logo,.htr{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.logo{width: 30%;}
.htr{width: 70%;text-align: right;}
.htr form,.htr .htrdllx{display: inline-block;vertical-align: top;box-sizing: border-box;}
.htsou{width: 278px;background: #e6ecf3;font-size: 0;padding: 0 16px;border-radius: 36px;}
.htsou input,.htsou button{display: inline-block;vertical-align: middle;box-sizing: border-box;background: none;border: none;outline: none;line-height: 36px;}
.htsou input{width: 80%;font-size: 16px;color: #727d8f;font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;}
.htsou button{width: 20%;text-align: right;color: #2050b2;font-size: 20px;}
.htr form{text-align: left;margin-right: 25px;}
.htr form a{display: inline-block;vertical-align: sub;font-size: 12px;color: #727d8f;font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;line-height: 14px;}
.htr form a::after{content: '';display: inline-block;width: 1px;height: 18px;background: #e6ecf3;margin: 0 10px;vertical-align: middle;}
.htr form a:first-of-type{margin-left: 15px;}
.htr form a:hover{color: #2050b2;}
.htr form a:last-of-type::after{display: none;}
.htrdl,.htrlx{display: inline-block;vertical-align: middle;box-sizing: border-box;position: relative;}
.htrlx a{display: block;width: 107px;line-height: 36px;text-align: center;font-size: 16px;color: #fff;font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;border-radius: 36px;background: #2050b2	;}
.htrlx a:hover{background: #428d7e;}
.htrdl{margin-right: 25px;}
.htrdl a{display: block;width: 107px;line-height: 36px;text-align: center;font-size: 16px;color: #fff;font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;border-radius: 36px;background: #2050b2	;}
.htrdl a:hover{background: #428d7e;}
.htrdl_list{position: absolute;top: 100%;left: 50%;display: none;padding-top: 10px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.htrdl:hover .htrdl_list{display: block;}
.htrdl a span,.htrdl a i{display: inline-block;vertical-align: middle;}
.htrdl a i{font-size: 16px;color: #fff;font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;margin-right: 10px;}
.htrdl a span:last-of-type{font-size: 12px;}
.logo a{display: inline-block;vertical-align: middle;}
.logo img{max-width: 100%;}



.nav{text-align: center;padding: 0 30px;box-sizing: border-box;background: #4b74c9;}
.nav ul{font-size: 0;width: 100%;}
.nav ul li{display: inline-block;box-sizing: border-box;position: relative;width: 7.62%;vertical-align: middle;}


.nav ul li:nth-child(1){width: 4%;}
.nav ul li:nth-child(2){width: 5.5%;}
.nav ul li:nth-child(3){width: 5.5%;}
.nav ul li:nth-child(4){width: 11%;}
.nav ul li:nth-child(5){width: 11%;}
.nav ul li:nth-child(6){width: 12%;}
.nav ul li:nth-child(7){width: 10%;}
.nav ul li:nth-child(8){width: 6%;}
.nav ul li:nth-child(9){width: 16%;}
.nav ul li:nth-child(10){width: 9%;}
.nav ul li:nth-child(11){width: 5.5%;}
.nav ul li:nth-child(12){width: 4%;}



.nav ul li a{display: block;box-sizing: border-box;position: relative;height: 68px;position: relative;border-bottom:1px solid #cfcfcf;}
.nav ul li a i{position: absolute;left: 0;width: 100%;text-align: center;top: 50%;font-size: 16px;color: #fff;line-height: 16px;font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;padding: 0 2px;box-sizing: border-box;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.nav ul li a:hover,.nav ul li.ac,.nav ul li:hover>a{background: #357165;}

.navlist{position: absolute;top: 200%;font-size: 0;background: #fff;padding: 12px 18px 24px;width: 320px;box-sizing: border-box;opacity: 0;visibility: hidden;
	border: 1px solid #e2e5e4;border-top: 3px solid #357165;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.navlist a{display: block !important;line-height: 20px !important;font-size: 16px !important;color: #333;padding: 12px !important;height: auto !important;font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;box-sizing: border-box;}
.navlist a:hover{background: #428d7e !important;border-radius: 5px;color: #fff;}




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










footer{background: #13214c;}
.ft{padding: 60px 170px 50px;box-sizing: border-box;border-bottom: 1px solid #4f5b6e;font-size: 0;}
.fb{padding: 12px 0;text-align: center;}
.fb p,.fb p a,.fb p i{font-size: 14px;color: rgba(255,255,255,.6);}
.fb p a:hover{color: #fff;}
.ft_l,.ft_r{display: inline-block;vertical-align: top;box-sizing: border-box;}
.ft_l{width: 25.3%;padding-right: 52px;border-right: 1px solid #4f5b6e;}
.ft_r{width: 74.7%;font-size: 0;}
.ft_l h3{font-size: 30px;color: #fff;margin-bottom: 60px;font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;}
.ft_l p{font-size: 16px;color: #fff;font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;}
.ft_r ul{font-size: 0;}
.ft_r ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 10%;}
.ft_r ul li:nth-child(1){width:7%}
.ft_r ul li:nth-child(2){width:9%}
.ft_r ul li:nth-child(4){width:14%}
.ft_r ul li:nth-child(5){width:8%}
.ft_r ul li:nth-child(6){width:8%}
.ft_r ul li:nth-child(7){width:9%}
.ft_r ul li:nth-child(8){width:11%}
.ft_r ul li:nth-child(10){width:7%}
.ft_r ul li:nth-child(11){width:7%}
.ft_r ul li a{display: block;text-align: center;font-size: 13px;color: #fff;line-height: 16px;margin-bottom: 14px;font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;padding: 0 8px;}
.ft_r ul li a:first-of-type{height: 48px;font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;}
.ft_r ul li a:first-of-type i{line-height: 16px;}
.ft_r ul li a:hover{color: #357165;}
.ft_r ul li:nth-child(10) a{padding:0}
.ft_r ul li:nth-child(4) a{padding:0}

.ft_r_l,.ft_r_r{display: inline-block;vertical-align: top;box-sizing: border-box;width: 50%;margin-top: 40px;}
.ft_r_l{padding-left: 220px;}
.ft_r_l p{font-size: 14px;font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;line-height: 32px;color: #fff;}
.ft_r_l h2{margin-bottom: 30px;}
.ft_r_l h2 img,.ft_r_l h2 i{display: inline-block;vertical-align: middle;}
.ft_r_l h2 i{font-size: 20px;color: #fff;font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;margin-left: 15px;}
.ft_r_l a{display: inline-block;vertical-align: top;box-sizing: border-box;font-size: 30px;color: #fff;margin-right: 12px;}
.ft_r_l a:hover{color: #357165;}
.ft_r_r{text-align: right;}
.ft_r_r h6{display: inline-block;font-size: 14px;color: #fff;font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;text-align: center;}
.ft_r_r h6 img{display: block;width: 126px;margin: 0 auto 14px;}


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