.nav {
	margin: 0px auto; 
	text-align: center;
	float:right

}

.nav ul ul {
	display: none;
}

	.nav ul li:hover > ul {
		display: block;
	}


.nav ul {

	list-style: none;
	position: relative;
	display: inline-table;
}
	.nav ul:after {
		content: ""; clear: both; display: block;
	}

	.nav ul li {
		float: left; position:relative; line-height:80px; margin:0 13px
		
	}	
	.nav ul li i{ display:inline-block}
		
	.nav ul li:hover:after{ content:""; position:absolute; bottom:0; width:100%; height:3px; background:#e60013; transition:all 0.6s; left:0;}
	.nav ul li:after{ content:""; width:0; position:absolute; bottom:0; height:3px; background:#e60013; transition:all 0.6s; left:0;}	
		
		.nav ul ul li:hover:after{ content:none;}
	.nav ul ul li:after{ content:none; }	
		

		.nav ul li:hover {
			
			
		}
			.nav ul li:hover>a {
				color: #ff0000;
			}
		
		.nav ul li a {
			display:inline-block; padding:0 10px; font-size:16px;
			color: #333; text-decoration: none;
		}
			
		
	.nav ul ul {
		background: #fff; border-radius: 0px; padding: 10px 0;
		position: absolute; top: 100%; min-width:200px;box-shadow: 0px 0px 10px rgba(195,195,195,0.75); z-index:99
	}
		.nav ul ul li {
			float: none; 
		 position: relative;
			margin:0;
			line-height:40px
		}
			.nav ul ul li a {
				padding: 0;
				color: #666;
				font-size:14px;
			}	
			
				.nav ul ul li a:hover {
					background: #fff; color:#ff0000
				}
		
	.nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}
		
		
@media only screen and (max-width:1024px){

		.nav ul li a {
			display:inline-block; padding:0 10px; font-size:14px;
		}
				.nav ul li {
		float: left; position:relative; line-height:80px; margin:0 5px
		
	}	
}		
		
		
		
		
		

.nav2{ display:none}


.sp_header{height:50px;overflow:hidden;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:35px;margin-top:15px; background:#f1f1f1; overflow:hidden}
.sp_nav span{display:block;background:#333;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:8px}
.sp_nav span:nth-of-type(2){top:16px}
.sp_nav span:nth-of-type(3){top:24px}
.sp_nav_se span:nth-of-type(1){top:16px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:16px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fff; border-top:#eee 1px solid;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:95px;left:auto; right:-100%;overflow:auto;overflow-x:hidden;transition:all ease 0.35s;}
.nav_show{top:95px; right:0}
.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 i{position:absolute;top:5px;right:0px;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:0 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; border-top:#ddd 1px solid}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li{ margin:0; border:0;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


@media only screen and (max-width:992px){
	.nav{ display:none;}
	.nav2{ display:block}
	
}