/* 屏幕宽度大于 1500px 时 */
@media (min-width: 1501px) {
    .header-container {
        max-width: 1500px;
    }
}

/* 屏幕宽度在 1201px 到 1500px 之间时 */
@media (min-width: 1201px) and (max-width: 1500px) {
    .header-container {
        width: auto;
        margin: 0 30px;
    }
    .introWrap {
        width: auto;
        margin: -50px 30px 0 30px;
    }
    .productWrap {
        width: auto;
        margin: 30px;
    }
    .search-box {
        display: none;
    }
    .columnWrap {
        width: auto;
        margin: 0 30px;
    }
    .carouselWrap {
        width: auto;
        margin: 0 30px;
    }

    .certificate {
        width: 288px;
        height: 208px;
    }

    .prev, .next {
        top: 120px;
    }

    .consultWrap {
        width: 100%;
        max-width: 100%;
    }

    .infoServiceItem {
        font-size: 16px;
    }

    .leftPanel, .rightPanel {
        height: 416px;
    }

    /*.consultContent {*/
    /*    width: 1350px;*/
    /*}*/
    .projectItemWrap {
        width: 100%;
        gap: 10px;
    }

    .projectItemWrap .projectItem {
        width: 440px;
        height: 300px;
    }

    .projectWrap {
        height: 500px;
    }

    .projectPrev {
        left: 20px;
    }

    .projectNext {
        right: 20px;
    }

    .contactList {
        width: auto;
        margin: 0 30px;
    }
    .footerWrap {
        width: auto;
        margin: 0 30px;
    }

    .processWrap {
        width: 100%;
        max-width: 100%;
        margin: 16px auto 30px auto;
    }

    .stageItem {
        flex: auto;
    }

}

/*!* 屏幕宽度在 1200px 到 1350px 之间时 *!*/
/*@media (min-width: 1200px) and (max-width: 1350px) {*/
/*    .header-container {*/
/*        width: auto;*/
/*        margin: 0 30px;*/
/*    }*/
/*    .introWrap {*/
/*        width: auto;*/
/*        margin: -50px 30px 0 30px;*/
/*    }*/
/*    .productWrap {*/
/*        width: auto;*/
/*        margin: 30px;*/
/*    }*/
/*    .search-box {*/
/*        display: none;*/
/*    }*/
/*}*/

/* 屏幕宽度在 1024px 到 1200px 之间时 */
@media (max-width: 1199px) {
    .header-container {
        width: auto;
        margin: 0 30px;
    }
    .nav-menu > ul {
        gap: 10px;
    }
    .introWrap {
        width: auto;
        margin: 0 30px;
    }

    .productWrap {
        width: auto;
        margin: 30px;
    }

    .search-box {
        display: none;
    }
    .logo img {
        height: 32px;
    }
    .columnWrap {
        width: auto;
        margin: 0 30px;
    }

    .carouselWrap {
        width: auto;
        margin: 0 30px;
    }

    .certificate {
        width: 258px;
        height: 188px;
    }

    .prev, .next {
        top: 104px;
    }

    .processWrap {
        width: 100%;
        max-width: 100%;
        margin: 16px auto 30px auto;
    }

    .stageItem {
        flex: auto;
    }

    .consultWrap {
        width: 100%;
        max-width: 100%;
    }

    .infoService a {
        margin-right: 10px;
    }

    .infoServiceItem {
        margin-right: 10px;
        font-size: 14px;
    }

    .leftPanel, .rightPanel {
        height: 373px;
    }

    /*.consultContent {*/
    /*    width: 1024px;*/
    /*}*/
    .projectItemWrap {
        width: 100%;
        gap: 10px;
    }

    .projectItemWrap .projectItem {
        width: 330px;
        height: 250px;
    }

    .projectWrap {
        height: 460px;
    }

    .projectPrev {
        left: 20px;
    }

    .projectNext {
        right: 20px;
    }

    .contactList {
        width: auto;
        margin: 0 30px;
    }
    .footerWrap {
        width: auto;
        margin: 0 30px;
    }
}

/* 如果需要处理小于 1024px 的情况，可以添加如下规则 */
@media (max-width: 1023px) {
    .header-container {
        /* 设置小于 1024px 的宽度 */
        max-width: 100%; /* 或者其他的值 */
    }
    .search-box {
        display: none;
    }
}