.nav-warp {width:auto;}
.nav-warp ul {
    display: flex;
}
.nav-warp ul li {
    font-size: 16px;
    list-style: none;
    line-height: 70px;
    text-align: center;
}
.nav-warp ul li a {
    padding: 0 20px;
}

.nav {position:relative; z-index:999;}
.nav a { color:#000;  }
.nav .nLi{ float:left;  position:relative; display:inline; z-index: 9999999;}
.nav .nLi a{ display:block; padding:0 20px;}
/*.nav .nLi a:hover {*/
/*    color:#e50012 ;*/
/*}*/
.nav .sub {
    display:none;
    left:0;
    top:70px;
    position:absolute;
    background:#fff;
    z-index: 9999;
    width: 130%;
    padding: 5px;
    border-top: 3px solid #e50012;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
    border-radius: 0 0 8px 8px;
}
.nav .sub li { zoom:1; display: block; vertical-align: unset; line-height: 36px; width: 100%; font-size: 14px}
.nav .sub a { display:block; color: #000}
.nav .sub a:hover{ background:#e50012; color: #fff; border-radius: 8px}
.nav .on>a {color: #e50012;}
.nav .on>a:after{
    content: " ";
    display: flex;
    border-top: 3px solid  #e50012;
    background:#e50012;
    color:#fff;
}