.navbar-default {
    background: rgba(34, 107, 129, 0.2) !important;
    border: none !important;
    
}

.navbar {
    margin-bottom: 0 !important;
    height: 90px !important;
   
}

.navbar-default .navbar-nav>li>a {
    /* color: #001121; */
    font-size: calc(100vw * 20 / 1920);
    padding-top: 7px;
    padding-bottom:7px ;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 40px;
   
}

.navbar-header {
    line-height: 90px !important;
   
    padding-right: 0;
}

.navbar-default .navbar-nav>.active>a {
    background: rgba(26, 92, 114, 1) !important;
    color: #30DFE5 !important;
    
    border-radius: 30px;
    
   
}

.navbar-default .navbar-nav>.active>a:focus {
    background: #001121 !important;
    color: #30DFE5 !important;  
   
}
.navbar-default .navbar-nav>.active>a:hover {
    background: rgba(26, 92, 114, 1) !important;
    color: #30DFE5 !important;
    
    
    
   
}



header ul li {
    /* max-width: 130px !important;
    line-height: 90px !important; */
    margin-top: 20px !important;
}

header .container .navbar-nav ul li a {
    font-size: 20px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #707070;
   height: 30px;
}

header .container .navbar-header img {
    vertical-align: middle;
    display: inline-block;
    
}


/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {}

/* 中等屏幕 992px-1200px */
@media screen and (max-width:1200px) {
    .navbar-default .navbar-nav>li>a {
        color: #777;
        font-size: calc(100vw * 25 / 1920);
    }
}

/* 小屏幕 768px-992px */
@media screen and (max-width:992px) {
    .navbar-default .navbar-nav>li>a {
        color: #777;
        font-size: calc(100vw * 25 / 1920);
    }
}

/* 超小型设备（手机，768px 以下） */
@media screen and (max-width:768px) {
    .navbar-nav {
        background: #fff;
        width: 30%;
        border: 1px solid #b8b6b6;
        border-radius: 5% 5%;
        z-index: 99;
        position: relative;
    }

    .navbar-nav>li>a {
        line-height: 10px;
    }

    header .container .navbar-header img {
        width: 30%;
    }

    .navbar-toggle {
        margin-top: 26px !important;
    }

    .navbar-default .navbar-nav>li>a {
        color: #777;
        font-size: calc(100vw * 25 / 1920);

    }
}