/* =========================================================
   帷森官网 三端响应式覆盖层（2026-08-07 新增）
   仅追加规则，不改动 css.css 原样式；出问题可直接移除本文件回退。
   断点：1199 / 991 / 767 / 479
   ========================================================= */

html { -webkit-text-size-adjust: 100%; }

/* ---------- 基础：媒体元素自适应 ---------- */
img, video, iframe, embed, object {
    max-width: 100%;
}

.contenttext img,
.contenttext2 img,
.productpic img,
.litextxxx img,
#preview img,
.jqzoom img,
.slides img {
    max-width: 100% !important;
    height: auto !important;
}

.table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ---------- ≤1199：主容器由固定 990/1000px 改为弹性 ---------- */
@media (max-width: 1199px) {
    .maincontent,
    .maintext {
        width: auto !important;
        margin-left: 12px;
        margin-right: 12px;
    }
    .jqueryslidemenu {
        width: auto !important;
    }
}

/* ---------- ≤991：平板横向 ---------- */
@media (max-width: 991px) {
    .rightpage,
    .rightpage2 {
        width: auto !important;
    }
    .contenttext,
    .contenttext2 {
        width: auto !important;
    }
    .leftpage {
        width: 210px !important;
        padding-right: 12px !important;
    }
    .litextxxx {
        width: auto !important;
    }
    .productpic {
        width: 32% !important;
        margin-right: 1.3% !important;
    }
    .homecase {
        width: auto !important;
    }
}

/* ---------- ≤767：平板竖向 / 手机 ---------- */
@media (max-width: 767px) {
    .leftpage {
        float: none !important;
        width: auto !important;
        padding-right: 0 !important;
    }
    .rightpage,
    .rightpage2 {
        float: none !important;
        width: auto !important;
    }
    .maincontent,
    .maintext {
        margin-left: 8px;
        margin-right: 8px;
    }
    .newscate .catename {
        float: none !important;
        width: auto !important;
    }
    .newscate .cateposition {
        float: none !important;
        width: auto !important;
        text-align: left !important;
    }
    .cateposition {
        line-height: 22px;
    }
    #dcms_pager {
        width: auto !important;
        float: none !important;
    }
    #dcms_pager .pages a {
        padding: 5px !important;
        margin: 1px !important;
    }
    .cls_tab_nav_li {
        width: auto !important;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        white-space: nowrap;
        font-size: 13px;
    }
    .productpic {
        width: 48% !important;
        margin-right: 2% !important;
        height: auto !important;
        padding: 6px !important;
        box-sizing: border-box;
    }
    .litextxxx {
        width: 100% !important;
    }

    /* 首页/详情页内联固定宽度统一弹性化 */
    div[style*="width:990px"],
    ul[style*="width:990px"],
    div[style*="width:1000px"],
    ul[style*="width:1000px"],
    div[style*="width:820px"],
    div[style*="width:800px"],
    div[style*="width:700px"],
    div[style*="width:680px"],
    div[style*="width:634px"],
    div[style*="width:420px"],
    div[style*="width:340px"],
    div[style*="width:334px"],
    div[style*="width:270px"],
    div[style*="width:240px"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
    div[style*="width:222px"] {
        width: 48% !important;
        margin-right: 2% !important;
    }

    /* 页脚弹性化 */
    .footer ul[style*="width:1000px"] {
        width: 100% !important;
    }
    .maincontent div[style*="height:275px"] {
        height: auto !important;
        padding-bottom: 10px;
    }
    ul[style*="height:250px"] {
        height: auto !important;
        padding-top: 10px !important;
    }
    .homecase {
        float: none !important;
        display: block;
        width: 100% !important;
        text-align: left !important;
    }
    .sitesl {
        width: 50% !important;
        float: left !important;
    }

    /* 顶部搜索框自适应 */
    .dianhu000 table {
        max-width: 100%;
    }
    .dianhu000 input.input2 {
        width: 100%;
        box-sizing: border-box;
    }

    /* ---------- 移动导航：汉堡菜单 ---------- */
    .nav-toggle {
        display: block;
        color: #fff;
        font-size: 16px;
        line-height: 41px;
        padding: 0 14px;
        text-decoration: none;
        cursor: pointer;
    }
    #myslidemenu {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .35s ease;
        transition: max-height .35s ease;
    }
    #header.nav-open #myslidemenu {
        max-height: 2400px;
    }
    #myslidemenu ul li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        text-align: left;
    }
    #myslidemenu ul li ul {
        position: static !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
    }
    #myslidemenu ul li ul div {
        width: 100% !important;
        padding: 0 !important;
    }
    #myslidemenu ul li a {
        display: block;
        padding: 0 12px;
        white-space: normal;
    }
}

@media (min-width: 768px) {
    .nav-toggle {
        display: none;
    }
}

/* ---------- ≤479：手机窄屏 ---------- */
@media (max-width: 479px) {
    .productpic {
        width: 100% !important;
        margin-right: 0 !important;
    }
    div[style*="width:222px"] {
        width: 100% !important;
        margin-right: 0 !important;
    }
    .homebig {
        float: none !important;
    }
    .homebig li a {
        font-size: 16px;
    }
    body {
        font-size: 14px;
    }
    .sitesl {
        width: 100% !important;
        float: none !important;
    }
}