.header{width: 100%;background: rgba(13,13,13,0.5);
position: fixed;top: 0;left: 0;z-index: 100;}

.header2{width: 100%;background: #fff;z-index: 100; position: fixed; width: 100%; top: 0; left: 0; box-shadow: 0 0 5px #999}

/* .head{ overflow: hidden; } */

.header_top{ display: none;}
/* 
.header_top{width: 100%;padding: 2px 0;border-bottom: 1px solid rgba(255,255,255,0.2);
box-sizing: border-box;}
.header_top1{width: 100%;display: block;}
.header_top1 li{float: left;}
.header_top1 li a{display: block;}
.header_top1 li span{display: inline-block; font-size: 12px;color: #fff;
padding: 0 25px;border-right: 1px solid #5a6783;line-height: 1em;}
.header_top1 li:nth-of-type(1) span{padding-left: 0;}
.header_top1 li:nth-last-of-type(1) span{border-right: 0;} */
/* .header2 .header_top1 li span{ color: #333;} */
/* .header2 .header_top{ border-bottom: 1px solid #ddd;} */
@media (max-width:840px) {
	.header_top1 li span{padding: 0 10px;}
}

@media (max-width:640px) {
	.header_top{display: none;}
}


.logoImg{display: inline-block;margin: 26px 0;}

.login{height: 100px;box-sizing: border-box;}
.login_con{display: block;width: 100%;}
.login_con > li{text-align:center;line-height: 100px;position: relative;}
.login_con > li a{display: block;position: relative;transition: all 0.5s;padding: 0 12px;}
.login_con > li span{display: inline-block;transition: all 0.5s;font-size:15px;
color:#fff;}
.login_con > li i{width: 8px;height: 2px;background: #fff;position: absolute;
left: calc(50% - 4px);bottom: 30px;opacity: 0;transition: all 0.5s;}
.login_con > li.active i,.login_con > li:hover i{opacity: 1;}

.login_pro{position: relative;}
.login_pro1{position: absolute;width: calc(100% + 120px);left: -60px;
top: 85px;background: rgba(13,13,13,0.5);padding: 10px;display: none;
border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.bigs{width: calc(100% + 140px) !important;left: -70px !important;}
.login_pro1 li{width: 100%;text-align: center;line-height: 35px;}
.login_pro1 li a{display: block;}
.login_pro1 li span{font-size: 14px;color: #fff;line-height: 35px;
display: inline-block;transition: all 0.5s;text-transform: uppercase;}
.login_pro1 li:hover > a span,
.login_pro3 li:hover > a span{color: #00a0e9;}
.login_pro2{position: relative;}
.login_pro3{position: absolute; width: calc(100% + 50px); left: calc(100% + 9px); top: -25px; background: rgba(13,13,13,0.8);padding: 10px; display: none; border-bottom-right-radius: 10px;border-top-right-radius: 10px;}
.login_pro3 li{text-align: left;}

.header2 .login{height: 100px;box-sizing: border-box;}
.header2 .login_con{display: block;width: 100%;}
.header2 .login_con > li{text-align:center;line-height: 100px;position: relative;}
.header2 .login_con > li a{display: block;position: relative;transition: all 0.5s;padding: 0 12px;}
.header2 .login_con > li > a span{display: inline-block;transition: all 0.5s;font-size:15px;
color:#000;}
.header2 .login_con > li i{width: 8px;height: 2px;background: #00a0e9;position: absolute;
left: calc(50% - 4px);bottom: 30px;opacity: 0;transition: all 0.5s;}
.header2 .login_con > li.active i,.header2 .login_con > li:hover i{opacity: 1;}
.header2 .login_con > li.active > a > span,.header2 .login_con > li:hover > a > span{color: #00a0e9;}

.header2 .login_pro{position: relative;}
.header2 .login_pro1{background: #fff;padding: 10px; box-shadow: 0 2px 5px #ddd;}
.header2 .login_pro1 li{width: 100%;text-align: center;line-height: 35px;}
.header2 .login_pro1 li a{display: inline-block;width: 100%; color: #666}
.header2 .login_pro1 li a span{ color: #666; transition: all 0.3s }
.header2 .login_pro1 li a:hover span{color: #00a0e9;}
.header2 .login_pro1 li p{font-size: 14px;color: #000;line-height: 35px;
display: inline-block;transition: all 0.5s;text-transform: uppercase;}
.header2 .login_pro3{ background: #fff; box-shadow: 0 2px 5px #ddd;}
.header2 .login_pro3 li{text-align: left;}
.login_pro1 li:hover p{color: #00a0e9;}



.search{width: 100%;height: 34px;background: rgba(255,255,255,0.2);
border-radius: 17px;margin: 33px 0;padding-left: 10px;
box-sizing: border-box;}
.search span{width: 18px;height: 18px;margin: 8px 0;display: block;
position: relative;}
.sub{width: 18px;height: 18px;
background-image: url(../img/search.png);background-repeat: no-repeat;
background-position: center; border: none; background-color: transparent; font-size: 0;
position: absolute;left: 0;top: 0;}
.search span img{display: block;width: 100%;position: absolute;left: 0;
top: 0;}
.search > input{width: calc(100% - 18px);background: transparent;
border: none;padding-left: 10px;font-size: 14px;color: #fff;
line-height: 34px;}
  input::-webkit-input-placeholder {
	  color: #fff;
	  font-size: 14px;
    }

.header2 .search{width: 100%;height: 34px;background: #fff;
border: 1px solid #d6d6d6;border-radius: 17px;margin: 33px 0;
padding-left: 10px;box-sizing: border-box;}
.header2 .search span{width: 18px;height: 18px;margin: 8px 0;display: block;
position: relative;}
.header2 .sub{width: 18px;height: 18px;
background-image: url(../img/search1.png);background-repeat: no-repeat;
background-position: center center;font-size: 0;
position: absolute;left: 0;top: 0;}
.header2 .search span img{display: block;width: 100%;position: absolute;left: 0;
top: 0;}
.header2 .search > input{width: calc(100% - 18px);background: transparent;
border: none;padding-left: 10px;font-size: 14px;color: #333;
line-height: 34px;}
.header .search > input::-webkit-input-placeholder {
	  color: #fff;
	  font-size: 14px;
    }
.header2 .search > input::-webkit-input-placeholder {
	  color: #a5a5a5;
	  font-size: 14px;
    }
.header2 .search > input{caret-color:#d6d6d6;}

/* 手机 */
.logo_box{width: 100%;background: rgba(13,13,13,0.5);
position: fixed;top: 0;left: 0;z-index: 100;}
.logo1{margin: 16px 0;}
.menu-button{margin: 30px 0;}
.menu-button img{display: block;width: 25px;}

.logo_box2{width: 100%;background: #fff;
z-index: 100; position: fixed; top: 0; left: 0; width: 100%;}
.logo_box2 .search{width: 100%;height: 34px;background: #fff;
border: 1px solid #d6d6d6;border-radius: 17px;padding-left: 20px;
box-sizing: border-box;}
.logo_box2 .search span{width: 18px;height: 18px;margin: 8px 0;display: block;
position: relative;}
.logo_box2 .sub{width: 18px;height: 18px;
background-image: url(../img/search1.png);background-repeat: no-repeat;
background-position: center; font-size: 0 !important; 
position: absolute;left: 0;top: 0;}
.logo_box2 .search span img{display: block;width: 100%;position: absolute;left: 0;
top: 0;}
.logo_box2 .search > input{width: calc(100% - 18px);background: transparent;
border: none;padding-left: 10px;font-size: 14px;color: #d6d6d6;
line-height: 34px;}
.logo_box2 .search > input::-webkit-input-placeholder {
	  color: #a5a5a5;
	  font-size: 14px;
    }
.logo_box2 .search > input{caret-color:#d6d6d6;}


@media (max-width:1200px) {
	.login_con > li a{padding: 0 5px;}
}
@media (max-width:1024px) {
	.search{margin: 23px 0;}
}
@media (max-width:430px) {
	.search{padding-left: 10px;}
	.search input[type="text"]{padding-left: 5px;font-size: 12px;}
	  input::-webkit-input-placeholder {
		  font-size: 12px;
	    }
	.logo_box2 .search{padding-left: 10px;}
	.logo_box2 .search input{padding-left: 5px;font-size: 12px;}
	.logo_box2 .search > input::-webkit-input-placeholder {
		  color: #a5a5a5;
		  font-size: 12px;
	    }
}


/* 脚部 */
.footer{width: 100%;background-repeat: no-repeat;
background-position: center center;background-size: 100% 100%;}
.foot{width: 100%;padding-top: 40px;}
.foot1{width: 10%;float: left;border-right: 1px solid #e2e2e2;}
.foot2{width: 18%;float: left;border-right: 1px solid #e2e2e2;
padding-left: 25px;}
.foot3{width: 13%;float: left;border-right: 1px solid #e2e2e2;
padding-left: 35px;}
.foot4{width: 13%;float: left;padding-left: 35px;}
.foot5{width: 33%;float: left;border-left: 1px solid #e2e2e2;
padding-left: 30px;}
.foot6{width: calc(100% - 10% - 18% - 13% - 13% - 33%);float: left;}
.foot6 span{width: 100%;display: block;overflow: hidden;}
.foot6 span img{width: 100%;display: block;}

.foot dl dt{font-size: 18px;color: #000;font-weight: normal;
margin-bottom: 25px;}
.foot dl dd{font-size: 14px;color: #000;margin-bottom: 18px;}
.foot dl dd:nth-last-of-type(1){margin-bottom: 0;}

.p2_link{width: 100%;padding-top: 58px;padding-bottom: 26px;}
.p2_link span{font-size: 14px;color: #000;}
.p2_link a{font-size: 14px;color: #000;margin-right: 24px;}

.p2_copy{width: 100%;border-top: 1px solid #e3e3e3;padding-top: 20px;
padding-bottom: 20px;}

.p2_copy_L{width: calc(100% - 184px - 10px);margin-right: 10px;
float: left;}
.p2_copy_R{width: 184px;float: left;background-position: center center;
background-size: cover;background-repeat: no-repeat;text-align: center;
margin-top: 10px;}
.p2_copy_R a{display: block;width: 100%;text-align: center;}
.p2_copy_R a h1{font-size: 18px;color: #fff;font-weight: bold;line-height: 40px;}
.p2_copy_R a h1 i{margin-right: 10px;}

.p2_copy1{width: 100%;margin-bottom: 15px;}
.p2_copy1 a{width: 20px;height: 20px;display: block;margin-right: 34px;}
.p2_copy1 a img{width: 100%;display: block;}
.p2_copy2{width: 100%;}
.p2_copy2 p{font-size: 12px;color: #000;}




@media (max-width:1080px) {
	.foot1{width: 10%;}
	.foot2{width: 20%;}
	.foot3{width: 15%;}
	.foot4{width: 15%;}
	.foot5{width: 38%;padding-left: 50px;}
	.foot6{width: 100%;margin-top: 20px;}
	.foot6 span{width: 150px;margin: 0 auto;}
}

@media (max-width:1040px) {
	.foot5{padding-left: 25px;}
}
@media (max-width:920px) {
	.foot5{padding-left: 10px;}
}
@media (max-width:900px) {
	.foot1{width: 18%;}
	.foot2{width: 40%;padding-left: 50px;}
	.foot3{width: 24%;padding-left: 45px;}
	.foot4{width: 18%;padding-left: 60px;}
	.foot5{padding-left: 0;border:none;margin-top: 20px;
	width: calc(100% - 150px);}
	.foot6{width: 150px;margin-top: 20px;float: right;}
	.foot6 span{width: 150px;float: right;}
}
@media (max-width:760px) {
	.foot4{width: 18%;padding-left: 40px;}
	.p2_copy_L{width: 100%;margin-right: 0;}
}
@media (max-width:650px) {
	.foot4{width: 18%;padding-left: 30px;}
}
@media (max-width:600px) {
	.foot6{display: none;}
	.foot1{width: 25%;}
	.foot2{width: 45%;padding-left: 50px;}
	.foot3{width: 30%;padding-left: 45px;border:none;}
	.foot4{width: 30%;padding-left: 45px;margin-top: 20px;
	float: right;}
	.foot5{padding-left: 0px;border:none;margin-top: 20px;
	width: 70%}
}
@media (max-width:550px) {
	.foot2{padding-left: 25px;}
}

@media (max-width:450px) {
	.foot1{width: 50%;border: none;}
	.foot2{width: 50%;padding-left: 50px;float: right;border: none;}
	.foot3{width: 50%;padding-left: 0px;
	margin-top: 20px;border: none;}
	.foot4{width: 50%;padding-left: 50px;margin-top: 20px;
	float: right;margin-top: 20px;}
	.foot5{padding-left: 0px;border:none;margin-top: 20px;
	width: 100%}
	.p2_link{padding-top: 25px;padding-bottom: 25px;}
}
@media (max-width:430px) {
	.foot2{padding-left: 30px;}
	.foot4{padding-left: 30px;}
}
@media (max-width:390px) {
	.foot2{padding-left: 15px;}
	.foot4{padding-left: 15px;}
}
@media (max-width:390px) {
	.foot2{padding-left: 0px;}
	.foot4{padding-left: 0px;}
}