/* nav */
.nav{width: 280px;/*height: 100%;*/float: left; background: #fff;transition: all .3s;box-shadow: 0px 7px 9px #ddd;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;}
.nav a{display: block;overflow: hidden; padding-left: 20px;line-height: 46px;max-height: 46px;color: #666;transition: all .3s;}
.nav a:hover span,.nav a.on span{color:#802358;}
.nav a span{margin-left: 30px;}
.nav .fenlei a{text-align: center;padding-left: 0}
.nav .fenlei a span{margin-left: 0px;}
.nav .nav1{font-size: 18px; color: #222;border-top:3px solid #f49d0e;}
.nav .nav2{background-image: url(/Public/images/web/nav2bj.jpg); background-size: 100% 100%; background-repeat: no-repeat;}
.nav .nav2 a{line-height: 35px;background-image: url(/Public/images/web/yeljt.png); font-weight: bold; background-repeat: no-repeat;background-position: 70px center}
.nav-item{position: relative;}
.nav-item.nav-show{border-bottom: none;}
.nav-item ul{display: none;/*background: rgba(0,0,0,.1);*/}
.nav-item.nav-show ul{display: block;}
/*.nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 46px;background: #34A0CE;opacity:0;transition: all .3s;}*/
.nav .nav-icon{display:inline-block;vertical-align: top;margin-top:13px;}
/* 此处修改导航图标 可自定义iconfont 替换*/
/*.icon_1::after{content: "\e62b";}
.icon_2::after{content: "\e669";}
.icon_3::after{content: "\e61d";}*/
/*---------------------*/
.nav-more{float:right;margin-right: 20px;transition: transform .3s;margin-top:20px;}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
/*.nav-more::after{content: "\e621";}*/
/*---------------------*/
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show,.nav-item>a:hover{color: #222;}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.nav-item li:hover a{color: #222;}

/* nav-mini */
.nav-mini.nav{width: 60px;}
.nav-mini.nav .nav-icon{/* margin-left:-2px; */}
.nav-mini.nav .nav-item>a span{display: none;}
.nav-mini.nav .nav-more{margin-right: -20px;}
.nav-mini.nav .nav-item ul{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#3C474C;overflow: hidden;}
.nav-mini.nav .nav-item:hover{background:rgba(255,255,255,.1);}
.nav-mini.nav .nav-item:hover .nav-item a{color:#FFF;}
.nav-mini.nav .nav-item:hover a:before{opacity:1;}
.nav-mini.nav .nav-item:hover ul{display: block;}






/* nav */
.nav3{width: 100%;/*height: 100%;*/float: left; transition: all .6s;}
.nav3 a{display: block;overflow: hidden;transition: all .3s;}
.nav3 a span{margin-left: 30px;}
.nav3 .fenlei a{text-align: center;padding-left: 0}
.nav3 .fenlei a span{margin-left: 0px;}
.nav3 .nav1{font-size: 18px; color: #222;border-top:3px solid #f49d0e;}
.nav3 .nav2{background-image: url(/Public/images/web/nav2bj.jpg); background-size: 100% 100%; background-repeat: no-repeat;}
.nav3 .nav2 a{line-height: 35px;background-image: url(/Public/images/web/yeljt.png); font-weight: bold; background-repeat: no-repeat;background-position: 70px center}
.nav3-item{position: relative; margin-top: 5px!important;}
.nav3-item.nav-show{border-bottom: none;}
.nav3-item ul{display: none;/*background: rgba(0,0,0,.1);*/overflow: hidden; float: left;}
.nav3-item.nav-show ul{display: block;}
/*.nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 46px;background: #34A0CE;opacity:0;transition: all .3s;}*/
.nav3 .nav3-icon{font-size: 20px;position: absolute;margin-left:-1px;}
/* 此处修改导航图标 可自定义iconfont 替换*/
/*.icon_1::after{content: "\e62b";}
.icon_2::after{content: "\e669";}
.icon_3::after{content: "\e61d";}*/
/*---------------------*/
.nav3-more{float:right;margin-right: 20px;font-size: 12px;transition: transform .3s;}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
/*.nav-more::after{content: "\e621";}*/
/*---------------------*/
.nav3-show .nav3-more{transform:rotate(90deg);}
.nav3-show,.nav3-item>a:hover{color: #222; margin-top: 5px!important}
.nav3-show>a:before,.nav3-item>a:hover:before{opacity:1;}
.nav3-item li:hover a{color: #222;}
.nav3-item .top1 .jiantou{transition: transform .3s;float: right;margin-top: 28px; margin-right: 60px;}
.nav3-show .top1 .jiantou{transform:rotate(90deg);}
.nav3-show .fenlei{display: block;}
/* nav-mini */
.nav3-mini.nav3{width: 60px;}
.nav3-mini.nav3 .nav3-icon{/* margin-left:-2px; */}
.nav3-mini.nav3 .nav3-item>a span{display: none;}
.nav3-mini.nav3 .nav3-more{margin-right: -20px;}
.nav3-mini.nav3 .nav3-item ul{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#3C474C;overflow: hidden;}
.nav3-mini.nav3 .nav3-item:hover{background:rgba(255,255,255,.1);}
.nav3-mini.nav3 .nav3-item:hover .nav-item a{color:#FFF;}
.nav3-mini.nav3 .nav3-item:hover a:before{opacity:1;}
.nav3-mini.nav3 .nav3-item:hover ul{display: block;}