

.header{background: rgba(24,27,33,0.3);position: absolute;top: 0;left: 0;

z-index:9999;}



.header2{background: #112c37;z-index:9999;}

.header_css{position: fixed;left: 0;top: 0;display: none;z-index: 999;
/* box-shadow: 0 0 2px #3284c9; */background: rgb(0,0,0,0.5);}

.logo_s{display: block;}

.logo_h{display: none;}



.m_img_search{margin-top: 10px;}



.logoImg{display: inline-block;margin: 15px 15px 10px 0;box-sizing: border-box;}



.title h1{line-height: 1em;font-size:20px;color:#fff;margin-top: 18px;margin-bottom: 10px;}

.title img{margin-right: 5px;}

.title h2{font-size:22px;color:#fff;line-height: 1em;}

.logo_left{padding-left: 100px;box-sizing: border-box;}

.login{z-index: 10;padding-right: 100px;box-sizing: border-box;}

.login li{text-align:center;line-height: 80px;}

.login a{font-size:16px;color:#fff;display: block;position: relative;}

.login a span{color: #fff;transition: all 0.5s;}

.login a i{ display: block; position: absolute; top:82%; left: calc(50% - 5px);

 width: 10px; height: 2px;  background: transparent;}

.login_pro a b{ display: block; position: absolute; top:calc(50% - 3px);

 right:7.4%; width: 0;height: 0;border-width:6px;border-style: solid;

border-color:#fff transparent transparent transparent;}

/* .login li:nth-of-type(1) i{background:#fff;} */







.login_pro{position: relative;}

.login_pro1{position: absolute;left: 0px;top: 65px;display: none;

z-index: 20;}

.login_pro1s{position: relative;}

.login_pro1 > li:hover > a{font-weight: bold;color:#3284c9;transition: all 0.5s;}

.login_pro1 > li:hover > a > p{color:#3284c9;}

.login_pro1s:hover a b{opacity: 1;}

.login_pro2{position: absolute;left:calc(100% + 0px); top:-16px;display: none;}



.login_pro1 a b{ opacity: 0; position: absolute; top:calc(50% - 5px);

 right:7.4%; width: 0;height: 0;border-width:6px;border-style: solid;

border-color: transparent transparent transparent #fff;

transition: all 0.5s;}

.login_pro1{width: calc(100% + 10px);background: rgba(24,27,33,0.6);

padding: 10px 0;}

.login_pro1 > li{text-align: left;line-height: 40px;padding-left: 28px;

transition: all 0.5s;}

.login_pro1 a{font-size:15px;display: block;}


.login_pro1 p{color: #f3f3f3;}


.login_pro2{width: 100%;background: rgba(24,27,33,0.55);}

.login_pro2 li{text-align: center;line-height: 50px;}

.login_pro2 a{font-size:15px;display: block;transition: all 0.5s;

font-weight: normal!important;}

.login_pro2 p{color: #f3f3f3;transition: all 0.5s;}

.login_pro2 li:hover a p{font-weight: bold!important;color: #3284c9;}

.login span{display: inline-block;}

/* .login li.active a i,.login li a:hover i{background:#fff;transition: all 0.5s;}
 */
.login > ul li.active > a span,.login > ul li:hover > a span{color: #3284c9;}

.login > ul li.active i,.login > ul li:hover i{background: #3284c9;}

.logo_box{width: 100%;padding:0px 12px;

position: relative;}

.logo1{box-sizing: border-box;}

.logo1 img{padding:10px 0;}





.login_search1{height: 40px;margin: 20px 0;background: rgba(0,0,0,0.5);

border-radius: 8px;position: relative;}

.login_search1 input{position: absolute;background: rgba(0,0,0,0.5);

border-top-left-radius: 8px;border-bottom-left-radius: 8px; 

left: 0;top: 0;height: 40px;border: none;

line-height: 40px;width: 70%;padding-left: 10px;color: #fff;}

.search_icon{width: 30%;position: absolute;right: 0;top: 0;

height: 40px;background: rgba(0,0,0,0.5);padding: 0 15px;

border-top-right-radius: 8px;border-bottom-right-radius: 8px;}

.search_icon h1{line-height: 40px;position: relative;}

.search_icon h1 input{width: 17px;height: 20px;

background-image: url(../img/search.png);background-repeat: no-repeat;

background-position: center center;margin-top: 10px;opacity: 0;}



.search_icon h1 .icon_s{float: left;margin-top: 10px;cursor: pointer;}

.search_icon h1 .icon_c{float: right;margin-top: 12px;cursor: pointer;}

.search_icon h1 i{position: absolute;width: 1px;height: 28px;

background: #444346;left: 50%;top:calc(50% + 5px)}



.header2 .login_search1{background: rgba(185,185,185,0.8);}





@media (max-width:1780px) {

	.login_pro1{position: absolute;left: -10px;top: 65px;display: none;}

	.login_pro1{width: calc(100% + 40px);}

	.login_pro1 > li{padding-left: 38px;}

}

@media (max-width:1600px) {

	.login_pro1{position: absolute;left: -20px;}

	.login_pro1 > li{padding-left: 28px;}

}



@media (max-width:1500px) {

	.title h1{ font-size: 16px }

	.title h2{ font-size: 18px }

	.login_pro > a b{ right:0%; }

	.login_search1 input{width: 60%;}

	.search_icon{width: 40%;}

	

	}

@media (max-width:1400px) {
	.logo_left{padding-left: 30px;}
	.login{padding-right: 30px;}
}

@media (max-width:1300px) {
	.logo_left{padding-left: 10px;}
	.login{padding-right: 10px;}
}
@media (max-width:1250px) {
	.logo_left{padding: 0px;}
	.login{padding-right: 0px;}
	.logo_left .title h1{font-size: 16px;}
}

@media (max-width:1260px) {

	.login_pro1 > li{padding-left: 18px;}

}

@media (max-width:1200px) {

	.login_pro a b{display: none;}

	.login_pro1 a b{right:4%;display: block; }

}

@media (max-width:1080px) {

	.login_pro1 > li{padding-left: 12px;}

}	

	



/*手机meta*/



.menu-button img{padding:15px 0;}



.search{margin:32px 25px 31px 0;}

.talk{width: 100%;height: 28px;background: #3284c9;border-radius: 14px;text-align: center;

margin: 26px 0;}

.talk img{margin: 6px 5px 5px 24px;}

.talk h1{font-size:14px;font-weight: bold;color:#fff;line-height: 28px;}

@media (max-width:1730px) {

	.talk img{margin: 6px 5px 5px 20px;}

}

@media (max-width:1650px) {

	.talk h1{font-size:12px;font-weight: bold;color:#fff;line-height: 28px;}

	.talk img{margin: 6px 10px 5px 16px;}

}

@media (max-width:1550px) {

	.talk h1{font-size:12px;font-weight: bold;color:#fff;line-height: 28px;}

	.talk img{margin: 6px 5px 5px 14px;}

}

@media (max-width:1400px) {

	.talk h1{font-size:12px;font-weight: bold;color:#fff;line-height: 28px;}

	.talk img{margin: 6px 5px 5px 12px;}

}

@media (max-width:1350px) {

	.talk h1{font-size:12px;font-weight: bold;color:#fff;line-height: 28px;}

	.talk img{margin: 6px 5px 5px 10px;}

}

@media (max-width:1320px) {

	.talk h1{font-size:12px;font-weight: bold;color:#fff;line-height: 28px;}

	.logo_h .talk img{margin: 6px 5px 5px 5px;}

}

@media (max-width:1250px) {

	.talk h1{font-size:12px;font-weight: bold;color:#fff;line-height: 28px;}

	.talk img{margin: 6px 3px 5px 8px;}

}

@media (max-width:1200px) {

	.talk h1{font-size:12px;font-weight: bold;color:#fff;line-height: 28px;}

	.talk img{margin: 8px 2px 5px 6px;width: 20%;}

}









.footer{background-color:#f6f6f8;padding:0 40px;border-top:1px solid #dbdbdc;

border-bottom:1px solid #dbdbdc;}

.foot{padding-top: 40px;}

.foot2{display: inline-block;}

.foot1 h1{font-size:16px;color:#000;line-height: 50px;}

.foot3{margin-right: 25px;}

.foot3 p,.foot4 p{font-size:14px;color:#afafaf;line-height: 40px;margin-bottom: 30px;}





.foot5 dt{font-size:16px;font-weight: bold;color:#000;margin-bottom: 40px;line-height: 1em;}
.foot5 dd{line-height: 1em;margin-bottom: 24px;font-size:14px;}
.foot5 dd a{color:#7e7e7e;}
.foot5a h1{width: 100%;font-size:16px;font-weight: bold;color:#000;margin-bottom: 40px;
line-height: 1em;}
.foot5a ul{display: block;width: 100%;}
.foot5a li{line-height: 1em;margin-bottom: 24px;font-size:14px;}
.foot5a li a{color:#7e7e7e;}
.foot5b dl{width: 100%;padding-left: 60px;}
.foot5c dl{width: 100%;padding-left: 80px;}
.foot5d dl{width: 100%;padding-left: 90px;}
.foot5e dl{width: 100%;padding-left: 120px;}


.foot6{display: none;}
.foot6 dt{font-size:16px;font-weight: bold;color:#000;margin-bottom: 40px;line-height: 1em;}
.foot6 dd{line-height: 1em;margin-bottom: 24px;font-size:14px;}
.foot6 dd a{color:#7e7e7e;}
.foot6a h1{width: 100%;font-size:16px;font-weight: bold;color:#000;margin-bottom: 40px;
line-height: 1em;}
.foot6a ul{width: 100%;display: block;}
.foot6a li{line-height: 1em;margin-bottom: 24px;font-size:14px;}
.foot6a li a{color:#7e7e7e;}
.foot6b dl{width: 100%;padding-left: 30px;}
.foot6c dl{width: 100%;padding-left: 30px;}
.foot6d dl{width: 100%;padding-left: 30px;}
.foot6e dl{width: 100%;padding-left: 60px;}

.foot10{display: none;}
.foot10 dt{font-size:16px;font-weight: bold;color:#000;margin-bottom: 40px;line-height: 1em;}
.foot10 dd{line-height: 1em;margin-bottom: 24px;font-size:14px;}
.foot10 dd a{color:#7e7e7e;}
.foot10a h1{width: 100%;font-size:16px;font-weight: bold;color:#000;margin-bottom: 40px;
line-height: 1em;}

.foot10a ul{width: 100%;display: block;}
.foot10a li{line-height: 1em;margin-bottom: 24px;font-size:14px;}
.foot10a li a{color:#7e7e7e;}
.foot10b dl{width: 100%;padding-left: 20px;}
.foot10c dl{width: 100%;padding-left: 90px;}
.foot10d dl{width: 100%;padding-left: 0px;}
.foot10e dl{width: 100%;padding-left: 180px;}

.foot11{display: none;}
.foot11 dt{font-size:16px;font-weight: bold;color:#000;margin-bottom: 40px;line-height: 1em;}
.foot11 dd{line-height: 1em;margin-bottom: 24px;font-size:14px;}
.foot11 dd a{color:#7e7e7e;}

.foot7{display: none;}
.foot8{display: inline-block;}
.foot7 h1{font-size:16px;color:#000;line-height: 50px;}

.foot9{display: block;}
.foot9 span{display: inline-block; vertical-align: middle;margin-right: 20px;}

.foot9 p{font-size:14px;color:#afafaf;line-height: 40px;margin-bottom: 30px;}


@media (max-width:1800px) {
	.foot5b dl{padding-left: 50px;}
	.foot5c dl{padding-left: 70px;}
	.foot5d dl{padding-left: 70px;}
	.foot5e dl{padding-left: 100px;}
}
@media (max-width:1600px) {
	.foot5b dl{padding-left: 50px;}
	.foot5c dl{padding-left: 60px;}
	.foot5d dl{padding-left: 60px;}
	.foot5e dl{padding-left: 60px;}
}
@media (max-width:1360px) {
	.foot5b dl{padding-left: 30px;}
	.foot5c dl{padding-left: 30px;}
	.foot5d dl{padding-left: 30px;}
	.foot5e dl{padding-left: 30px;}
}
@media (max-width:1230px) {
	.foot5b dl{padding-left: 10px;}
	.foot5c dl{padding-left: 10px;}
	.foot5d dl{padding-left: 10px;}
	.foot5e dl{padding-left: 30px;}
}
@media (max-width:1200px) {
	.foot5{display: none;}
	.foot1{display: none;}
	.foot7{display: block;}
	.foot6{display: block;}
}
@media (max-width:1100px) {
	.foot6e dl{padding-left: 40px;}
}
@media (max-width:1000px) {
	.foot6e dl{padding-left: 20px;}
}
@media (max-width:940px) {
	.foot6b dl{padding-left: 10px;}
	.foot6c dl{padding-left: 10px;}
	.foot6d dl{padding-left: 10px;}
	.foot6e dl{padding-left: 0px;}
}
@media (max-width:880px) {
	.foot6{display: none;}
	.foot10{display: block;}
	.foot11{display: block;}
}
@media (max-width:820px) {
	.foot10b dl{padding-left: 20px;}
	.foot10c dl{padding-left: 80px;}
	.foot10d dl{padding-left: 0px;}
	.foot10e dl{padding-left: 140px;}
}
@media (max-width:750px) {
	.foot10b dl{padding-left: 20px;}
	.foot10c dl{padding-left: 40px;}
	.foot10d dl{padding-left: 0px;}
	.foot10e dl{padding-left: 100px;}
}
@media (max-width:670px) {
	.foot10b dl{padding-left: 10px;}
	.foot10c dl{padding-left: 50px;}
	.foot10d dl{padding-left: 0px;}
	.foot10e dl{padding-left: 80px;}
}
@media (max-width:640px) {
	.foot10{display: none;}
	.foot11{display: none;}
}



.link{background:#f6f6f8;padding:10px 0 10px 40px;}

.link1 span{display: inline-block;font-size:14px;color:#595959;margin-right: 5px;}

.link1 a{display: inline-block;font-size:14px;color:#595959;margin-right: 15px;}



.copy{background: #dddee2;}

.copy1 h1{line-height: 16px;font-size:12px;color:#686868;padding: 12px 0;}

.copy1 i span,.copy1 i img{ vertical-align: middle;}

.copy1 i span{font-size:18px;color:#4e4e4e;margin-left: 5px;}

.copy i img{margin-left: 12px;}

.copy2{background: #dddee2;}

.copy3{padding:0 12px;}

.copy3 h1{line-height: 20px;font-size:12px;color:#686868;padding-top: 12px;}

.copy3 i span,.copy1 i img{ vertical-align: middle;}

.copy3 i span{font-size:18px;color:#4e4e4e;margin-left: 5px;}

.copy3 i img{margin-left: 12px;}



@media (max-width:965px) {

	.foot9 span{ margin: 0 10px; }

	.link{ padding: 10px }

}


@media (max-width:640px) {

	.copy3 i{margin: 10px 0 20px 0!important;}

}





