



.mobile i,.nav li a:after,.nav,span,.BannerBtn span::after,.cpxlnr_list h6{
	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;left: 0;top: 0;width: 100%;z-index: 9;padding-top: 75px;}

header .divbox{font-size: 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;vertical-align: middle;width: 60%;}
.nav ul{font-size: 0;display: inline-block;}
.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;padding: 0 20px;box-sizing: border-box;position: relative;}
.nav ul li:hover a::after,.nav ul li.ac a::after{width: 100%;}
.nav ul li a::after{content: '';display: block;width: 0%;height: 1px;background: #fff;position: absolute;bottom: -6px;left: 0;}
.htr{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 20%;}
.htr h2 span,.htr h2 i{display: inline-block;vertical-align: middle;box-sizing: border-box;color: #fff;}
.htr h2 span{font-size: 50px;line-height: 50px;font-weight: 100;}
.htr h2 i{font-size: 30px;font-family: Arial;}

.nav ul li:nth-of-type(3) .cpxl ol li:last-of-type dl{display: none;}

/* .dhss{display: inline-block;vertical-align: middle;position: relative;text-align: right;}
.dhss span{font-size: 28px;color: #c88b11;display: inline-block;vertical-align: middle;text-align: center;line-height: 104px;cursor: pointer;}
.dhss form{position: absolute;right: 0;top: 104px;font-size: 0;width: 300px;border: 1px solid #e7e7e7;display: none;z-index: 999;}
.dhss form input{border: none;outline: none;background: #fff;display: inline-block;width: 70%;line-height: 40px;}
.dhss form button{display: inline-block;background: #c88b11;font-size: 18px;color: #fff;width: 30%;text-align: center;line-height: 40px;}
.dhss h2{display: inline-block;vertical-align: middle;width: 245px;text-align: center;}
.dhss h2 i:last-of-type{font-size: 18px;color: #c9c6c6;font-weight: bold;display: inline-block;vertical-align: middle;}
.dhss h2 i:first-of-type{font-size: 26px;color: #c88b11;display: inline-block;vertical-align: middle;border: 1px solid #c88b11;border-radius: 50%;width: 32px;height: 32px;line-height: 32px;text-align: center;
	margin-right: 10px;
} */



.cpxl{position: absolute;top: 100%;left: 0;width: 100%;background: rgba(233,238,244,.98);padding: 50px 13.5%;display: none;box-sizing: border-box;}
.cpxl ol{font-size: 0;}
.cpxl ol li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 25%;margin-bottom: 0;border-right: 1px solid rgba(255,255,255,.5);padding-left: 25px;margin-bottom: 10px;}
.cpxl ol li:nth-of-type(3){border-left: 1px solid rgba(255,255,255,.5);}
.cpxl ol li:nth-of-type(4),.cpxl ol li:last-of-type,.cpxl ol li:nth-of-type(2){border-right: none;}
.cpxl ol li>a{font-size: 18px;color: #333;margin-bottom: 10px;display: block;font-weight: bold;}
.cpxl ol li>a span{display: block;font-size: 30px;margin-bottom: 4px;
	background-image: linear-gradient(to right, #0a9ee4, #164b9a);
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
}
.cpxl ol li a::after{display: none;}
.cpxl ol li dl dd{display: block;}
.cpxl ol li dl dd a{font-size: 14px;color: #333;display: block;line-height: 25px;background: rgba(255,255,255,.5);margin-bottom: 5px;border-radius: 30px;width: 90%;
	box-sizing: border-box;
}
.cpxl ol li dl dd a::before{content: '';display: inline-block;width: 2px;height: 2px;background: #6c6d6e;vertical-align: middle;margin-right: 8px;}
.cpxl ol li dl dd a:hover{color: #fff;
	background-image: linear-gradient(to right, #1259a7, #058fd8);
}
.cpxl ol li dl dd a:hover::before{background: #fff;}
.cpxl ol li>a:hover{color: #2176bd;}
.cpxlnr{position: absolute;bottom: 130px;right: 13.5%;display: none;}
.cpxlnr{text-align: right;}
.cpxlnr_list h6 img{width: 100%;}
.cpxlnr_list{position: relative;display: inline-block;margin-bottom: 40px;cursor: pointer;}
.cpxlnr_list h6 {position: absolute;right: 130%;top: 50%;background: #fff;padding: 10px;font-size: 12px;color: rgba(51,51,51,.5);box-sizing: border-box;width: 107px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);opacity: 0;
	z-index: -2;
}
.cpxlnr_list h6::after{content: '';display: block;position: absolute;top: 40%;left: 100%;
    width: 0;
    height: 0;
    border-left: 15px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.cpxlnr_list span{display: block;width: 46px;height: 46px;text-align: center;line-height: 46px;font-size: 20px;color: #fff;border-radius: 50%;
	background-image: linear-gradient(to bottom, #0a9ee4, #164b9a);


}
.cpxlnr_list:first-of-type{margin-right: 17px;}
.cpxlnr_list:hover h6{opacity: 1;z-index: 2;}

.cpxlnr h5{margin-bottom: 16px;}
.cpxlnr h5 i,.cpxlnr h5 span{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.cpxlnr h5 i{font-size: 24px;color: #333;margin-right: 19px;}
.cpxlnr h5 span{font-size: 22px;color: #3a7cbd;width: 30px;}
.cpxlnr h5:first-of-type span{font-size: 30px;line-height: 30px;}
.cpxlnr h5:last-of-type i{font-size: 16px;}


footer{position: relative;padding: 100px 0;background: url(../images/ftbg_02.jpg) top center;background-size: 100% 100%;font-size: 0;}
.ftl,.ftr{display: inline-block;vertical-align: top;box-sizing: border-box;}
.ftl{width: 37%;}
.ftr{width: 63%;text-align: right;}
.ftl h2{font-size: 36px;color: #fff;margin-bottom: 30px;}
.ftltxt{font-size: 0;border-bottom: 1px solid #195891;padding: 30px 0 10px;}
.ftltxt h3,.ftltxt input,.ftltxt h6{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.ftltxt h3{font-size: 16px;color: rgba(255,255,255,.3);width: 20%;}
.ftltxt input{background: none;outline: none;font-size: 16px;color: #fff;border: none;width: 50%;}
.ftltxt h6{width: 40%;padding-right: 18%;}
.ftltxt h6 img{max-width: 100%;height: auto;}
.ftltxt:nth-of-type(3) input{width: 30%;}
.ftl button{display: block;width: 78.5%;line-height: 70px;background: url(../images/ftl_07.png) center center;background-size: 100% 100%;font-size: 16px;color: #fff;text-align: center;margin-top: 85px;}
.ftlogo{margin-bottom: 24px;}
.ftnav{margin-bottom: 24px;}
.ftnav a{display: inline-block;vertical-align: middle;font-size: 16px;color: #fff;margin-left: 44px;}
.ftnav a:hover{color: #2176bd;}
.ftr form{display: inline-block;width: 70%;background: url(../images/ftr_03.png) center center;background-size: 100% 100%;font-size: 0;margin-bottom: 64px;}
.ftr form input,.ftr form button{display: inline-block;vertical-align: middle;box-sizing: border-box;outline: none;background: none;border: none;line-height: 60px;}
.ftr form input{width: 90%;padding: 0 40px;font-size: 16px;color: #333;}
.ftr form button{width: 10%;text-align: center;font-size: 30px;color: #2e559e;}
.ftr_l,.ftr_r{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.ftr_list{display: inline-block;vertical-align: top;padding-right: 18px;position: relative;}
.ftr_list span{display: block;width: 46px;height: 46px;line-height: 46px;text-align: center;background: rgba(255,255,255,.11);border-radius: 50%;font-size: 20px;color: #fff;cursor: pointer;}
.ftr_l{width: 50%;text-align: left;padding-left: 30%;}
.ftr_r{width: 50%;}
.ftr_list:hover span{background: #fff;color: #2176bd;}
.ftr_list img{width: 120px;position: absolute;top: 110%;left: 50%;display: none !important;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.ftr_list:hover img{display: block;}
.ftr_r h2 i{font-size: 30px;color: #fff;display: inline-block;vertical-align: middle;}
.ftr_r h2 span{font-size: 40px;display: inline-block;vertical-align: middle;color: #fff;font-weight: bold;line-height: 40px;margin-left: 12px;}
.ftr p{font-size: 18px;color: #fff;margin-top: 40px;margin-bottom: 60px;}
.ftr p span{font-size: 36px;color: #fff;margin-left: 12px;}
.ftr h6,.ftr h6 a{font-size: 16px;color: rgba(255,255,255,.2);display: block;line-height: 24px;}
.ftr h6 a:hover{color: #fff;}
.ftltxt.ac h3{color: #fff;}
.ftr h6 a{display: inline-block;}
.xsfh{position: absolute;top: 10px;left: 20%;}
.xsfh h6 span{font-size: 30px;color: #2176bd;animation: banrun2 2s linear infinite;position: relative;}



.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);}

.cbl{position: fixed;top: 70%;right: 0;z-index: 99;}
.cbl p,.cbl h6{display: block;width: 60px;text-align: center;cursor: pointer;}
.cbl p{line-height: 55px;background: #f7f7f7;}
.cbl h6{line-height: 36px;background: #ef8017;color: #fff;}


.dbcbl{position: fixed;bottom: 5%;right: 5%;z-index: 2;width: 60px;height: 60px;background: #2176bd;line-height: 60px;border-radius: 50%;text-align: center;}
.dbcbl h6{display: block;cursor: pointer;}
.dbcbl h6 span{display: block;line-height: 60px;font-size: 20px;color: #fff;}
