/* 新头图样式：白色导航 + 隐藏图片中已包含的重复标题 */
.header{background:#fff!important;box-shadow:0 1px 0 rgba(15,27,51,.08)!important}
.header .logo img.logo1{display:none!important}
.header .logo img.logo2{display:block!important}
.header-container .nav-item a{color:#0E1B33!important}
.header-container .nav-item.active a{color:#3366FF!important}
.header-container .nav-item a:hover{color:#3366FF!important}
.header-container .tel{color:#0E1B33!important}
.header-container .tel-title{color:#7E8BA3!important}
.header-container .tel-number{color:#0E1B33!important}
.header-container .nav-btn span{background:#0E1B33!important}
body{padding-top:var(--header-height)}
.page-ban-content{display:none!important}
.page-ban:after{display:none!important}
.page-ban{aspect-ratio:3840/1100;background:#F5F8FF;overflow:hidden}
.page-ban-banner,.page-ban img{width:100%!important;height:auto!important;aspect-ratio:3840/1100;object-fit:cover!important;display:block;animation:none!important;transition:none!important;transform:none!important;will-change:auto!important}
@media (max-width:767px){
  .page-ban{aspect-ratio:auto}
  .page-ban-banner,.page-ban img{height:240px!important;aspect-ratio:auto;object-position:center}
  /* 产品页头图是左文右图，移动端按左侧裁切，保证标题与「预约演示/咨询热线」完整可见 */
  .page-ban[data-ban] .page-ban-banner,.page-ban[data-ban] img{object-position:left center}
  /* 其余页面是 3.5:1 横版图，手机上左右会被裁掉标题，改用文字头图 */
  .page-ban:not([data-ban]){display:flex;align-items:center;justify-content:center;min-height:180px;background:linear-gradient(120deg,#EAF1FF 0%,#DCE8FF 55%,#EFF4FF 100%)}
  .page-ban:not([data-ban])>img,.page-ban:not([data-ban]) .case-ban-wrap{display:none!important}
  .page-ban:not([data-ban]) .page-ban-content{display:flex!important;position:static;height:auto;width:100%;padding:34px 0 30px}
  .page-ban:not([data-ban]) .page-ban-content .title{color:#0E1B33;font-size:26px;line-height:1.35;animation:none!important}
  .page-ban:not([data-ban]) .page-ban-content .line{width:34px;height:4px;background:#3366FF;margin:14px auto;animation:none!important}
  .page-ban:not([data-ban]) .page-ban-content .subtitle{color:rgba(51,102,255,.35);font-size:24px;animation:none!important}
}

/* 移动端首页头图：叠一层暗色蒙版，保证白色文案在亮部也清晰可读 */
@media (max-width:767px){
  .banner .ban-text{background:linear-gradient(90deg,rgba(8,20,48,.66) 0%,rgba(8,20,48,.38) 62%,rgba(8,20,48,.1) 100%)}
}

/* 客户案例：banner 图内胶囊可点，同时保留下方分类 tab */
.case-ban-wrap{position:absolute;inset:0;z-index:3;pointer-events:none}
.case-ban-tabs{position:absolute;left:17.76%;top:50.4%;width:64.48%;height:9.6%;display:flex;pointer-events:auto}
.case-ban-tabs a{flex:1 1 0;height:100%;cursor:pointer}
@media (max-width:767px){
  /* 移动端头图裁切后胶囊无法完整呈现，点击切换统一走 banner 下方分类 tab */
  .case-ban-wrap{display:none}
  /* 移动端保留 banner 下方分类 tab，两列排布 */
  .page-nav.page-nav9{display:flex!important;flex-wrap:wrap}
}

/* ===== 产品头图交互区（预约演示 / 咨询热线） ===== */
.page-ban .ban-cta-wrap{position:absolute;inset:0;z-index:3;pointer-events:none}
.page-ban .ban-cta{position:absolute;display:block;pointer-events:auto;border-radius:6px;transition:box-shadow .2s ease}
.page-ban .ban-cta:focus-visible{outline:2px solid #3366FF;outline-offset:2px}
.page-ban .ban-cta-book:hover{box-shadow:0 0 0 2px rgba(51,102,255,.45)}
.page-ban .ban-cta-tel:hover{box-shadow:0 0 0 2px rgba(51,102,255,.3)}
.page-ban[data-ban="16"] .ban-cta-book{left:6.2760%;top:78.0909%;width:5.8594%;height:7.6364%}
.page-ban[data-ban="16"] .ban-cta-tel{left:12.9688%;top:78.0909%;width:12.3698%;height:7.6364%}
.page-ban[data-ban="39"] .ban-cta-book{left:6.2760%;top:80.2727%;width:5.8594%;height:7.7273%}
.page-ban[data-ban="39"] .ban-cta-tel{left:12.9688%;top:80.2727%;width:12.3698%;height:7.7273%}
.page-ban[data-ban="11"] .ban-cta-book{left:6.2760%;top:79.5455%;width:5.8594%;height:7.6364%}
.page-ban[data-ban="11"] .ban-cta-tel{left:12.9688%;top:79.5455%;width:12.3698%;height:7.6364%}
.page-ban[data-ban="15"] .ban-cta-book{left:6.2760%;top:77.5455%;width:5.8594%;height:7.7273%}
.page-ban[data-ban="15"] .ban-cta-tel{left:12.9688%;top:77.5455%;width:12.3698%;height:7.7273%}
.page-ban[data-ban="35"] .ban-cta-book{left:6.2760%;top:79.5455%;width:5.8594%;height:7.6364%}
.page-ban[data-ban="35"] .ban-cta-tel{left:12.9688%;top:79.5455%;width:12.3698%;height:7.6364%}
.page-ban[data-ban="37"] .ban-cta-book{left:6.2760%;top:77.5455%;width:5.8594%;height:7.7273%}
.page-ban[data-ban="37"] .ban-cta-tel{left:12.9688%;top:77.5455%;width:12.3698%;height:7.7273%}
.page-ban[data-ban="17"] .ban-cta-book{left:6.2760%;top:79.5455%;width:5.8594%;height:7.6364%}
.page-ban[data-ban="17"] .ban-cta-tel{left:12.9688%;top:79.5455%;width:12.3698%;height:7.6364%}
.page-ban[data-ban="41"] .ban-cta-book{left:6.2760%;top:79.5455%;width:5.8594%;height:7.6364%}
.page-ban[data-ban="41"] .ban-cta-tel{left:12.9688%;top:79.5455%;width:12.3698%;height:7.6364%}
.page-ban[data-ban="19"] .ban-cta-book{left:6.2760%;top:76.8182%;width:5.8594%;height:7.7273%}
.page-ban[data-ban="19"] .ban-cta-tel{left:12.9688%;top:76.8182%;width:12.3698%;height:7.7273%}
.page-ban[data-ban="36"] .ban-cta-book{left:6.2760%;top:76.0909%;width:5.8594%;height:7.7273%}
.page-ban[data-ban="36"] .ban-cta-tel{left:12.9688%;top:76.0909%;width:12.3698%;height:7.7273%}
.page-ban[data-ban="40"] .ban-cta-book{left:6.2760%;top:80.2727%;width:5.8594%;height:7.7273%}
.page-ban[data-ban="40"] .ban-cta-tel{left:12.9688%;top:80.2727%;width:12.3698%;height:7.7273%}
.page-ban[data-ban="18"] .ban-cta-book{left:6.2760%;top:79.5455%;width:5.8594%;height:7.6364%}
.page-ban[data-ban="18"] .ban-cta-tel{left:12.9688%;top:79.5455%;width:12.3698%;height:7.6364%}
.page-ban[data-ban="14"] .ban-cta-book{left:6.2760%;top:79.5455%;width:5.8594%;height:7.6364%}
.page-ban[data-ban="14"] .ban-cta-tel{left:12.9688%;top:79.5455%;width:12.3698%;height:7.6364%}
.page-ban[data-ban="20"] .ban-cta-book{left:6.2760%;top:75.2727%;width:5.8594%;height:7.7273%}
.page-ban[data-ban="20"] .ban-cta-tel{left:12.9688%;top:75.2727%;width:12.3698%;height:7.7273%}
@media (max-width:767px){.page-ban .ban-cta-wrap{inset:0 auto 0 0;width:auto;height:100%;aspect-ratio:3840/1100;transform:none}}
