@charset "utf-8";
/* ============================================================
   陕西中恒钛航 — 产品详细页样式（标准化修复版）
   配色体系：深空蓝 #0A2540 + 钛橙 #E67E22 + 钛银灰
   适用区域：产品详细页（.sxzh_xx_sm / .products_photo / .prod_features / .anchor-nav 等）
   编码：UTF-8 无 BOM（原文件 GBK 导致注释乱码）

   ===== 本次修复清单 =====
   1. 【严重】注释语法错误：原文件"四、锚点导航"处多写了一个 /* 造成注释嵌套，
      "五、内容区块通用标题"处又漏写 /*，产生裸文本与裸 */ ，
      导致后续 CSS 被解析器误判 —— 这是隐藏最深的一个坑
   2. 【严重】分享按钮只显示一半：.prod_features_con 的 overflow:hidden
      把百度分享(bdshare)的浮动图标裁切，且 bdshare 已停服 JS 404；
      本版移除 overflow:hidden，并配套自建分享组件样式 .zh-share
   3. 表格补 th 支持（AI/搜索引擎抽取表格数据的关键）
   4. 图片 hover 不再触发重排，避免挤压分享区
   5. 补充：打印样式、图注、移动端基础适配
   ============================================================ */

/* ============================================================
   一、主容器
   ============================================================ */
.sxzh_main {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 30px;
    padding: 0 15px;
    box-sizing: border-box;
}

/* 面包屑导航 */
.sxzh_w_position {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 12px 15px;
    font-size: 13px;
    color: #5A6472;
    line-height: 1.6;
}
.sxzh_w_position a {
    color: #0A2540;
    text-decoration: none;
    transition: color 0.3s ease;
}
.sxzh_w_position a:hover {
    color: #E67E22;
}

/* 产品详情主卡片 */
.sxzh_xx_sm {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 16px auto 24px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #E6E9EE;
    box-shadow: 0 2px 12px rgba(10, 37, 64, 0.04);
    overflow: hidden;
    transition: box-shadow 0.3s ease;
    box-sizing: border-box;
}
.sxzh_xx_sm:hover {
    box-shadow: 0 6px 24px rgba(10, 37, 64, 0.08);
}

/* ============================================================
   二、产品图片轮播区域（左侧）
   ============================================================ */
.products_photo {
    position: relative;
    padding: 20px 24px 24px;
    background: #fff;
    border-bottom: 1px solid #F0F4F8;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    box-sizing: border-box;
}

/* 隐藏轮播编号 */
.products_photo_left_size {
    display: none !important;
}

/* 左侧图片容器 */
.products_photo-left {
    position: relative;
    width: 44%;
    flex-shrink: 0;
    line-height: 0;
    overflow: hidden;
    border: 1px solid #E6E9EE;
    border-radius: 10px;
    margin-right: 3%;
    background: #F8FAFC;
    box-sizing: border-box;
}

/* 左右切换箭头 */
.products_photo_left_jt {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    cursor: pointer;
    z-index: 10;
    opacity: 0.5;
    transition: all 0.3s ease;
    background: rgba(10, 37, 64, 0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.products_photo_left_jt:hover {
    opacity: 1;
    background: #E67E22;
    transform: scale(1.1);
}
.products_photo_left_jt img {
    width: 14px;
    height: 14px;
    display: block;
}
.products_photo_left_prev {
    left: 12px;
}
.products_photo_left_next {
    right: 12px;
}

/* 图片区域 */
.products_photo-left-pic {
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.products_photo-left-pic ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
.products_photo-left-pic li {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.products_photo-left-pic img {
    width: 100%;
    height: auto;
    max-height: 430px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    /* 修复：hover 只做轻微缩放且容器已 overflow:hidden，
       不会挤压右侧信息区，也不会导致分享按钮错位 */
    transition: transform 0.5s ease;
}
.products_photo-left-pic img:hover {
    transform: scale(1.02);
}

/* ============================================================
   三、产品信息区域（右侧）
   ============================================================ */
.prod_features {
    flex: 1;
    min-width: 280px;
    padding: 0 0 10px 0;
    position: relative;
    box-sizing: border-box;
}

/* 产品标题 */
.prod_features_tit {
    height: auto;
    min-height: 48px;
    line-height: 1.4;
    color: #0A2540;
    border-bottom: 2px solid #F0F4F8;
    padding-bottom: 14px;
    margin-bottom: 16px;
    position: relative;
}
.prod_features_tit::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, #E67E22, #d35400);
}
.prod_features_tit h1 {
    font-size: 24px;
    font-weight: 700;
    color: #0A2540;
    letter-spacing: 1px;
    margin: 0;
    line-height: 1.4;
}

/* 产品参数信息
   ★ 关键修复：移除 overflow:hidden（原为 hidden，会裁切分享按钮） */
.prod_features_con {
    line-height: 1.8;
    font-size: 16px;
    color: #5A6472;
    margin-bottom: 20px;
    overflow: visible;
}
.prod_features_con p {
    font-size: 15px;
    line-height: 2;
    color: #5A6472;
    margin: 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.prod_features_con p:last-child {
    margin-bottom: 0;
}
.prod_features_con p strong {
    color: #0A2540;
    font-weight: 600;
}

/* ============================================================
   三·补 自建分享组件（替换已停服的百度 bdshare）
   根治"分享按钮只显示一半"
   ============================================================ */
.zh-share {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #F0F4F8;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    overflow: visible;
}
.zh-share-label {
    font-size: 13px;
    color: #8B9DC3;
    margin-right: 2px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.zh-share-btn {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    transition: transform 0.25s ease, opacity 0.25s ease;
    opacity: 0.85;
    flex-shrink: 0;
}
.zh-share-btn:hover {
    opacity: 1;
    transform: translateY(-2px);
}
.zh-share-btn.weixin { background: #07C160; }
.zh-share-btn.weibo  { background: #E6162D; }
.zh-share-btn.qzone  { background: #FFC028; }
.zh-share-btn.qq     { background: #12B7F5; }
.zh-share-btn.copy   { background: #8B9DC3; }
.zh-share-btn.print  { background: #5A6472; }

/* 微信二维码浮层 */
.zh-qr {
    margin-top: 12px;
    padding: 14px;
    background: #F8FAFC;
    border: 1px solid #E6E9EE;
    border-radius: 10px;
    text-align: center;
    max-width: 200px;
}
.zh-qr img {
    width: 150px;
    height: 150px;
    display: block;
    margin: 0 auto 8px;
    border-radius: 6px;
    background: #fff;
}
.zh-qr p {
    font-size: 12px;
    color: #8B9DC3;
    margin: 0;
    white-space: normal;
}

/* ============================================================
   四、锚点导航（极简科技版：吸顶平铺）
   改造要点：
     1. 去掉深空蓝渐变容器（视觉过重）
     2. 改为白色半透明毛玻璃背景，滚动时清晰
     3. 去掉实心钛橙选中块，改为钛橙文字+底部线
     4. 未选中钛银灰，hover深空蓝
     5. 整体轻巧，与整站极简风格统一
   ============================================================ */
.anchor-nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    padding: 0;
    margin: 0 auto 24px auto;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid #E6E9EE !important;
    border-bottom: 1px solid #E6E9EE !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 12px rgba(10, 37, 64, 0.06) !important;
    overflow: hidden;
    position: sticky;
    top: 10px;
    z-index: 999;
    transition: all 0.3s ease;
}
.anchor-nav a {
    flex: 1;
    text-align: center;
    padding: 14px 8px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #8B9DC3 !important;
    text-decoration: none;
    transition: all 0.25s ease;
    white-space: nowrap;
    letter-spacing: 1px;
    border: none;
    background: transparent !important;
    border-radius: 0 !important;
    position: relative;
    cursor: pointer;
    border-bottom: 2px solid transparent !important;
}
/* hover：深空蓝文字 */
@media (hover: hover) and (pointer: fine) {
    .anchor-nav a:hover {
        background: transparent !important;
        color: #0A2540 !important;
        transform: none;
        border-bottom: 2px solid rgba(10, 37, 64, 0.2) !important;
    }
}
/* 点击微动效 */
.anchor-nav a:active {
    transform: scale(0.98);
    transition: transform 0.1s ease;
}
/* 当前激活状态：钛橙文字 + 底部钛橙线（去掉实心块） */
.anchor-nav a.active {
    background: transparent !important;
    color: #E67E22 !important;
    box-shadow: none !important;
    transform: none;
    font-weight: 600;
    border-bottom: 2px solid #E67E22 !important;
}
.anchor-nav a.active:hover {
    background: transparent !important;
    color: #d35400 !important;
    box-shadow: none !important;
    transform: none;
    border-bottom: 2px solid #d35400 !important;
}
.anchor-nav a.active:active {
    transform: scale(0.98);
}
/* 分割线隐藏 */
.anchor-nav .nav-divider {
    display: none;
}
/* 内容区块滚动偏移 */
.section-anchor {
    scroll-margin-top: 80px;
}

/* ============================================================
   五、内容区块通用标题
   ============================================================ */
.product_sxzh_title {
    height: auto;
    min-height: 44px;
    font-size: 19px;
    line-height: 44px;
    border-bottom: 2px solid #F0F4F8;
    margin-bottom: 18px;
    position: relative;
}
.product_sxzh_title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 80px;
    height: 2px;
    background: linear-gradient(90deg, #E67E22, #d35400);
}
.product_sxzh_title span {
    display: inline-block;
    height: 44px;
    color: #0A2540;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 1px;
    padding-left: 14px;
    position: relative;
}
.product_sxzh_title span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 20px;
    background: linear-gradient(180deg, #E67E22, #d35400);
    border-radius: 2px;
}
.product_sxzh_title em {
    font-size: 13px;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    font-style: normal;
    color: #8B9DC3;
    margin-left: 8px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

/* ============================================================
   六、详细描述内容区域
   ============================================================ */
.sxzh_product_list {
    padding: 20px 24px 28px;
    border-bottom: 1px solid #F0F4F8;
    background: #fff;
}
.sxzh_product_list:last-child {
    border-bottom: none;
}

.cpxx_page_content {
    line-height: 1.9;
    padding: 4px 2px 12px;
    color: #444;
}
.cpxx_page_content p {
    font-size: 15px;
    line-height: 1.9;
    color: #444;
    margin: 12px 0;
    text-indent: 2em;
    text-align: justify;
}
.cpxx_page_content p:last-child {
    margin-bottom: 0;
}
.cpxx_page_content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(10, 37, 64, 0.06);
    transition: box-shadow 0.3s ease;
    margin: 16px auto;
    display: block;
}
.cpxx_page_content img:hover {
    box-shadow: 0 4px 16px rgba(10, 37, 64, 0.1);
}
.cpxx_page_content em,
.cpxx_page_content i {
    font-style: italic;
}
.cpxx_page_content strong {
    color: #0A2540;
    font-weight: 600;
}
.cpxx_page_content h1 {
    font-size: 24px;
    font-weight: 700;
    color: #0A2540;
    margin: 1.5em 0 0.8em 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #F0F4F8;
}
.cpxx_page_content h2 {
    font-size: 20px;
    font-weight: 700;
    color: #0A2540;
    margin: 1.8em 0 0.6em 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #F0F4F8;
    position: relative;
}
.cpxx_page_content h2::after {

    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 50px;
    height: 2px;
    background: linear-gradient(90deg, #E67E22, #d35400);
}
.cpxx_page_content h3 {
    font-size: 18px;
    font-weight: 600;
    color: #0A2540;
    margin: 1.4em 0 0.4em 0;
    padding-left: 12px;
    border-left: 3px solid #E67E22;
}
.cpxx_page_content ul,
.cpxx_page_content ol {
    margin: 12px 0;
    padding-left: 2em;
}
.cpxx_page_content li {
    font-size: 15px;
    line-height: 1.9;
    color: #444;
    margin: 6px 0;
}
.cpxx_page_content a {
    color: #E67E22;
    text-decoration: none;
    transition: color 0.3s ease;
}
.cpxx_page_content a:hover {
    color: #d35400;
    text-decoration: underline;
}

/* 图注（figure / figcaption） */
.cpxx_page_content figure {
    margin: 18px 0;
    text-align: center;
}
.cpxx_page_content figcaption {
    font-size: 13px;
    color: #8B9DC3;
    text-align: center;
    margin-top: 8px;
    text-indent: 0;
}

/* ============================================================
   七、表格样式（补 th 支持：AI/搜索引擎抽取表格的关键）
   ============================================================ */
.p_biaoge {
    width: 100%;
    max-width: 100%;
    margin: 16px 0;
    border-collapse: collapse;
}
/* 通用 th/td（含裸 table，不限于 .p_biaoge） */
.cpxx_page_content table,
.faq_page_content table {
    width: 100%;
    max-width: 100%;
    margin: 16px 0;
    border-collapse: collapse;
}
.p_biaoge td,
.p_biaoge th,
.cpxx_page_content td,
.cpxx_page_content th,
.faq_page_content td,
.faq_page_content th {
    padding: 10px 16px;
    text-align: left;
    font-size: 14px;
    vertical-align: middle;
    border: 1px solid #E6E9EE;
    background: #fff;
    color: #444;
    line-height: 1.6;
}
/* 表头：首行 td 与 th 同款（兼容把 td 改成 th 的语义化改造） */
.p_biaoge tr:first-child td,
.p_biaoge tr:first-child th,
.p_biaoge thead th,
.cpxx_page_content tr:first-child th,
.cpxx_page_content thead th,
.faq_page_content thead th {
    background: #F0F4F8;
    font-weight: 600;
    color: #0A2540;
    border-color: #E6E9EE;
}
.p_biaoge tr:hover td,
.p_biaoge tr:hover th {
    background: #F8FAFC;
}
.p_biaoge tr:first-child:hover td,
.p_biaoge tr:first-child:hover th {
    background: #F0F4F8;
}
.p_biaoge td strong,
.p_biaoge th strong {
    color: #0A2540;
    font-weight: 600;
}

/* ============================================================
   八、FAQ问答区域
   ============================================================ */
.faq_page_content {
    padding: 4px 2px 12px;
    line-height: 1.9;
    color: #444;
}
.faq_page_content h2,
.faq_page_content .heading-2 {
    font-size: 18px;
    font-weight: 700;
    color: #0A2540;
    margin: 24px 0 12px 0;
    padding: 10px 0 10px 16px;
    border-left: 4px solid #E67E22;
    line-height: 1.4;
    background: linear-gradient(90deg, #F8FAFC 0%, transparent 100%);
    border-radius: 0 6px 6px 0;
}
.faq_page_content h2:first-child,
.faq_page_content .heading-2:first-child {
    margin-top: 0;
}
.faq_page_content p {
    font-size: 15px;
    line-height: 1.9;
    color: #444;
    margin: 8px 0;
    text-align: justify;
}
.faq_page_content p strong {
    color: #0A2540;
    font-weight: 600;
}
.faq_page_content blockquote {
    margin: 16px 0;
    padding: 16px 20px;
    background: #F8FAFC;
    border-left: 4px solid #E67E22;
    border-radius: 0 8px 8px 0;
    color: #5A6472;
}
.faq_page_content blockquote p {
    text-indent: 0;
    margin: 4px 0;
}

/* ============================================================
   九、联系方式区域
   ============================================================ */
.product_lianxi {
    padding: 20px 24px 28px;
    background: #fff;
}
.product_lianxi_liebiao {
    background: linear-gradient(135deg, #F8FAFC 0%, #F0F4F8 100%);
    border-radius: 12px;
    overflow: hidden;
    margin: 10px 0;
    border: 1px solid #E6E9EE;
}
.product_lianxi_liebiao dl {
    padding: 24px 32px 30px;
    margin: 0;
}
.product_lianxi_liebiao dt {
    height: 52px;
    border-bottom: 1px solid #E6E9EE;
    font-size: 18px;
    font-weight: 700;
    line-height: 52px;
    color: #0A2540;
    overflow: hidden;
    padding-left: 14px;
    position: relative;
}
.product_lianxi_liebiao dt::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 24px;
    background: linear-gradient(180deg, #E67E22, #d35400);
    border-radius: 2px;
}
.product_lianxi_liebiao dd {
    min-height: 52px;
    border-bottom: 1px solid #F0F4F8;
    font-size: 16px;
    color: #5A6472;
    padding: 12px 0 12px 44px;
    line-height: 1.8;
    overflow: hidden;
    position: relative;
    margin: 0;
}
.product_lianxi_liebiao dd::before {
    content: '\f3c5';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #E67E22;
    font-size: 18px;
}
.product_lianxi_liebiao dd:last-child {
    border-bottom: none;
}

/* 咨询电话区域 */
.pc_cx_tel_1 {
    width: 100%;
    border-top: 2px solid #F0F4F8;
    padding-top: 28px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 26px;
    box-sizing: border-box;
}
.pc_cx_tel_1_t2 {
    height: 48px;
    padding-left: 44px;
    font-size: 35px;
    line-height: 48px;
    color: #0A2540;
    flex: 1;
    position: relative;
    background: none;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.pc_cx_tel_1_t2::before {
    content: '\f095';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    color: #E67E22;
    font-size: 35px;
}
.pc_cx_tel_1_t2 p {
    line-height: 48px;
    height: 48px;
    font-weight: 500;
    color: #E67E22;
    margin: 0;
    font-size: 23px;
    padding-left: 20px;
}

/* ============================================================
   十、相关产品区域（引用 chanpin.css 的 .product_center_list）
   ============================================================ */
.product_sxzh_tjcp {
    padding: 20px 24px 28px;
    background: #fff;
}
.product_sxzh_tjcp_tit {
    height: auto;
    min-height: 44px;
    border-bottom: 2px solid #F0F4F8;
    margin-bottom: 18px;
    position: relative;
}
.product_sxzh_tjcp_tit::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 80px;
    height: 2px;
    background: linear-gradient(90deg, #E67E22, #d35400);
}
.product_sxzh_tjcp_tit b {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    color: #0A2540;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 1px;
    padding-left: 14px;
    position: relative;
}
.product_sxzh_tjcp_tit b::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 20px;
    background: linear-gradient(180deg, #E67E22, #d35400);
    border-radius: 2px;
}
.product_sxzh_tjcp_tit span {
    font-size: 13px;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    color: #8B9DC3;
    margin-left: 8px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

/* ============================================================
   十一、移动端基础适配（详细规则见 cp-mobile.css）
   ============================================================ */
@media screen and (max-width: 768px) {
    .products_photo {
        flex-direction: column;
        padding: 16px 14px 18px;
    }
    .products_photo-left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px;
    }
    .products_photo-left-pic img {
        max-height: 300px;
    }
    .prod_features {
        width: 100%;
        min-width: 0;
    }
    .prod_features_tit h1 {
        font-size: 20px;
    }
    .prod_features_con p {
        font-size: 14px;
        white-space: normal;
    }
    .zh-share {
        gap: 6px;
    }
    .zh-share-btn {
        width: 38px;
        height: 38px;
    }
    /* ---------- 锚点导航：Grid 强制 第一行 3 个 + 第二行 2 个 ----------
       ★ 最终权威定义见 cp-mobile.css（最后加载）；此处为无 cp-mobile.css
         页面（如 300.html 当前 head 未引用时）的兜底，两份内容保持一致。
       ★ 不用 flex 换行：flex-basis 百分比易被其它样式表改写，
         且 <span class="nav-divider"> 会干扰 nth 计数。
       ★ 改用 6 列网格，按「列跨度」精确分配，且全部加 !important，
         抵御 chanpin.css / default.css 中可能残留的旧锚点规则覆盖：
           前 3 个：各占 2 列 = 1/3 宽  → 第一行 3 个
           第 4 个起：各占 3 列 = 1/2 宽 → 第二行 2 个，左右撑满整行
       ★ 用 nth-of-type(-n+3) / (n+4) 枚举，锚点个数增减也能自动整齐断行。
       ★ .nav-divider 已 display:none，不参与网格布局，无需排除。
       ★ display:grid 与 position:sticky 兼容，吸顶不受影响。 */
    .anchor-nav {
        display: grid !important;
        grid-template-columns: repeat(6, 1fr) !important;
        gap: 0 !important;
        flex-wrap: nowrap !important;
        top: 0;
        margin: 0 auto 14px auto;
        border-radius: 8px !important;
        box-shadow: 0 2px 10px rgba(10, 37, 64, 0.08) !important;
    }
    .anchor-nav a {
        /* 覆盖桌面端的 flex:1 */
        flex: none !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        padding: 9px 4px;
        font-size: 13px;
        letter-spacing: 0;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* 第一行 3 个：各 2/6 = 1/3 */
    .anchor-nav a:nth-of-type(-n+3) {
        grid-column: span 2 !important;
        width: 100% !important;
        max-width: none !important;
    }
    /* 第二行起：各 3/6 = 1/2，左右撑满整行 */
    .anchor-nav a:nth-of-type(n+4) {
        grid-column: span 3 !important;
        width: 100% !important;
        max-width: none !important;
    }
    /* ★ 移动端选中态：浅橙底 + 橙字 + 橙底线（手机上比纯文字更易辨认） */
    .anchor-nav a.active {
        background: rgba(230, 126, 34, 0.10) !important;
        color: #E67E22 !important;
        font-weight: 600;
        border-bottom: 2px solid #E67E22 !important;
    }
    /* ★ 关键：两行布局吸顶条实测约 88px，偏移必须给足，
       否则点锚点跳转后标题会被吸顶条压掉一截 */
    .section-anchor {
        scroll-margin-top: 100px;
    }
    /* 不支持 grid 的老浏览器回退：flex 换行还原 3 + 2 */
    @supports not (display: grid) {
        .anchor-nav {
            display: flex !important;
            flex-wrap: wrap !important;
        }
        .anchor-nav a:nth-of-type(-n+3) { flex: 0 0 33.3333% !important; }
        .anchor-nav a:nth-of-type(n+4)  { flex: 0 0 50% !important; }
    }
    .sxzh_product_list,
    .product_lianxi,
    .product_sxzh_tjcp {
        padding: 16px 14px 20px;
    }
    .product_lianxi_liebiao dl {
        padding: 18px 18px 22px;
    }
    .product_lianxi_liebiao dd {
        padding-left: 36px;
        font-size: 14px;
    }
    .pc_cx_tel_1_t2 {
        font-size: 24px;
    }
    .pc_cx_tel_1_t2 p {
        font-size: 18px;
    }
    /* 表格横滑 */
    .p_biaoge,
    .cpxx_page_content table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
    .p_biaoge td, .p_biaoge th,
    .cpxx_page_content td, .cpxx_page_content th {
        font-size: 12.5px;
        padding: 8px 10px;
        white-space: nowrap;
    }
}

/* ---------- 中间断点：锚点导航平滑过渡（769~1024px） ---------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .anchor-nav a {
        padding: 13px 4px;
        font-size: 13px;
        letter-spacing: 0;
    }
}

/* ============================================================
   十二、打印样式（B 端客户常打印产品资料）
   ============================================================ */
@media print {
    .site-header, .breadcrumb, .anchor-nav, .zh-share, .zh-qr,
    .products_photo_left_jt, .sxzh_ban_list1, .kefu,
    [class*="sousuo"], .product_sxzh_tjcp {
        display: none !important;
    }
    .sxzh_main, .sxzh_xx_sm {
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }
    .cpxx_page_content, .faq_page_content {
        color: #000 !important;
        font-size: 11pt !important;
        line-height: 1.7 !important;
    }
    .cpxx_page_content h2 { font-size: 14pt !important; color: #000 !important; }
    .cpxx_page_content h3 { font-size: 12pt !important; color: #000 !important; }
    .p_biaoge, .cpxx_page_content table {
        display: table !important;
        white-space: normal !important;
        width: 100% !important;
        min-width: 0 !important;
        page-break-inside: avoid;
    }
    .p_biaoge td, .p_biaoge th {
        border: 1px solid #999 !important;
        font-size: 9pt !important;
        white-space: normal !important;
        color: #000 !important;
        background: #fff !important;
    }
    .p_biaoge tr:first-child td, .p_biaoge th {
        background: #eee !important;
        font-weight: 700 !important;
    }
    .prod_features_con p { color: #000 !important; white-space: normal !important; }
}

/* ============================================================
   十三、表格黑块修复（原表带 bgcolor="#000000"）
   ★ 注意：此处原有一句重复的 @charset "utf-8"，
     按规范 @charset 只能出现在文件首行，已删除
   ============================================================ */

/* ① 干掉黑底，重建真实细线边框（PC + 移动全生效） */
.p_biaoge,
.cpxx_page_content table,
.faq_page_content table {
  background: #ffffff !important;      /* 覆盖 bgcolor="#000000" */
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.p_biaoge td,
.cpxx_page_content td,
.faq_page_content td,
.p_biaoge th,
.cpxx_page_content th,
.faq_page_content th {
  background: #ffffff !important;      /* 覆盖单元格 bgcolor */
  border: 1px solid #dfe5ec !important; /* 真实边框，替代黑底模拟 */
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.7;
  color: #444;
}

/* 表头行（首行用 class="firstRow" 标记） */
.p_biaoge tr.firstRow td,
.cpxx_page_content tr.firstRow td,
.faq_page_content tr.firstRow td {
  background: #f0f4f8 !important;
  font-weight: 700 !important;
  color: #0a2540 !important;
  text-align: center;
}

/* ② 兜底：按属性直接命中黑底表格 */
table[bgcolor="#000000"],
table[bgcolor="#000000"] td,
table[bgcolor="#000000"] th {
  background: #ffffff !important;
}

/* ③ 移动端：内容区横滑 + 表格保底宽度（防塌缩露黑） */
@media (max-width: 768px) {
  .cpxx_page_content,
  .faq_page_content {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .p_biaoge {
    min-width: 600px !important;   /* 保证表格有宽度，触发横滑而非塌缩 */
    width: auto !important;
  }
  .p_biaoge td,
  .p_biaoge th {
    white-space: nowrap;           /* 单元格不折行，横滑查看 */
    font-size: 13px;
    padding: 8px 10px;
  }
}

/* ④ 图标尺寸保险（图149/150 若已正常可忽略） */
.pc_cx_tel_1_t2::before { font-size: 26px !important; }
@media (max-width: 768px) { .pc_cx_tel_1_t2::before { font-size: 22px !important; } }
@media (max-width: 480px) { .pc_cx_tel_1_t2::before { font-size: 20px !important; } }

/* ===== 联系方式：图标各归各位 + 文字不错位 ===== */
.cico-row{
    position:relative !important;
    padding-left:28px !important;
    margin-bottom:14px !important;
    line-height:1.8 !important;
    font-size:.92rem !important;
    word-break:break-word;
  }
  /* 干掉旧的同一个伪元素图标 */
  .cico-row::before{ content:none !important; display:none !important; }
  /* 新图标绝对定位，文字整体右移，换行也不会错位 */
  .cico-row > i[data-cico]{
    position:absolute !important; left:0 !important; top:.35em !important;
    width:20px !important; text-align:center !important;
    font-size:17px !important; color:#E67E22 !important;
    display:inline-block !important;
  }
  @media (max-width:768px){
    .cico-row{ padding-left:26px !important; font-size:.88rem !important; margin-bottom:12px !important; }
    .cico-row > i[data-cico]{ font-size:16px !important; }
  }

  /* ============================================================
     锚点导航 · 移动端横向滚动方案【已废弃，保留说明备查】
     废弃原因：
       1. .anchor-nav 本身是 position:sticky，叠加 overflow-x:auto 后，
          在移动端 Safari / Chrome 上会出现吸顶失效或横向滚动被父级裁切
       2. 横向滚动看不到「后面还有几个锚点」，用户以为只有两项
     现行方案：Grid 换行 3+2 两行，见「十一、移动端基础适配」
     ★ 最终权威定义在 cp-mobile.css（最后加载），此处数值与其保持一致：
       ≤768 13px / ≤600 12.5px / ≤480 12.5px / ≤400 12px / ≤360 12px
     ============================================================ */
  @media (max-width:480px){
    .anchor-nav a{ font-size:12.5px !important; padding:9px 4px !important; min-height:42px; }
    .section-anchor{ scroll-margin-top:96px; }
  }
  @media (max-width:400px){
    .anchor-nav a{ font-size:12px !important; padding:9px 2px !important; letter-spacing:0 !important; min-height:42px; }
    .section-anchor{ scroll-margin-top:92px; }
  }
  @media (max-width:360px){
    .anchor-nav a{ font-size:12px !important; padding:9px 1px !important; letter-spacing:0 !important; min-height:42px; }
    .section-anchor{ scroll-margin-top:88px; }
  }

  /* ===== 表格：优先自适应屏宽，实在放不下才横滑 ===== */
@media (max-width:768px){
    .cpxx_page_content,
    .faq_page_content{
      overflow-x:auto !important;
      -webkit-overflow-scrolling:touch;
    }
    /* 覆盖之前的 min-width:600px 强制横滑 */
    .p_biaoge,
    .cpxx_page_content table,
    .faq_page_content table{
      width:100% !important;
      min-width:0 !important;
      table-layout:auto !important;
      border-collapse:collapse !important;
    }
    .p_biaoge td,
    .p_biaoge th,
    .cpxx_page_content td,
    .cpxx_page_content th,
    .faq_page_content td,
    .faq_page_content th{
      white-space:normal !important;   /* 允许换行，表格才能收窄 */
      word-break:break-word;
      font-size:12.5px !important;
      padding:7px 8px !important;
      line-height:1.55 !important;
    }
    /* 首列冻结：横滑时表头不跑掉 */
    .p_biaoge td:first-child,
    .p_biaoge th:first-child,
    .cpxx_page_content td:first-child,
    .cpxx_page_content th:first-child{
      position:sticky; left:0; z-index:2;
      background:#fff !important;
      box-shadow:1px 0 0 #dfe5ec;
    }
    .p_biaoge tr.firstRow td:first-child{
      background:#f0f4f8 !important;
    }
  }