@charset "utf-8";
/* 以下实际使用若已初始化可删除 .nav height父级需逐级设置为100%*/

li{list-style:none} 
a{text-decoration:none;}
/* 以上实际使用若已初始化可删除 */
.cf-o{overflow:hidden;_zoom:1;}
/* nav */
.nav{width: 100%;height: 100%;background: #fff;transition: all .3s;}
.nav a{display: block;overflow: hidden;padding-left: 33px;line-height: 40px;max-height: 40px; transition: all .3s;font-size: 14px;color: rgb(51, 51, 51);}

.nav a span{margin-left: 15px;}
.nav-item{position: relative;}
.nav .nav-item .tit{line-height: 60px;max-height: 60px; border-bottom:1px solid #BED0DE;font-size: 18px;font-weight: bold;color: rgb(0, 112, 192);padding-left: 2px;}
.nav .nav-item .focus{ color: rgb(0, 82, 140);}

.nav-item.nav-show{border-bottom: none;}
.nav .nav-item .tit{max-height:none;}
.nav .nav-item span b{ display: block; line-height:16px; font-size: 12px;color:#69717E; margin:-10px 10px 10px 30px;}
.nav-item ul{margin:17px 0;display: none;}
.nav-item.nav-show ul{display: block;}
.nav-item>a:before{content: "";position: absolute;left: 0px;background: #34A0CE;opacity:0;transition: all .3s;}
.nav .nav-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";}
/*---------------------*/
.nav-more{float:left;transition: transform .3s;}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
.nav-more::after{}
/*---------------------*/
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show,.nav-item>a:hover{color:rgb(0, 112, 192);}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.nav-item li:hover a{color: rgb(51, 51, 51);background: #C3D0D9;}
.nav-item li .focus{color: rgb(51, 51, 51);background: #C3D0D9;}

.nav-item ul .ahover{color: rgb(51, 51, 51);background:rgba(0,0,0,.1);font-weight:bold;}

/* 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;}