.nav {
    width: 100%;
    min-width: 1620px;
    height: 58px;
    background-color: #FED51F;
}
.nav ul {
    width: 1620px;
    height: 100%;
    margin: auto;
    padding: 6px 100px;
    list-style: none;
}
.nav ul li {
    width: 104px;
    height: 100%;
    border-radius: 8px;
    padding: 10px 0px;
    text-align: center;
    font-size: 0.8rem;
    display: inline-block;
    color: #000!important;
}
.nav ul li a{
    color: #000!important;
}

.nav ul li.active{
    background-color: #4B4630;
    color: #fff!important;;
}
.nav ul li.active a{
    color: #fff!important;;
}

.nav ul li a:hover{
    color: #fff!important;
}
@media screen and (min-width: 200px) and (max-width: 1420px) {
    .nav {
        width: 1420px;
    }
}

.nav2 {
    height: 56px;
    width: 770px;
    padding: 0px 20px;
}
.nav2 ul {
    height: 100%;
    padding: 6px 0px;
    list-style: none;
    white-space: nowrap;
}
.nav2 ul li {
    width: 90px;
    height: 100%;
    border-radius: 8px;
    padding: 10px 0px;
    text-align: center;
    font-size: 0.8rem;
    display: inline-block;
    color: #333333!important;
}
.nav2 ul li a{
    color: #333333!important;
}

.nav2 ul li.active{
    background-color: #4B4630;
    color: #fff!important;;
}
/* .nav2 ul li.active a{
    color: #fff!important;;
}*/

.nav2 ul li a:hover{
    /*color: #fff!important;;*/
    color: #FEB201!important;
}

.nav2 ul li.active2{
    color: #FEB201!important;;
    border-bottom: 4px solid #FEB201;
    border-radius: 0;
}
.nav2 ul li.active2 a{
    color: #FEB201!important;;
}
@media screen and (min-width: 200px) and (max-width: 1420px) {
    .nav2 {
        width: 1420px;
    }
}