/*body.active{ position: fixed; width:100%; height:100%;}*/
body.active{position: relative;}
.nav{ position: relative; z-index: 2;width: 16% }
.nav_scroll::-webkit-scrollbar{display: none;}
#nav ul{/*padding-bottom:100px;*//*height: calc(100vh - 260px);*/width: 100%}
#nav ul li{width:100%;height:45px; overflow: hidden; background: #fff; /*margin-left:1px;*/}
#nav ul li a{ width:100%; height:100%; color:#252530; text-decoration: none; display: flex; justify-content: space-between; align-items: center;
 padding:0 18% 0 18%; box-sizing: border-box;font-size: 13px;
    transition: color .2s,background-color .2s;
}

#nav ul li .nav_title{ width:100%; height:100%; color:#252530; text-decoration: none; display: flex; justify-content: space-between; align-items: center;
 padding:60px 0 0 0; box-sizing: border-box;font-size: 13px;
    transition: color .2s,background-color .2s;
}
#nav ul li .nav_img{padding:60px 18% 0 18%;}

#nav ul li a i{color:#595757}
#nav ul li a:hover{background: #149245!important; color:#fff!important;}

#nav ul .set_nav  i{color:#fff}
#nav ul .set_nav{background: #149245!important; color:#fff!important;}

/*
#nav .nav_title  a{ padding:0 18% 0 0; }
#nav .nav_title  a:hover{background: none !important;color:#e50014 !important;}
#nav .nav_title  a:hover i{color:#e50014}
*/
#nav ul li div.nav_title a{font-size:16px; line-height:46px; display: block!important;}


#nav ul li a:hover i{color:#fff;}
#nav ul li a.active,#nav ul li a.active1{background: #149245; color:#fff}
#nav ul li a.active i{color:#fff;}
.nav_level_1{background: #fff;}

/*.nav_title{ height:50px; background: #fff; margin-left:1px;padding-top: 60px;}*/
.nav_img{padding-left: 18%}
/*.nav_title a{font-size:20px; line-height:50px; display: block!important;}
.nav_title a i{margin-left:30px;}*/

.nav_scroll{overflow-y: auto}
.nav_level_1 .nav_scroll{height:calc(100vh - 45px);}
.nav_level_1 .nav_scroll_bg{height:calc(100vh - 260px);}
.nav_scroll ul .level_li_1:last-child,.nav_scroll ul .level_li_2:last-child,.nav_scroll ul .level_li_3:last-child,.nav_scroll ul .level_li_4:last-child,.nav_scroll ul .level_li_5:last-child{padding-bottom:75px;}
.nav_level_2 .nav_scroll,.nav_level_3 .nav_scroll,.nav_level_4 .nav_scroll,.nav_level_5 .nav_scroll{height:calc(100vh - 145px)}

.level_li_5{z-index: 1}
.level_li_4{z-index: 2}
.level_li_3{z-index: 3}
.level_li_2{z-index: 4}
.level_li_1{z-index: 5}

#nav .nav_level_2 ul li,#nav .nav_level_2 .nav_title,#nav .nav_level_3 ul li,#nav .nav_level_3 .nav_title,#nav .nav_level_4 ul li,#nav .nav_level_4 .nav_title,#nav .nav_level_5 .nav_title{background: #f2f2f2;}
/*
.nav_level_1{height:100vh; background: #fff; width:100%; border-right:1px solid #eaeaea; box-sizing: border-box;}
.nav_level_2,.nav_level_3,.nav_level_4{height:100vh; background: rgb(242,242,242,0.95); width:18vw; border-right:1px solid #eaeaea; box-sizing: border-box;border: 1px solid #bbbbbb}
.nav_level_1{padding-top:30px;position: relative; z-index: 4; background: #fff; }
.nav_level_2,.nav_level_3,.nav_level_4{ position: fixed; z-index:-1; visibility:hidden; top:0;transform: translateX(0);transition: transform 0.5s; left:-1px;}
.nav_level_2.active,.nav_level_3.active,.nav_level_4.active{transform: translateX(100%) translateX(0px);visibility: visible;}
*/
/*.nav_level_2{left:-2vw;}*/

/*body{position: relative;}*/
/*.nav-modal{display: none; background: #fff; opacity: 0.7; width:100%; height:100%; position: absolute; top:0; left:0;z-index: 3;}
.nav-modal.active{ display: block}

.nav_img{padding: 50px 0 0 32px}
*/

.nav_level_1_box{ border:1px solid #fff; /*background: #fff; */padding-top:30px;}
.nav_level_2_box{border:1px solid #b5b5b5; display: none;}
.nav_level_3_box{border:1px solid #b5b5b5; display: none;}
.nav_level_4_box{border:1px solid #b5b5b5; display: none;}
.nav_level_5_box{border:1px solid #b5b5b5; display: none;}
.active .nav_level_2_box,.active .nav_level_3_box,.active .nav_level_4_box,.active .nav_level_5_box{display: block}
.nav_level_1{position: relative; z-index: 4; background: #fff; left:0;width:100%; height:100%; top:0; box-sizing: content-box}
.nav_level_2,.nav_level_3,.nav_level_4,.nav_level_5{ width:100%; position: absolute; z-index:-1;
	transition: left .4s ;left:0; top:0;  box-sizing: content-box; height:100vh; }
.nav_scroll ul{height:100%;background: #f2f2f2;}
.nav_level_2.active,.nav_level_3.active,.nav_level_4.active,.nav_level_5.active{left:100% ;}
.nav_level_2.active{left:100% ;}

.nav-modal{display: none; background: #fff; opacity: 0.7; width:100%; height:100%; position: absolute; top:0; left:0; z-index: 5;}
.nav-modal.active{ display: block}


.nav_level_2.active{max-width: 360px;width: 120%}
.nav_level_3.active{max-width: 360px;width: 120%}
.nav_level_4.active{max-width: 360px;width: 120%}

#left_bg{background: #fff}