@charset "utf-8";
body{width:100%;overflow-x:hidden;background: #000000;}
#header{
    position: relative;
    z-index: 5;
}
.header{align-items:center;flex-wrap:nowrap;}
.logo{margin-top:5px;margin-bottom: 5px;width:40%;}
.logo img{display:block;max-width:100%;width: 200px;}
#nav{width:60%}
.nav{flex-wrap:nowrap;}
.nav a{}
.nav>li{line-height:60px;text-align:center;position:relative;width:14%;z-index: 999;}
.nav li.on>a,.nav li:hover>a{color:#FB2A23}
.nav>li>a{display:block;padding:10px 0;color:#fff;font-size:26px;font-family:monospace;font-weight:bold}
.cate-one,.cate-two{background: rgba(0,0,0,0.5);z-index:1500;position:absolute;display:none;width:160px;z-index: 999;}
.cate-one{top: 80px;left:0;}
.nav>li:hover .cate-one{display:block}
.cate-one>li:hover .cate-two{display:block}
.cate-one>li{position:relative}
.cate-one li:hover{}
.cate-one a{font-size:14px;display:block}
.cate-one li:hover{background:#000}
.cate-one li:hover>a{color:#FB2A23}
.cate-two{
    left: 100%;
    top: 0;
}
@media (max-width:768px){
	body{padding-top:52px;padding-bottom: 56px;background: #282828;}
	#header{position:fixed;width:100%;top:0;z-index:9;background:#000}
	.header{padding:5px 20px}
	.logo{margin-top:0}
	.logo img{}
	#nav{width: 100%;background: rgba(0,0,0,0.3);position:fixed;top:0;right: 100%;z-index:5;height:100%;box-sizing:border-box;}
	.nav{width: 75%;background: #000;height:100%;padding: 0;overflow-y:scroll;display:block;}
	.nav>li{float:none;width:100%;text-align:left;padding:0 0 0 20px;box-sizing:border-box;line-height: 2;}
	.nav>li.nav-back{padding-left:40px;background:url(../images/fl.png) no-repeat 20px center;background-size:10px;line-height:50px;color:#fff;}
	.nav>li.on,.nav>li:hover{background:none}
	.nav>li>a{color:#fff;padding:0;font-size: 20px;}
	.nav span{display:block;background:url(../images/fl.png) no-repeat center;background-size:10px;width:40px;height:50px;position:absolute;right:0;top:0;transform:rotate(0);transition:0.5s all}
	.nav span.on{transform:rotate(90deg)}
	.cate-one li:hover .cate-two,.nav>li:hover .cate-one{display:none}
	.cate-one{position:unset;width:100%;padding-left:10px;box-sizing:border-box;}
	.cate-one li{line-height:2.5;background:transparent !important}
	.cate-one a{}
	.cate-two{
    position: unset;
    padding-left: 10px;
}
	#open_menu{width:35px;height:35px;border-radius:3px;position:relative}
	#open_menu span,#open_menu:after,#open_menu:before{position:absolute;width:70%;left:15%;height:3px;background:#fff}
	#open_menu:after,#open_menu:before{content:'';transition:transform 0.3s}
	#open_menu span{top:50%;margin-top:-1.5px}
	#open_menu:before{top:8px}
	#open_menu:after{bottom:8px}
	#banner{}
}