.industry-tabs button:focus-visible{outline:3px solid #55c7dc;outline-offset:2px}
.industry-body.is-changing{animation:homeIndustryFade .28s ease}
@keyframes homeIndustryFade{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
#cases{position:relative;overflow:hidden;background:#f4f7fb}
#cases:before{content:"CUSTOMER SUCCESS";position:absolute;right:-12px;top:18px;color:#e9eef5;font:700 82px/1 Arial,sans-serif;letter-spacing:0;pointer-events:none}
#cases .wrap{position:relative;z-index:1}
#cases .section-head{display:grid;grid-template-columns:1fr auto;grid-template-areas:"kicker action" "title action" "desc action";text-align:left;align-items:end;margin-bottom:34px}
#cases .section-head .kicker{grid-area:kicker}
#cases .section-head h2{grid-area:title;margin-bottom:7px}
#cases .section-head p{grid-area:desc}
.case-all{grid-area:action;display:inline-flex;align-items:center;gap:12px;padding:10px 0;color:var(--blue);font-weight:700;border-bottom:2px solid var(--blue)}
.case-all span{font-size:20px;transition:transform .2s}
.case-all:hover span{transform:translateX(4px)}
#cases .cases{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr);grid-template-rows:repeat(2,minmax(188px,1fr));gap:18px}
.case{display:grid;grid-template-columns:175px 1fr;cursor:pointer;background:#fff;border:1px solid #dfe6ef;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;position:relative}
.case:first-child{grid-row:1/3;display:flex;flex-direction:column}
.case:first-child .case-img{height:310px}
.case:not(:first-child) .case-img{height:100%;min-height:188px}
.case-img{background-size:cover;background-position:center;overflow:hidden}
.case-img:after{background:linear-gradient(180deg,transparent 55%,rgba(8,24,44,.56))}
.case-body{padding:23px 24px 25px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.case:first-child .case-body{padding:28px 30px 30px;min-height:205px}
.case .tag{display:flex;align-items:center;gap:8px;font-weight:700}
.case .tag:before{content:"";width:18px;height:2px;background:var(--blue)}
.case h3{font-size:18px;margin:8px 0 7px}
.case:first-child h3{font-size:24px;margin:10px 0}
.case p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.case:after{content:"→";position:absolute;right:20px;bottom:16px;color:var(--blue);font-size:20px;opacity:0;transform:translateX(-5px);transition:.2s}
.case:hover,.case:focus-visible{transform:translateY(-4px);box-shadow:0 14px 32px rgba(22,34,56,.12);border-color:#b9cce3;outline:none}
.case:hover:after,.case:focus-visible:after{opacity:1;transform:none}
@media(max-width:900px){#cases .cases{grid-template-columns:1fr;grid-template-rows:auto}.case:first-child{grid-row:auto}.case:not(:first-child){min-height:190px}}
@media(max-width:620px){#cases:before{display:none}#cases .section-head{display:block}.case-all{margin-top:18px}#cases .cases{gap:14px}.case,.case:not(:first-child){display:flex;flex-direction:column}.case:first-child .case-img,.case:not(:first-child) .case-img{height:210px;min-height:0}.case:first-child .case-body,.case-body{padding:22px}.case:first-child h3{font-size:20px}}
.news-list a{display:block;padding:15px 0;border-bottom:1px solid var(--line)}
.news-list a:hover h4,.news-list a:focus-visible h4,.foot a:hover,.foot a:focus-visible{color:var(--blue)}
.news-list article{padding:0;border:0}
#news{position:relative;padding:70px 0;background:#fff;overflow:hidden}
#news:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--blue) 0 34%,#19a4b8 34% 42%,#e7edf4 42%)}
#news .section-head{display:grid;grid-template-columns:1fr auto;grid-template-areas:"kicker action" "title action";align-items:end;text-align:left;margin-bottom:30px}
#news .section-head .kicker{grid-area:kicker}
#news .section-head h2{grid-area:title;margin-bottom:0}
.news-all{grid-area:action;display:inline-flex;align-items:center;gap:12px;color:var(--blue);font-weight:700;padding:9px 0;border-bottom:2px solid var(--blue)}
.news-all span{font-size:20px;transition:transform .2s}.news-all:hover span{transform:translateX(4px)}
#news .news-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:stretch}
#news .lead-news{position:relative;min-height:360px;padding:42px 42px 38px;background:#102d4f;color:#fff;border:0;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
#news .lead-news:before{content:"01";position:absolute;right:26px;top:4px;color:rgba(255,255,255,.08);font:700 118px/1 Arial,sans-serif}
#news .lead-news:after{content:"重点新闻";position:absolute;left:42px;top:36px;color:#72d0df;font-size:12px;font-weight:700;padding-left:24px}
#news .lead-news time{color:#9fc5e8}
#news .lead-news h3{font-size:25px;line-height:1.55;margin:10px 0 13px;max-width:620px}
#news .lead-news p{color:#c6d6e7;margin:0 0 24px;max-width:620px}
#news .lead-news .tag{align-self:flex-start;color:#fff;border-bottom:1px solid #63c9da;padding-bottom:4px;font-weight:700}
#news .news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#news .news-list a{display:block;padding:0;border:1px solid #dfe6ef;background:#f8fafc;min-width:0;transition:border-color .2s,background .2s,transform .2s}
#news .news-list a:hover,#news .news-list a:focus-visible{background:#fff;border-color:#abc5e2;transform:translateY(-3px);outline:none}
#news .news-list article{height:100%;min-height:173px;padding:24px 23px 42px;position:relative;display:flex;flex-direction:column}
#news .news-list time{color:#7c8ea5;font-size:12px}
#news .news-list h4{font-size:16px;line-height:1.55;margin:12px 0 0;transition:color .2s}
.news-category{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:12px;font-weight:700;margin-bottom:8px}
.news-category:before{content:"";width:14px;height:2px;background:var(--blue)}
.news-arrow{position:absolute;right:20px;bottom:14px;color:var(--blue);font-size:19px;transition:transform .2s}
#news .news-list a:hover .news-arrow{transform:translateX(4px)}
@media(max-width:900px){#news .news-grid{grid-template-columns:1fr}#news .lead-news{min-height:330px}}
@media(max-width:620px){#news{padding:58px 0}#news .section-head{display:block}.news-all{margin-top:18px}#news .lead-news{min-height:370px;padding:34px 24px 28px}#news .lead-news:after{left:24px;top:28px}#news .lead-news h3{font-size:21px}#news .news-list{grid-template-columns:1fr}#news .news-list article{min-height:145px}}
.header-demo{white-space:nowrap}
.foot a{cursor:pointer;transition:color .2s}
.metric-city-list{display:inline-grid!important;grid-template-columns:repeat(2,auto);gap:1px 12px;margin:0 0 0 16px;vertical-align:6px;color:#fff!important;text-align:left}
.metric-city-list b{font-size:13px;line-height:1.55;font-weight:500;white-space:nowrap}
@media(max-width:560px){.metric-city-list{gap:0 7px;margin-left:9px;vertical-align:4px}.metric-city-list b{font-size:11px}}
footer{padding:50px 0 22px;background:#0d1b2b}
footer .foot{grid-template-columns:minmax(270px,1.45fr) repeat(3,minmax(120px,.72fr)) minmax(150px,.8fr);gap:34px;align-items:start}
.footer-brand{padding-right:34px;border-right:1px solid #2b3b4d}
.footer-brand-logo{display:block;width:205px;height:auto;max-height:58px;object-fit:contain;object-position:left center;filter:grayscale(1) brightness(0) invert(1);margin:0 0 18px}
.footer-brand strong{display:block;color:#fff;font-size:17px;line-height:1.5;margin-bottom:7px}
.footer-brand>p{font-size:12px;line-height:1.75;margin:0 0 17px;color:#91a2b7}
.footer-contact{display:grid;gap:7px;padding-top:15px;border-top:1px solid #27384b}
.footer-contact a{display:flex!important;align-items:center;gap:9px;margin:0!important;color:#dce7f3}
.footer-contact a:first-child{font-size:17px;color:#fff;font-weight:700}
.footer-contact svg{width:16px;height:16px;color:#58c5d8;flex:none}
.footer-qr{text-align:center;justify-self:end}
.footer-qr img{display:block;width:132px;height:132px;object-fit:contain;background:#fff;padding:7px;margin:0 auto 12px}
.footer-qr strong{display:block;color:#fff;font-size:15px}
.footer-qr span{display:block;color:#8193a9;font-size:11px;margin-top:3px}
footer .copyright{text-align:center;color:#71839a}
@media(max-width:1050px){footer .foot{grid-template-columns:1.35fr repeat(3,.7fr)}.footer-qr{grid-column:1/-1;justify-self:start;display:flex;align-items:center;gap:16px;text-align:left}.footer-qr img{margin:0}.footer-qr-copy{min-width:150px}}
@media(max-width:760px){footer .foot{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1;padding-right:0;border-right:0}.footer-qr{grid-column:1/-1}.footer-brand-logo{width:190px}}
@media(max-width:460px){footer .foot{grid-template-columns:1fr}.footer-qr{display:flex}.footer-qr img{width:118px;height:118px}}
@media(min-width:901px){.home-platform-head{grid-template-columns:minmax(0,580px) minmax(0,1fr);gap:40px}.home-platform-head h2{white-space:nowrap}}
.home-product-menu button div>small{display:none}.home-product-menu button div{display:flex;align-items:center}
