.header_wrap{
	display: flex;
	align-items: center;
	height: 90px;
	padding-left: 4%;
	position: relative;
	z-index: 2;
	background: #fff;
	justify-content: space-between;
	box-shadow: 0px 0px 23px #2c32384D;
}

.header{
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 999;
	left: 0;
	background: #fff;
}

.header_wrap ul{
	display: flex;
	z-index: 101;
	align-items: center;
}
.header_wrap .logo{
	position: relative;
	z-index: 10000;
	
}
.header_wrap ul li{
	font-weight: bold;
	font-size: 16px;
	margin-right: 80px;
	white-space: nowrap;
}

.header_wrap ul li.on a{
	color:#2c1782;
}

.header_wrap ul li:hover a{
	color:#2c1782;
}

.header_wrap ul li:last-of-type {
	margin-right: 0px;
	background: #2c1782;
}

.header_wrap ul li.more{
	padding: 0 30px;
	background: #2c1782;
	height: 90px;
	display: flex;
	align-items: center;
}

.wap-mask-nav dl a:hover{
	color: #2c1782;
	font-weight: bold;
}

.wap-mask-nav:before{
	opacity:0.9;
	width: 26%;
	content: "";
	position: relative;
	background: #2c1782;
}

.wap-mask-nav .box::-webkit-scrollbar {
    display: none; /* Chrome Safari */
}

.wap-mask-nav .box{
	 height: 100%;
	 box-sizing: border-box;
    padding: 200px;
    background: #fff;
    flex: 1;
    overflow: auto;
}
.wap-mask-nav{
	display: flex;
	width: 100%;
	box-sizing: border-box;
	position: fixed;
	right: 0;
	top: 0;
	height: 100vh;
	z-index: 0;
	
	transform: translateX(100%);
	transition: all .3s;
}

.wap-mask-nav.show{
transform: translateX(0%);
}

.wap-mask-nav .nav-item {
   margin-bottom: 70px;
}


.wap-mask-nav .nav-item:nth-child(odd){
	width: 260px;
	margin-right: 15%;
}

.wap-mask-nav .nav-item:nth-child(even){
	width: 660px;
}



.wap-mask-nav{
	font-size: 14px;
}
.wap-mask-nav dt{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 20px;
	border-bottom: 1px solid #2c1782;
	margin-bottom: 30px;
}
.wap-mask-nav dd{
	margin-bottom: 20px;
}

.wap-mask-nav .flex-box{
	display: flex;
}


@media screen and (max-width:768px){
	  .header_wrap{
	  	height: 60px;
	  }
	  .header_wrap .logo img{
		width: 90%;
	  }
	  .header_wrap ul li.more{
	  	height: 60px;
	  	padding: 0 10px;
	  }
     .header_wrap ul li{
     	  display: none ;
     }
     .wap-mask-nav .box{
     	padding: 20px;
     	padding-top: 100px;
     }
     .wap-mask-nav:before
     {
     	display: none;
     }
}