.h5-root{--h5-safe: env(safe-area-inset-bottom, 0px)}.h5-hero{position:relative;min-height:auto;max-height:400px;display:flex;align-items:center;color:#fff;overflow:hidden;isolation:isolate}.h5-hero__bg{position:absolute;inset:0;background:#0e1b33 url(https://shujiepub.obs.cn-north-4.myhuaweicloud.com/officialwebimg/img/h5-hero.jpg) center/cover no-repeat;z-index:-2}.h5-hero__mask{position:absolute;inset:0;background:radial-gradient(120% 80% at 75% 30%,#1c5ac659,#0e1b33d9 60%),linear-gradient(180deg,#0e1b338c,#0e1b33e0);z-index:-1}.h5-hero__inner{padding:clamp(1.6rem,3vh,2.2rem) 1.25rem clamp(1.1rem,2.5vh,1.6rem);max-width:720px;width:100%;margin:0 auto}.h5-hero__brand{display:inline-flex;align-items:center;gap:.55rem;padding:.35rem .9rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);font-size:.78rem;letter-spacing:.04em;color:#cfe0ff;margin-bottom:.6rem}.h5-hero__brand .dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#4c92f0,#1556d9);box-shadow:0 0 12px #4c92f0b3}.h5-hero h1{font-size:clamp(1.55rem,4.6vw,2.2rem);line-height:1.22;font-weight:800;letter-spacing:.01em;background:linear-gradient(120deg,#fff 30%,#9cc2ff);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.45rem}.h5-hero__lead{font-size:clamp(1rem,3.4vw,1.2rem);color:#d6e4ff;margin-bottom:.3rem}.h5-hero__sub{font-size:.88rem;color:#d6e4ffb8;margin-bottom:.55rem}.h5-hero__cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.h5-hero__cta a{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:999px;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.h5-hero__cta a:active{transform:scale(.97)}.h5-hero__cta .primary{background:linear-gradient(135deg,#1556d9,#4c92f0);color:#fff;box-shadow:0 10px 24px #4c92f059}.h5-hero__cta .ghost{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px)}.h5-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.h5-stats__item{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.55rem .4rem;text-align:center;backdrop-filter:blur(6px)}.h5-stats__num{font-size:clamp(1.1rem,3.6vw,1.5rem);font-weight:800;color:#fff}.h5-stats__num em{font-style:normal;font-size:.6em;color:#8fb4f5}.h5-stats__label{font-size:.64rem;color:#d6e4ffbf;margin-top:.15rem}.h5-section{padding:3.2rem 1.25rem;max-width:720px;margin:0 auto}.h5-section__head{text-align:center;margin-bottom:2rem}.h5-section__tag{display:inline-block;padding:.25rem .8rem;border-radius:999px;background:var(--blue-100, #e8f1ff);color:var(--blue-600, #1556d9);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:.8rem}.h5-section h2{font-size:clamp(1.45rem,4.6vw,2rem);font-weight:800;color:var(--ink-900, #0e1b33);margin-bottom:.6rem}.h5-section__head p{color:var(--ink-400, #7185a3);font-size:.92rem;line-height:1.7}.h5-about__text{color:var(--ink-700, #243b5e);font-size:.95rem;line-height:1.85}.h5-about__text p+p{margin-top:.8rem}.h5-about__strong{color:var(--blue-600, #1556d9);font-weight:700}.h5-badges{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.3rem}.h5-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:12px;background:var(--blue-50, #f5f9ff);border:1px solid var(--blue-100, #e8f1ff);font-size:.78rem;color:var(--ink-700, #243b5e);font-weight:600}.h5-badge svg{width:16px;height:16px;color:var(--blue-500, #1a73e8);flex:none}.h5-services{display:grid;gap:.9rem}.h5-service{overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#fff,#f5f9ff);border:1px solid var(--blue-100, #e8f1ff);box-shadow:0 6px 20px #0e1b330d}.h5-service__media{background:#f5f9ff}.h5-service__media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.h5-service__body{position:relative;padding:1.05rem 1.1rem 1.15rem}.h5-service__body:before{content:"";position:absolute;left:0;top:.9rem;bottom:.9rem;width:4px;background:linear-gradient(180deg,var(--blue-500, #1a73e8),#4c92f0)}.h5-service__step{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.1em;color:var(--blue-500, #1a73e8);margin-bottom:.3rem}.h5-service h3{font-size:1.05rem;font-weight:700;color:var(--ink-900, #0e1b33);margin-bottom:.3rem}.h5-service p{font-size:.85rem;color:var(--ink-400, #7185a3);line-height:1.7}.h5-pyramid{display:grid;gap:1rem}.h5-pyramid__flow{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap;margin-bottom:.35rem}.h5-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:999px;font-size:.76rem;font-weight:700}.h5-pill--teal{background:#f0fbfa;color:#0a7e79;border:1px solid #d7efec}.h5-pill--blue{background:#eef4ff;color:#2c6dd4;border:1px solid #dce8fb}.h5-pill--violet{background:#f4efff;color:#7c3aed;border:1px solid #e8dcff}.h5-pill__arrow{color:#b6c2d6;flex:none}.h5-tier{border-radius:18px;padding:1.2rem 1.1rem;background:#fff;box-shadow:0 8px 24px #0e1b330f}.h5-tier--top{border-top:3px solid #8b5cf6}.h5-tier--mid{border-top:3px solid #3f7de0}.h5-tier--base{border-top:3px solid #0ea5a0}.h5-tier__head{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem}.h5-tier__icon{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff}.h5-tier__icon--violet{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.h5-tier__icon--blue{background:linear-gradient(135deg,#1556d9,#1a73e8)}.h5-tier__icon--teal{background:linear-gradient(135deg,#0d9488,#14b8a6)}.h5-tier__head h3{font-size:1rem;font-weight:700;color:var(--ink-900, #0e1b33)}.h5-tier__head p{font-size:.76rem;color:var(--ink-400, #7185a3);margin-top:.1rem}.h5-tier__desc{font-size:.84rem;color:var(--ink-500, #4a6289);line-height:1.7;margin-bottom:.85rem}.h5-tags{display:flex;flex-wrap:wrap;gap:.4rem}.h5-tags span{padding:.28rem .75rem;border-radius:999px;font-size:.72rem;font-weight:600}.h5-tags--violet span{background:#f4efff;color:#7c3aed;border:1px solid #e8dcff}.h5-tags--blue span{background:#eef4ff;color:#2c6dd4;border:1px solid #dce8fb}.h5-tags--teal span{background:#f0fbfa;color:#0a7e79;border:1px solid #d7efec}.h5-tier__arrow{display:flex;align-items:center;justify-content:center;gap:.4rem;color:#7c8db5;font-size:.76rem;letter-spacing:.08em;margin:-.1rem 0 -.15rem}.h5-tier__media{border-radius:14px;overflow:hidden;background:#f5f9ff;margin-bottom:.9rem}.h5-tier__media img{display:block;width:100%;height:auto}.h5-prod-grid{display:grid;gap:.9rem;margin-top:1.2rem}.h5-prod{overflow:hidden;border-radius:18px;background:#fff;border:1px solid var(--blue-100, #e8f1ff);box-shadow:0 8px 24px #0e1b330f}.h5-prod__media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.h5-prod__body{padding:1rem 1.1rem 1.15rem}.h5-prod__body h3{font-size:.98rem;font-weight:700;color:var(--ink-900, #0e1b33)}.h5-prod__body p{font-size:.82rem;color:var(--ink-400, #7185a3);line-height:1.65;margin-top:.3rem}.h5-sol-media{position:relative;border-radius:22px;overflow:hidden;background:#eef4ff;box-shadow:0 10px 30px #0e1b3314;margin-bottom:1.2rem}.h5-sol-media img{display:block;width:100%;height:auto}.h5-sol-media:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to top left,rgba(238,244,255,.92) 0%,transparent 32%);pointer-events:none}.h5-sol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.h5-sol-item{padding:1rem;border-radius:16px;text-align:center;background:var(--blue-50, #f5f9ff);border:1px solid var(--blue-100, #e8f1ff)}.h5-sol-item h3{font-size:.95rem;font-weight:700;color:var(--ink-900, #0e1b33)}.h5-sol-item p{font-size:.78rem;color:var(--ink-400, #7185a3);line-height:1.6;margin-top:.3rem}.h5-case{overflow:hidden;border-radius:20px;background:#fff;border:1px solid var(--blue-100, #e8f1ff);box-shadow:0 8px 24px #0e1b330f;margin-bottom:1rem}.h5-case:last-child{margin-bottom:0}.h5-case__cover{position:relative;aspect-ratio:16/9;overflow:hidden;display:block}.h5-case__cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.h5-case:active .h5-case__cover img{transform:scale(1.05)}.h5-case__industry{position:absolute;left:.8rem;bottom:.8rem;padding:.25rem .7rem;border-radius:999px;background:#ffffffeb;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.7);color:var(--blue-600, #1556d9);font-size:.7rem;font-weight:600}.h5-case__body{padding:1rem 1.1rem 1.15rem}.h5-case__body h3{font-size:1rem;font-weight:700;color:var(--ink-900, #0e1b33);margin-bottom:.35rem}.h5-case__body p{font-size:.84rem;color:var(--ink-400, #7185a3);line-height:1.65}.h5-case__link{display:inline-flex;align-items:center;gap:.3rem;margin-top:.7rem;font-size:.82rem;font-weight:600;color:var(--blue-500, #1a73e8);text-decoration:none}.h5-industries{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.3rem;justify-content:center}.h5-industry{padding:.42rem .9rem;border-radius:999px;background:#fff;border:1px solid var(--blue-100, #e8f1ff);font-size:.76rem;color:var(--ink-700, #243b5e);font-weight:600}.h5-values{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.h5-value{padding:1.15rem 1rem;border-radius:18px;text-align:center;background:linear-gradient(160deg,#fff,var(--blue-50, #f5f9ff));border:1px solid var(--blue-100, #e8f1ff)}.h5-value__icon{width:44px;height:44px;margin:0 auto .6rem;border-radius:50%;display:grid;place-items:center;background:var(--blue-100, #e8f1ff);color:var(--blue-600, #1556d9)}.h5-value h3{font-size:.92rem;font-weight:700;color:var(--ink-900, #0e1b33)}.h5-value p{font-size:.76rem;color:var(--ink-400, #7185a3);line-height:1.55;margin-top:.3rem}.h5-contact-card{border-radius:22px;padding:1.4rem 1.25rem;background:linear-gradient(135deg,var(--blue-600, #1556d9) 0%,var(--blue-500, #1a73e8) 55%,var(--blue-400, #4c92f0) 100%);color:#fff;box-shadow:0 14px 34px #1556d94d;position:relative;overflow:hidden}.h5-contact-card:before{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(76,146,240,.5),transparent 70%)}.h5-contact-card h2{font-size:1.35rem;font-weight:800;margin-bottom:.5rem}.h5-contact-card>p{color:#ffffffbf;font-size:.88rem;margin-bottom:1.2rem}.h5-contact__rows{display:grid;gap:.7rem}.h5-contact__row{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fff}.h5-contact__row .ic{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#ffffff1f}.h5-contact__row .lbl{font-size:.72rem;color:#ffffffa6}.h5-contact__row .val{font-size:.92rem;font-weight:600;margin-top:.1rem;word-break:break-all}.h5-contact__qrs{display:flex;gap:.8rem;margin-top:1rem}.h5-contact__qr{flex:1;padding:.7rem;text-align:center;background:#fff;border-radius:14px}.h5-contact__qr img{width:86px;height:86px;object-fit:cover;border-radius:8px;display:block;margin:0 auto}.h5-contact__qr span{display:block;font-size:.7rem;color:var(--ink-400, #7185a3);margin-top:.4rem}.h5-contact__cta{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.2rem}.h5-contact__cta a{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem 1rem;border-radius:999px;font-size:.9rem;font-weight:700;text-decoration:none}.h5-contact__cta .solid{background:#fff;color:var(--blue-600, #1556d9)}.h5-contact__cta .outline{border:1px solid rgba(255,255,255,.4);color:#fff}.h5-float{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:.6rem;padding:.7rem 1rem calc(.7rem + var(--h5-safe));background:#ffffffeb;backdrop-filter:blur(12px);border-top:1px solid var(--blue-100, #e8f1ff);box-shadow:0 -6px 24px #0e1b3314}.h5-float a{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.8rem 0;border-radius:999px;font-size:.9rem;font-weight:700;text-decoration:none}.h5-float .tel{background:var(--blue-50, #f5f9ff);color:var(--blue-600, #1556d9);border:1px solid var(--blue-100, #e8f1ff)}.h5-float .msg{background:linear-gradient(135deg,#1556d9,#4c92f0);color:#fff}.h5-float svg{width:17px;height:17px}@media(max-width:899px){.h5-root main{padding-bottom:calc(5.5rem + var(--h5-safe))}}@media(min-width:900px){.h5-hero__inner,.h5-section{max-width:960px}.h5-stats{max-width:640px}.h5-services{grid-template-columns:repeat(3,1fr)}.h5-values{grid-template-columns:repeat(4,1fr)}.h5-prod-grid{grid-template-columns:repeat(3,1fr)}.h5-contact-card{padding:2rem}.h5-float{display:none}}