/*top*/
.top-nav{position: fixed;top: 0;width: 100%;height:90px;z-index:999;background: rgba(0,0,0,0.6);}
.logo{float: left;margin-top: 25px;height: 40px;overflow: hidden;width: 166px;}

.header.on .top-nav .logo{background-position:0px -52px !important;}

/*pc*/
.navBar{float: right;}
.nav .m {
    position: relative;
    float: left;
    margin-left: 55px;
    display: inline;
    text-align: right;
}
.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 a {
    color: #fff;
}
.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: 190px;
    position: absolute;
    left: -66px;
    top: 90px;
    float: left;
    line-height: 35px;
    text-align: center;
}
.nav #m3 .sub {left:-45px;}
.nav .sub li{ background: rgba(0,0,0, 0.5);padding: 5px 0;transition: all 0.6s ease;}
.nav .sub a{ color: #fff !important; background: none !important;}
.nav .sub li:hover{background: #c4070e;}
#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(../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 #m4 .sub{display: none !important;}

/*wap*/
.sp_header,.sjj_nav{display: none;}


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

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

}

@media screen and (max-width:1400px){
	.nav h3{font-size: 14px;}
}

@media screen and (max-width:1200px){
	.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: absolute;
		background: rgba(0,0,0, 0.1);
	}
	.sp_logo{padding:15px 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:9;background: rgba(255,255,255, 1);width:100%;height:calc(100% - 104px);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:calc(100% - 70px)}
	.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;}
	.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 #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#000;width:80%}
	.sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
	.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}
	
	#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;}
}