/* 针对小屏幕设备（如手机）的样式调整 */
@media only screen and (max-width: 767px) {
    /* 去除横向滚动条 */
    body {
        overflow-x: hidden;
    }

    .swiper-wrapper>.swiper-slide:nth-child(1)>.page1_slide__main {
        background-image: url('../hh_img/mobile_banner_2.png');
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: cover;
        background-position: unset;
    }
    .swiper-wrapper>.swiper-slide:nth-child(2)>.page1_slide__main {
        background-image: url('../hh_img/mobile_banner_3.png');
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: cover;
        background-position: unset;
    }
    .swiper-wrapper>.swiper-slide:nth-child(3)>.page1_slide__main {
        background-image: url('../hh_img/mobile_banner_4.png');
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: cover;
        background-position: unset;
    }

    /* 调整 banner 部分 */
    .banner {
        /*margin-top: 80px;*/
    }
    .swiper-item {
        height: auto;
    }

    /* 调整新闻资讯部分 */
    .section0-container {
        height: auto;
        padding: 30px 20px 0 20px;
    }
    /* 调整新闻资讯部分 */
    .section-container {
        height: auto;
        padding: 30px 20px 0 20px;
    }
    .section2__content__main {
        flex-direction: column;
        height: auto;
    }
    .section2__content__main__left {
        width: 100%;
        flex: none;
        align-items: center;
    }
    .section2__content__main__right {
        padding: 20px;
    }

    /* 调整案例部分 */
    .section5-container {
        height: auto;
        padding: 30px 20px;
    }
    .section5__content__main {
        flex-direction: column;
    }
    .section5__content__main__item {
        flex: none;
        width: 100%;
        height: auto;
        padding: 20px 20px;
    }

    /* 调整平台服务 logo 部分 */
    .section5__content__logos {
        flex-direction: column;
        align-items: center;
    }
    .section5__content__logos__logo {
        margin-bottom: 20px;
    }

    /* 优化页脚部分 */
    .app-footer {
        width: 100%;
        box-sizing: border-box;
        padding: 30px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .m-footer {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 1200px;
    }
    .m-footer__item {
        margin-bottom: 20px;
        text-align: center;
    }

    /* 添加 return_top 按钮样式 */
    .top {
        width: 80px;
        position: fixed;
        right: 10px;
        bottom: 30px;
        z-index: 999; /* 确保按钮显示在其他元素之上 */
    }

    .m-footer{
        display: none;
    }
    .app-footer{
        height: 100px;
    }
}

/* 针对中等屏幕设备（如平板）的样式调整 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* 调整 banner 部分 */
    .swiper-item {
        height: auto;
    }
    .swiper-wrapper>.swiper-slide:nth-child(1)>.page1_slide__main {
        background-image: url('/hh_img/mobile_banner_2.png');
        background-repeat: no-repeat;
        /*background-position: center 60%;*/
        background-color: #fff;
        background-size: cover;
        background-position: unset;
    }
    .swiper-wrapper>.swiper-slide:nth-child(2)>.page1_slide__main {
        background-image: url('/hh_img/mobile_banner_3.png');
        background-repeat: no-repeat;
        /*background-position: center 60%;*/
        background-color: #fff;
        background-size: cover;
        background-position: unset;
    }
    .swiper-wrapper>.swiper-slide:nth-child(3)>.page1_slide__main {
        background-image: url('/hh_img/mobile_banner_4.png');
        background-repeat: no-repeat;
        /*background-position: center 60%;*/
        background-color: #fff;
        background-size: cover;
        background-position: unset;
    }

    /* 调整新闻资讯部分 */
    .section0-container {
        padding: 50px 30px 0 30px;
    }
    .section-container {
        padding: 50px 30px 0 30px;
    }
    .section2__content__main__left {
        flex: 0 0 300px;
    }

    /* 调整案例部分 */
    .section5__content__main__item {
        flex: 0 0 48%;
        height: auto;
        padding: 20px 20px;
    }

    /* 优化页脚部分 */
    .app-footer {
        width: 100%;
        box-sizing: border-box;
        padding: 30px 30px;
        display: flex;
        justify-content: center;
    }
    .m-footer {
        display: flex;
        width: 100%;
        max-width: 1200px;
        justify-content: space-around;
    }
    .m-footer__item {
        margin-bottom: 0;
    }

    /* 添加 return_top 按钮样式 */
    .top {
        width: 80px;
        position: fixed;
        right: 10px;
        bottom: 30px;
        z-index: 999; /* 确保按钮显示在其他元素之上 */
    }
    .m-footer{
        display: none;
    }
    .app-footer{
        height: 100px;
    }
}