.header{background-repeat: no-repeat;background-position: center;width: 100%;

padding: 0px 0;height: 120px;}

.header_css{position: fixed;left: 0;top: 0;display: none;z-index: 999;
box-shadow: 0 0 10px #ddd;}

.head{width: 100%;}

.logoImg{margin: 25px 0 25px 0;width: 99%;}



/* 导航上面的内容 */

.login_top{height: 60px;}

.login_top h1{font-size:14px;color: #575757;margin-right: 15px;

margin-top: 10px;}

.login_top h1 img{margin-right: 5px;}

.login_top h1 b{font-size:22px;color: #e60012;}



/* 中英文切换 */

.login_tab{width: 70px;border-radius: 4px;

border: 1px solid #474847;margin-top: 15px;}

.login_tab li{float: left;width: 50%;text-align: center;}

.login_tab li a{text-transform: uppercase;font-size: 14px;color: #454545;

line-height: 26px;display: block;background: transparent;

transition: all 0.5s;}

.login_tab li:nth-of-type(1) a{border-top-left-radius: 4px;

border-bottom-left-radius: 4px;}

.login_tab li:nth-of-type(2) a{border-top-right-radius: 4px;

border-bottom-right-radius: 4px;}

.login_tab li.active a,.login_tab li:hover a{color: #fff;

background: #454545;}



/* 导航分类 */



.login_con > li{height: 60px;text-align: center;padding: 14px 0;}

.login_con li span{font-size:16px;color: #fff;line-height: 32px;
border-bottom: 2px solid transparent;display: inline-block;
transition: all 0.5s;}

.login_con li.active span,.login_con li:hover span{color: #ffce0f;
border-bottom: 2px solid #ffce0f;}

.login_pro{position: relative;}


.login_pro2{position: absolute;left: 0px;top: 43px;display: none;
width: calc(100% + 75px);z-index: 20;background: rgba(70,70,70,0.8);
padding: 5px 20px 5px 20px;}

.login_pro2 li{text-align: left;white-space: nowrap;text-overflow: ellipsis;
overflow: hidden;}

.login_pro2 li a{display: block;color: #fff;line-height: 35px;
font-size: 14px;transition: all 0.5s;white-space: nowrap;text-overflow: ellipsis;
overflow: hidden;}

.login_pro2 li:hover a{color: #ffce0f;}





/* 手机 */

.logo_box{width: 100%;background: #f8f8f8;}

.logo1{margin: 10px 0;}

.menu-button{margin: 21px 0;}

.m_phone_box{height: 100%;}

.m_phone_box h1:nth-of-type(1){display: block;}

.m_phone_box h1:nth-of-type(2){display: none;}

.m_phone_box h1:nth-of-type(3){display: none;}

.m_phone_box h1{font-size:14px;color: #575757;

margin-top: 25px;}

.m_phone_box h1 img{margin-right: 5px;}

.m_phone_box h1 b{font-size:18px;color: #e60012;}



@media (max-width:1100px) {

	.logoImg{margin: 30px 0 30px 0;width: 90%;}

}

@media (max-width:1024px) {
	
	.login_tab{margin-top: 25px;}
	
}

@media (max-width:640px) {

	.m_phone_box h1:nth-of-type(1){display: none;}

	.m_phone_box h1:nth-of-type(2){display: block;}
	
	.m_phone_box h1 b{font-size: 12px;}

	.m_phone_box h1{margin-top: 0px;margin-bottom: 10px;}

	.m_phone_box h1 img{margin-right: 2px;}

	.m_phone_box h1 b{font-size:15px;color: #e60012;}

	.menu-button{margin-top:18px;margin-bottom: 0;}
	
	.login_tab{margin-top: 20px;margin-bottom: 0px;}
	
	.logo1{margin-bottom: 5px;}
}

@media (max-width:400px) {

	.logo1{margin-top:15px;}

}

/* @media (max-width:365px) {

	.m_phone_box h1:nth-of-type(2){display: none;}

	.m_phone_box h1:nth-of-type(3){display: block;}

	.m_phone_box h1 b{font-size: 12px;}

	.m_phone_box h1{margin-top: 25px;}

} */



/* 脚部 */

.footer{background-repeat: no-repeat;background-position: center;

width: 100%;padding: 45px 0 0 0 ;background-size: cover;}



.foot_1{display: block;}

.foot_2{display: none;}

.foot_3{display: none;}

.foot_4{display: none;}



.foot1{width: 100%;}

.foot1a{width: 290px;}



.foot1b{padding-bottom: 20px;border-bottom: 1px solid #707070;}

.foot1c{width: 110px;height: 40px;background: #ffcc01;display: block;

border-radius: 4px;text-align: center;margin-right: 15px;}

.foot1c i{font-size: 14px;color: #000;line-height: 40px;}

.foot1d{width: calc(100% - 125px);}

.foot1d h1{font-size: 20px;color: #fff;line-height: 1em;

margin-bottom: 2px;}

.foot1d p{font-size: 14px;color: #fff;}



.foot1e{margin-top: 15px;}

.foot1e p{font-size: 14px;color: #a9a9a9;margin-bottom: 10px;}

.foot1e p i{margin-right: 12px;}



.foot1f{padding-top: 5px;}

.foot1f span{display: inline-block; margin-right: 20px;width: 30px;height: 30px;

overflow: hidden;}

.foot1f span img{width: 100%;display: block;}





.foot2{width: 100%;}

.foot2 dl{width: 100%;}

.foot2 dt a{font-size: 15px;color: #fff;font-weight: bold;}

.foot2 dd a{font-size: 14px;color: #a9a8a8;}

.foot2 dd{margin-bottom: 8px;}



.foot3{width: 100%;}

.foot3 dl{width: 100%;padding-left: 20px;}

.foot3 dt a{font-size: 15px;color: #fff;font-weight: bold;}

.foot3 dd a{font-size: 14px;color: #a9a8a8;}

.foot3 dd{margin-bottom: 8px;}



.foot4{width: 100%;}

.foot4 dl{width: 100%;padding-left: 80px;}

.foot4 dt a{font-size: 15px;color: #fff;font-weight: bold;}

.foot4 dd a{font-size: 14px;color: #a9a8a8;}

.foot4 dd{margin-bottom: 8px;}



.foot5{width: 125px;}

.foot5 span{width: 100%;display: block;overflow: hidden;}

.foot5 span img{width: 100%;display: block;}

.foot5 p{font-size: 14px;color: #a9a9a9;margin-top: 15px;}

.foot5 p i{margin-right: 5px;}



.foot6{width: 100%;border-top: 1px solid #4f4b4b;padding:10px 0;

margin-top: 20px;}

.foot6 p{font-size: 12px;color: #a9a9a9;}

.foot6 p a{font-size: 12px;color: #a9a9a9;font-weight: bold;}

.foot6 p i{margin-right: 15px;}



.foot{width: 100%;border-top: 1px solid #4f4b4b;padding: 13px 0;}

.link span{font-size: 13px;color: #a9a9a9;margin-right: 5px;}

.link a{font-size: 13px;color: #a9a9a9;margin-right: 15px;}



@media (max-width:985px) {

	.foot4 dl{width: 100%;padding-left: 50px;}

	.foot2 dl{width: 100%;padding-left: 30px;}

}

@media (max-width:925px) {

	.foot3 dl{width: 100%;padding-left: 30px;}

}



@media (max-width:830px) {

	.foot_1{display: none;}

	.foot_2{display: block;}

	.foot3 dl{padding-left: 0;}

	.foot4 dl{padding-left: 30px;}

	.foot5{margin: 20px auto 0 auto;}	

}

@media (max-width:700px) {

	.foot2 dl{padding-left: 50px;}

	.foot4 dl{padding-left: 0px;}

}

@media (max-width:640px) {

	.foot_2{display: none;}

	.foot_3{display: block;}

	.foot2 dl{padding-left: 0px;text-align: left;}

	.foot3 dl{padding-left: 0px;text-align: center;}

	.foot4 dl{padding-left: 0px;text-align: right;}

	.foot1{margin-top: 20px;}

	.foot5{float: right;}	

}



@media (max-width:450px) {

	.foot_3{display: none;}

	.foot_4{display: block;}

	.foot1{margin: 20px 0;}

	.foot1a{margin: 0 auto;}

	.foot5{float: none;margin: 0 auto;}

}