/* ==========================================================================
   响应式适配（多尺寸 / 多内核）
   在 style.css 之后加载，用于补齐原站缺失的断点和浏览器兼容前缀
   断点：≤360 / ≤480 / ≤736 / 737-991 / 992-1199 / 1200-1439 / ≥1440
   ========================================================================== */

/* ---------- 基础兼容（老内核 / 移动端） ---------- */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

body {
    overflow-x: hidden;                 /* 防止小屏出现横向滚动条 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;                    /* 图片不撑破容器 */
    height: auto;
    -ms-interpolation-mode: bicubic;
}

/* 长英文 / 长链接不撑破布局 */
.index-news-title,
.index-news-con,
.article-content,
.content-body {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* 表格在窄屏可横向滚动（Safari 需要 -webkit-overflow-scrolling） */
.table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


/* ---------- 1200–1439：标准桌面，微调间距 ---------- */
@media (min-width: 1200px) and (max-width: 1439px) {
    .nav a {
        padding-left: 14px;
        padding-right: 14px;
    }
}

/* ---------- 992–1199：小笔记本，导航收窄 ---------- */
@media (min-width: 992px) and (max-width: 1199px) {
    .logo,
    .logo img {
        width: 240px !important;
        height: auto !important;
    }

    .nav a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
    }

    .index-news-list li {
        width: 25%;
    }
}

/* ---------- 737–991：平板竖屏 / 大屏手机 ---------- */
@media (min-width: 737px) and (max-width: 991px) {
    .logo,
    .logo img {
        width: 220px !important;
        height: auto !important;
    }

    .nav {
        float: none;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .nav a {
        float: none;
        display: inline-block;
        padding: 0 12px;
        font-size: 14px;
    }

    .banner,
    .banner img {
        height: auto !important;
    }

    .index-news-list li {
        width: 33.333% !important;
    }

    .footer-inner {
        display: block;
    }

    .footer-show,
    .footer-contact {
        width: 100% !important;
        float: none !important;
    }
}

/* ---------- ≤736：手机 ---------- */
@media (max-width: 736px) {
    .logo,
    .logo img {
        width: 180px !important;
        height: auto !important;
    }

    .nav {
        float: none;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .nav a {
        float: none;
        display: inline-block;
        padding: 0 10px;
        font-size: 13px;
    }

    .banner,
    .banner img {
        height: auto !important;
    }

    .index-news-list li {
        width: 50% !important;
        margin-bottom: 16px;
    }

    .index-news-img,
    .index-news-img img {
        height: auto !important;
    }

    .index-title h3 {
        font-size: 22px;
    }

    .footer-inner {
        display: block;
        padding: 0 15px;
    }

    .footer-show,
    .footer-contact {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }

    .footer-contact {
        margin-top: 24px;
    }

    .footer .link {
        line-height: 28px;
        padding: 0 10px;
    }

    .footer .link a,
    .footer .link span {
        display: inline-block;
        margin: 0 6px;
    }

    /* 表单：输入框占满整行 */
    .form-item input,
    .form-item textarea,
    .free-list input,
    .free-list textarea,
    .free-list select {
        width: 100% !important;
        box-sizing: border-box;
    }

    .free-pick-item {
        width: 50% !important;
    }

    /* 分页换行 */
    .pageshow div {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    /* 详情页正文图片不溢出 */
    .article-content img,
    .content-body img,
    .index-about-con2 img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* ---------- ≤480：小屏手机 ---------- */
@media (max-width: 480px) {
    .index-news-list li {
        width: 100% !important;
    }

    .index-title h3 {
        font-size: 20px;
    }

    .free-pick-item {
        width: 100% !important;
    }
}

/* ---------- ≤360：超小屏 ---------- */
@media (max-width: 360px) {
    .logo,
    .logo img {
        width: 150px !important;
    }

    .nav a {
        padding: 0 8px;
        font-size: 12px;
    }
}

/* ---------- 触摸设备：去掉 hover 残影 ---------- */
@media (hover: none) {
    .nav a:hover,
    .index-news-list li:hover {
        transform: none;
        box-shadow: none;
    }
}

/* ---------- 打印 ---------- */
@media print {
    .nav,
    .footer,
    .cbl,
    .mini-logo {
        display: none !important;
    }

    body {
        background: #fff;
        color: #000;
    }
}

/* ---------- 全宽铺满：不同显示器都占满宽度 ---------- */
.header,
.banner,
.index-news,
.index-about,
.index-product,
.index-about2,
.footer {
    width: 100%;
    max-width: 100%;
}

/* 轮播图铺满 */
.banner .swiper-container,
.banner .swiper-slide,
.banner img,
.banner-img,
.banner-img img {
    width: 100% !important;
    max-width: 100% !important;
}

/* 内容容器：去掉固定像素宽度，改为百分比 + 内边距 */
.index-conde {
    width: 100% !important;
    max-width: 1600px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}

/* 页脚铺满 */
.footer-inner {
    width: 100% !important;
    max-width: 1600px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}

/* 导航条铺满 */
.header .nav,
.header .logo {
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .index-conde,
    .footer-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
}