.nav ul>li{position:relative;}
.sub{position:absolute;left:-10px;right:-10px;top:50px;background-color:#fff;padding:10px 0;z-index:9;display:none;}
.sub a{display:block;font-size:12px;color:#333;line-height:300%;padding:0 8px;text-align:center;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.sub a+a{border-top:1px solid #e0e0e0;}
.sub a:hover{color:#0e6eb8;}




@media only screen and (max-width: 990px){
.nav{position:fixed;left:0;right:0;z-index:9;float:none;overflow-y:auto;}
.sub{position:static; background: #f6f6f6;}
.sub a+a{border:none;}
.nav.down{bottom:100%;visibility:hidden;opacity:0;}
.nav.down.open{bottom:0;visibility:visible;opacity:1;}
.menuBtn{display:block;}
}