/* ============================================================
   2026-10-25 · 布局补丁（稳定版）
   1) ≤1200 页脚堆叠 + 页脚内 wow 直接可见
   2) channelPage 列表两列
   ============================================================ */
@media (max-width: 1200px) {
    .footer .footer-content .footer-info {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        flex-wrap: wrap;
    }
    .footer .footer-content .footer-info .function {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .footer .footer-content .footer-info .function ul {
        width: auto;
        min-width: 104px;
        margin-right: 24px;
    }
    .footer .footer-content .footer-info .web-keywords {
        width: 100%;
        border-left: 0;
        border-right: 0;
        margin-top: 28px;
    }
    .footer .footer-content .footer-info .web-keywords h1,
    .footer .footer-content .footer-info .web-keywords ul {
        width: auto;
    }
    .footer .footer-content .footer-info .focusUs {
        width: 100%;
        margin-top: 28px;
    }
    .footer .footer-content .footer-info .focusUs .code {
        justify-content: flex-start;
    }
    .footer .footer-info .wow {
        opacity: 1 !important;
        visibility: visible !important;
        animation: none !important;
        transform: none !important;
    }
}

/* channelPage 列表统一两列（与 channelPage-list 一致） */
.container .solveWay .solveWay-container .channelPage .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul,
.container .projectExample .projectExample-container .channelPage .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
}
.container .solveWay .solveWay-container .channelPage .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li,
.container .projectExample .projectExample-container .channelPage .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li {
    display: block;
    flex: 0 0 calc((100% - 15px) / 2);
    width: calc((100% - 15px) / 2);
    margin: 0;
}

/* 2026-10-25：横向滚动条/筛选条不换行，保持单行可滑 */
@media (max-width: 1200px) {
    .solveWay-menu ul.icon-list,
    .indexMoudle .projectCase ul.mu-simplefilter {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden;
        justify-content: flex-start !important;
        -webkit-overflow-scrolling: touch;
    }
    .solveWay-menu ul.icon-list > li,
    .indexMoudle .projectCase ul.mu-simplefilter > li {
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 12px 0 0 !important;
    }
}

/* 横向滚动条：隐藏原生滚动条（仍可滑） */
.solveWay-menu ul.icon-list::-webkit-scrollbar,
.indexMoudle .projectCase ul.mu-simplefilter::-webkit-scrollbar {
    display: none;
}
.solveWay-menu ul.icon-list,
.indexMoudle .projectCase ul.mu-simplefilter {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

/* ≤600：列表卡片单列 */
@media (max-width: 600px) {
    .industrySolutions-list ul {
        display: block !important;
    }
    .industrySolutions-list ul > li {
        width: 100% !important;
        margin: 0 0 15px 0 !important;
    }
}

/* ≤900：解决方案面板上下堆叠（banner 在上，列表在下） */
@media (max-width: 900px) {
    .industrySolutions-panel {
        display: block !important;
    }
    .industrySolutions-banner {
        width: 100% !important;
        position: static !important;
        margin: 0 0 20px 0 !important;
    }
    .industrySolutions-list {
        width: 100% !important;
        display: block !important;
        border-left: 0 !important;
    }
}

/* 首页产品卡片：≤1200 两列、≤600 单列（仅首页作用域） */
@media (max-width: 1200px) {
    .container.indexMoudle .projectCase ul.flex.align-items-start {
        flex-wrap: wrap;
    }
    .container.indexMoudle .projectCase ul.flex.align-items-start > li {
        width: calc((100% - 20px) / 2) !important;
        margin-left: 0 !important;
    }
}
@media (max-width: 600px) {
    .container.indexMoudle .projectCase ul.flex.align-items-start > li {
        width: 100% !important;
    }
}