@media screen and (max-width:500px) {
    .cms-head-nav {
        display: none;
        /* 默认隐藏 */
        position: fixed;
        /* 固定定位 */
        z-index: 1;
        /* 设置在顶层 */
        left: 0;
        top: 0;
        width: 100%;
        height: 160px;
        overflow: auto;
        float: left;
        /* background-color: RGB(236, 236, 248); */
        background-color: RGB(130, 188, 255);
    }
    .cms-head-nav h1 {
        text-align: center;
        /* padding-top: 30px; */
        border: none;
    }
    /* 导航栏 */
    .nav-flaot {
        display: flex;
        flex-wrap: nowrap;
        background-color: RGB(36, 46, 76);
        width: 100%;
        height: 80px;
        line-height: 80px;
        white-space: nowrap;
        overflow: auto;
        text-overflow: ellipsis;
    }
    .nav-flaot li {
        list-style-type: none;
    }
    .nav-flaot::-webkit-scrollbar {
        display: none;
    }
    .nav-flaot li a {
        text-decoration: none;
        color: white;
        font-size: 25px;
        padding: 0 10px;
        display: block;
        height: 80px;
        line-height: 80px;
        text-align: center;
    }
    .cms-head-nav-center {
        width: 100%;
        height: 80px;
        background-color: RGB(23, 31, 56);
        display: flex;
    }
    .cms-head-nav-logo-title {
        position: absolute;
        right: 0;
        top: 0;
        height: 80px;
        line-height: 80px;
        padding: 0 10px;
        font-size: 40px;
        color: white;
        cursor: pointer;
        font-weight: 600;
    }
    .cms-head-nav-logo {
        width: 180px;
        height: 80px;
    }
    .cms-head-nav-logo a img {
        padding: 10px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* 关联菜单 */
    .cms-xiang-xiang {
        width: 100%;
        padding: 20px 0px;
        background-color: RGB(23, 31, 56);
    }
    .cms-xiang-xiang-title {
        text-align: center;
        width: 100%;
    }
    .cms-xiang-xiang-title h2 {
        color: white;
    }
    .cms-xiang-xiang-nei {
        padding: 10px 0px;
        display: flex;
        flex-wrap: wrap;
    }
    .xiang-xiang-nei-one {
        width: 33.33%;
        box-sizing: border-box;
        padding: 0px 10px;
    }
    .xiang-xiang-nei-one a img {
        width: 100%;
        height: 200px;
        background-size: 100% 100%;
        border-radius: 10px;
    }
    .xiang-xiang-nei-one-nei p a {
        text-decoration: none;
    }
    .xiang-xiang-nei-one-nei .nei-title a {
        color: white;
        font-size: 18px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .xiang-xiang-nei-one-nei .nei-title-two a {
        color: hsl(0, 0%, 53%);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}