/*top*/
.top-nav{position:absolute;top: 0;width: 100%;height:90px;z-index:999;}
.logo{float: left;margin-top: 25px;height: 47px;overflow: hidden;width: 182px;}

.header.on .top-nav .logo{background:url(/uploads/allimg/20230103/1-2301031244425a.png) no-repeat center center !important;}

.header.on{ position: fixed; width: 100%; height: 90px; z-index: 99999; }
/*pc*/
.navBar{float: right;}
.nav .m {
    position: relative;
    float: left;
    margin-left: 55px;
    display: inline;
    text-align: right;
}
.nav .m:after{
	content:" ";
	display:none;
	margin-top: -20px;
	width:100%; height:2px;
	background:#f0871a;
}
.nav .active:after,.nav .m:hover:after{
	display:block;
}
.nav h3 {
	margin: 36px 0 39px;
    font-weight: normal;
    font-size: 16px;
}
.nav h3 a {transition: all 0s;
    zoom: 1;
    height: 16px;
    display: block;
    color: #fff;
}
.header .nav .active > h3 a,.header .nav .m:hover > h3  a {
    color: #f0871a !important;
}
.header.on .nav h3 a:hover{color: #333;}
.header.on .nav .sub {margin-top: 0px;}

.header.on #denglu{margin-top: 24px;}

.nav .sub {
    display: none;
    width: auto;
    position: absolute;
    right: 0;
    top: 90px;
    float: left;
    line-height: 35px;
    text-align: center;
    background:#fff; border-radius: 10px;
    padding: 40px 0;
}
.nav .sub {}
.nav .sub li{padding: 5px 0; padding: 0 40px; width: 200px; float: left; text-align: left; border-right: 1px solid #e3e3e3;}

.nav .sub li > a{ color: #333333; font-size: 18px;}
.nav .sub li > a:after{ content: " "; width: 20px; background: #f0871a; height: 3px; display: block; margin-top: 10px;}
.nav .sub li p{ display: block; margin-top: 15px; }
.nav .sub li p a{ display: block; margin: 5px 0; } 
#denglu{text-align: center;overflow: hidden;transition: all 0.6s;margin-top: 33px;margin-right: 0; margin-left: 55px;}
#denglu a{color: #fff;font-size: 16px;line-height: 28px;padding: 0;}
#denglu a i{display: inline-block;margin-right:10px;}

#denglu:hover a{color: #fff;background: none !important;}
#shiyong{width: 106px;height: 32px;background: #c4070e;border: 1px solid #c4070e;text-align: center;border-radius: 20px;overflow: hidden;transition: all 0.6s;
margin-top: 29px; margin-left: 20px;}
#shiyong a{color: #fff;font-size: 14px;line-height: 28px;padding: 0;}

#shiyong:hover a{color: #fff;background: none !important;}

.header.on .top-nav{background-color:#fff;z-index: 999;transition: all 0.3s;border-bottom: 1px solid rgba(0,0,0,0.2);}
.header.on .nav h3 a{color: #666;}
.header.on .nav .m h3 i{background: url(http://www.wumart.com/skin/images/index_36.png) no-repeat;}
.header.on #shiyong{background: #c4070e; border: 1px solid #c4070e;}
.header.on #shiyong a { color: #fff;}
.header.on #denglu:hover{border: 1px solid #c4070e;background: #c4070e;}
.header.on #denglu:hover a{color: #fff;background: none !important;}
.header.on #shiyong:hover{background: none !important;border: 1px solid #c4070e;}
.header.on #shiyong:hover a{color: #c4070e;}


.nav{ position:relative;}
/*.nav #m4 .sub{display: none !important;}*/
.nav #m2,.nav #m3{position:initial;}
/*.nav #m2 .sub{max-width:880px;}*/
/*.nav #m2 .sub li:nth-child(-n + 4){ margin-bottom:40px;}*/
.nav #m2 .sub li{width:220px;}
/*wap*/
.sp_header,.sjj_nav{display: none;}

@media screen and (max-width:1800px){
	/*.nav .m .sub{ zoom:0.95;}*/
}
@media screen and (max-width:1700px){
	/*.nav .m .sub{ zoom:0.9;}*/
}
@media screen and (max-width:1650px){
	.nav .m .sub{ zoom:0.8;}
}

@media screen and (max-width:1600px){

}
@media screen and (max-width:1500px){
/**/
}

@media screen and (max-width:1400px){
	.nav .m .sub{ zoom:0.7;}
	.nav h3{font-size: 14px;}
}
@media screen and (max-width:1200px){
	.nav .m .sub{ zoom:0.6;}
	.nav .m{margin-left:40px;}
}
@media screen and (max-width:1000px){
	.nav .m .sub{ zoom:0.5; top:110px;}

}
@media screen and (max-width:800px){
	.top-nav{display: none;}
	#choice{display: none;}
	.sousuo{display: none;}
	.logo{padding-top:10px !important;padding-bottom: 10px;}
	.top-r {margin-top: 38px !important;}
	/*wap-nav*/
	.sp_header,.sjj_nav{display: block;}
	.sp_header{
		height: 60px;
		overflow: hidden;
		z-index: 10;
		width: 100%;
		position: fixed;
		background: rgba(0,0,0, 0.1);
	}
	.sp_logo{padding:7px 10px;float:left;height:60px}
	.sp_logo img{margin:auto;max-height:80px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:18px}
	.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:999;background: rgba(255,255,255, 1);width:100%;height:calc(100% - 60px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
	.nav_show{top:60px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:100%}
	.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px; display:none;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #eee solid;margin:0 20px; text-align:center;position:relative;line-height:60px;font-size:14px}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display: flex;flex-wrap: wrap;}
	.sjj_nav ul li a{color:#000; display:block; font-size:16px;}
	.sjj_nav ul li ul li{ flex: 1; flex-basis:50%;margin: 0;text-align: center; padding-left:15px; padding-right:15px;}
	.sjj_nav ul li ul li a{color:#333;display:block;text-align:center; background:#eee;}
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#000;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#37b087}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	.sjj_nav ul li p{ padding:10px 0; background:#fff;}
	.sjj_nav ul li p a{ background:#fff !important;line-height:35px; font-size:14px; }
	.sjj_nav ul > li > ul > li{padding-top:15px;}
	.sjj_nav ul > li > ul > li > a{ line-height:50px;}
	
	#sp_header{position: fixed;background: #fff;top: 0;box-shadow: 0 0 15px rgba(0,0,0,0.18);}
	#sp_header .sp_logo img{margin-top: -46px;}
	#sp_header .sp_nav span{background: #e60012;}
	
}

@media screen and (max-width:480px){
	.sp_logo img { max-height: 37px;}
	.sp_logo {padding: 11px 10px;}
	
}






