.h_menu,#nav{ display:none;}
@media only screen and ( max-width:800px ){
#header .h_menu,#nav{ display:block;}
#header .h_menu{float:right; position:relative; width:10%; height:30px; margin-top:15px; }
#header .h_menu span{display: block; left:3%; position:absolute; width:94%; height:2px; background:rgba(0, 0, 0, .4);}
#header .h_menu span:nth-child(1){top:20%;}
#header .h_menu span:nth-child(2){top:49%;}
#header .h_menu span:nth-child(3){top:80%;}
#header .h_menu.on span:nth-child(1){top:50%; transform:rotate(45deg);}
#header .h_menu.on span:nth-child(2){opacity: 0;}
#header .h_menu.on span:nth-child(3){top:50%; transform:rotate(-45deg);}
#nav .bg{display:none; background:rgba(0,0,0,.4); position:fixed; left:0; top:110px; width:100%; height:100%; z-index: 5;}
#nav .con_wr{display:none; position:fixed; left:3%; top:120px; width:94%; height:calc(100% - 2.8rem); overflow:hidden; background:rgba(255, 255, 255, .9); padding:.5rem 0 .5rem; z-index: 10;}

#nav .two_box{height:100%; overflow: hidden;}
#nav .two_box::-webkit-scrollbar{width:0;}
#nav .two_box ul{padding: 0 1rem; overflow-y: auto; height: 100%;}
#nav .two_box ul li{text-align: left; border-bottom: 1px solid rgba(0, 0, 0, .1);}
#nav .two_box h1{font-size:16px; color:rgba(0,0,0,.6); height:40px; line-height:40px; padding-left: .2rem; font-weight: 400; background: url(../images/snav.png) 95% center no-repeat; background-size: 6% auto;}
#nav .two_box .current{color:rgba(0,0,0,.8); background: url(../images/snavon.png) 95% center no-repeat; background-size: 6% auto;}
#nav .two_box .nvind_special{background: 0 0;}

#nav .two_box li dl{display: none;  padding:10px 0px 10px 10px;}
#nav .two_box li dd{border-bottom: 1px dashed rgba(0, 0, 0, .1);}
#nav .two_box li dd:last-child {border: none;}
#nav .two_box li dd a {display: block; color:rgba(0,0,0,.6); height:30px; line-height:30px; font-size:14px;}

.overflow_hidden{overflow: hidden;}


	}