.header {width:100%;position:fixed;top:0;left:0;z-index:999;background:rgba(10, 11, 39, .8);}
/*左侧logo*/
.header .logo {width:249.23px; float:left; padding:10px 0px;}
.header .logo img { width:100%;}
/*右侧*/
.header .nav {-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;height:100%; line-height:80px; float:right;}
.header .navbar_nav li {float:left;position:relative;display:block;}
.header .navbar_nav li a {text-decoration:none;height:100%;display:block;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;color:#fff;font-size:18px; padding: 0px 25px;font-family: SourceHanSansCN-Light;}
.header .navbar_nav li:hover a,.header .navbar_nav li.active a {color:#fff;background: #005095;}

/*白色背景的头部*/
.header.on {background:rgba(10, 11, 39, .5);}
#navToggle {display:none;}
.m_nav {position:fixed;width:100%;height:100%;background:rgba(10, 11, 39, 1); transition:all ease 0.5s;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;top:-100%;}
.m_nav.open { top:0%;}
.m_nav .top {height:60px;padding:20px;box-sizing:border-box;}
.m_nav .top .closed {width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer;}
.m_nav .ul {margin-top:30px;}
.m_nav .ul li {padding:0 20px;-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0;}
.m_nav.open .ul li {opacity:1;}
.m_nav .ul li a {display:block;text-decoration:none;color:#fff;font-size:14px;height:45px;line-height:45px;width:100%;font-family: SourceHanSansCN-Light;}


.wrap{ padding-top:80px;}

@media screen and (max-width:992px) {
	.wrap{ padding-top:54px;}
	.header .logo { width:160px;}
	.header .logo{ padding:8px 0px;}	
	.header #navToggle {height:100%;padding:7px 15px;margin-right:-15px;display:inline-block;float:right;}
	.header #navToggle span {position:relative;width:25px;height:1px;margin-top:19px;}
	.header #navToggle span:before,.header #navToggle span:after {content:'';position:relative;width:100%;height:1px;left:0;}
	.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;background:#fff;}
	.header #navToggle span:before {top:8px;}
	.header #navToggle span:after {bottom:10px;}
	.header #navToggle.open span:before {top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg);}
	.header #navToggle.open span:after {bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
	.header #navToggle.open span {background:none;}
	.header #navToggle.open span:before,.header #navToggle.open span:after {background:#4f4f4f;}
	.header .nav {display:none;}

}