.nav-header {
    padding: 24px 0;
}
.nav-container {
    width: 1200px;
    height: 54px;
    line-height: 54px;
    margin: 0 auto;
}
.nav-logo {
    float: left;
}
.nav-logo-inner {
    margin-top: -6px;
}
.nav-logo-inner img {
    width: 144px;
    height: 54px;
}
.nav-menus {
    float: right;
    margin-right: 30px;
}
.nav-lang {
    float: right;
}
.nav-absolute {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
}
.nav-dark a{
    color: #fff;
}
.nav-light a{
    color: #444;
}
.nav-dark a:hover, .nav-light a:hover{
    color: #BD1337;
}
.nav_link.active {
    color: #BD1337;
    border-bottom: 2px solid #BD1337;
}

.nav-menu-btn {
    float: right;
    margin-top: 10px;
    margin-left: 24px;
    display: none;
}
.mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}
.mask-container {
    background: #ffffff;
}
.nav-container-mobile {
    line-height: 54px;
    height: 54px;
    padding: 18px 14px 18px 14px;
    border-bottom: 1px solid #eee;
}
.nav-logo-mobile {
    float: left;
    margin-left: 10px;
}
.nav-logo-mobile img {
    width: 144px;
    height: 54px;
}
.nav-lang-mobile {
    float: right;
    margin-right: 10px;
}

/*@media only screen and (max-width: 768px) {*/
/*    .nav-lang {*/
/*        display: none;*/
/*    }*/
/*    .nav-container {*/
/*        width: 100%;*/
/*    }*/
/*    .nav-menus {*/
/*        display: none;*/
/*    }*/
/*    .nav-menu-btn {*/
/*        display: block;*/
/*    }*/
/*    .nav-header {*/
/*        padding: 24px;*/
/*    }*/
/*}*/