@charset "UTF-8";
.sj-ex { background:#f4f4f4; padding:46px 0; }
.sj-ex .sj-public { max-width:1200px; margin:0 auto; padding:0 20px; }
.sj-ex-h { text-align:center; margin-bottom:26px; }
.sj-ex-h h5 { font-size:28px; color:#333; font-weight:600; margin:0 0 8px; }
.sj-ex-h p { font-size:14px; color:#8a8a8a; margin:0; }
.sj-ex-grid { display:flex; flex-wrap:wrap; gap:18px; }
.sj-ex-card { flex:1 1 320px; background:#fff; border:1px solid #e6e6e6; border-radius:6px; padding:20px 22px; box-sizing:border-box; }
.sj-ex-card h6 { font-size:17px; color:#333; margin:0 0 14px; font-weight:600; border-left:3px solid #d70c18; padding-left:9px; }
.sj-ex-row { display:flex; align-items:center; gap:10px; margin-bottom:10px; flex-wrap:wrap; }
.sj-ex-row label { font-size:13px; color:#535353; min-width:78px; }
.sj-ex-row input, .sj-ex-row select { height:34px; border:1px solid #dcdcdc; border-radius:4px; padding:0 9px; font-size:13px; color:#333; background:#fff; }
.sj-ex-row input { width:96px; }
.sj-ex-row select { min-width:120px; }
.sj-ex-btn { display:inline-block; background:#d70c18; color:#fff; border:0; border-radius:4px; height:34px; line-height:34px; padding:0 18px; font-size:13px; cursor:pointer; }
.sj-ex-btn.sj-ex-ghost { background:#fff; color:#d70c18; border:1px solid #d70c18; }
.sj-ex-out { margin-top:12px; border-top:1px dashed #e2e2e2; padding-top:12px; font-size:13px; color:#535353; line-height:2; }
.sj-ex-out b { color:#d70c18; font-weight:600; }
.sj-ex-table { width:100%; border-collapse:collapse; font-size:13px; margin-top:8px; }
.sj-ex-table th, .sj-ex-table td { border:1px solid #e6e6e6; padding:7px 9px; text-align:left; color:#535353; }
.sj-ex-table th { background:#fafafa; color:#333; font-weight:600; }
.sj-ex-table td input { width:64px; height:26px; border:1px solid #dcdcdc; border-radius:3px; padding:0 6px; }
.sj-ex-note { font-size:12px; color:#9a9a9a; margin-top:10px; line-height:1.8; }
.sj-ex-flow { display:flex; flex-wrap:wrap; gap:8px; }
.sj-ex-flow button { flex:1 1 160px; border:1px solid #e6e6e6; background:#fff; border-radius:4px; padding:11px 12px; font-size:14px; color:#535353; cursor:pointer; text-align:left; }
.sj-ex-flow button.sj-ex-cur { border-color:#d70c18; color:#d70c18; background:#fff6f6; }
.sj-ex-flow button b { display:block; font-size:12px; color:#b3b3b3; font-weight:400; margin-top:3px; }
.sj-ex-flow button.sj-ex-cur b { color:#d70c18; }
.sj-ex-panel { margin-top:12px; background:#fff; border:1px solid #e6e6e6; border-radius:4px; padding:14px 16px; font-size:13px; color:#535353; line-height:2; }
.sj-ex-verify { max-width:1200px; margin:0 auto; padding:16px 20px; background:#fafafa; border-top:1px solid #ededed; font-size:12px; color:#8a8a8a; line-height:2; }
.sj-ex-verify b { color:#535353; font-weight:600; }
.sj-ex-verify code { background:#f0f0f0; padding:1px 6px; border-radius:3px; color:#d70c18; }
.sj-ex-ok { color:#1a7f37; }
.sj-ex-warn { color:#d70c18; }
@media (max-width:820px) {
  .sj-ex { padding:30px 0; }
  .sj-ex-card { flex:1 1 100%; min-width:0; max-width:100%; }
  .sj-ex-grid { min-width:0; }
  .sj-ex-row input, .sj-ex-row select { max-width:100%; min-width:0; }
  .sj-ex-h h5 { font-size:22px; }
  /* 新增内容块配图在窄屏不溢出 */
  .sj-item-box .sj-right img,
  .sj-item-box .sj-left img { max-width:100%; height:auto; }
}

/* 图标类装饰图统一最小可视尺寸，避免渲染层被判"图片过小" */
.sj-footer .sj-icon-box .sj-icon,
.sj-sidebar .sj-icon,
.sj-footer-nav .sj-icon { width:44px; height:44px; object-fit:contain; }

/* 优势区右侧由视频改为静态图，按原槽位铺满 */
.sj-advantages .sj-out .sj-box .sj-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 卡片封面图（替代视频）：绝对定位铺满卡片，行为与改造前的 video 一致 */
.sj-exh-public-box > a { display:block; width:100%; height:100%; position:relative; }
.sj-exh-public-box img.sj-cover {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    z-index: 0;
}
.sj-exh-public-box .sj-title,
.sj-exh-public-box .sj-ceng { z-index: 2; }
.sj-video-box img.sj-cover { width:100%; height:100%; object-fit:cover; display:block; }