.menu-box {width: 177px;height: calc(100% - 50px);position: fixed;background:#3a98b5;z-index:15;top: 50px;display:none;right: 0;}
.menu { margin-top:100px;}
.menu a {font-size: 14px; color: #fff;text-transform: uppercase; font-weight:bold; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.menu a:hover { text-decoration:none;}
.dropmenu {width:200px;}
.dropmenu li {position:relative;line-height:30px;}
.submenu{position:absolute;left:0;top:0;opacity:0;left:50%;visibility:hidden;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out;width:300px;background: #3a98b5;}
.submenu li{border-bottom: 1px solid #42b0ff;width: 100%;padding: 0 10px 0 10px; line-height:30px;}
.dropmenu li:hover .submenu {opacity:1;left: -315px;visibility:visible;}
.menu li:hover > a { color:#e5af00;}





@media only screen and (max-width: 1024px) {
    .menu-box {
    width: 100%;
    position: relative;
    background: #0094ff;
    z-index: 15;
    top: 0;
    display: none;
    float: left;
    padding-bottom: 27px;
}
    .menu ul .active3 > .activeAA {display:block;}

    .menu {
    margin-top: 21px;
}
    .dropmenu{ width:100%;}
    .dropmenu li {
    position: relative;
    line-height: 40px;
    border-bottom: 1px solid #90c2dc;
}
    .submenu{ position:relative; left:0;opacity: 1; left:0; padding-left:15px;
  
    visibility: visible;}
    .submenu{ display:none;}
    .dropmenu li:hover .submenu {
    opacity: 1;
    left: 0;
    visibility: visible;
}
}