/* ==========================================================
 * 首页 V3 版式（沿用现站格局）
 * 全部作用域限定在 .jby-v3 内，不影响 Kadence 其它页面
 * ========================================================== */
.jby-v3{
  --brand:#1565C0; --brand-d:#0D47A1; --brand-l:#E8F2FF;
  --accent:#F5A623; --accent-d:#D4880B;
  --ink:#14243A; --sub:#5A6B80; --soft:#F5F9FF; --line:#E8EEF6;
  background:#fff; color:#14243A; line-height:1.75; font-size:14px;
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
}
.jby-v3 *{box-sizing:border-box;}
.jby-v3 img{max-width:100%;height:auto;display:block;}
.jby-v3 a{text-decoration:none;color:inherit;}
.jby-v3 ul,.jby-v3 ol{margin:0;padding:0;list-style:none;}
.jby-v3 h1,.jby-v3 h2,.jby-v3 h3{margin:0;}
.jby-v3 p{margin:0;}



*{box-sizing:border-box;}


/* ---------- 工具条 ---------- */








/* ---------- 画布 ---------- */




/* ---------- 标注模式 ---------- */
.jby-v3 .sec {position:relative;}











/* ---------- 图片占位 ---------- */
.jby-v3 .ph {background:linear-gradient(135deg,#EDF3FA,#DCE8F4);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#90A3B8;font-size:12px;overflow:hidden;text-align:center;padding:6px;}
.jby-v3 .ph::before {content:attr(data-label);}

/* ================= 0 顶栏 + 导航 ================= */
.jby-v3 .topbar {background:#F5F9FF;border-bottom:1px solid #E8EEF6;color:#5A6B80;font-size:12.5px;padding:8px 0;}
.jby-v3 .topbar .in {width:1280px;max-width:100%;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;gap:12px;}

.jby-v3 .topbar span {margin-right:18px;}
.jby-v3 .topbar b {color:#1565C0;}
.jby-v3 .nav {background:#fff;border-bottom:1px solid #E8EEF6;}
.jby-v3 .nav .in {width:1280px;max-width:100%;margin:0 auto;padding:16px 40px;display:flex;align-items:center;gap:30px;}

.jby-v3 .logo {display:flex;align-items:center;flex:0 0 auto;}
.jby-v3 .logo img {display:block;height:auto;max-height:54px;width:auto;}
.jby-v3 .menu {display:flex;gap:2px;flex:1;}
.jby-v3 .menu a {color:#3A4A5E;text-decoration:none;font-size:14.5px;padding:9px 13px;border-radius:6px;}
.jby-v3 .menu a:hover {background:#E8F2FF;color:#1565C0;}
.jby-v3 .menu a.act {color:#1565C0;font-weight:600;}
.jby-v3 .nav .tel {flex:0 0 auto;text-align:right;}
.jby-v3 .nav .tel b {display:block;color:#E04B3C;font-size:20px;font-weight:700;letter-spacing:.5px;}
.jby-v3 .nav .tel small {display:block;font-size:11.5px;color:#8B9AAD;}



.jby-v3 .burger {display:none;margin-left:auto;width:38px;height:38px;border:1px solid #D8E3EF;border-radius:6px;align-items:center;justify-content:center;color:#3A4A5E;font-size:16px;}

/* ================= 1 幻灯片 ================= */
.jby-v3 .slider {position:relative;height:500px;overflow:hidden;background:#0E3A66;}

.jby-v3 .slider .sl {position:absolute;inset:0;opacity:0;transition:opacity .9s ease;}
.jby-v3 .slider .sl.on {opacity:1;}
.jby-v3 .slider .sl .ph {width:100%;height:100%;border-radius:0;font-size:14px;color:#A9BCD0;background:linear-gradient(135deg,#1E4E7E,#123A63);}
.jby-v3 .slider .sl .slimg {width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;}
.jby-v3 .slider .mask {position:absolute;inset:0;z-index:2;
  background:linear-gradient(100deg,rgba(7,28,52,.95) 0%,rgba(7,28,52,.80) 40%,rgba(7,28,52,.30) 70%,rgba(7,28,52,0) 100%);}
.jby-v3 .slider .in {position:relative;z-index:3;height:100%;width:1280px;max-width:100%;margin:0 auto;padding:0 40px;display:flex;align-items:center;}

.jby-v3 .slider .txt {max-width:680px;color:#fff;}
.jby-v3 .slider .eyebrow {display:inline-block;font-size:12.5px;letter-spacing:2px;color:#9CC9F5;border:1px solid rgba(156,201,245,.45);border-radius:20px;padding:4px 14px;margin-bottom:20px;}
.jby-v3 .slider h1 {margin:0 0 18px;font-size:44px;line-height:1.28;font-weight:700;letter-spacing:1px;color:#FFFFFF;text-shadow:0 2px 10px rgba(0,0,0,.45),0 0 2px rgba(0,0,0,.35);}

.jby-v3 .slider h1 em {font-style:normal;color:#FFC65C;}
.jby-v3 .slider .txt h1 .hl {font-weight:700;color:#FFC65C;}
.jby-v3 .slider .sub {font-size:16px;color:#E6F1FB;margin:0 0 28px;line-height:1.9;text-shadow:0 1px 6px rgba(0,0,0,.4);}

.jby-v3 .slider .btns {display:flex;gap:14px;}
.jby-v3 .btn {display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 34px;border-radius:6px;font-size:16px;text-decoration:none;font-weight:700;}
.jby-v3 .btn.o {background:#F5A623;color:#3A2405;}
.jby-v3 .btn.g {background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.5);}

.jby-v3 .slider .slnav {position:absolute;top:50%;margin-top:-24px;z-index:5;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:22px;cursor:pointer;line-height:1;font-family:inherit;}
.jby-v3 .slider .slnav:hover {background:rgba(255,255,255,.32);}
.jby-v3 .slider .prev {left:22px;} .slider .next{right:22px;}

.jby-v3 .slider .sldots {position:absolute;left:0;right:0;bottom:26px;z-index:5;display:flex;justify-content:center;gap:10px;}
.jby-v3 .slider .sldots span {width:30px;height:4px;border-radius:2px;background:rgba(255,255,255,.35);cursor:pointer;display:inline-block;}
.jby-v3 .slider .sldots span.on {background:#F5A623;width:46px;}
.jby-v3 .slider .sltag {position:absolute;right:40px;bottom:52px;z-index:5;color:#BCD9F4;font-size:13px;letter-spacing:1px;}


/* ================= 2 关键词内链条 ================= */
.jby-v3 .kwbar {background:#fff;border-bottom:1px solid #E8EEF6;}
.jby-v3 .sec .kwbar .in {width:1280px;max-width:100%;margin:0 auto;padding:15px 40px;display:flex;align-items:flex-start;gap:12px;}

.jby-v3 .kwbar .lb {flex:0 0 auto;font-size:12.5px;color:#1565C0;font-weight:700;padding-top:2px;white-space:nowrap;}
.jby-v3 .kwbar .ks {flex:1;display:flex;flex-wrap:wrap;gap:5px 7px;}

.jby-v3 .kwbar a {font-size:12.5px;color:#4A5C70;text-decoration:none;padding:2px 9px;border:1px solid #E0E9F3;border-radius:4px;background:#FCFDFF;}
.jby-v3 .kwbar a:hover {background:#1565C0;color:#fff;border-color:#1565C0;}
.jby-v3 .kwbar a.hot {background:#E8F2FF;border-color:#BBD7F5;color:#1565C0;font-weight:600;}

/* ================= 通用 section ================= */
.jby-v3 .sec .in {width:1280px;max-width:100%;margin:0 auto;padding:58px 40px;}

.jby-v3 .sec.soft {background:#F5F9FF;border-top:1px solid #E8EEF6;border-bottom:1px solid #E8EEF6;}
.jby-v3 .sh {margin-bottom:30px;}
.jby-v3 .sh .eb {font-size:12.5px;letter-spacing:3px;color:#1565C0;font-weight:600;margin-bottom:8px;}
.jby-v3 .sh h2 {margin:0 0 8px;font-size:30px;color:#0F2033;font-weight:700;letter-spacing:1px;}

.jby-v3 .sh p {margin:0;font-size:14.5px;color:#6B7C90;}
.jby-v3 .sh .line {width:56px;height:3px;background:#F5A623;margin-top:14px;border-radius:2px;}

/* ================= 3 产品区（左分类 + 右 tab） ================= */
/* ---------- 产品分类 TAB（2026-10-12 按原站 modular 主题 1:1 复原）----------
   原版数值：左栏 290px / 右栏 calc(100% - 310px)、四列、图片不限高按原始比例显示、
   选中项主色加粗、hover 图片放大 1.1 且文字块升起主色。配置取自原站 module#485「样品展示」。 */
.jby-ptab {--main-color:#1565C0;}
.jby-ptab .tab-product-wrapper {display:flex;justify-content:space-between;align-items:stretch;}
.jby-ptab .tab-menu-left {margin-bottom:0;width:290px;display:flex;flex-direction:column;}
.jby-ptab .tab-menu-left h3 {margin:0;padding:16px 20px;background-color:#1565C0;color:#fff;font-weight:700;font-size:24px;}
.jby-ptab .tab-menu-left .tab-post-menu {margin:0;padding:0;list-style:none;background:#eee;text-align:left;flex:1;display:flex;flex-direction:column;}
.jby-ptab .tab-menu-left li {position:relative;width:100%;flex:1;display:flex;}
.jby-ptab .tab-menu-left li a {display:flex;flex:1;align-items:center;margin:0;padding:8px 20px;border-top:1px solid #ddd;background:none;font-size:16px;color:#333;text-decoration:none;transition:background .15s,color .15s;}
.jby-ptab .tab-menu-left li:first-child a {border-top:0;}
.jby-ptab .tab-menu-left li a:hover {background:#f6f6f6;color:#1565C0;}
.jby-ptab .tab-menu-left li.active a {color:#1565C0;font-weight:700;}
.jby-ptab .menu-left-tel {display:flex;margin-top:auto;padding:14px 20px;background:#eee;align-items:center;}.jby-ptab .menu-left-tel .tel-icon {flex:0 0 45px;}
.jby-ptab .menu-left-tel .tel-icon svg {display:block;width:45px;height:45px;fill:#1565C0;}
.jby-ptab .menu-left-tel .tel-text {padding-left:16px;width:calc(100% - 45px);}
.jby-ptab .menu-left-tel .tel-text span {font-size:16px;color:#666;}
.jby-ptab .menu-left-tel .tel-text p {margin:0;color:#1565C0;font-weight:700;font-size:22px;line-height:28px;}
.jby-ptab .tab-product-content-2 {margin-right:0;width:calc(100% - 324px);overflow:hidden;}
.jby-ptab .swiper-wrapper {display:flex;transition:transform .45s ease;}
.jby-ptab .swiper-slide {flex:0 0 100%;width:100%;box-sizing:border-box;}
.jby-ptab .list-one {display:flex;margin:-10px;flex-wrap:wrap;}
.jby-ptab .list-one .post-item {margin:10px;width:calc(25% - 20px);}
.jby-ptab .list-one .post-item a {display:block;text-decoration:none;color:inherit;}
.jby-ptab .list-one .post-item .img-cover {overflow:hidden;border:1px solid #eee;background:#fff;}
.jby-ptab .list-one .post-item .img-cover img {display:block;width:100%;height:auto;transition:transform .3s;}
.jby-ptab .list-one .post-item .img-cover .ph {height:0;padding-bottom:150%;}
.jby-ptab .list-one .post-item .text {position:relative;display:flex;flex-direction:column;padding:6px 16px;min-height:56px;background-color:#fff;border:1px solid #eee;border-top:0;text-align:center;align-items:center;justify-content:center;}
.jby-ptab .list-one .post-item .text:before {position:absolute;right:0;bottom:0;left:0;width:100%;height:0;background-color:#1565C0;content:'';transition:height .3s;}
.jby-ptab .list-one .post-item .text h2 {position:relative;z-index:1;display:-webkit-box;overflow:hidden;margin:0;text-overflow:ellipsis;font-size:14px;line-height:22px;font-weight:400;color:#333;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color .3s;}
.jby-ptab .list-one .post-item .text .pmodel {position:relative;z-index:1;margin-top:2px;font-size:12px;color:#8A97A6;transition:color .3s;}
.jby-ptab .list-one .post-item a:hover .img-cover img {transform:scale(1.1);}
.jby-ptab .list-one .post-item a:hover .text:before {height:100%;}
.jby-ptab .list-one .post-item a:hover .text h2,
.jby-ptab .list-one .post-item a:hover .text .pmodel {color:#fff;}
.jby-ptab a.cat-url {display:block;width:calc(100% - 20px);margin:18px 10px 10px;padding:12px 0;border:1px solid #eee;color:#000;text-align:center;font-weight:500;font-size:16px;text-decoration:none;transition:all .3s;}
.jby-ptab a.cat-url:hover {border-color:#1565C0;background-color:#1565C0;color:#fff;}
.jby-ptab .pempty {padding:52px 20px;text-align:center;color:#5A6B80;font-size:14.5px;line-height:2;background:#fff;}

/* ================= 4 关于我们 ================= */
.jby-v3 .aboutb {display:flex;gap:40px;align-items:center;}

.jby-v3 .aboutb .pic {flex:0 0 560px;height:340px;overflow:hidden;border-radius:8px;position:relative;}

.jby-v3 .aboutb .pic picture,
.jby-v3 .aboutb .pic img {display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}

.jby-v3 .aboutb .txt {flex:1;}
.jby-v3 .aboutb .txt h3 {margin:0 0 6px;font-size:26px;color:#0F2033;font-weight:700;}

.jby-v3 .aboutb .txt .yr {display:inline-block;background:#1565C0;color:#fff;font-size:13px;padding:4px 14px;border-radius:4px;margin-bottom:14px;}
.jby-v3 .aboutb .txt p {margin:0 0 14px;font-size:14.5px;color:#5A6B80;line-height:2.05;}
.jby-v3 .aboutb .nums {display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;}

.jby-v3 .aboutb .nums div {background:#F5F9FF;border:1px solid #E4EEF9;border-radius:10px;padding:14px 12px;text-align:center;}
.jby-v3 .aboutb .nums b {display:block;font-size:22px;color:#1565C0;line-height:1.35;}
.jby-v3 .aboutb .nums span {font-size:12px;color:#7A8B9E;}

/* ================= 5 三大优势 01/02/03 ================= */
.jby-v3 .adv {display:flex;gap:44px;align-items:center;padding:44px 0;border-bottom:1px solid #EDF2F8;}
.jby-v3 .adv:last-child {border-bottom:0;}

.jby-v3 .adv.rev {flex-direction:row-reverse;}

.jby-v3 .adv .pic {flex:0 0 520px;overflow:hidden;border-radius:8px;}

.jby-v3 .adv .pic .ph {height:290px;}

.jby-v3 .adv .pic img {width:100%;height:100%;object-fit:cover;display:block;}

.jby-v3 .adv .txt {flex:1;}
.jby-v3 .adv .no {font-size:52px;font-weight:700;color:#F5A623;line-height:1;margin-bottom:6px;}

.jby-v3 .adv h3 {margin:0 0 4px;font-size:24px;color:#0F2033;font-weight:700;}

.jby-v3 .adv .en {font-size:11.5px;letter-spacing:2.5px;color:#A7B4C4;margin-bottom:12px;}
.jby-v3 .adv p {margin:0;font-size:14.5px;color:#5A6B80;line-height:2.05;}

/* ================= 6 优势四宫格 ================= */
.jby-v3 .ic4 {display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}

.jby-v3 .ic4 div {background:#fff;border:1px solid #E8EEF6;border-radius:12px;padding:26px 20px;text-align:center;transition:.18s;}
.jby-v3 .ic4 div:hover {border-color:#BBD7F5;box-shadow:0 8px 22px rgba(21,101,192,.10);transform:translateY(-2px);}
.jby-v3 .ic4 .ic {width:100px;height:100px;margin:0 auto 14px;border-radius:50%;background:#E8F2FF;color:#1565C0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;}
.jby-v3 .ic4 .ic svg {width:96px;height:96px;display:block;stroke-width:1.55;}
.jby-v3 .ic4 b {display:block;font-size:17px;font-weight:700;color:#14243A;margin-bottom:6px;letter-spacing:0.2px;}
.jby-v3 .ic4 i {display:block;font-size:12.5px;color:#5a6a7d;line-height:1.7;font-style:normal;}
.jby-v3 .ic4 span {display:block;line-height:1.6;}

/* ================= 7 流程四步 ================= */
.jby-v3 .flow4 {display:grid;grid-template-columns:repeat(4,1fr);gap:0;}

.jby-v3 .flow4 .st {position:relative;text-align:center;padding:0 18px;}
.jby-v3 .flow4 .st .no {width:62px;height:62px;margin:0 auto 15px;border-radius:50%;background:#E8F2FF;display:flex;align-items:center;justify-content:center;}
.jby-v3 .flow4 .st .no img {width:40px;height:40px;object-fit:contain;}
.jby-v3 .flow4 .st b {display:block;font-size:17px;font-weight:700;color:#14243A;margin-bottom:7px;letter-spacing:0.2px;}
.jby-v3 .flow4 .st i {display:block;font-size:12.5px;color:#5a6a7d;line-height:1.7;font-style:normal;}
.jby-v3 .flow4 .st span {display:block;line-height:1.6;}
.jby-v3 .flow4 .st:not(:last-child)::after {content:"";position:absolute;right:-13px;top:18px;width:26px;height:26px;background:url("../images/flow-arrow.png") no-repeat center/contain;z-index:2;}


/* ================= 8 行业 + 方案实例 ================= */
.jby-v3 .ind6 {display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-bottom:34px;}

.jby-v3 .ind6 a {display:block;text-align:center;padding:17px 6px;border-radius:10px;background:#fff;border:1px solid #E8EEF6;color:#3A4A5E;text-decoration:none;font-size:14.5px;transition:.16s;}
.jby-v3 .ind6 a:hover {background:#1565C0;color:#fff;border-color:#1565C0;}
.jby-v3 .ind6 a span {display:block;font-size:11.5px;color:#93A3B5;margin-top:3px;}
.jby-v3 .ind6 a:hover span {color:#CBE3FB;}
.jby-v3 .cases {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.jby-v3 .case {display:block;text-decoration:none;color:inherit;border:1px solid #E8EEF6;border-radius:12px;overflow:hidden;background:#fff;transition:.18s;}
.jby-v3 a.case:hover {border-color:#BBD7F5;box-shadow:0 8px 22px rgba(21,101,192,.10);transform:translateY(-2px);}
.jby-v3 a.case:hover h3 {color:#1565C0;}
/* 案例缩略图：3:4 竖版满铺。jby-card 缩略图本身是 400×533（≈3:4），
 * 图区同比例后 cover 不裁任何边，图片自然占满整个框。 */
.jby-v3 .case .ph-img {width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;object-position:50% 15%;background:#F6F8FA;padding:0;box-sizing:border-box;border-bottom:1px solid #EEF2F7;}
.jby-v3 .case .ph {height:168px;border-radius:0;}
.jby-v3 .case .b {padding:20px 20px 22px;}
/* 客户名：左侧一条短蓝线做视觉锚点，与下方案例标题左对齐 */
.jby-v3 .case h3 {position:relative;margin:0 0 8px;padding-left:13px;font-size:16px;font-weight:600;line-height:1.45;letter-spacing:.2px;color:#12243A;}
.jby-v3 .case h3::before {content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;border-radius:2px;background:#1565C0;}
.jby-v3 .case .meta {display:block;margin:0;padding-left:13px;font-size:12.5px;line-height:1.7;letter-spacing:.2px;color:#7B8B9E;}
.jby-v3 a.case:hover .meta {color:#3E6FA8;}
.jby-v3 .case .meta em {font-style:normal;background:#EEF5FC;color:#4A6A8C;font-size:11.5px;padding:3px 9px;border-radius:4px;}
.jby-v3 .case p {margin:0;font-size:13.5px;color:#5A6B80;line-height:1.85;}
.jby-v3 .secret {margin-top:11px;font-size:11.5px;color:#8A6A2A;background:#FFF8EA;padding:5px 10px;border-radius:5px;display:inline-block;}
.jby-v3 .secretnote {margin-top:22px;font-size:13px;color:#7A8B9E;background:#F7FAFD;border:1px dashed #DCE7F2;border-radius:8px;padding:12px 16px;}

/* ================= 9 资讯（横向列表卡，2026-10-21 改版） ================= */
/* 两列列表：左侧 3:2 横向缩略图，右侧标题/日期/摘要，行间细分隔线（参考新闻列表样式） */
.jby-v3 .news3 {display:grid;grid-template-columns:repeat(2,1fr);column-gap:48px;}

.jby-v3 .ncard {display:flex;gap:20px;align-items:flex-start;padding:22px 0 24px;border-bottom:1px solid #EEF2F7;background:none;border-radius:0;text-decoration:none;color:inherit;transition:.18s;}
.jby-v3 .ncard:hover h3 {color:#1565C0;}

/* 缩略图：横向 3:2，等比裁切取景居中 */
.jby-v3 .ncard .nthumb {flex:0 0 200px;width:200px;}
.jby-v3 .ncard .ph {width:100%;height:auto;aspect-ratio:3/2;border-radius:6px;}
.jby-v3 .ncard .ph-img {width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 50%;border-radius:6px;display:block;background:#F6F8FA;}

/* 右侧文字区 */
.jby-v3 .ncard .b {flex:1;min-width:0;padding:0;}
.jby-v3 .ncard h3 {margin:0 0 8px;font-size:16px;color:#14243A;font-weight:600;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.jby-v3 .ncard .dt {margin:0 0 8px;font-size:12.5px;color:#9AA9BA;}
.jby-v3 .ncard .dt::before {content:"";display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA9BA' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E") no-repeat center/contain;}
.jby-v3 .ncard p {margin:0;font-size:13.5px;color:#7A8B9E;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

/* ================= 10 城市 ================= */
.jby-v3 .cities {display:flex;flex-wrap:wrap;gap:9px;}

.jby-v3 .cities a {padding:8px 16px;border:1px solid #E0E9F3;border-radius:6px;font-size:13.5px;color:#4A5C70;text-decoration:none;background:#fff;transition:.15s;}
.jby-v3 .cities a:hover {background:#1565C0;color:#fff;border-color:#1565C0;}
.jby-v3 .cities a.hot {background:#E8F2FF;border-color:#BBD7F5;color:#1565C0;font-weight:600;}

/* ================= 11 CTA + 表单 ================= */
.jby-v3 .cta {background:linear-gradient(115deg,#1565C0 0%,#0D47A1 100%);color:#fff;}
.jby-v3 .cta .in {display:flex;gap:48px;align-items:center;}

.jby-v3 .cta .l {flex:1;}
.jby-v3 .cta .eb {font-size:12.5px;letter-spacing:3px;color:#AFD2F7;margin-bottom:10px;}
.jby-v3 .cta h2 {margin:0 0 12px;font-size:29px;font-weight:700;letter-spacing:.5px;}

.jby-v3 .cta p {margin:0 0 16px;font-size:14.5px;color:#CFE3F9;line-height:1.95;}
.jby-v3 .cta ul {margin:0;padding-left:20px;font-size:14px;color:#CFE3F9;line-height:2.1;}
.jby-v3 .cta .form {flex:0 0 480px;background:#fff;border-radius:14px;padding:26px;}

.jby-v3 .cta .form .row {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.jby-v3 .cta .form input, .jby-v3 .cta .form textarea {width:100%;border:1px solid #DCE5EF;border-radius:6px;padding:11px 13px;font-size:13.5px;font-family:inherit;color:#14243A;}
.jby-v3 .cta .form textarea {height:78px;resize:none;}
.jby-v3 .cta .form button {width:100%;height:48px;background:#F5A623;color:#3A2405;border:0;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;}
.jby-v3 .cta .form button:hover {background:#E8941A;}
.jby-v3 .cta .form .tip {font-size:12px;color:#8B9AAD;margin-top:11px;text-align:center;}

/* ================= 12 页脚 ================= */
.jby-v3 .foot {background:#123A63;color:#A8BDD4;font-size:13.5px;padding:52px 0 0;}
.jby-v3 .foot .in {width:1280px;max-width:100%;margin:0 auto;padding:0 40px;display:flex;gap:48px;}

.jby-v3 .foot .c1 {flex:0 0 320px;}
.jby-v3 .foot h4 {margin:0 0 14px;font-size:15px;color:#E4EEF8;font-weight:600;}
.jby-v3 .foot p {margin:0 0 12px;line-height:1.95;}
.jby-v3 .foot .links {flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}

.jby-v3 .foot .links a {display:block;color:#A8BDD4;text-decoration:none;font-size:13px;padding:4px 0;}
.jby-v3 .foot .links a:hover {color:#F5A623;}
.jby-v3 .foot .bt {border-top:1px solid #1E4C7C;margin-top:34px;padding:18px 0 26px;text-align:center;font-size:12.5px;color:#7E97B2;}
.jby-v3 .foot .bt .bt-item {display:inline-block;}
.jby-v3 .foot .bt .beian {color:#7E97B2;text-decoration:none;}
.jby-v3 .foot .bt .beian:hover {color:#A8BDD4;text-decoration:underline;}

/* ================= 悬浮客服 ================= */
.jby-v3 .sidebar {position:absolute;right:0;top:300px;z-index:40;display:flex;flex-direction:column;gap:2px;}

.jby-v3 .sidebar a {width:56px;height:56px;background:#1565C0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;text-decoration:none;line-height:1.3;border-radius:6px 0 0 6px;margin-bottom:2px;}
.jby-v3 .sidebar a:hover {background:#0D47A1;}
.jby-v3 .sidebar a b {font-size:15px;font-weight:400;}

/* ================= 手机端延续现站（2026-10-07） ================= */

.jby-v3 .burger {position:relative;}
.jby-v3 .burger i {position:absolute;left:50%;top:50%;width:18px;height:2px;margin:-1px 0 0 -9px;background:#2C3A47;border-radius:1px;}
.jby-v3 .burger i::before, .jby-v3 .burger i::after {content:"";position:absolute;left:0;width:18px;height:2px;background:#2C3A47;border-radius:1px;}
.jby-v3 .burger i::before {top:-6px;}
.jby-v3 .burger i::after {top:6px;}
.jby-v3 .msearch {display:none;background:#fff;padding:12px 16px 2px;}

.jby-v3 .msearch .row {display:flex;gap:8px;}
.jby-v3 .msearch input {flex:1;min-width:0;border:1px solid #DCE5EF;border-radius:6px;padding:10px 12px;font-size:13.5px;font-family:inherit;color:#14243A;}
.jby-v3 .msearch button {flex:0 0 66px;border:0;border-radius:6px;background:#1565C0;color:#fff;font-size:14px;cursor:pointer;font-family:inherit;}














.jby-v3 .mfootbar {display:none;}

.jby-v3 .mfootbar a {flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:#3A4A5E;text-decoration:none;font-size:11.5px;}
.jby-v3 .mfootbar a .ic {width:26px;height:26px;object-fit:contain;display:block;}

/* ---------- 补充：真实图片 / 待确认标记 / 手机菜单展开 ---------- */
/* 人像竖图 cover 裁剪时取景偏上，避免裁掉头部（2026-10-12）
   缩略图源已改为 400×600（与原图 2:3 同比例），CSS 加高到 380 后仅轻微裁脚 */
.jby-v3 .ph-img {width:100%;height:220px;object-fit:cover;object-position:50% 12%;}
/* 案例卡的 ph-img 走上面的 contain 规则（5:4 灰底居中，不裁切），此处不再覆盖高度 */
.jby-v3 .jby-pending {display:inline-block;font-size:12px;font-weight:400;color:#B07A16;background:#FFF6E5;border:1px dashed #F0D9A8;border-radius:4px;padding:0 7px;vertical-align:middle;line-height:1.6;}
.jby-v3 .nav .in {position:relative;}
@media (max-width:900px){
	.jby-v3 .menu {display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;padding:8px 0;box-shadow:0 8px 20px rgba(20,40,70,.12);z-index:60;}
	.jby-v3 .menu.open {display:flex;}
	.jby-v3 .menu a {padding:11px 20px;font-size:15px;}
	.jby-v3 .logo img {max-height:42px;}
	/* 手机端显示汉堡按钮，隐藏导航右侧电话（电话在底部条/菜单里都有） */
	.jby-v3 .burger { display:flex; }
	.jby-v3 .nav .tel { display:none; }
}


/* ---------- 产品区移动端适配（2026-10-12） ---------- */
@media (max-width:900px){
	.jby-ptab .tab-product-wrapper {flex-wrap:wrap;}
	.jby-ptab .tab-menu-left,
	.jby-ptab .tab-product-content-2 {width:100%;}
	.jby-ptab .tab-menu-left {margin-bottom:15px;}
	.jby-ptab .menu-left-tel,
	.jby-ptab .tab-menu-left h3 {display:none;}
	.jby-ptab .tab-menu-left .tab-post-menu {flex:none;flex-direction:row;display:flex;overflow-x:auto;margin:0 -5px;width:calc(100% + 10px);background:none;white-space:nowrap;-webkit-overflow-scrolling:touch;}
	.jby-ptab .tab-menu-left li {width:auto;margin:0 5px;flex:none;}
	.jby-ptab .tab-menu-left li a {display:block;flex:none;margin:5px 0;padding:6px 15px;border-top:0;border-radius:3px;background:#e6e6e6;font-size:15px;}
	.jby-ptab .tab-menu-left li.active a {background-color:#1565C0;color:#fff;font-weight:400;}
	.jby-ptab .list-one .post-item {width:calc(50% - 20px);}
}

/* ---------- 页脚移动端适配（2026-10-10）----------
 * .foot .in 原来只有桌面 flex 布局：c1 固定 320px + links 四列 grid，
 * 手机上整块横向溢出屏幕，只剩一片深蓝底。这里全部改为纵向堆叠。 */
@media (max-width:900px){
	.jby-v3 .foot { padding-top:36px; }
	.jby-v3 .foot .in { flex-direction:column; gap:26px; padding:0 20px; }
	.jby-v3 .foot .c1 { flex:none; }
	.jby-v3 .foot .links { grid-template-columns:repeat(2,1fr); gap:2px 14px; }
	.jby-v3 .foot .bt { margin-top:26px; padding:15px 16px 22px; line-height:1.9;
		/* 备案号里的长数字串默认不可断，手机上会把整行顶出屏幕——允许在任意点换行 */
		word-break: normal; overflow-wrap: anywhere; }
	.jby-v3 .foot .bt .beian { display:inline-block; }
}

/* ============ 首页移动端综合适配（2026-10-15，修复多模块错位） ============ */
@media (max-width:900px){
	/* 各容器左右间距收窄（topbar/nav/kwbar/sec/slider/foot） */
	.jby-v3 .sec .in,
	.jby-v3 .sec .kwbar .in,
	.jby-v3 .nav .in,
	.jby-v3 .topbar .in,
	.jby-v3 .slider .in { padding-left:20px; padding-right:20px; }
	.jby-v3 .sec .in { padding-top:38px; padding-bottom:38px; }

	/* 顶部公告条在窄屏会折成三行、电话跟着换行；电话在下方 header 里已是大字，收掉 */
	.jby-v3 .topbar { display:none; }

	/* 幻灯片：降高、缩字号，避免文字撑爆 */
	.jby-v3 .slider { height:340px; }
	.jby-v3 .slider .txt { max-width:100%; }
	.jby-v3 .slider h1 { font-size:27px; line-height:1.32; margin-bottom:12px; }
	.jby-v3 .slider .sub { font-size:13px; line-height:1.8; margin-bottom:20px; }
	.jby-v3 .slider .eyebrow { margin-bottom:14px; }
	.jby-v3 .slider .btns { flex-wrap:wrap; }
	.jby-v3 .slider .btn { height:46px; padding:0 22px; font-size:14.5px; }
	.jby-v3 .slider .sltag { right:20px; bottom:40px; font-size:12px; }

	/* 关键词栏：换行堆叠 */
	.jby-v3 .kwbar .in { flex-direction:column; gap:10px; }
	.jby-v3 .kwbar .ks { gap:6px 7px; }

	/* 关于我们：图片与文字堆叠，图片满宽自适应高度 */
	.jby-v3 .aboutb { flex-direction:column; gap:22px; }
	.jby-v3 .aboutb .pic { flex:none; width:100%; height:0; padding-bottom:56%; }
	.jby-v3 .aboutb .nums { grid-template-columns:repeat(2,1fr); gap:10px; }
	.jby-v3 .aboutb .nums b { font-size:19px; }

	/* 三大优势：堆叠、取消反向、图片满宽 */
	.jby-v3 .adv,
	.jby-v3 .adv.rev { flex-direction:column; gap:16px; padding:30px 0; }
	.jby-v3 .adv .pic { flex:none; width:100%; order:-1; }
	.jby-v3 .adv .pic .ph { height:0; padding-bottom:56%; }
	.jby-v3 .adv .pic img { height:auto; }
	.jby-v3 .adv .no { font-size:44px; }

	/* 优势四宫格：2 列 */
	.jby-v3 .ic4 { grid-template-columns:repeat(2,1fr); gap:12px; }
	.jby-v3 .ic4 div { padding:20px 14px; }
	.jby-v3 .ic4 .ic { width:76px; height:76px; font-size:13px; border-radius:18px; }
	.jby-v3 .ic4 .ic svg { width:68px; height:68px; }

	/* 定制流程四步：2 列 + 隐藏连接线 */
	.jby-v3 .flow4 { grid-template-columns:repeat(2,1fr); gap:22px 0; }
	.jby-v3 .flow4 .st { padding:0 12px; }
	.jby-v3 .flow4 .st:not(:last-child)::after { display:none; }

	/* 服务行业：3 列 */
	.jby-v3 .ind6 { grid-template-columns:repeat(3,1fr); gap:8px; }
	.jby-v3 .ind6 a { padding:13px 4px; font-size:13px; }

	/* 案例：平板保持两列（3:4 竖图单列满宽会超过 950px 高）；资讯：单列 */
	.jby-v3 .cases { grid-template-columns:repeat(2,1fr); gap:16px; }
	.jby-v3 .news3 { grid-template-columns:1fr; gap:16px; }

	/* CTA 表单：堆叠，表单满宽 */
	.jby-v3 .cta .in { flex-direction:column; gap:24px; }
	.jby-v3 .cta h2 { font-size:24px; }
	.jby-v3 .cta .form { flex:none; width:100%; padding:20px; }
	.jby-v3 .cta .form .row { grid-template-columns:1fr; }

	/* 服务城市：间距收紧 */
	.jby-v3 .cities { gap:7px; }
	.jby-v3 .cities a { padding:7px 13px; font-size:13px; }

	/* 底部固定快捷条：显示 + 固定在视口底部 */
	.jby-v3 .mfootbar {
		display:flex; position:fixed; left:0; right:0; bottom:0; z-index:80;
		background:#fff; border-top:1px solid #E8EEF6;
		box-shadow:0 -2px 12px rgba(20,40,70,.10);
		padding:6px 0 calc(6px + env(safe-area-inset-bottom));
	}
	/* 内容区底部留出固定条高度，避免被遮挡 */
	.jby-v3 { padding-bottom:54px; }
}

/* 小屏手机：案例卡回到单列并限宽，避免 3:4 竖图被拉到 700px 高 */
@media (max-width:560px){
	.jby-v3 .cases { grid-template-columns:1fr; justify-items:center; }
	.jby-v3 .cases .case { width:100%; max-width:360px; }
	/* 资讯卡：窄屏改为上图下文，横向缩略图满宽 */
	.jby-v3 .ncard { flex-direction:column; gap:12px; }
	.jby-v3 .ncard .nthumb { flex:none; width:100%; }
}