@charset "utf-8";
/* 以下实际使用若已初始化可删除 .nav height父级需逐级设置为100%*/
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 */
.nav{width:100%; min-height:260px;background:#03A9F4;transition: all .3s;float:left;}
.nav ul{margin-top:0px;}
.nav li{border-bottom:0px solid #999; background:#fff; color:#fff; width:97%; margin:8px auto;}
.nav a{display: block;overflow: hidden;padding-left:0px;line-height: 32px;max-height:32px;transition: all .3s; color:#222; font-weight:bold;}
.nav a span{margin-left:10px;}
.nav-item{position: relative;}
.nav-item ul{display: none;background: rgba(0,0,0,.1);}
.nav-item>a:before{content: "";position: absolute;left: 0px;width:0px;height:32px;background: #34A0CE;opacity:0;transition: all .3s;}

.nav-more{float:right;margin-right:10px;font-size: 12px;transition: transform .3s;}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
.nav-more::after{content: "\e621";}
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show,.nav-item>a:hover{}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
/*---------------------*/
.nav-item li:hover a{color: #FFF;background: rgba(0, 0, 0,.1);}
.nav-item ul{margin-top:0px;}
.nav-item ul li{background:#eee;border-bottom:1px dashed #ccc; width:97%; margin:0px auto; padding-left:3%;}
.nav-item ul a{display: block;overflow: hidden;padding-left:0px;line-height: 22px;max-height:22px;color: #555;transition: all .3s; font-size:13px; font-weight:normal;}