/* 响应式媒体查询 */
@media (max-width: 1000px) {
    .yzm-container {
        width: calc(100% - 40px);
        padding: 0 20px;
    }

    .top {
        min-width: 700px;
        height: 60px;
    }

    .menu-nav {
        /* display: none; */
    }

    .menu {
        /* flex-direction: column; */
    }

    .menu li {
        margin-right: 0;
        /* 在小屏幕上移除菜单项之间的水平间距 */
        margin-bottom: 10px;
        /* 在小屏幕上添加菜单项之间的垂直间距 */
    }

    /* 可以进一步调整logo在小屏幕上的样式 */
    .logo {
        width: 80px;
        /* 在小屏幕上可能需要调整logo大小 */
    }

    /* 高效便捷的实习管理平台 */
    .tabs {
        display: block;
    }

    .tab-links {
        width: calc(100% - 60px);
        max-width: 100%;
        margin: 0 20px;
    }

    .tab-btn {
        max-width: 100%;
        margin: 20px;
        padding: 21px;
    }

    .tab-btn.active p {
        font-size: 24px;
    }

    .tab-btn p {
        font-size: 20px;
    }

    .tab-btn div {
        height: 60px;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        font-size: 16px;
        margin-top: 20px;
    }

    .tab-content {
        width: calc(100% - 40px);
        max-width: 100%;
        float: left;
        margin: auto;
    }

    .tab-content1 {
        width: calc(100% - 40px);
        height: 650px;
        margin: 0 auto;
    }

    .tab-content1 img {
        height: 100%;
    }

    .coming-content {
        width: calc(100% - 40px);
        margin: 40px auto;
    }

    .users {
        height: 600px;
    }

    .feature {
        margin-right: 115px;
    }

    .serve {
        height: 550px;
        background-size: 140%;
    }

    .yzm-main-left {
        width: calc(100% - 40px);
    }

    .yzm-main-right {
        float: left;
        width: 100%;
    }

    .about-title {
        width: 100%;
    }

    .about-title ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        /* 只要您把这个属性去掉,就不会自动换行了*/
    }

    .about-title ul li {
        width: calc(25% - 10px);
        margin-right: 10px;
    }

    .about-title ul li:nth-of-type(4n) {
        margin-right: 0;
    }
}