category-header ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*允许横向滚动*/
    overflow-x: scroll;
    flex-wrap: nowrap;
    display: flex;
    /*禁止纵向滚动*/
    overflow-y: hidden;
    /*文本平铺*/
    text-align: justify;
    justify-content: flex-start;
}
ul::-webkit-scrollbar {
    /*有滚动效果但隐藏滚动条*/
    display: none;
}
category-header ul li {
    flex-shrink: 0;
}
@media (max-width: 768px) {
    .h-500 {
        height: auto;
    }
}
category-header .nav3 {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: rgba(0,127,216, 0.8);
}

category-header ul li {
    flex-shrink:0;
    margin-left: 20px;
    height: 50px;
    line-height: 50px;
    float: left;
    padding: 0 20px;
    color: #FFFFFF !important;
}

category-header ul li a {

    display: block;
    color: #FFFFFF !important;
}

category-header ul li a:hover {
    color: #FFFFFF !important;
    font-weight: bold;
}

category-header ul .active{
    background-color: rgba(111, 183, 76, 1);
}
category-header ul .active:hover{
    font-weight: bold;
}
@media (min-width: 768px) {
    category-header {
        margin: 0;
        padding: 0 0 21% 0;
        width: 100%;
        display: block;
        position: relative;
        background-size: cover;
    }
}
@media (max-width: 768px) {
    category-header {
        margin: 0;
        padding: 0 0 41% 0;
        width: 100%;
        display: block;
        position: relative;
        background-size: cover;
        background-position: center;
    }
}