.cwv{--c-blue:#0b70a1;--c-blue2:#007db8;--c-ink:#16232e;--c-mid:#5d6f7c;--c-line:#e3edf6;--c-soft:#f7fbfe;font-size:.16rem;color:var(--c-ink);-webkit-font-smoothing:antialiased}
.cwv *{box-sizing:border-box}
.cwv-h2{margin-top:.12rem;font-size:.40rem;line-height:1.28;font-weight:700;color:var(--c-ink);letter-spacing:.004em}
.cwv-intro{margin-top:.1rem;font-size:.16rem;line-height:1.7;color:var(--c-mid)}
.cwv-more{display:inline-flex;align-items:center;font-size:.15rem;font-weight:500;color:var(--c-blue);white-space:nowrap;transition:opacity .25s}
.cwv-more svg{width:.14rem;height:.14rem;margin-left:.06rem;transition:transform .25s}
.cwv-more:hover{opacity:.75}
.cwv-more:hover svg{transform:translateX(2px)}
.cwv-tab{display:inline-flex;align-items:center;justify-content:center;height:.44rem;padding:0 .18rem;border:1px solid #dbe7f1;border-radius:999px;background:#fff;color:#46586a;font-size:.15rem;line-height:1;cursor:pointer;white-space:nowrap;transition:color .22s,border-color .22s,background-color .22s,box-shadow .22s}
.cwv-tab:hover{border-color:#bcdcf0;color:var(--c-blue)}
.cwv-tab.is-on{color:#fff;border-color:transparent;background-image:linear-gradient(90deg,var(--c-blue),var(--c-blue2));box-shadow:0 .08rem .2rem rgba(11,112,161,.22)}
.cwv-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.14rem}
.cwv-item{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:2.105/1;padding:.04rem;background:#fff;border:1px solid var(--c-line);border-radius:.1rem;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s,background-color .25s}
.cwv-item img{position:absolute;inset:0;padding:.04rem;object-fit:contain}
.cwv-item:hover{border-color:#bcdcf0;box-shadow:0 .1rem .24rem rgba(11,112,161,.14);transform:translateY(-2px)}
.cwv-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.3rem;padding-top:.26rem;border-top:1px solid #edf3f9}
.cwv-note{font-size:.15rem;line-height:1.6;color:#8496a3}
.cwv-cta{display:flex;gap:.12rem}
.cwv-btn{display:inline-flex;align-items:center;justify-content:center;height:.46rem;padding:0 .3rem;border-radius:999px;font-size:.16rem;font-weight:500;line-height:1;background-image:linear-gradient(90deg,var(--c-blue),var(--c-blue2));color:#fff;box-shadow:0 .1rem .22rem rgba(11,112,161,.24);transition:transform .25s,box-shadow .25s}
.cwv-btn:hover{transform:translateY(-1px);box-shadow:0 .14rem .28rem rgba(11,112,161,.3)}
.cwv-btn.is-line{background-image:none;background:#fff;color:var(--c-blue);border:1px solid #cfe3f0;box-shadow:none}
.cwv-btn.is-line:hover{border-color:#9fcdea;background:#f7fbfe;box-shadow:none}

.cwa{padding:.46rem 0 .88rem;background:#edf5fc}
.cwa-inner{width:14rem;max-width:calc(100% - 40px);margin:0 auto;padding:.5rem .52rem .44rem;background:#fff;border:1px solid #e6eef5;border-radius:.24rem;box-shadow:0 .24rem .6rem rgba(11,80,120,.07)}
.cwa-head{text-align:center;padding-bottom:.26rem;border-bottom:1px solid #edf3f9}
.cwa-head .cwv-h2{max-width:12.6rem;margin-left:auto;margin-right:auto}
.cwa-head .cwv-intro{max-width:11rem;margin-left:auto;margin-right:auto}
.cwa-footl{display:flex;align-items:center;gap:.2rem}
.cwa-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.08rem;margin-top:.24rem}
.cwa-tabs.is-drag{cursor:grabbing}
.cwa-panels{margin-top:.24rem;touch-action:pan-y;cursor:grab}
.cwa-panels.is-drag{cursor:grabbing}
.cwa-panels.is-drag *{cursor:grabbing}
.cwa-panel{display:none}
.cwa-panel.is-on{display:block;animation:cwfade .32s ease both}
@keyframes cwfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

@media (max-width:900px){
  .cwv{font-size:13px}
  .cwv-h2{margin-top:8px;font-size:20px;line-height:1.34}
  .cwv-intro{margin-top:8px;font-size:13px;line-height:1.66}
  .cwv-tab{height:32px;padding:0 13px;font-size:12.5px}
  .cwv-grid{gap:8px}
  .cwv-item{border-radius:5px;padding:2px}
  .cwv-foot{margin-top:16px;padding-top:14px}
  .cwv-note{font-size:12px}
  .cwv-cta{gap:8px}
  .cwv-btn{height:40px;padding:0 18px;font-size:13px}
  .cwv-more{font-size:12.5px}
  .cwa{padding:16px 0 28px}
  .cwa-inner{width:100%;max-width:calc(100% - 24px);padding:18px 14px 16px;border-radius:16px}
  .cwa-head{padding-bottom:16px}
  .cwa-head .cwv-h2,.cwa-head .cwv-intro{max-width:none}
  .cwa-footl{gap:12px;flex-wrap:wrap}
  .cwa-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:6px;margin-top:14px;padding-bottom:2px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 92%,transparent 100%)}
  .cwa-tabs::-webkit-scrollbar{display:none}
  .cwa-tabs .cwv-tab{flex:0 0 auto}
  .cwa-panels{margin-top:14px}
}
@media (max-width:600px){
  .cwv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
}
@media (max-width:640px){
  .cwv-foot{display:block}
  .cwv-cta{margin-top:12px}
  .cwv-cta .cwv-btn{flex:1 1 0;padding:0 10px}
}

/* ---- 服务支持 · 四大服务板块（.wl-a）手风琴版 ---- */
.wl-a{padding-top:.8rem;padding-bottom:.28rem;}
.wl-hd{text-align:center;margin:0 auto .58rem;}
.wl-hd-t{color:#16232e;font-weight:800;letter-spacing:-.01em;line-height:1.22;
  font-size:clamp(30px,.42rem,42px);margin-bottom:.14rem;}
.wl-hd-d{color:#46606f;font-size:clamp(14px,.17rem,17px);line-height:1.78;max-width:9.4rem;margin:0 auto;}

.wl-acc{background:#fff;border:1px solid #e6eef5;border-radius:.14rem;margin-bottom:.18rem;
  overflow:hidden;transition:box-shadow .25s ease;}
.wl-acc.open{box-shadow:0 .16rem .44rem rgba(11,80,120,.08);}
.wl-acc-h{display:flex;align-items:center;gap:.2rem;width:100%;padding:.3rem .42rem;
  cursor:pointer;user-select:none;background:none;border:0;text-align:left;color:inherit;
  font:inherit;outline:none;}
.wl-acc-h:hover .wl-acc-t{color:#0b70a1;}
.wl-acc-n{font-size:clamp(14px,.2rem,20px);font-weight:700;color:#b9cfdd;letter-spacing:.02em;line-height:1;}
.wl-acc-t{flex:1 1 auto;font-size:clamp(20px,.28rem,28px);font-weight:400;color:#1c2b36;
  letter-spacing:-.01em;line-height:1.3;transition:color .25s ease;}
.wl-acc-x{margin-left:auto;width:30px;height:30px;position:relative;flex:0 0 auto;}
.wl-acc-x::before,.wl-acc-x::after{content:"";position:absolute;background:#0b70a1;border-radius:2px;
  transition:transform .25s ease;}
.wl-acc-x::before{left:50%;top:7px;width:1px;height:16px;margin-left:-.5px;}
.wl-acc-x::after{top:50%;left:7px;height:1px;width:16px;margin-top:-.5px;}
.wl-acc.open .wl-acc-x::before{transform:scaleY(0);}
.wl-acc-b{display:none;padding:0 .42rem .42rem;}
.wl-acc.open .wl-acc-b{display:block;}

.wl-cont{display:flex;align-items:center;gap:.5rem;padding-top:.1rem;}
.wl-left{float:none;flex:0 0 4.6rem;width:4.6rem;padding-top:0;}
.wl-img img{display:block;width:100%;height:3rem;object-fit:cover;border-radius:.12rem;}
.wl-right{float:none;flex:1 1 auto;min-width:0;height:auto !important;overflow:visible !important;}
.wl-right .mCSB_container{height:auto !important;}
.wl-right p{color:#4a5a66 !important;line-height:1.8 !important;font-size:clamp(13px,.15rem,15px);margin:0 0 .08rem;}
.wl-right span{color:inherit !important;}
.wl-right strong,.wl-right strong span{color:#0b70a1 !important;}
.wl-right > p:first-of-type{color:#46606f !important;font-size:clamp(14px,.16rem,16px);margin-bottom:.12rem;}
.wl-tr{display:grid;grid-template-columns:1fr 1fr;gap:.14rem .3rem;margin-top:.16rem;}
.wl-tr .wl-td,.wl-right > .wl-td{margin-top:0;background:#f7fbfd;border:1px solid #e9f3f9;
  border-radius:.1rem;padding:.16rem .2rem;}
.wl-right > .wl-td{margin-top:.14rem;}

@media(max-width:1280px){
  .wl-left{flex-basis:4rem;width:4rem;}
}
@media(max-width:750px){
  .wl-a{padding-top:34px;padding-bottom:12px;}
  .wl-hd{text-align:left;padding:0 10px;margin-bottom:22px;}
  .wl-hd-t{font-size:30px;}
  .wl-hd-d{max-width:none;font-size:14px;line-height:1.7;}
  .wl-acc{margin:0 10px 12px;border-radius:12px;}
  .wl-acc-h{padding:18px 16px;gap:12px;}
  .wl-acc-t{font-size:17px;}
  .wl-acc-n{font-size:14px;}
  .wl-acc-x{width:24px;height:24px;}
  .wl-acc-x::before{top:4px;height:16px;}
  .wl-acc-x::after{left:4px;width:16px;}
  .wl-acc-b{padding:0 16px 18px;}
  .wl-cont{flex-direction:column;align-items:stretch;gap:14px;}
  .wl-left{flex-basis:auto;width:auto;}
  .wl-img img{height:auto;border-radius:8px;}
  .wl-tr{grid-template-columns:1fr;gap:10px;margin-top:12px;}
  .wl-tr .wl-td,.wl-right > .wl-td{padding:12px 14px;border-radius:8px;}
}