@charset "utf-8";
/* CSS Document */
.none,.mob-nav{ display:none;}

.nav li{ float:left; margin-left:25px; height:39px; text-align:center; width:115px; font-size:14px; position:relative;}
.nav li > a{ display:block; transition:all 0.5s ease;}
.nav li > a span{ color:#999; text-transform:uppercase; display:block; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.nav li > a:hover span{ color:#db0112;}
.nav li > a.cur{ color:#fff; background:#db0112; transition:all 0.5s ease;}
.nav li > a.cur span{ color:#f1b8ba;}
.nav li div{ width:100%; position:absolute; top:36px; z-index:10; padding-top:22px; overflow:hidden; display:none;}
.nav li div p a{ display:block; text-align:center; border-bottom:1px solid #c70110; line-height:35px; background:#d90112; color:#fff;}
.nav li div p a:hover{ background:#ff0014;}

@media (max-width: 1000px){
.nav{ position:fixed; top:56px; width:100%; left:0; z-index:20; background:#fff; display:none; overflow:auto; width:100%;}
.nav li{ width:100%; margin:0;height: auto; text-align:left; border-bottom:1px solid #ddd; position:relative; left:-40px; top:-25px;}
.nav li > a{ height:50px; line-height:50px; display:block; padding-left:2%;}
.nav li > a span{ display:inline-block; margin-left:10px;}
.nav li > a.cur{ color:#333; background:none;}
.nav li > a.cur span{ color:#999;}
.mob-nav{ display:block; height:36px; width:36px; background:url(../images/nlm2.png) no-repeat center center; background-size:auto 80%;}
.nav li div{ position:relative; top:0; padding-top:0;}
.nav li div p a{ line-height:45px; background:none; color:#666; text-align:left; padding-left:6%; border-bottom:none; border-top:1px solid #ddd;}
.nav li div p a:hover{ background:none;}
}