@charset "utf-8";


/* nav */
.nav{width: 200px;height: 100%;background:url(../images/01_45.jpg);transition: all .3s; float:left; font-size:16px;}
.nav a{display: block;overflow: hidden;padding-left: 20px;line-height: 46px;max-height: 46px;color: #fff;transition: all .3s;}
.nav a span{margin-left: 30px;}
.nav-item{position: relative; background:url(../images/png_11.png) no-repeat 20px 10px;}
.nav-item.nav-show{border-bottom: none; background:url(../images/png_03.png) no-repeat 20px 10px #fff; }
.nav-item.nav-show a{ color:#1164ab; }
.nav-item ul{display: none;background: rgba(0,0,0,.1);}
.nav-item.nav-show ul{display: block; background:#d4e1ed;}
.nav-item.nav-show ul li a{display: block; background:#eee; color:#000; padding-left:80px;}
.nav-item.nav-show ul li a:hover{display: block; background:#d4e1ed; color:#000;padding-left:80px;}
.nav-item.nav-show ul li a.tingzhu{ display: block; background:#d4e1ed; color:#000; padding-left:80px;}
.nav-item>a:before{content: "";position: absolute;left: 0px;width: 0px;height: 46px;background: #fff;opacity:0;transition: all .3s; color:#000;}
.nav .nav-icon{font-size: 20px;position: absolute;margin-left:-1px;}
.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);}