/* ==========================================================================
   refresh.css — 产品资料改版配套样式
   1) 统一浅色渲染（修复：站点未设置背景色，系统深色模式下内页被渲染成黑底）
   2) 产品详情富文本样式（.zp-* 由产品内容输出）
   3) 产品列表 / 详情页的留白简约化微调
   加载顺序须在 style.css 之后。
   ========================================================================== */

/* ---------- 1. 统一浅色渲染 ---------- */
html {
    color-scheme: light;
}

html,
body {
    background-color: #fff;
}

/* ---------- 2. 产品内容富文本 ---------- */
.zp-prod {
    --zp-blue: var(--primary-color, #00836b);
    --zp-ink: #0f172a;
    --zp-body: #334155;
    --zp-muted: #64748b;
    --zp-line: #e8edf3;
    --zp-soft: #f7f9fc;
    color: var(--zp-body);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    font-size: 15px;
    line-height: 1.8;
}

.zp-prod * {
    box-sizing: border-box;
}

.zp-lead {
    font-size: 15.5px;
    line-height: 1.9;
    color: var(--zp-body);
    margin: 0 0 28px;
}

.zp-feats {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9px 34px;
}

.zp-feats .zp-f {
    flex: 1 0 calc(25% - 18px);
    max-width: calc(25% - 18px);
    margin: 9px;
    border: 1px solid var(--zp-line);
    border-radius: 14px;
    padding: 18px 18px 20px;
    background: #fff;
}

.zp-feats .zp-f b {
    display: block;
    color: var(--zp-ink);
    font-size: 15.5px;
    font-weight: 600;
    margin-bottom: 6px;
}

.zp-feats .zp-f span {
    display: block;
    font-size: 13.5px;
    line-height: 1.7;
    color: var(--zp-muted);
}

.zp-h {
    font-size: 20px;
    font-weight: 600;
    color: var(--zp-ink);
    letter-spacing: -.2px;
    margin: 44px 0 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--zp-line);
}

.zp-h:first-child {
    margin-top: 0;
}

.zp-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9px;
}

.zp-grid .zp-i {
    flex: 1 0 calc(33.333% - 18px);
    max-width: calc(33.333% - 18px);
    margin: 9px;
    border: 1px solid var(--zp-line);
    border-radius: 14px;
    padding: 18px 20px;
    background: #fff;
}

.zp-grid .zp-i b {
    display: block;
    color: var(--zp-ink);
    font-weight: 600;
    margin-bottom: 6px;
}

.zp-grid .zp-i span {
    display: block;
    font-size: 14px;
    line-height: 1.7;
    color: var(--zp-muted);
}

.zp-gal {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9px;
}

.zp-gal figure {
    flex: 1 0 calc(25% - 18px);
    max-width: calc(25% - 18px);
    margin: 9px;
}

.zp-gal .zp-ph {
    background: var(--zp-soft);
    border: 1px solid var(--zp-line);
    border-radius: 16px;
    padding: 14px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zp-gal .zp-ph img {
    max-width: 100% !important;
    max-height: 182px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
}

.zp-gal figcaption {
    text-align: center;
    font-size: 13.5px;
    color: #475569;
    margin-top: 10px;
}

.zp-tablebox {
    border: 1px solid var(--zp-line);
    border-radius: 16px;
    overflow: hidden;
}

table.zp-specs {
    width: 100%;
    border-collapse: collapse;
    font-size: 14.5px;
    margin: 0;
}

table.zp-specs th,
table.zp-specs td {
    text-align: left;
    padding: 13px 16px;
    border-bottom: 1px solid var(--zp-line);
    vertical-align: top;
    line-height: 1.7;
}

table.zp-specs th {
    width: 190px;
    color: var(--zp-ink);
    font-weight: 600;
    background: #fbfcfe;
}

table.zp-specs tr:last-child th,
table.zp-specs tr:last-child td {
    border-bottom: 0;
}

.zp-slogan {
    margin-top: 38px;
    padding: 26px 20px;
    text-align: center;
    color: var(--zp-ink);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .3px;
    background: var(--zp-soft);
    border: 1px solid var(--zp-line);
    border-radius: 16px;
    line-height: 1.7;
}

.zp-slogan small {
    display: block;
    margin-top: 8px;
    font-size: 13.5px;
    font-weight: 400;
    color: var(--zp-muted);
    letter-spacing: 0;
}

/* ---------- 3. 产品页微调（留白简约） ---------- */
/* 图文左右对调：文字在左、产品图在右（与预览一致） */
.m11_proDetail .list1 .lt {
    float: right;
}

.m11_proDetail .list1 .rt {
    float: left;
}

.m11_proDetail .list1 .lt .m1_galleryTop,
.m11_proDetail .list1 .lt .m1_galleryThumbs {
    background: #f7f9fc;
    border-radius: 16px;
}

.m11_proDetail .list1 .rt .h2 {
    color: #0f172a;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -.3px;
    line-height: 1.3;
    margin-bottom: 14px;
}

.m11_proDetail .list1 .rt .h3 {
    color: var(--primary-color, #00836b);
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 14px;
}

.m11_proDetail .list1 .rt .h4 {
    color: #475569;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 28px;
}

.m11_proDetail .list2 {
    border: 1px solid #e8edf3;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.m11_proDetail .list2 .hd {
    background: #fbfcfe;
}

.m11_proDetail .list2 .hd ul li a {
    color: #334155;
}

.m11_proDetail .list2 .xiangqing {
    padding: 30px 32px;
    color: #334155;
    font-size: 15px;
    line-height: 1.85;
}

.m11_proDetail .list2 .xiangqing p {
    line-height: 1.9;
}

/* 相关产品 */
.m11_pro_related {
    border: 1px solid #e8edf3;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.m11_pro_related > .h2 {
    border-bottom: 1px solid #e8edf3;
    color: #0f172a;
}

.m11_pro_related_content {
    background: #fff;
}

.m11_pro_related_content_item {
    background: #fff;
}

/* 产品列表卡片 */
.product_content_item {
    border: 1px solid #e8edf3;
    border-radius: 16px;
    overflow: hidden;
    transition: box-shadow .25s ease, transform .25s ease;
}

.product_content_item:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 40px rgba(15, 23, 42, .07);
}

.product_content_item_desc {
    margin-top: 8px;
    padding: 0 2px;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product_content_item_desc:empty {
    display: none;
}

.inside_product0 ul li .nr_box,
.inside_product1 ul li .nr_box,
.inside_product2 ul li .nr_box,
.inside_product3 ul li .nr_box {
    border-color: #e8edf3;
    border-radius: 16px;
}

.inside_product0 ul li:hover .nr_box,
.inside_product1 ul li:hover .nr_box,
.inside_product2 ul li:hover .nr_box,
.inside_product3 ul li:hover .nr_box {
    background: #fff;
    box-shadow: 0 14px 40px rgba(15, 23, 42, .07);
}

/* 移动端 */
@media (max-width: 900px) {
    .zp-feats .zp-f {
        flex: 1 0 calc(50% - 18px);
        max-width: calc(50% - 18px);
    }

    .zp-grid .zp-i {
        flex: 1 0 calc(50% - 18px);
        max-width: calc(50% - 18px);
    }

    .zp-gal figure {
        flex: 1 0 calc(50% - 18px);
        max-width: calc(50% - 18px);
    }

    .m11_proDetail .list2 .xiangqing {
        padding: 20px;
    }
}

@media (max-width: 600px) {

    .zp-feats .zp-f,
    .zp-grid .zp-i,
    .zp-gal figure {
        flex: 1 0 calc(100% - 18px);
        max-width: calc(100% - 18px);
    }

    table.zp-specs th {
        width: 40%;
    }
}

/* ---------- 4. 产品中心头图（对齐预览版） ---------- */
.zp-hero {
    background: #fff;
    padding: 84px 0 48px;
    text-align: center;
}

.zp-hero-in {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 24px;
}

.zp-eyebrow {
    color: var(--primary-color, #00836b);
    font-size: 13px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: Arial, "Microsoft YaHei", sans-serif;
}

.zp-hero-h1 {
    font-size: 44px;
    line-height: 1.2;
    color: #0f172a;
    margin: 14px 0 16px;
    letter-spacing: -.5px;
    font-weight: 650;
}

.zp-hero-lead {
    font-size: 17px;
    color: #64748b;
    line-height: 1.8;
    max-width: 660px;
    margin: 0 auto;
}

.zp-search {
    max-width: 640px;
    margin: 34px auto 0;
    border: 1px solid #e8edf3;
    border-radius: 26px;
    background: #fff;
    padding: 7px 9px 7px 22px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.zp-search input {
    flex: 1;
    border: 0;
    outline: 0;
    height: 40px;
    background: transparent;
    font-size: 15px;
    color: #0f172a;
    font-family: inherit;
}

.zp-search input::placeholder {
    color: #94a3b8;
}

.zp-search button {
    flex: none;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: var(--primary-color, #00836b);
    color: #fff;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
}

.zp-search button:hover {
    opacity: .9;
}

.zp-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.zp-pill {
    font-size: 13.5px;
    color: #475569;
    background: #f6f8fb;
    border: 1px solid #e8edf3;
    border-radius: 999px;
    padding: 6px 14px;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, opacity .2s ease, transform .2s ease, box-shadow .2s ease;
}

.zp-pill:hover {
    color: var(--primary-color, #00836b);
    border-color: #cfe0f8;
    background: #f2f7ff;
}

/* 分区标题 */
.zp-sec-h {
    text-align: center;
    margin: 8px 0 30px;
}

.zp-sec-h h2 {
    font-size: 30px;
    color: #0f172a;
    margin: 0 0 10px;
    font-weight: 640;
    letter-spacing: -.3px;
}

.zp-sec-h h2 em {
    font-style: normal;
    color: inherit;
    font-weight: inherit;
}

.zp-sec-h p {
    color: #64748b;
    margin: 0;
}

.zp-rule {
    width: 44px;
    height: 3px;
    background: var(--primary-color, #00836b);
    border-radius: 2px;
    margin: 16px auto 0;
    opacity: .85;
}

/* 分类导航做成胶囊，贴近预览观感 */
.product_menu_inner {
    background: #fff;
    box-shadow: none;
    border-bottom: 1px solid #e8edf3;
}

.product_menu_inner_content > ul {
    height: 62px;
    justify-content: center;
}

.product_menu_inner_content ul > li > span > a {
    height: 34px;
    line-height: 32px;
    margin: 0 6px;
    padding: 0 18px;
    min-width: 0;
    border: 1px solid #e8edf3;
    border-radius: 999px;
    background: #f6f8fb;
    color: #475569;
}

.product_menu_inner_content ul > li.hover > span > a,
.product_menu_inner_content ul > li > span > a:hover {
    color: #fff;
    background: var(--primary-color, #00836b);
    border-color: var(--primary-color, #00836b);
}

@media (max-width: 900px) {
    .zp-hero {
        padding: 54px 0 36px;
    }

    .zp-hero-h1 {
        font-size: 34px;
    }

    .zp-hero-lead {
        font-size: 15.5px;
    }

    .product_menu_inner_content > ul {
        height: 54px;
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .zp-hero-h1 {
        font-size: 28px;
    }

    .zp-pills {
        gap: 8px;
    }
}

/* ==========================================================================
   5. 内页统一：留白简约（新闻 / 案例 / 关于我们 / 联系 / 下载 / 搜索 等）
   ========================================================================== */

/* ---- 内页通栏：深色图片 → 浅色页面标题 ---- */
.inbannerbg {
    background: #fff;
}

.inbanner > img {
    display: none !important;
}

.inbanner_con {
    position: static !important;
    transform: none !important;
}

.inbanner_con_title {
    color: #0f172a !important;
    font-size: 38px !important;
    font-weight: 650;
    letter-spacing: -.5px;
    padding: 72px 0 44px;
}

/* ---- 面包屑 ---- */
.inbarbg {
    background: #fff;
    border-bottom: 1px solid #e8edf3;
}

.inbar {
    margin: 0 !important;
    padding: 14px 0;
}

.weizhi,
.weizhi a {
    color: #64748b !important;
}

/* ---- 侧栏分类菜单：清新化 ---- */
.m1_side_a {
    box-shadow: none !important;
    border: 1px solid #e8edf3;
    border-radius: 14px;
}

.m1_side_a h2 {
    background-color: #f7f9fc !important;
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 600;
    padding: 14px 16px !important;
}

.m1_side_a ul li {
    border-bottom: 1px solid #eef2f7;
}

.m1_side_a ul li a {
    color: #475569;
    height: auto !important;
    line-height: 1.6 !important;
    padding: 12px 16px !important;
}

.m1_side_a ul li:hover > span a,
.m1_side_a ul li.hover > span a {
    color: var(--primary-color, #00836b);
    background-color: #f2f7ff !important;
}

.mobile_h2 {
    background-color: #f7f9fc !important;
    color: #0f172a;
}

.mobile_h2 > i,
.mobile_h2 > span {
    color: #0f172a !important;
}

/* ---- 正文排版 ---- */
.m11_insidebg {
    background: #fff;
}

.m11_inside_rt {
    margin-top: 30px;
}

.xiangqing {
    color: #334155 !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

.xiangqing p {
    line-height: 1.9 !important;
    margin-bottom: 14px;
}

.m11_newsdetail .tit {
    border-bottom: 1px solid #e8edf3;
    padding: 8px 0 20px;
}

.m11_newsdetail .tit .h2 {
    color: #0f172a !important;
    font-size: 26px !important;
    font-weight: 600;
}

.m11_newsdetail .tit .h3 {
    color: #94a3b8;
}

/* ---- 文章列表 ---- */
.inside_news1 ul li {
    border-bottom: 1px solid #eef2f7;
    padding: 24px 0;
}

.inside_news1 ul li .img {
    border-radius: 14px;
    background: #f7f9fc;
}

.inside_news1 ul li .txt .h2 {
    color: #0f172a;
    font-weight: 600;
}

.inside_news1 ul li:hover .txt .h2 {
    color: var(--primary-color, #00836b);
}

.inside_news1 ul li .txt .h3 {
    color: #64748b;
}

.inside_news1 ul li .txt .time {
    color: #94a3b8;
}

.inside_news2 ul li {
    border-bottom: 1px solid #eef2f7;
}

.inside_news2 ul li .txt .h2:before {
    background: var(--primary-color, #00836b);
    border-radius: 2px;
}

.inside_news2 ul li .txt .h2 a {
    color: #0f172a;
}

/* ---- 图片/案例列表 ---- */
.inside_picList1 ul li {
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 16px;
    overflow: hidden;
    transition: box-shadow .25s ease, transform .25s ease;
}

.inside_picList1 ul li:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 40px rgba(15, 23, 42, .07);
}

.inside_picList1 ul li .txtbg:before {
    display: none;
}

.inside_picList1 ul li .txt .h2 {
    color: #0f172a;
}

.inside_picList1 ul li:hover .txt .h2 {
    color: var(--primary-color, #00836b);
}

/* ---- 下载列表 ---- */
.inside_download1 ul li {
    border-bottom: 1px solid #eef2f7;
}

.inside_download1 ul li .txt .h2 a {
    color: #0f172a;
}

.inside_download1 ul li:hover .txt .h2 a {
    color: var(--primary-color, #00836b);
}

.inside_download1 ul li .down_btn a {
    border-radius: 10px;
}

/* ---- 搜索页 ---- */
.search_form {
    background: #fff !important;
    border: 1px solid #e8edf3;
    border-radius: 999px;
    padding: 6px 8px 6px 24px !important;
    margin-bottom: 26px !important;
}

.search_form form {
    height: 46px !important;
    display: flex;
    align-items: center;
}

.search_form form #search_keywords {
    float: none !important;
    width: 100% !important;
    height: 46px !important;
    line-height: 46px !important;
    background: transparent !important;
    padding: 0 !important;
    font-size: 15px;
    color: #0f172a;
}

.search_form form #search {
    float: none !important;
    flex: none;
    width: auto !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 24px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    border: 0;
    cursor: pointer;
}

/* 搜索结果卡片 */
.inside_product1 ul li {
    width: calc((100% - 36px) / 3);
    margin: 0 0 18px 18px;
}

.inside_product1 ul li:nth-child(3n-2) {
    margin-left: 0;
    clear: left;
}

.inside_product1 ul li .nr_box {
    border: 1px solid #e8edf3;
    border-radius: 16px;
    padding: 14px;
    height: 100%;
}

.inside_product1 ul li:hover .nr_box {
    background: #fff;
    box-shadow: 0 14px 40px rgba(15, 23, 42, .07);
}

.inside_product1 ul li .img {
    padding-bottom: 0;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f9fc;
    border-radius: 12px;
}

.inside_product1 ul li .img img {
    position: static !important;
    max-width: 100%;
    max-height: 176px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.inside_product1 ul li:hover .img img {
    transform: none;
}

.inside_product1 ul li .txt {
    margin-top: 14px;
    padding: 0 2px;
    color: #334155;
}

.inside_product1 ul li .txt .h2 {
    color: #0f172a;
    font-size: 16px;
    height: auto;
    font-weight: 600;
}

.inside_product1 ul li .txt .h3 {
    display: -webkit-box;
    margin-top: 8px;
    font-size: 13.5px;
    line-height: 1.7;
    color: #64748b;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ---- 产品卡片图片等比适配（不裁切、不变形） ---- */
.product_content_item_img {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f9fc;
    border-radius: 12px;
    height: 230px;
    overflow: hidden;
}

.product_content_item_img img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 210px !important;
    object-fit: contain !important;
}

.product_content_item:hover .product_content_item_img img {
    transform: none;
}

@media (max-width: 900px) {
    .inbanner_con_title {
        font-size: 30px !important;
        padding: 52px 0 34px;
    }

    .product_content_item_img {
        height: 190px;
    }

    .product_content_item_img img {
        max-height: 170px !important;
    }

    .inside_product1 ul li {
        width: calc((100% - 18px) / 2);
        margin: 0 0 18px 18px;
    }

    .inside_product1 ul li:nth-child(3n-2) {
        margin-left: 18px;
        clear: none;
    }

    .inside_product1 ul li:nth-child(2n-1) {
        margin-left: 0;
        clear: left;
    }

    .search_form {
        border-radius: 22px;
        padding: 6px 8px 6px 18px !important;
    }
}

@media (max-width: 600px) {
    .inbanner_con_title {
        font-size: 26px !important;
        padding: 40px 0 26px;
    }

    .inside_product1 ul li {
        width: 100%;
        margin-left: 0;
    }

    .product_content_item_img {
        height: 170px;
    }

    .product_content_item_img img {
        max-height: 150px !important;
    }
}

/* 搜索页去掉左侧栏后，内容区占满整行 */
.m11_inside_rt.zp-full {
    float: none !important;
    width: 100% !important;
}

/* ==========================================================================
   6. 内页各栏目细节：新闻 / 案例 / 关于我们 / 联系 / 下载 / 详情
   ========================================================================== */

/* 通栏已有页面标题，隐藏内容区里的重复标题 */
.title_inner {
    display: none !important;
}

/* ---- 新闻列表卡片 ---- */
.news_content {
    padding: 8px 0 20px;
}

.news_content_item {
    border: 1px solid #e8edf3;
    border-radius: 16px;
    box-shadow: none !important;
    padding: 14px;
    background: #fff;
    transition: box-shadow .25s ease, transform .25s ease;
}

.news_content_item:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 40px rgba(15, 23, 42, .07) !important;
}

.news_content_item_img {
    border-radius: 12px;
    overflow: hidden;
    background: #f7f9fc;
}

.news_content_item_img img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover;
}

.news_content_item_title {
    font-size: 17px;
    font-weight: 600;
}

.news_content_item_title > a {
    color: #0f172a !important;
}

.news_content_item:hover .news_content_item_title > a {
    color: var(--primary-color, #00836b) !important;
}

.news_content_item_description {
    color: #64748b !important;
    line-height: 1.75 !important;
}

/* ---- 工程案例卡片：改成图下标题常显 ---- */
.photo_content {
    padding: 8px 0 20px;
}

.photo_content_item {
    border: 1px solid #e8edf3;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    transition: box-shadow .25s ease, transform .25s ease;
}

.photo_content_item:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 40px rgba(15, 23, 42, .07);
}

.photo_content_item_img img {
    width: 100% !important;
    height: 230px !important;
    object-fit: cover;
}

.photo_content_item:hover .photo_content_item_img img {
    filter: none !important;
}

.photo_content_item_con {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    text-align: center;
    padding: 14px 12px;
}

.photo_content_item_title {
    color: #0f172a !important;
    font-size: 15.5px !important;
    padding: 0 !important;
    font-weight: 600;
}

/* ---- 单页正文（关于我们等） ---- */
.page_content,
.newsdetail_content,
.download_content {
    color: #334155;
    font-size: 15px;
    line-height: 1.9;
    padding: 8px 0 20px;
}

.page_content p,
.page_content li {
    line-height: 1.9;
    margin-bottom: 12px;
}

.page_content img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

/* ---- 联系我们 ---- */
.contact_content {
    padding: 8px 0 20px;
}

.m12_contact1 .list ul li {
    box-shadow: none !important;
    border: 1px solid #e8edf3;
    border-radius: 16px;
    background: #fff;
}

.m12_contact1 .list ul li .txt strong {
    color: #0f172a !important;
    font-weight: 600;
}

.m12_contact1 .list ul li .txt span {
    color: #475569;
}

.m12_contact2 .m11_tit2 .h2 > strong {
    color: #0f172a;
    font-weight: 650;
}

.m12_contact2 form .input_text,
.m12_contact2 form .input_text1,
.m12_contact2 form textarea {
    border: 1px solid #e8edf3 !important;
    border-radius: 12px;
    background: #fff;
    color: #0f172a;
}

.m12_contact2 form .input_text:focus,
.m12_contact2 form textarea:focus {
    border-color: #bcd6f7 !important;
    outline: none;
}

.m12_contact2 form .input_button,
.m12_contact2 form #sendcode2 {
    border-radius: 12px;
    border: 0;
}

/* ---- 详情页上一篇/下一篇 ---- */
.prev_next {
    border-top: 1px solid #e8edf3;
}

.prev_next a {
    border: 1px solid #e8edf3;
    border-radius: 10px;
    color: #334155;
    background: #fff;
}

.prev_next a:hover {
    border-color: var(--primary-color, #00836b);
    color: var(--primary-color, #00836b);
}

@media (max-width: 900px) {
    .news_content_item_img img {
        height: 170px !important;
    }

    .photo_content_item_img img {
        height: 180px !important;
    }
}

/* ==========================================================================
   7. 修正：刷新样式给卡片加了描边，需改为 border-box 以免撑宽导致换行
   ========================================================================== */
.photo_content_item,
.news_content_item,
.inside_picList1 ul li,
.inside_product1 ul li .nr_box,
.inside_product1 ul li,
.product_content_item,
.m12_contact1 .list ul li,
.inside_news1 ul li .img {
    box-sizing: border-box;
}

/* ==========================================================================
   8. 产品中心卡片：三列布局（与预览一致，留白更舒展）
   ========================================================================== */
.product_content {
    gap: 40px;
}

.product_content_item {
    width: calc((100% - 80px) / 3) !important;
}

@media (max-width: 900px) {
    .product_content {
        gap: 20px;
    }

    .product_content_item {
        width: calc((100% - 20px) / 2) !important;
    }
}

@media (max-width: 600px) {
    .product_content {
        gap: 16px;
    }

    .product_content_item {
        width: 100% !important;
    }
}

/* ==========================================================================
   9. 页脚底部：去重后整理为浅色单行（版权+备案 左 / 友情链接 右）
   ========================================================================== */
.footer_bottom {
    background-color: #fff;
    border-top: 1px solid #e8edf3;
    color: #94a3b8;
    font-size: 13px;
    text-align: left;
    padding: 22px 0;
}

.f_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 10px 24px;
}

.f_info > p {
    margin: 0;
    color: #94a3b8;
    line-height: 1.8;
    font-size: 13px;
}

.f_info > p a {
    color: #64748b;
}

.f_info > p a:hover {
    color: var(--primary-color, #00836b);
}

.footer_bottom .frind {
    justify-content: flex-end;
    color: #94a3b8;
    font-size: 13px;
}

.footer_bottom .frind > p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #94a3b8;
}

.footer_bottom .frind ul {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.footer_bottom .frind ul li > a {
    color: #64748b;
}

.footer_bottom .frind ul li > a:hover {
    color: var(--primary-color, #00836b);
}

/* 底部通栏与上方信息区之间加一条细分隔，视觉更整 */
.footer_top {
    border-bottom: 1px solid #f1f5f9;
}

@media (max-width: 900px) {
    .f_info {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .footer_bottom .frind {
        justify-content: flex-start;
    }
}

/* ==========================================================================
   10. 首页优化：留白节奏、数据块重设计、区块背景统一
   ========================================================================== */

/* ---- 关于我们 ---- */
.content1_content_bottom_title {
    color: #0f172a;
    font-weight: 650;
    font-size: 26px;
    line-height: 1.4;
}

/* 数据源里本来就带换行，之前被 HTML 吞掉，这里恢复段落 */
.content1_content_bottom_description {
    white-space: pre-line;
    margin-top: 24px;
    color: #475569;
    font-size: 15px;
    line-height: 2;
}

/* 数据块：数字放大、标签弱化、竖线分隔 */
.content1_content_bottom_content_con {
    margin-top: 34px;
    justify-content: flex-start;
    gap: 0;
}

.content1_content_bottom_content_con_item {
    width: auto;
    flex: 1 1 0;
    min-width: 0;
    padding: 0 14px;
    border-left: 1px solid #e8edf3;
    box-sizing: border-box;
}

.content1_content_bottom_content_con_item:first-child {
    border-left: 0;
    padding-left: 0;
}

.content1_content_bottom_content_con_item_keywords {
    font-size: 26px;
    font-weight: 650;
    color: var(--primary-color, #00836b);
    line-height: 1.2;
    letter-spacing: -.5px;
    margin-bottom: 6px;
    white-space: nowrap;
}

.content1_content_bottom_content_con_item_title {
    font-size: 13px;
    color: #94a3b8;
    padding-left: 0;
    line-height: 1.5;
}

/* ---- 区块留白节奏 ---- */
.content1_content {
    padding: 88px 0;
}

/* ---- 产品系列 ---- */
.content2_content_bottom_menu_item > a {
    border: 1px solid #e8edf3;
    border-radius: 999px;
    background: #fff;
    color: #475569;
}

.content2_content_bottom_menu_item:hover > a {
    color: #fff;
    background-color: var(--primary-color, #00836b);
    border-color: var(--primary-color, #00836b);
}

.content2_content_bottom_con_content_item {
    border: 1px solid #e8edf3;
    border-radius: 16px;
    box-sizing: border-box;
    transition: box-shadow .25s ease, transform .25s ease;
}

.content2_content_bottom_con_content_item:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 40px rgba(15, 23, 42, .07);
}

.content2_content_bottom_con_content_item_img img {
    height: 200px;
    object-fit: contain;
}

.content2_content_bottom_a a {
    border: 1px solid #e8edf3;
    border-radius: 999px;
    color: #334155;
}

/* ---- 解决方案：去掉花哨底图，改浅色 ---- */
.content3 {
    background-image: none !important;
    background-color: #f8fafc;
}

.content3_content_bottom_item_img {
    border: 1px solid #e8edf3 !important;
    border-radius: 16px;
    overflow: hidden;
    box-sizing: border-box;
}

.content3_content_bottom_item_img img {
    border-radius: 14px;
}

.content3_content_bottom_item_a a {
    border-radius: 999px;
    padding: 0 22px;
    width: auto;
    display: inline-block;
}

.content3_content_bottom_item_title {
    color: #0f172a;
    font-size: 18px;
    font-weight: 600;
}

/* ---- 新闻动态 ---- */
.content4_content_bottom_item {
    border: 1px solid #e8edf3;
    border-radius: 16px;
    padding: 14px;
    box-sizing: border-box;
    border-bottom: 1px solid #e8edf3;
}

.content4_content_bottom_item:hover {
    border-color: #cfe0f8;
    box-shadow: 0 14px 40px rgba(15, 23, 42, .07);
}

.content4_content_bottom_img img {
    height: 220px;
    object-fit: contain;
    border-radius: 12px;
}

.content4_content_bottom_title {
    color: #0f172a;
    font-size: 14px;
    line-height: 1.7;
}

/* ---- 客户评价：去掉固定背景图 ---- */
.content5 {
    background-image: none !important;
    background-color: #fff;
}

.content5_content_bottom_content {
    color: #475569;
    font-size: 15px;
    line-height: 2;
    width: 760px;
}

.content5_content_bottom_content p {
    line-height: 2;
}

.content5_content_bottom_title {
    color: #0f172a;
    font-weight: 600;
}

/* ---- 合作伙伴 ---- */
.content6_content_bottom_item_img img {
    height: 72px;
}

@media (max-width: 900px) {
    .content1_content {
        padding: 48px 0;
    }

    .content1_content_bottom_title {
        font-size: 21px;
    }

    .content1_content_bottom_content_con_item {
        flex: 1 1 40%;
        min-width: 0;
        padding: 12px 16px;
        border-left: 0;
    }

    .content1_content_bottom_content_con_item_keywords {
        font-size: 26px;
    }

    .content5_content_bottom_content {
        width: 100%;
        font-size: 14.5px;
    }
}

/* ==========================================================================
   11. 帮助中心内嵌页：保留主站头尾，内容用框内嵌，方便返回浏览
   ========================================================================== */
.zp-hc-head {
    padding: 64px 0 30px;
    text-align: center;
    background: #fff;
}

.zp-hc-head .zp-eyebrow {
    color: var(--primary-color, #00836b);
    font-size: 13px;
    letter-spacing:normal;
    text-transform: none;
    font-weight: 600;
}

.zp-hc-h1 {
    font-size: 40px;
    line-height: 1.25;
    color: #0f172a;
    font-weight: 650;
    letter-spacing: -.5px;
    margin: 14px 0 14px;
}

.zp-hc-lead {
    font-size: 16px;
    line-height: 1.8;
    color: #64748b;
    max-width: 720px;
    margin: 0 auto;
}

.zp-hc-wrap {
    padding: 0 0 64px;
}

.zp-hc-frame {
    display: block;
    width: 100%;
    height: calc(100vh - 320px);
    min-height: 620px;
    border: 1px solid #e8edf3;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 40px rgba(15, 23, 42, .05);
}

@media (max-width: 900px) {
    .zp-hc-head {
        padding: 44px 0 24px;
    }

    .zp-hc-h1 {
        font-size: 30px;
    }

    .zp-hc-lead {
        font-size: 15px;
    }

    .zp-hc-frame {
        height: calc(100vh - 260px);
        min-height: 560px;
        border-radius: 14px;
    }

    .zp-hc-wrap {
        padding-bottom: 40px;
    }
}

/* ==========================================================================
   12. 首页改版：参考科技类官网的「全幅大图 + 大标题 + 方案卡 + 产品展示」结构
   ========================================================================== */

/* ---- 首屏全幅轮播 ---- */
.zh-hero {
    position: relative;
    height: 620px;
    overflow: hidden;
    background: #0e131b;
}

html.js .zh-hero .zh-slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .5s ease;
}

.zh-hero .zh-slide.is-active {
    opacity: 1;
    visibility: visible;
}

.zh-hero .zh-bg {
    position: absolute;
    top: -22px;
    right: -22px;
    bottom: -22px;
    left: -22px;
    background-size: cover;
    background-position: center;
    filter: blur(9px) brightness(.58) saturate(.95);
}

.zh-hero .zh-slide:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(9, 13, 20, .88) 0%, rgba(9, 13, 20, .66) 46%, rgba(9, 13, 20, .38) 100%);
}

.zh-hero .zh-in {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.zh-eyebrow {
    font-size: 13px;
    letter-spacing: normal;
    font-weight: 600;
    text-transform: none;
    color: #7fb6ff;
}

.zh-hero h1 {
    color: #fff;
    font-size: 54px;
    font-weight: 650;
    line-height: 1.22;
    letter-spacing: -.5px;
    margin: 16px 0 18px;
}

.zh-hero p {
    color: rgba(255, 255, 255, .8);
    font-size: 17px;
    line-height: 1.9;
    max-width: 580px;
    margin: 0 0 30px;
}

.zh-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    padding: 13px 30px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 999px;
    color: #fff;
    font-size: 15px;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease, opacity .3s ease, transform .3s ease, box-shadow .3s ease;
}

.zh-btn:hover {
    background: var(--primary-color, #00836b);
    border-color: var(--primary-color, #00836b);
    color: #fff;
}

.zh-btn i {
    font-style: normal;
    font-size: 17px;
    line-height: 1;
}

.zh-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 26px;
    z-index: 3;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.zh-dots span {
    width: 26px;
    height: 3px;
    border-radius: 2px;
    background: rgba(255, 255, 255, .32);
    cursor: pointer;
    transition: background .3s ease;
}

.zh-dots span.on {
    background: #fff;
}

/* ---- 双栏方案卡 ---- */
.zh-duo {
    display: flex;
    flex-wrap: wrap;
}

.zh-duo-item {
    position: relative;
    flex: 1 1 50%;
    min-height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.zh-duo-item .zh-bg {
    position: absolute;
    top: -14px;
    right: -14px;
    bottom: -14px;
    left: -14px;
    background-size: cover;
    background-position: center;
    filter: blur(1px) brightness(.62);
    transition: transform .6s ease;
}

.zh-duo-item:hover .zh-bg {
    transform: scale(1.06);
}

.zh-duo-item:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(8, 12, 18, .34);
}

.zh-duo-in {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    padding: 30px;
}

.zh-duo-in h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 12px;
    letter-spacing: .5px;
}

.zh-duo-in p {
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    margin: 0 0 16px;
}

.zh-duo-in span {
    color: #fff;
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    padding-bottom: 3px;
}

/* ---- 核心产品展示 ---- */
.zh-spots {
    background: #fff;
    padding: 92px 0 40px;
}

.zh-spot {
    text-align: center;
    margin-bottom: 96px;
}

.zh-spot:last-child {
    margin-bottom: 40px;
}

.zh-spot-head h2 {
    color: #0f172a;
    font-size: 38px;
    font-weight: 600;
    letter-spacing: -.5px;
    margin: 0 0 12px;
}

.zh-spot-head p {
    color: #64748b;
    font-size: 16px;
    margin: 0 0 16px;
}

.zh-spot-head a {
    color: var(--primary-color, #00836b);
    font-size: 15px;
}

.zh-spot-img {
    display: block;
    max-width: 880px;
    margin: 38px auto 0;
}

.zh-spot-img img {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: contain;
    background: #f7f9fc;
    border-radius: 20px;
    padding: 34px;
    box-sizing: border-box;
}

.zh-spot-note {
    margin-top: 16px;
    font-size: 13px;
    color: #94a3b8;
}

/* ---- 新闻动态 ---- */
.zh-news {
    background: #f8fafc;
    padding: 84px 0;
}

.zh-news-head {
    text-align: center;
    font-size: 30px;
    font-weight: 620;
    color: #0f172a;
    letter-spacing: -.3px;
    margin-bottom: 40px;
}

.zh-news-head em {
    font-style: normal;
    color: var(--primary-color, #00836b);
}

.zh-news ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.zh-news li {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 22px 0;
    border-bottom: 1px solid #e8edf3;
}

.zh-news .zh-num {
    flex: none;
    width: 40px;
    font-size: 22px;
    font-weight: 600;
    color: #cbd5e1;
}

.zh-news .zh-news-t {
    flex: 1;
    font-size: 17px;
}

.zh-news .zh-news-t a {
    color: #0f172a;
}

.zh-news li:hover .zh-news-t a {
    color: var(--primary-color, #00836b);
}

.zh-news .zh-news-d {
    flex: none;
    font-size: 14px;
    color: #94a3b8;
}

.zh-news .zh-news-more {
    flex: none;
    font-size: 14px;
    color: var(--primary-color, #00836b);
    opacity: 0;
    transition: opacity .25s ease;
}

.zh-news li:hover .zh-news-more {
    opacity: 1;
}

.zh-news .zh-empty {
    justify-content: center;
    color: #94a3b8;
    font-size: 14px;
}

/* ---- 合作伙伴 ---- */
.zh-partner {
    background: #fff;
    padding: 70px 0 84px;
}

.zh-partner-label {
    text-align: center;
    font-size: 13px;
    color: #94a3b8;
    margin-bottom: 34px;
}

.zh-partner-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 36px 60px;
}

.zh-partner-item img {
    height: 42px;
    width: auto;
    object-fit: contain;
    opacity: 1;
    transition: transform .3s ease, opacity .3s ease;
}

.zh-partner-item:hover img {
    transform: translateY(-3px);
    opacity: 1;
}

@media (max-width: 900px) {
    .zh-hero {
        height: 520px;
    }

    .zh-hero h1 {
        font-size: 34px;
    }

    .zh-hero p {
        font-size: 15px;
    }

    .zh-hero .zh-in {
        padding: 0 22px;
    }

    .zh-duo-item {
        flex: 1 1 100%;
        min-height: 260px;
    }

    .zh-duo-in h3 {
        font-size: 24px;
    }

    .zh-spots {
        padding: 56px 0 20px;
    }

    .zh-spot {
        margin-bottom: 60px;
    }

    .zh-spot-head h2 {
        font-size: 26px;
    }

    .zh-spot-img img {
        padding: 18px;
        border-radius: 14px;
    }

    .zh-news,
    .zh-partner {
        padding: 56px 0;
    }

    .zh-news-head {
        font-size: 24px;
    }

    .zh-news li {
        flex-wrap: wrap;
        gap: 8px 14px;
    }

    .zh-news .zh-news-t {
        flex: 1 1 60%;
        font-size: 15px;
    }

    .zh-news .zh-news-more {
        opacity: 1;
    }

    .zh-partner-row {
        gap: 24px 36px;
    }

    .zh-partner-item img {
        height: 34px;
    }
}

/* 首屏文字：旧文案先淡出、新文案稍后淡入，避免切换时两段文字重叠 */
.zh-hero .zh-slide .zh-in {
    opacity: 1;
    transition: opacity .16s ease;
}

html.js .zh-hero .zh-slide:not(.is-active) .zh-in {
    opacity: 0;
}

.zh-hero .zh-slide.is-active .zh-in {
    opacity: 1;
    transition: opacity .34s ease .14s;
}

/* ==========================================================================
   13. ODM 双轨模式（合作模式页 + 首页引导）
   ========================================================================== */
.odm-hero {
    background: #fff;
    padding: 64px 0 34px;
    text-align: center;
}

.odm-eyebrow {
    color: #00836b;
    font-size: 13px;
    letter-spacing: normal;
    font-weight: 600;
    text-transform: none;
}

.odm-h1 {
    color: #0f172a;
    font-size: 40px;
    font-weight: 650;
    letter-spacing: -.5px;
    margin: 14px 0 12px;
}

.odm-lead {
    color: #64748b;
    font-size: 16px;
    margin: 0;
}

/* 顶部深色引导条 */
.odm-strip {
    max-width: 1040px;
    margin: 0 auto 26px;
    padding: 26px 30px;
    border-radius: 18px;
    text-align: center;
    color: #fff;
    background: linear-gradient(100deg, #0d1420 0%, #1d2b42 60%, #2a3d59 100%);
}

.odm-strip h2 {
    color: #fff;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 0 10px;
}

.odm-strip h2 em {
    font-style: normal;
    color: #7fb6ff;
    margin-right: 10px;
}

.odm-strip p {
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 14px;
}

/* 两条路径 */
.odm-tracks {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    max-width: 1040px;
    margin: 0 auto;
}

.odm-track {
    flex: 1 1 420px;
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 18px;
    overflow: hidden;
    box-sizing: border-box;
}

.odm-track-top {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 24px;
    border-bottom: 1px solid #e8edf3;
}

.odm-badge {
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    background: var(--primary-color, #00836b);
}

.odm-track.is-b .odm-badge {
    background: #0f172a;
}

.odm-track-top h3 {
    margin: 0;
    font-size: 21px;
    font-weight: 620;
    color: #0f172a;
}

.odm-track-top > div > span {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    color: #94a3b8;
}

.odm-track-body {
    padding: 4px 24px 24px;
}

.odm-block {
    margin-top: 18px;
}

.odm-block h4 {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

.odm-block ul {
    margin: 0;
    padding-left: 18px;
}

.odm-block li {
    font-size: 14px;
    line-height: 2;
    color: #475569;
}

.odm-adv {
    margin-top: 20px;
    padding: 16px 20px;
    border-radius: 14px;
    background: #f2f7ff;
}

.odm-adv h4 {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary-color, #00836b);
}

.odm-adv ul {
    margin: 0;
    padding-left: 18px;
}

.odm-adv li {
    font-size: 14px;
    line-height: 2;
    color: #475569;
}


/* 四个卖点 */
.odm-tiles {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    max-width: 1040px;
    margin: 26px auto 0;
}

.odm-tile {
    flex: 1 1 220px;
    padding: 20px 18px;
    text-align: center;
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 14px;
    box-sizing: border-box;
}

.odm-tile b {
    display: block;
    color: #0f172a;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
}

.odm-tile span {
    font-size: 13px;
    color: #94a3b8;
}

/* CTA */
.odm-cta {
    text-align: center;
    margin-top: 40px;
    padding-top: 36px;
    border-top: 1px solid #e8edf3;
}

.odm-cta p {
    color: #64748b;
    font-size: 15px;
    margin: 0 0 18px;
}

.odm-btn {
    display: inline-block;
    padding: 13px 32px;
    border-radius: 999px;
    background: var(--primary-color, #00836b);
    color: #fff;
    font-size: 15px;
}

.odm-btn:hover {
    color: #fff;
    opacity: .92;
}

/* 首页引导区块 */
.zh-odm {
    background: #fff;
    padding: 84px 0 40px;
}

.zh-odm-head {
    text-align: center;
    margin-bottom: 36px;
}

.zh-odm-head h2 {
    color: #0f172a;
    font-size: 32px;
    font-weight: 620;
    letter-spacing: -.4px;
    margin: 0 0 12px;
}

.zh-odm-head h2 em {
    font-style: normal;
    color: var(--primary-color, #00836b);
}

.zh-odm-head p {
    color: #64748b;
    font-size: 16px;
    margin: 0;
}

.zh-odm-tracks {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    max-width: 1040px;
    margin: 0 auto;
}

.zh-odm-card {
    flex: 1 1 400px;
    display: block;
    padding: 28px 30px;
    background: #f8fafc;
    border: 1px solid #e8edf3;
    border-radius: 18px;
    box-sizing: border-box;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, opacity .25s ease, transform .25s ease, box-shadow .25s ease;
}

.zh-odm-card:hover {
    transform: translateY(-3px);
    background: #fff;
    box-shadow: 0 14px 40px rgba(15, 23, 42, .07);
}

.zh-odm-card .k {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: var(--primary-color, #00836b);
    color: #fff;
    font-weight: 700;
}

.zh-odm-card.is-b .k {
    background: #0f172a;
}

.zh-odm-card h3 {
    color: #0f172a;
    font-size: 20px;
    font-weight: 620;
    margin: 16px 0 6px;
}

.zh-odm-card .sub {
    color: #94a3b8;
    font-size: 13px;
    margin: 0 0 14px;
}

.zh-odm-card ul {
    margin: 0;
    padding-left: 18px;
}

.zh-odm-card li {
    color: #475569;
    font-size: 14px;
    line-height: 1.95;
}

.zh-odm-more {
    text-align: center;
    margin-top: 30px;
}

.zh-odm-more a {
    color: var(--primary-color, #00836b);
    font-size: 15px;
}

@media (max-width: 900px) {
    .odm-hero {
        padding: 44px 0 24px;
    }

    .odm-h1 {
        font-size: 28px;
    }

    .odm-strip {
        padding: 20px 22px;
    }

    .odm-strip h2 {
        font-size: 18px;
    }

    .odm-track {
        flex: 1 1 100%;
    }

    .zh-odm {
        padding: 56px 0 24px;
    }

    .zh-odm-head h2 {
        font-size: 24px;
    }

    .zh-odm-card {
        flex: 1 1 100%;
        padding: 22px;
    }
}

/* ==========================================================================
   14. 联系页：去掉地图后，信息卡上提 + 补充“双中心”地址区
   ========================================================================== */
.zp-centers {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 26px;
}

.zp-center {
    flex: 1 1 320px;
    padding: 24px 26px;
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 16px;
    box-sizing: border-box;
}

.zp-center .k {
    display: inline-block;
    margin-bottom: 12px;
    padding: 3px 12px;
    border-radius: 999px;
    font-size: 12px;
    color: var(--primary-color, #00836b);
    background: #eef5ff;
    border: 1px solid #d8e7ff;
}

.zp-center h3 {
    margin: 0 0 10px;
    font-size: 19px;
    font-weight: 620;
    color: #0f172a;
}

.zp-center p {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.9;
    color: #475569;
}

/* 信息卡上提后的留白 */
.m12_contact1 .list {
    margin-top: 0;
}

.m12_contact1 .list ul li .txt i {
    margin-bottom: 12px;
}

@media (max-width: 900px) {
    .zp-center {
        flex: 1 1 100%;
        padding: 20px;
    }
}

/* ---- 页头：logo 右侧的公司关系说明（2026-09-27 新增）---- */
.m11_head .hd_brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
}

.m11_head .hd_affil {
    display: block;
    height: 32px;
    width: auto;
    margin-left: 18px;
    padding-left: 18px;
    border-left: 1px solid #e5eaf2;
    object-fit: contain;
}

@media (max-width: 996px) {
    .m11_head .hd_affil {
        height: 26px;
        margin-left: 12px;
        padding-left: 12px;
    }
}

/* ==========================================================================
   正文排版统一（2026-09-28）
   编辑器（UEditor）存的内容里自带 font-size / font-family / line-height 行内样式，
   导致各栏正文字号、行高、字体各不相同（实测 18px / 15.5px、行高 30 / 34.2px、
   还夹带网页粘贴残留的 quote-cjk-patch 字体栈）。这里统一覆盖成一套规格：
   正文 16px / 行高 1.9 / #334155，段间距 14px、首行缩进 2em，图片圆角 12px 居中。
   以后在后台发文直接粘贴，也不用再手动清格式。
   ========================================================================== */
.page_content,
.newsdetail_content,
.xiangqing {
    font-size: 16px;
    line-height: 1.9;
    color: #334155;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}

/* 抵消内容里写死的字号 / 行高 / 字体（保留加粗、链接等语义） */
.page_content span, .newsdetail_content span, .xiangqing span,
.page_content p, .newsdetail_content p, .xiangqing p,
.page_content li, .newsdetail_content li, .xiangqing li,
.page_content div, .newsdetail_content div, .xiangqing div {
    font-size: inherit !important;
    line-height: inherit !important;
    font-family: inherit !important;
}

.page_content p,
.newsdetail_content p {
    margin: 0 0 14px;
    text-indent: 2em;
}

.page_content h1, .newsdetail_content h1 { font-size: 22px; }
.page_content h2, .newsdetail_content h2 { font-size: 20px; }
.page_content h3, .newsdetail_content h3 { font-size: 18px; }
.page_content h4, .newsdetail_content h4 { font-size: 16px; }

.page_content h1, .newsdetail_content h1,
.page_content h2, .newsdetail_content h2,
.page_content h3, .newsdetail_content h3,
.page_content h4, .newsdetail_content h4 {
    font-weight: 600;
    color: #0f172a;
    margin: 22px 0 10px;
    text-indent: 0;
    line-height: 1.6;
}

.page_content img, .newsdetail_content img, .xiangqing img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

.page_content img,
.newsdetail_content img,
.xiangqing img {
    display: block;
    margin: 20px auto;
}

.page_content ul, .newsdetail_content ul, .xiangqing ul,
.page_content ol, .newsdetail_content ol, .xiangqing ol {
    padding-left: 1.4em;
    margin: 0 0 14px;
}

.page_content li, .newsdetail_content li, .xiangqing li {
    margin-bottom: 6px;
}

/* 进一步：编辑器内容里从网页粘贴常把 color / font-family 写在 ul/ol/div/table 上，
   这里一并压平（span / strong / a 等行内元素不动，保留加粗与链接的语义强调） */
.page_content p, .newsdetail_content p, .xiangqing p,
.page_content li, .newsdetail_content li, .xiangqing li,
.page_content ul, .newsdetail_content ul, .xiangqing ul,
.page_content ol, .newsdetail_content ol, .xiangqing ol,
.page_content div, .newsdetail_content div, .xiangqing div {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-family: inherit !important;
}

.page_content table, .newsdetail_content table, .xiangqing table,
.page_content td, .newsdetail_content td, .xiangqing td,
.page_content th, .newsdetail_content th, .xiangqing th {
    font-size: inherit !important;
    line-height: inherit !important;
    font-family: inherit !important;
}


/* =====================================================================
   20261014 智慧客控视觉统一层 —— 内页二级页面统一为新设计语言
   （原预览文件 css/spatial-preview.css 合入；回滚用 /www/backup/zhipuiot-manual-20261014-spatial/refresh.css.before-merge）
   ===================================================================== */

/* =====================================================================
   智慧客控视觉统一层（spatial）——内页二级页面统一为新落地页设计语言
   品牌色：薄荷青 #00D4AB / 深藏青 #0D2B47
   预览阶段：独立文件，未被任何页面引用；确认后合入 refresh.css
   覆盖两代内页结构：
     老一代（新闻/案例/单页/联系）：.inbannerbg .inbarbg .m11_inside_lt .title_inner
     新一代（产品）：.zp-hero .product_menu_inner .zp-sec-h .product_content_item
   ===================================================================== */

/* ---- 1. 内页横幅：深色通栏大图 → 浅色渐变 band + 大标题 + 青色短条 ---- */
.inbannerbg{background:linear-gradient(100deg,#eef4f4 0%,#e7f3f0 46%,#eaf2f7 100%)!important}
.inbanner{position:relative;height:200px!important;display:flex!important;align-items:center;overflow:hidden}
.inbanner img{display:none!important}
.inbanner_con{position:static!important;width:100%!important;height:auto!important}
.inbanner_con .wapper1{width:100%;max-width:1200px;margin:0 auto;padding:0 28px;box-sizing:border-box}
.inbanner_con_title{position:static!important;color:#0D2B47!important;font-size:42px!important;font-weight:800!important;text-align:left!important;letter-spacing:.01em}
.inbanner_con_title::after{content:none!important;display:none!important}

/* ---- 2. 面包屑：白底细线 ---- */
.inbarbg{background:#fff!important;border-bottom:1px solid #eef1f5!important}
.inbar{height:54px!important;display:flex;align-items:center}
.weizhi,.weizhi a{color:#8a929c!important;font-size:13.5px!important}
.weizhi a:hover{color:#00b896!important}

/* ---- 3. 左侧二级菜单：白卡 + 圆角 + 青色激活态 ---- */
.m11_inside_lt .m1_side_a,.m11_inside_lt .m1_side_b,
.m11_inside_lt .m1_side_c,.m11_inside_lt .m1_side_d{
  background:#fff!important;border:1px solid #eef1f5!important;border-radius:18px!important;
  box-shadow:0 10px 34px rgba(13,43,71,.06)!important;overflow:hidden;padding:6px 0!important}
.m11_inside_lt h2{font-size:17px!important;font-weight:800!important;color:#0D2B47!important;
  padding:18px 22px 12px!important;margin:0!important;border-bottom:1px solid #eef1f5!important}
.m11_inside_lt li.level_1 span{display:block}
.m11_inside_lt li.level_1 a{display:block!important;padding:12px 22px!important;margin:2px 10px!important;
  border-radius:12px!important;font-size:14.5px!important;color:#4c5560!important;transition:.25s!important}
.m11_inside_lt li.level_1 a:hover{background:#f0faf7!important;color:#0D2B47!important}
.m11_inside_lt li.level_1.hover a{background:#e6faf5!important;color:#00b896!important;font-weight:700!important}

/* ---- 4. 内容区标题 ---- */
.title_inner{font-size:28px!important;font-weight:800!important;color:#0D2B47!important}
.title_inner::after{content:"";display:block;width:48px;height:5px;border-radius:3px;margin-top:12px;
  background:linear-gradient(90deg,#00D4AB,rgba(0,212,171,0))}

/* ---- 5. 列表卡片（新闻/案例/产品通用）：白卡圆角 + 悬停上浮 + 图片放大 ---- */
.news_content_item,.photo_content_item,.product_content_item{
  background:#fff!important;border:1px solid #eef1f5!important;border-radius:18px!important;
  box-shadow:0 10px 34px rgba(13,43,71,.06)!important;overflow:hidden!important;
  transition:transform .3s ease,box-shadow .35s ease!important}
.news_content_item:hover,.photo_content_item:hover,.product_content_item:hover{
  transform:translateY(-7px)!important;box-shadow:0 20px 46px rgba(13,43,71,.14)!important}
.news_content_item_img,.photo_content_item_img,.product_content_item_img{overflow:hidden!important}
.news_content_item img,.photo_content_item img,.product_content_item_img img{
  transition:transform .6s cubic-bezier(.2,.7,.2,1)!important}
.news_content_item:hover img,.photo_content_item:hover img,
.product_content_item:hover .product_content_item_img img{transform:scale(1.07)!important}
.news_content_item_title,.photo_content_item_title,.product_content_item_title{
  font-size:17px!important;font-weight:700!important;color:#111318!important;transition:color .25s}
a:hover .news_content_item_title,a:hover .photo_content_item_title,
.product_content_item:hover .product_content_item_title{color:#00b896!important}
.news_content_item_description,.product_content_item_desc{
  font-size:14px!important;color:#5b6470!important;line-height:1.9!important}

/* ---- 6. 产品页顶部分类 tabs：胶囊式 ---- */
.product_menu_inner{background:#fff!important;border-bottom:1px solid #eef1f5!important}
.product_menu_inner_content ul{display:flex!important;gap:10px!important;flex-wrap:wrap}
.product_menu_inner_content li.level_1{background:#f1f5f9!important;border-radius:999px!important;margin:0!important;transition:.25s}
.product_menu_inner_content li.level_1 a{display:block!important;padding:10px 24px!important;
  border-radius:999px!important;font-size:14.5px!important;color:#4c5560!important;transition:.25s!important}
.product_menu_inner_content li.level_1:hover{background:#e6faf5!important}
.product_menu_inner_content li.level_1.hover{background:#00D4AB!important}
.product_menu_inner_content li.level_1.hover a{color:#0D2B47!important;font-weight:700!important}

/* ---- 7. 产品页 hero 与节标题 ---- */
.zp-hero{background:linear-gradient(180deg,#f3f7fa 0%,#fff 100%)!important}
.zp-hero-h1{font-size:42px!important;font-weight:800!important;color:#0D2B47!important}
.zp-eyebrow{color:#00836b!important;letter-spacing:normal!important;text-transform:none!important;font-weight:600!important}
.zp-sec-h{font-size:30px!important;font-weight:800!important;color:#0D2B47!important}
.zp-rule{display:none!important}

/* ---- 8. 单页/详情正文容器 → 白卡 ---- */
.page_content,.newsdetail_content{background:#fff;border:1px solid #eef1f5;border-radius:18px;
  padding:44px 48px;box-shadow:0 10px 34px rgba(13,43,71,.06)}

/* ---- 9. 内容底色 ---- */
.m11_insidebg{background:#fff!important}

/* ---- 响应式 ---- */
@media (max-width:996px){
  .inbanner{height:150px!important}
  .inbanner_con_title{font-size:30px!important}
  .zp-hero-h1{font-size:30px!important}
  .page_content,.newsdetail_content{padding:28px 22px}
}
@media (max-width:560px){
  .inbanner{height:120px!important}
  .inbanner_con_title{font-size:26px!important}
  .title_inner{font-size:22px!important}
}

/* 20261014b 应用户要求：隐藏桌面右侧悬浮功能条（电话/微信/客服/回顶部，全站）
   手机底部栏 m1_side_kefu 保留。恢复：删本段并把版本号 v=20261014b 改回。 */
.m1_side_kefu2_box{display:none !important}

/* ==========================================================================
   99. Hallmark audit polish（2026-10-26 · A/B 整改，仅追加不改旧规则）
   ========================================================================== */
/* A4 键盘焦点环：即时出现、3:1 可见（26a/15/17） */
:focus{outline:none}
:focus-visible{outline:3px solid #00836b;outline-offset:2px}

/* A5 减动效回退（27） */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* A6 预加载层 JS 失效保险：6 秒后 CSS 自动退场，脚本挂掉也不遮内容（62） */
@keyframes zpLoadingAutohide{to{opacity:0;visibility:hidden;pointer-events:none}}
.loading_box{animation:zpLoadingAutohide 1ms 6s forwards}

/* B5 卡片反馈移到容器（11：图片 hover 不再缩放） */
.index_product1 ul li,.index_news1 ul li,.inside_news1 ul li,.inside_picList1 ul li,
.inside_photo1 ul li,.inside_product1 ul li,.inside_proClass1 ul li,
.content2_content_bottom_con_content_item,.content4_content_bottom_item,
.content6_content_bottom_item,.product_content_item{transition:transform .25s ease,box-shadow .25s ease}
.index_product1 ul li:hover,.index_news1 ul li:hover,.inside_news1 ul li:hover,.inside_picList1 ul li:hover,
.inside_photo1 ul li:hover,.inside_product1 ul li:hover,.inside_proClass1 ul li:hover,
.content2_content_bottom_con_content_item:hover,.content4_content_bottom_item:hover,
.content6_content_bottom_item:hover,.product_content_item:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(13,43,71,.10)}

/* B7 联系页三卡 → 一行式联系条 */
.m12_contact1 .list ul{display:flex!important;gap:0!important;border:1px solid #e3e9f0!important;border-radius:14px!important;background:#fff!important;overflow:hidden;box-shadow:0 10px 34px rgba(13,43,71,.06)}
.m12_contact1 .list ul li{flex:1 1 0!important;min-width:0;border:0!important;margin:0!important;background:#fff!important;box-shadow:none!important;border-left:1px solid #edf1f5!important;border-radius:0!important}
.m12_contact1 .list ul li:first-child{border-left:0!important}
.m12_contact1 .list ul li .txt{display:grid!important;grid-template-columns:auto 1fr;column-gap:14px;row-gap:3px;align-items:center;text-align:left;padding:26px 28px}
.m12_contact1 .list ul li .txt i{grid-row:1/3;background:none!important;color:#00836b!important;width:auto!important;height:auto!important;line-height:1;font-size:26px;border-radius:0;margin:0}
.m12_contact1 .list ul li .txt strong{font-size:13px;font-weight:600;color:#5b6470;margin:0}
.m12_contact1 .list ul li .txt span{font-size:16px;color:#0D2B47;letter-spacing:.02em}
@media (max-width:900px){
  .m12_contact1 .list ul{flex-direction:column!important}
  .m12_contact1 .list ul li{border-left:0!important;border-top:1px solid #edf1f5!important}
  .m12_contact1 .list ul li:first-child{border-top:0!important}
}

/* A2 补充：产品详情关键词行弱化为普通灰字（模板 SEO 词直接展示太机器） */
.m11_proDetail .rt .nr_box .h3{color:#6b7280;font-size:13px;font-weight:normal}

/* F19 顺手：数字等宽（对齐统计数字） */
.sp-chip b,.pp-count b{font-variant-numeric:tabular-nums}

/* 手机端页脚旧版权行（.f_info2 与新版页脚重复导致备案号×2）——全端隐藏 */
.f_info2{display:none!important}

/* 手机底栏项目数可变（3~5），flex 均分整条宽度（覆盖写死的 width:25%） */
@media (max-width:996px){
  .m1_side_kefu ul{display:flex}
  .m1_side_kefu ul li{float:none;width:auto;flex:1 1 0;min-width:0}
}

/* 详情页相册（工程案例合并后多图展示） */
.zp-album{margin:26px 0 0}
.zp-album-h{font-size:15px;font-weight:700;color:#0D2B47;margin:0 0 12px}
.zp-album-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.zp-album-it{display:block;border-radius:10px;overflow:hidden;border:1px solid #eef1f5}
.zp-album-it img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;display:block;transition:transform .25s ease}
.zp-album-it:hover img{transform:scale(1.03)}
@media (max-width:700px){.zp-album-g{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 详情页类别徽标（工程案例分类） */
.zp-album-h .zp-cat{display:inline-block;background:#e6f4ef;color:#00836b;border-radius:999px;padding:2px 12px;margin-right:10px;font-size:13px;font-weight:600;vertical-align:2px}