@charset "utf-8";body,html {height:100%;background:#e2e2e2}
body,ul {margin:0;padding:0}
body {font:18px 微软雅黑,宋体,arial narrow,HELVETICA;-webkit-text-size-adjust:100%}
li {list-style:none}
a {text-decoration:none}
.nav {width:180px;height:100%;background:#000000;transition:all .3s; position:absolute; left:0; top:0px; z-index:2;padding: 2% 2% 0; max-width:660px;border-right: 0.01rem solid rgb(149, 149, 144);}
.nav a {display:block;overflow:hidden;padding-left:35px;line-height:46px;max-height:46px;color:#fff;transition:all .3s}
.nav a span {margin-left:30px}
.nav-item {position:relative;background:rgba(255,255,255,.2) no-repeat 10px center; margin-bottom:10px; clear:both}
.nav-item.nav-show {border-bottom:none}
.nav-item ul {display:none;background:rgba(0,0,0,.1);margin: 1% 0;
    overflow: hidden;}
.nav-item.nav-show ul {display:block}
.nav-item>a:before {content:"";position:absolute;left:0;width:2px;height:46px;background:#34a0ce;opacity:0;transition:all .3s}
.nav .nav-icon {font-size:20px;position:absolute;margin-left:-1px}
.nav-more {float:right;margin-right:20px;font-size:12px;transition:transform .3s}
.nav-more::after {content:"\e621"}
.nav-show .nav-more {transform:rotate(90deg)}
li.nav-show a{ background:#1aabe7 url(../map5/dot.png) no-repeat 10px 23px;}
.nav-item a:hover{ background:#1aabe7 url(../map5/dot.png) no-repeat 10px 23px}
li.nav-show .nav-show a{ background:0}
.nav-show li a:hover{background:#1aabe7!important }
.nav-show,.nav-item>a:hover {color:#fff;}
.nav-item li:hover a {color:#fff;background:rgba(0,0,0,.1)}
#hide,#show{position: absolute;right: 0;top:245px; cursor: pointer;width: 20px;height: 126px;padding-top: 30px; z-index:9;; margin-right:-20px}
#show{position: absolute;left: 0; cursor: pointer; display:none;margin:0}
.nav-top{ margin-bottom:6%; height:13%; width:auto}
.nav-top img{width:100%; height:auto}
.change { height:29%; width:auto; margin-bottom:1%}
.change img{ width:100%; height:100%}
iframe {
display: block; /* iframes are inline by default */
background: #000;
border: none; /* Reset default border */
height: 100vh; /* Viewport-relative units */
width: 100vw;
position:absolute; left:0; top:0; z-index:1
}

ul.hidefix a{width:100%;height: auto;float:left;margin-right:1%;    text-align: center;padding:0
}
.height{ height:70%; overflow-y:scroll; width:100%}
ul.hidefix li:nth-child(4) a{      margin-right: 0;}
ul.hidefix li:nth-child(9) a,ul.hidefix li:nth-child(10) a,ul.hidefix li:nth-child(11) a,ul.hidefix li:nth-child(12) a,ul.hidefix li:nth-child(13) a{width:19%;}

/*
ul.hidefix a:nth-child(3n){margin-right:0!important}
ul.hidefix a:nth-child(3n){margin-right:0!important}
ul.hidefix a:nth-child(13n){margin-right:0!important; width:60px}
*/

.home {position:relative;background:rgba(255,255,255,.2) no-repeat 10px center; clear:both}
.home img{ vertical-align:middle; height:20px;width:auto; margin-right:10px}
.home:hover{ background:#1aabe7 }