



.mobile i,.divBox,.nav li a:after,.nav,span{
	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(30,48,91,.3);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { 
	color: rgba(30,48,91,.3);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { 
	color: rgba(30,48,91,.3);
}


header{font-size: 0;box-sizing: border-box;position: relative;box-shadow: 0 0 10px 3px #70777a;z-index: 2;}
.h_t{box-sizing: border-box;font-size: 0;padding: 14px 260px 26px 160px;}
.logo,.htss,.zyqh{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.logo{width: 25%;}
.htss{width: 65%;text-align: right;}
.zyqh{width: 10%;text-align: right;}
.logo img{max-width: 100%;}
.htss form{font-size: 0;display: inline-block;background: #eff0f1;padding: 0 30px;box-sizing: border-box;border-radius: 6px;width: 70%;text-align: left;}
.htss form h2,.htss form input,.htss form button{display: inline-block;vertical-align: middle;box-sizing: border-box;line-height: 56px;}
.htss form h2{width: 20%;font-size: 16px;color: #1e305b;text-transform: uppercase;}
.htss form input,.htss form button{background: none;border: none;outline: none;}
.htss form input{width: 70%;font-size: 14px;color: #1e305b;}
.htss form button{width: 10%;text-align: right;font-size: 24px;color: #415ab5;}
.zyqh a{display: inline-block;}
.zyqh a span{display: inline-block;vertical-align: middle;font-size: 24px;color: #415ab5;margin-right: 10px;}
.zyqh a h3{display: inline-block;vertical-align: middle;font-size: 16px;color: #1e305b;}
.zyqh a:hover h3{color: #415ab5;}


.nav{position: relative;box-sizing: border-box;border-top: 1px solid #eff0f1;padding-left: 160px;padding-right: 260px;}
.nav ul{font-size: 0;}
.nav ul li{display: inline-block;box-sizing: border-box;margin-right: 33px;position: relative;line-height: 72px;}
.nav ul li:last-of-type{margin-right: 0;}
.nav ul li a{font-size: 16px;color: #333333;display: inline-block;line-height: 72px;position: relative;display: block;}
.nav ul li a::before{content: '';display: block;width: 0;height: 2px;background: #415ab5;position: absolute;top: -1px;left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.nav ul li a span{margin-left: 15px;}
.nav ul li a:hover::before{width: 120%;}
.nav ul li a:hover{color: #445cae;}

.navlist{position: absolute;top: 200%;font-size: 0;background: #fff;left: 0;width: 210px;box-sizing: border-box;opacity: 0;visibility: hidden;}
.nav ul li:hover .navlist{top: 100%;opacity: 1;visibility: visible;z-index: 2;}
.navlist ol li{position: relative;width: 100%;}
.navlist ol li a{display: block;line-height: 58px;padding-left: 30px;box-sizing: border-box;position: relative;background: #f2f4f8;width: 100%;
	font-size: 16px;color: #2f353d;
}
.navlist ol li a span{position: absolute;right: 20px;top: 50%;font-size: 12px;color: #fff;opacity: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.navlist ol li a:hover{color: #fff;background: #445cae;}
.navlist ol li a:hover span{opacity: 1;}
.navtxt{position: absolute;left: 200%;font-size: 0;background: #fff;width: 270px;box-sizing: border-box;opacity: 0;visibility: hidden;top: 0;
	background: #f2f4f8;
}
.navlist ol li:hover .navtxt{left: 100%;opacity: 1;visibility: visible;}
.navlist ol li a::before,.navtxt a::before{display: none;}
.nav ul li .navtxt a{border-bottom: 1px solid #eaeeef;font-size: 16px;color: #6b7172;background: none !important;position: relative;padding-left: 60px;
	box-sizing: border-box;
}
.nav ul li .navtxt a:last-of-type{border: none;}
.nav ul li .navtxt a::after{content: '';display: block !important;width: 4px;height: 4px;background: #bcc3c4;border-radius: 50%;
	left: 30px;top: 50%;position: absolute;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.nav ul li .navtxt a:hover{color: #445cae;background: #fff;}
.nav ul li .navtxt a:hover::after{background: #445cae;}
.nav ul li .navtxt a span{font-size: 12px;color: #445cae;}








footer{position: relative;background: #75858a;}
.ft{font-size: 0;}
.fb{padding: 65px 0;font-size: 0;border-top: 2px solid rgba(255,255,255,.1);}
.fb .divbox{font-size: 0;}
.ftl,.ftc,.ftr{display: inline-block;vertical-align: top;padding: 106px 0 62px;box-sizing: border-box;}
.ftl{width: 50%;font-size: 0;border-right: 2px solid rgba(255,255,255,.1);}
.ftl .ftlogo,.ftl ul{width: 20%;display: inline-block;vertical-align: top;}
.ftl .ftlogo{width: 30%;}
.ftl ul{width: 70%;font-size: 0;text-align: left;box-sizing: border-box;}
.ftr{width: 11%;text-align: right;padding-bottom: 40px;background: #839196;padding: 106px 23px 40px;box-sizing: border-box;}
.ftr img{width: 100%;}
.ftr h3{font-size: 18px;color: #fff;line-height: 48px;}
.ftc{width: 39%;padding-left: 70px;padding-right: 30px;}
.ftc h3{font-size: 18px;color: #fff;line-height: 48px;}
.ftc p{font-size: 14px;color: rgba(255,255,255,.7);}
.ftc h4{font-size: 0;}
.ftc h4 strong,.ftc h4 span{display: inline-block;vertical-align: top;box-sizing: border-box;font-size: 14px;color: rgba(255,255,255,.7);}
.ftc h4 strong{width: 12%;}
.ftc h4 span{width: 88%;}

.ft ul li{display: inline-block;vertical-align: top;margin-right: 70px;}
.ft ul li:last-of-type{margin-right: 0;}
.ft ul li .ftlist{padding-left: 16px;}
.ft ul li .ftlist a{display: block;font-size: 14px;color: rgba(255,255,255,.7);}
.ft ul li a{font-size: 18px;color: #fff;display: block;line-height: 48px;}
.ft ul li a:hover{color: #415ab5;}
.ftr p{font-size: 14px;color: rgba(255,255,255,.7);margin-top: 10px;}

.fbl,.fbr{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.fbl{width: 70%;}
.fbr{width: 30%;text-align: right;}
.fb p{font-size: 14px;color: rgba(255,255,255,.7);vertical-align: middle;line-height: 24px;}
.fb p a,.fb p a i{font-size: 14px;color: rgba(255,255,255,.7);margin-left: 20px;line-height: 24px;}
.fbr a{display: inline-block;margin-right: 10px;}
.fbr a:last-of-type{margin-right: 0;}
.fbr a img{border-radius: 50%;}
.cbl{position: fixed;right: 1%;top: 40%;}
.cbl a:first-of-type{margin-right: 10px;}
.cbl a img{width:35%}





.mobile{width: 40px;height: 40px;border-radius: 2px;cursor: pointer;text-align: center;line-height: 3px;position: absolute;right: 69px;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);}






.feedback {
    width: 340px;
    position: fixed;
    right: 0px;
    bottom: -9999px;
    box-shadow: 0 20px 40px 8px rgba(0, 0, 0, 0.25);
    font-size: 14px;
    border-radius: 10px 10px 0 0;
	z-index:999;
	background:#ffffff;
}

.feedback .feedbackHeader {
    height: 40px;
    line-height: 40px;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    text-indent: 50px;
    font-weight: normal;
    cursor: pointer;
}

.feedback .eMailIco {
    background: url("../images/emailIco.png") 16px center no-repeat #2489a7;
    background-size: 21px auto;
}

.feedbackForm {
    padding: 16px 16px 40px 16px;
}

.feedbackForm .tips {
    color: #222d38;
    padding-bottom: 20px;
}

.feedbackForm .line {
    margin-bottom: 16px;
}

.feedbackForm .line input, .feedbackForm .line textarea {
    width: 100%;
    box-sizing: border-box;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: solid 1px #ccc;
    color: #222d38;
    display: block;
}

.feedbackForm textarea {
    resize: none;
    height: 78px;
    padding: 11px;
    line-height: 20px;
}

.feedbackForm .line input {
    height: 40px;
    line-height: 40px;
    padding: 0 11px;
}

.feedbackForm .btn {
    background: #2489a7;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    cursor: pointer;
}

.feedback .closeBtn {
    background: url("../images/closeBtn.png") no-repeat;
    width: 28px;
    height: 28px;
    background-size: 28px 28px;
    position: absolute;
    left: -36px;
    top: 6px;
    cursor: pointer;
    display: none;
}





