@charset "utf-8";
/* 以下实际使用若已初始化可删除 .nav height父级需逐级设置为100%*/
/*body,html{height: 100%;background: #E2E2E2}
body,ul{margin:0;padding:0}
body{font:14px "微软雅黑","宋体","Arial Narrow",HELVETICA;-webkit-text-size-adjust:100%;} 
li{list-style:none} 
a{text-decoration:none;}
/* 以上实际使用若已初始化可删除 */

/* nav */
.subMenu{background: #2e353b;height: 100%; min-height:1370px;width:300px; position:absolute; left:0}
.nav1{width:300px;height: 100%;background: #fff;transition: all .3s;}
.nav1Name{ height:80px; line-height:80px; font-size:27px; color:#fff; text-align:center; background:#20ad96;}
.nav1 a{display: block;overflow: hidden;padding-left: 20px;line-height: 60px;max-height: 60px;color: #777;transition: all .5s;}
.nav1 a span{margin-left: 30px; color:#333; font-size:15px;}
.nav1 .nav-item{position: relative; border-top:1px dashed #e5e5e5;}
.nav1 .nav-item.nav-show{border-bottom: none;}
.nav1 .nav-item ul{display: none;background:#f7f7f7;}
.nav1 .nav-item.nav-show ul{display: block;}
.nav1 .nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 60px;background: #65cef5;opacity:0;transition: all .5s;}
.nav1 .nav .nav-icon{font-size: 20px;position: absolute;margin-left:-1px;}
/* 此处修改导航图标 可自定义iconfont 替换*/

/*---------------------*/
.nav1 .nav-more{float:right;margin-right: 20px;font-size: 17px;transition: transform .5s; padding-top:15px;}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/


/*---------------------*/
.nav1 .nav-show .nav-more{transform:rotate(90deg);}
.nav1 .nav-show,.nav-item>a:hover{color: #20ad96;background:#f7f7f7;}
.nav-item>a:hover .nav-icon{ color:#333}
.nav1 .nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.nav1 .nav-item li:hover a{color: #20ad96;background:|#f7f7f7;}
.nav1 .nav-item li.actived a{color: #fff;background:#20ad96;}
.nav1 .nav-item li.actived a span{color: #fff;}
/* nav-mini */
.nav1 .nav-mini.nav{width: 60px;}
.nav1 .nav-mini.nav .nav-icon{/* margin-left:-2px; */}
.nav1 .nav-mini.nav .nav-item>a span{display: none;}
.nav1 .nav-mini.nav .nav-more{margin-right: -20px;}
.nav1 .nav-mini.nav .nav-item ul{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#3C474C;overflow: hidden;}
.nav1 .nav-mini.nav .nav-item:hover{background:rgba(255,255,255,.1);}
.nav1 .nav-mini.nav .nav-item:hover .nav-item a{color:#FFF;}
.nav1 .nav-mini.nav .nav-item:hover a:before{opacity:1;}
.nav1 .nav-mini.nav .nav-item:hover ul{display: block;}


@media (max-width: 995px){
.subMenu {
    display: none;
}}


