@charset "utf-8";
/*===========================header=============================*/





/*@font-face{
	font-family:myE;
	src: url(../fonts/norwester.ttf);
}*/
/*===========================header=============================*/






.offcanvas-page{ overflow:hidden; position:fixed;}

/*侧导航按钮动画*/
.nav_btn{position: absolute;top: 0; right: 0;width: 53px !important;height: 61px !important; transition: 0.5s;cursor: pointer;height:5rem; width: 4.5rem; background:none; border:none; padding: 0; outline: none;}
.line{position: relative;display: block;width: 18px;height: 2px;margin: 1px auto 0;background: #555;border-radius:3px;}
.line:before,.line:after{content: '';width: 100%;height: 2px;right: 0;position: absolute;background: #555;border-radius:3px;transition-duration: 0.3s,0.3s;transition-delay: 0.3s,0s;}
.line:before{transition-property: bottom,transform;bottom: 8px;}
.line:after{transition-property: top,transform;top: 8px;}
.nav_btn_active{right: 240px;position: fixed; z-index:999; top:0; border-radius:0;}
.nav_btn_active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.nav_btn_active span:after,.nav_btn_active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.nav_btn_active span:before {bottom: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.nav_btn_active span:after {top:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

/*侧导航样式*/
.header-nav {display: block;width: 240px;position: fixed;top: 0;right: 0;opacity: 0;transition: 0.5s;text-align: left;transform: translateX(240px);visibility: hidden\9;height: 100vh;overflow: auto;    bottom: 0;z-index: 1090;
    background: #f4f4f4;}
.header-nav-active {opacity: 1; display:block;transform: translateX(0);}
.masks {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}


#aside_nav .am-offcanvas-bar{ width: 252px; background: #f4f4f4;}
#nav .am-list > li{  background: none; border-color:rgba(0,0,0,.06); padding:1.5rem 0; box-shadow:none !important; }
#nav .am-list > li a{ padding:0; padding-left:2rem; font-size:16px; color: #666;}
#nav .am-fr[class*="am-icon-"]{ color:#999 !important;}
#nav .am-list > li ul{ padding:0 ; margin-bottom: -1rem;}
#nav .am-list > li ul li{ padding:0 2rem; line-height: 3.5rem; display: block; background: #fff; border:0; }
#nav .am-list > li ul li{}
#nav .am-list > li ul li:last-child{ border:none;}
#nav .am-list > li ul li a{ font-size:12px; display:block; padding:0;}
#nav .am-fr[class*="am-icon-"]{ color: #eee;}
#nav .doc-oc-demo3{ width:50px;}
#nav .am-list > li ul{ padding-top: 10px; }