/* mcptltd.com 响应式补丁 (2026-09-16)
 * 断点:
 *   ≤ 767px    手机
 *   768-1023px 平板
 *   ≥ 1024px   PC (无变化, 保持 .width-1200)
 * 重点覆盖: 顶部 nav / banner / 优势圆形 / 产品 4 列 / 优势 6 列 / 关于 / 新闻 / 客服 / 横向背景
 */

/* ============================================================
 * 全局: 容器和图片自适应
 * ============================================================ */
img { max-width: 100%; height: auto; }
.width-1200 {
    max-width: 1200px;
    width: auto;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
}

/* 横向背景 (强制 1200px 宽的 bleed) 改用 background-size */
[class*="mod"] [class*="_bg"] {
    min-width: 0 !important;
    width: 100% !important;
    background-size: cover !important;
}

/* ============================================================
 * 平板 (768-1023px)
 * ============================================================ */
@media (max-width: 1023px) {

    /* 顶部 nav: 横向滚动 */
    .mod1038 .nav {
        width: auto !important;
        max-width: 60vw !important;
        margin: 40px 0 0 16px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch;
    }
    .mod1038 .nav li {
        float: none !important;
        display: inline-block !important;
    }
    .mod1038 .search,
    .mod1038 .search-bg {
        margin-top: 12px !important;
        width: 160px !important;
    }
    .mod1038 .infoname {
        width: 110px !important;
    }

    /* 优势圆形动画区: 高度缩小 */
    .mod1033 .ys_bg {
        height: 480px !important;
        background-size: cover !important;
    }
    .mod1033 .ys_animation {
        margin: 60px auto !important;
    }
    .mod1033 .ys_animation,
    .mod1033 .ys_auto,
    .mod1033 .ys_auto1 {
        transform: scale(0.85);
        transform-origin: center center;
    }

    /* 产品 4 列 → 2 列 */
    .mod1034 .links_d ul li {
        width: 48% !important;
        margin: 0 1% 2% 1% !important;
    }

    /* 优势 6 列 → 3 列 */
    .mod1035 .ys_content dl {
        width: 33.333% !important;
    }

    /* 关于: 图 + 文两列变单列 */
    .mod1036 .about_l,
    .mod1036 .about_r {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
    }
    .mod1036 .about_l img {
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    /* 新闻大图 + 列表 → 单列 */
    .mod1037 .news_l,
    .mod1037 .news_r {
        float: none !important;
        width: 100% !important;
    }

    /* 客服位置下移 */
    .mod1494 .my-kefu {
        top: 30% !important;
    }

    /* 页脚 4 列 → 2 列 */
    .mod1040 .copyright ul li {
        width: 48% !important;
        margin: 0 1% 16px 1% !important;
    }
}

/* ============================================================
 * 手机 (≤ 767px)
 * ============================================================ */
@media (max-width: 767px) {

    /* 顶部: 缩小 logo + nav 全宽滚动 */
    .mod1038 .bg {
        height: auto !important;
        padding: 12px 0 !important;
    }
    .mod1038 .logo {
        margin-top: 0 !important;
        float: none !important;
        text-align: center !important;
    }
    .mod1038 .logo img {
        max-height: 80px !important;
        margin: 0 auto !important;
    }
    .mod1038 .nav {
        float: none !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 12px 0 0 0 !important;
        height: auto !important;
    }
    .mod1038 .search,
    .mod1038 .search-bg {
        float: none !important;
        margin: 12px auto 0 auto !important;
    }
    .mod1038 .layout,
    .mod1038 .layout-r {
        float: none !important;
        text-align: center !important;
    }

    /* banner: 高度自适应 */
    .mod1029 .swiper-container,
    .mod1029 .ban_bg {
        height: auto !important;
    }
    .mod1029 .swiper-container .de_text {
        display: none !important;
    }

    /* 优势圆形: 更小 */
    .mod1033 .ys_bg {
        height: 360px !important;
    }
    .mod1033 .ys_animation,
    .mod1033 .ys_auto,
    .mod1033 .ys_auto1 {
        transform: scale(0.55);
        transform-origin: center center;
    }
    .mod1033 .ys_bg_btn {
        font-size: 14px !important;
    }

    /* 产品 4 列 → 1 列 */
    .mod1034 .links_d ul li {
        width: 100% !important;
        margin: 0 0 16px 0 !important;
    }
    .mod1034 .links_tile span {
        font-size: 22px !important;
    }
    .mod1034 .links_tile p {
        font-size: 14px !important;
    }

    /* 优势 6 列 → 2 列 */
    .mod1035 .ys_content dl {
        width: 50% !important;
        margin-bottom: 24px !important;
    }

    /* 关于: 单列居中 */
    .mod1036 .about_l img {
        max-width: 90% !important;
    }
    .mod1036 .about_r {
        padding: 16px !important;
    }

    /* 新闻 */
    .mod1037 .news_list ul li {
        padding: 8px 0 !important;
    }
    .mod1037 .news_list ul li a {
        font-size: 14px !important;
    }

    /* 友情链接 */
    .mod1039 .links-list a {
        font-size: 12px !important;
        padding: 0 8px !important;
    }

    /* 客服 → 改成底部固定栏 */
    .mod1494 .my-kefu {
        position: fixed !important;
        right: auto !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
    }
    .mod1494 .my-kefu ul {
        width: 100% !important;
        display: flex !important;
        justify-content: space-around !important;
    }
    .mod1494 .my-kefu li {
        flex: 1 !important;
        margin-top: 0 !important;
        height: 56px !important;
    }
    .mod1494 .my-kefu li p {
        font-size: 11px !important;
    }

    /* 页脚 4 列 → 1 列 */
    .mod1040 .copyright ul li {
        width: 100% !important;
        margin: 0 0 12px 0 !important;
        text-align: center !important;
    }

    /* body 底部留出客服条空间 */
    body {
        padding-bottom: 60px !important;
    }
}