.menu li {list-style: none;padding: 0;margin: 0;display: inline-block;}
    .menu ul {margin: 0;padding: 0;overflow: hidden;}
    .menu {background: #293646;position: absolute;width: 100%;z-index: 10000000;top: 5px;opacity: 1;left: 0;}
    .menu a {color: #ffcc00;font-size: 12px;font-weight: bold;}
    .menu .mUl {width: 990px;margin: 0 auto;}
    .menu li li {display: block;}
    .menu li li a {color: #fff;}
    .menu .mUl > li {width: 20%;float: left;text-align: center;}
    .menu .sUl > li {text-align: left;position: relative;}
    .menu .sUl > li a {height: 25px;line-height: 25px;cursor: pointer;width: 100%;display: inline-block;box-sizing: border-box;padding: 0 10px;}
    .menu li:first-child .sUl { border-left:0 none; }
    .menu .sUl {display:none;padding: 5px 0;border-left:1px solid #394652;box-sizing: border-box;width: 100%;height: 0;border-top: 0 none;padding-bottom: 0;padding-top: 0;transition: 0.3s;opacity:0;}
    .menu .sUl > li a:hover {background: #fff;color: #293646;}
    .menu .mUl > li > a {line-height: 29px;height: 30px;display: inline-block;font-size: 12px;cursor: pointer;width: 100%;}
    .menu .mUl > li:hover > a {background: #232d3a;}
    .menu .mUl:hover .sUl {display:block;opacity:1;border-top: 1px solid #394652;padding-top: 10px;padding-bottom: 10px;height: 180px;}