nav.m_nav { position:fixed; top:0; left:-100vw; z-index:-1; overflow:hidden; overflow-y:scroll; width:100vw; height:100vh; transition:all 600ms cubic-bezier(.8,0,.33,1); }
nav.m_nav::-webkit-scrollbar { width:0px; background:#000; }
nav.m_nav.nav-open { background:#fff; z-index:9991; left:0; }
.menu-btn { cursor:pointer; z-index:99992; color:#fff; width:14%; transition:.36s all; }
.nav-open .menu-btn { background:none; top: 6px; right:15px; position:fixed; }
.menu-btn .line { padding:0; width:30px; background:#000; height:2px; margin:6px 5px; transition:all 700ms cubic-bezier(.9,0,.33,1); }
.inheader .menu-btn .line { background:#1f9c57; }
.nav-open .header.onmove .menu-btn .line,.nav-open .inheader .menu-btn .line { background:#1f9c57; }
.menu-btn .line.line--1 { width:25px; transform:rotate(0) translateY(0); }
.menu-btn .line.line--1.line-cross { width:30px; transform:rotate(45deg) translateY(3px) translateX(5px); }
.menu-btn .line.line--2 { width:15px; transform:translateX(0); }
.menu-btn .line.line--2.line-fade-out { width:30px; transform:translate(30px); opacity:0; }
.menu-btn .line.line--3 { width:25px; transform:rotate(0) translateY(0); }
.menu-btn .line.line--3.line-cross { width:30px; transform:rotate(-45deg) translateY(-7px) translateX(7px); }
nav.m_nav .nav-links { position:absolute; left:0; top:0; width:100%; height:100%; transform:translateY(0); opacity:0; display:flex; flex-direction:column; justify-content:space-between; }
nav.m_nav .nav-links ul { width:100%; margin-top:5vh; }
nav.m_nav .nav-links.fade-in { opacity:1; transform:translateY(0); }
nav.m_nav .nav-links a { color:#333; }
@media(min-width:992px) {
	a.menu-btn,.nav-open a.menu-btn { background:none; color:unset; position:relative; }
	.nav-open .menu-btn { display:block!important; }
}

nav.m_nav .navsub { display:none; }
nav.m_nav .nav-item { cursor:pointer; }
nav.m_nav .nav-item .link { width:85%; max-width:400px; font-size:16px; border-bottom: 1px solid #eee; margin:0 auto; padding:17px 10px; display:flex; align-items:center; justify-content:space-between; }
nav.m_nav .nav-item div.link:after { content:'\ed66'; font-family:'iconfont'; }
nav.m_nav .nav-item:first-child .link { font-weight:bold; border-bottom:none; margin-bottom:20px; }
nav.m_nav .nav-item:first-child:hover .link { background:none; }
nav.m_nav .nav-item:last-child .link { border-bottom:none; }
nav.m_nav .nav-item:hover .link,.nav-item.active .link { background:#fff; }
nav.m_nav .nav-item:hover .link a,.nav-item.active .link a { color:#1f9c57; }
nav.m_nav .subslide:hover { color:#1f9c57; }
nav.m_nav .nav-item.active .link:after { transform: rotate(135deg); transition:.2s all linear; }
nav.m_nav .nav-item.active .link a { font-weight:bold; }
nav.m_nav .nav-item.active .navsub { display:block; }
nav.m_nav .nav-item.active .navsub a { animation:flipInX 1.5s; width:100%; text-align:left; padding: 17px 10px 17px 20px; }
nav.m_nav .nav-subitem { border-bottom: 1px solid rgba(255,255,255,.1); width: 85%; font-size: 1rem; max-width: 400px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
nav.m_nav .nav-subitem a { display:block; }

nav.m_nav .navbottom { color:#fff; background:#000; border-top:1px solid #000; position:relative; margin-top:20px; padding:20px 0; transform:translateY(100%); }
nav.m_nav .navbottom:after { content:''; position:absolute; z-index:9; right:0; top:0; bottom:0; width:0; height:0; transform:translateY(-100%); }
nav.m_nav .navbottom a { color:#fff; display:block; margin:0 auto; padding: 17px 10px; font-size: 1.2rem; 
    border-bottom: 1px solid rgba(0,0,0, 0.3); width: 85%; position:relative; }
nav.m_nav .navbottom i { color:#fff!important; }
nav.m_nav .navbottom a:last-child { border-bottom:none; }
.nav-open nav.m_nav .navbottom { transform:translateY(0); transition: all 1000ms cubic-bezier(.8, 0, .33, 1); }
@media(min-width:992px) {
	nav.m_nav .navbottom a { text-align:center; }
}