:root{--blue:#175cff;--blue2:#0f47da;--ink:#101318;--navy:#07101d;--muted:#747b86;--line:#e5e7eb;--paper:#f7f8fa;font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}.bh-page{margin:0;min-width:320px;background:#fff;color:var(--ink);overflow-x:hidden}.bh-page a{color:inherit;text-decoration:none}.bh-page button{font:inherit;color:inherit}.bh-page h1,.bh-page h2,.bh-page h3,.bh-page p{margin-top:0}.bh-shell{width:min(1380px,calc(100% - 10vw));margin-inline:auto}.bh-section{padding-block:120px}
.bh-header{position:fixed;z-index:50;top:0;left:0;right:0;height:82px;padding:0 4.5vw;display:flex;align-items:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);transition:background .3s,border-color .3s,box-shadow .3s}.bh-header.is-solid,.bh-header.menu-open{background:rgba(7,12,20,.96);border-color:rgba(255,255,255,.1);box-shadow:0 8px 30px rgba(0,0,0,.12);backdrop-filter:blur(14px)}.bh-logo{display:block;width:202px;line-height:0;flex:none}.bh-logo img{display:block;width:100%;height:auto}.main-nav{display:flex;gap:clamp(26px,3.2vw,54px);margin:auto}.main-nav a{font-size:15px;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-12px;height:2px;background:#fff;transition:right .25s}.main-nav a:hover:after{right:0}.bh-phone{display:flex;flex-direction:column;align-items:flex-end;font-size:16px;font-weight:600}.bh-phone span{font-size:10px;letter-spacing:.18em;opacity:.62;font-weight:400}.menu-button{display:none}
.bh-hero{height:max(760px,100svh);min-height:700px;position:relative;display:flex;align-items:center;background:#040b15;color:#fff;overflow:hidden}.bh-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:heroDrift 14s ease-in-out infinite alternate}.bh-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,18,.88) 0%,rgba(2,8,18,.7) 38%,rgba(2,8,18,.14) 72%,rgba(2,8,18,.26) 100%),linear-gradient(0deg,rgba(3,9,18,.48),transparent 40%)}.bh-hero-content{position:relative;z-index:2;padding-top:70px}.bh-kicker{margin:0 0 25px;font-size:12px;letter-spacing:.23em;color:#aebdd3}.bh-kicker.dark{color:var(--blue)}.bh-hero h1{margin:0;font-size:clamp(52px,5.1vw,82px);font-weight:600;line-height:1.16;letter-spacing:-.045em}.bh-hero h1 strong{font-weight:600;color:#6f9bff}.bh-hero-desc{max-width:680px;margin:30px 0 42px;font-size:19px;line-height:1.9;color:rgba(255,255,255,.8)}.bh-actions{display:flex;align-items:center;gap:38px}.bh-primary{min-width:232px;padding:18px 24px;display:flex;justify-content:space-between;background:var(--blue);color:#fff;transition:background .25s,transform .25s}.bh-primary:hover{background:#3974ff;transform:translateY(-2px)}.bh-text-link{padding:17px 0;border-bottom:2px solid var(--blue)}.bh-text-link span{margin-left:22px}.bh-scroll{position:absolute;z-index:2;left:50%;bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9px;letter-spacing:.2em;color:rgba(255,255,255,.62)}.bh-scroll i{display:block;width:22px;height:36px;border:1px solid rgba(255,255,255,.7);border-radius:15px;position:relative}.bh-scroll i:after{content:"";position:absolute;top:7px;left:9px;width:2px;height:7px;background:#fff;animation:scrollDot 1.8s infinite}
.bh-section-heading p{margin:0 0 17px;color:var(--blue);font-size:11px;letter-spacing:.24em}.bh-section-heading h2{margin:0;font-size:clamp(36px,3.4vw,54px);line-height:1.25;letter-spacing:-.04em;font-weight:600}.bh-section-heading>span,.bh-section-heading>div>span{color:var(--muted);line-height:1.8}.bh-section-heading.centered{text-align:center}.bh-section-heading.centered>span{display:block;margin-top:20px}.bh-section-heading.split{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:48px}.bh-section-heading.split>div:last-child{max-width:450px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.bh-section-heading.split a,.bh-inline{color:var(--blue);font-weight:600}.bh-section-heading.light{color:#fff}.bh-section-heading.light span{color:rgba(255,255,255,.58)}.bh-section-heading.light a{color:#fff;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:6px}
.bh-services{background:#fff}.bh-service-list{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bh-service-list a{min-height:245px;padding:36px 4vw 32px 0;display:flex;flex-direction:column;border-right:1px solid var(--line);position:relative;transition:background .3s,padding .3s}.bh-service-list a:not(:first-child){padding-left:4vw}.bh-service-list a:last-child{border-right:0}.bh-service-list b{color:var(--blue);font-size:13px}.bh-service-list h3{margin:45px 0 13px;font-size:24px;font-weight:600}.bh-service-list p{color:var(--muted);line-height:1.75}.bh-service-list a>span{margin-top:auto;color:var(--blue);font-size:13px}.bh-service-list a:hover{background:#f7f9ff}
.bh-ai{display:grid;grid-template-columns:54% 46%;padding:0;background:var(--paper);min-height:700px}.bh-ai-media{min-height:700px;overflow:hidden}.bh-ai-media video{width:100%;height:100%;object-fit:cover}.bh-ai-copy{padding:110px clamp(5vw,7vw,130px);display:flex;flex-direction:column;justify-content:center}.bh-ai-copy h2{font-size:clamp(37px,3.2vw,52px);line-height:1.3;letter-spacing:-.04em;font-weight:600;margin-bottom:25px}.bh-ai-copy>p:not(.bh-kicker){color:var(--muted);line-height:1.9}.bh-ai-copy ul{margin:24px 0 34px;padding:0;list-style:none;border-top:1px solid #dfe3e8}.bh-ai-copy li{padding:20px 0;display:grid;grid-template-columns:160px 1fr;gap:20px;border-bottom:1px solid #dfe3e8}.bh-ai-copy li b{font-weight:600}.bh-ai-copy li span{color:var(--muted);font-size:14px;line-height:1.7}.bh-inline{align-self:flex-start}
.bh-cases{background:#fff}.bh-cases .case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.bh-cases .case-card{min-width:0}.bh-cases .case-card a{display:block}.bh-cases .case-media{aspect-ratio:4/3;overflow:hidden;background:#e9edf2}.bh-cases .case-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.bh-cases .case-card:hover .case-media img{transform:scale(1.035)}.bh-cases .case-meta{padding:23px 0 0;display:flex;justify-content:space-between;gap:25px}.bh-cases .case-meta h3{font-size:22px;font-weight:600;margin:0 0 9px}.bh-cases .case-meta p{margin:0;color:var(--muted);line-height:1.7}.bh-cases .case-meta>span{color:#a1a7b0;font-size:13px}.city-empty{padding:32px 0;border-block:1px solid var(--line);color:var(--muted)}
.bh-process{background:#0a111c;color:#fff}.bh-process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18)}.bh-process-grid article{min-height:250px;padding:36px 36px 30px 0;border-right:1px solid rgba(255,255,255,.18)}.bh-process-grid article:not(:first-child){padding-left:36px}.bh-process-grid article:last-child{border-right:0}.bh-process-grid b{font-size:13px;color:#7299ff}.bh-process-grid h3{margin:80px 0 13px;font-size:21px;font-weight:500}.bh-process-grid p{color:rgba(255,255,255,.52);line-height:1.75}
.bh-news{position:relative;color:#fff;min-height:760px;overflow:hidden}.bh-news-bg{position:absolute;inset:0;background:url("/tpl/web/city-assets/media/beihai-tech-news.png") center/cover no-repeat;transform:scale(1.03)}.bh-news-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,15,.94),rgba(5,9,15,.72)),rgba(4,9,17,.25)}.bh-news-inner{position:relative;z-index:1}.bh-news .insights-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:70px}.bh-news .lead-article a{display:block;position:relative}.bh-news .lead-article img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:brightness(.72)}.bh-news .lead-article h3{margin:22px 0 9px;font-size:25px;font-weight:500}.bh-news .lead-article p{color:rgba(255,255,255,.5);font-size:12px}.bh-news .article-list{border-top:1px solid rgba(255,255,255,.22)}.bh-news .article-list a{min-height:105px;padding:20px 50px 20px 0;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid rgba(255,255,255,.22);position:relative}.bh-news .article-list span{color:rgba(255,255,255,.46);font-size:11px}.bh-news .article-list strong{margin-top:10px;font-size:17px;font-weight:500;line-height:1.55}.bh-news .article-list .arrow{position:absolute;right:0;top:42px;width:20px;fill:none;stroke:#fff;stroke-width:1.5;transition:transform .25s}.bh-news .article-list a:hover .arrow{transform:translateX(5px)}
.bh-faq .bh-section-heading{margin-bottom:40px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;min-height:78px;padding:15px 4px;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;text-align:left;cursor:pointer}.faq-item button strong{font-size:17px;font-weight:500}.faq-item button span{font-size:25px;color:var(--blue);font-weight:300}.faq-item p{max-width:900px;margin:0;padding:0 45px 24px 4px;color:var(--muted);line-height:1.8}
.bh-city-links{padding:45px 0;background:var(--paper);border-top:1px solid var(--line)}.bh-city-links h2{margin:0 0 20px;font-size:17px;font-weight:600}.bh-city-links .bh-shell>div{display:flex;flex-wrap:wrap;gap:13px 34px}.bh-city-links a{font-size:14px;color:var(--muted)}.bh-city-links a:hover,.bh-city-links a.active{color:var(--blue)}
.bh-contact{padding:70px 0;background:var(--blue);color:#fff}.bh-contact .bh-shell{display:flex;justify-content:space-between;align-items:center;gap:70px}.bh-contact p{font-size:11px;letter-spacing:.23em;opacity:.7}.bh-contact h2{margin:0 0 12px;font-size:clamp(32px,3vw,48px);font-weight:600;letter-spacing:-.04em}.bh-contact span{opacity:.72}.bh-contact a{min-width:238px;padding:18px 22px;display:flex;justify-content:space-between;border:1px solid rgba(255,255,255,.7);transition:background .25s,color .25s}.bh-contact a:hover{background:#fff;color:var(--blue)}
.bh-footer{padding:78px 0 26px;background:#232323;color:#fff}.bh-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:70px}.bh-footer .bh-logo{width:190px}.bh-footer-brand p{max-width:340px;margin-top:22px;color:#8f8f8f;line-height:1.8}.bh-footer-grid>div{display:flex;flex-direction:column;gap:13px}.bh-footer-grid strong{margin-bottom:9px;font-size:15px;font-weight:500}.bh-footer-grid a:not(.bh-logo){color:#909090;font-size:14px}.bh-footer-grid a:hover{color:#fff}.bh-copyright{margin-top:65px;padding-top:22px;border-top:1px solid #3b3b3b;display:flex;justify-content:space-between;color:#707070;font-size:12px}
[data-reveal]{opacity:1;transform:translateY(18px);transition:transform .8s cubic-bezier(.2,.7,.2,1)}[data-reveal].is-visible{transform:none}@keyframes heroDrift{to{transform:scale(1.025)}}@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(13px)}}
@media(max-width:1050px){.bh-shell{width:min(100% - 48px,1380px)}.main-nav{gap:22px}.bh-phone span{display:none}.bh-ai{grid-template-columns:1fr}.bh-ai-media{min-height:520px}.bh-ai-copy{padding:80px 8vw}.bh-news .insights-grid{gap:38px}.bh-footer-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:35px}}
@media(max-width:760px){.bh-shell{width:calc(100% - 36px)}.bh-section{padding-block:76px}.bh-header{height:68px;padding:0 18px}.bh-logo{width:158px}.bh-phone{display:none}.menu-button{display:grid;margin-left:auto;width:42px;height:42px;border:0;background:transparent;place-content:center;gap:7px}.menu-button i{display:block;width:24px;height:1px;background:#fff}.main-nav{position:absolute;top:68px;left:0;right:0;margin:0;padding:15px 18px 22px;background:#080d15;display:flex;flex-direction:column;gap:0;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.25s}.main-nav.open{opacity:1;visibility:visible;transform:none}.main-nav a{padding:14px 2px;border-bottom:1px solid rgba(255,255,255,.12)}.main-nav a:after{display:none}.bh-hero{height:760px;min-height:720px}.bh-hero-bg{object-position:62% center}.bh-hero-shade{background:linear-gradient(90deg,rgba(2,8,18,.9),rgba(2,8,18,.55)),linear-gradient(0deg,rgba(2,8,18,.55),transparent)}.bh-hero-content{padding-top:40px}.bh-hero h1{font-size:43px;line-height:1.18}.bh-hero-desc{font-size:16px;line-height:1.8;margin:23px 0 31px}.bh-actions{align-items:flex-start;flex-direction:column;gap:10px}.bh-primary{min-width:230px}.bh-text-link{padding-top:13px}.bh-scroll{display:none}.bh-section-heading h2{font-size:34px}.bh-section-heading.split{display:block;margin-bottom:34px}.bh-section-heading.split>div:last-child{margin-top:22px}.bh-service-list{grid-template-columns:1fr;margin-top:42px}.bh-service-list a,.bh-service-list a:not(:first-child){min-height:190px;padding:26px 10px;border-right:0;border-bottom:1px solid var(--line)}.bh-service-list a:last-child{border-bottom:0}.bh-service-list h3{margin:28px 0 10px}.bh-ai-media{min-height:330px}.bh-ai-copy{padding:70px 18px}.bh-ai-copy h2{font-size:34px}.bh-ai-copy li{grid-template-columns:1fr;gap:7px}.bh-cases .case-grid{grid-template-columns:1fr;gap:42px}.bh-cases .case-media{aspect-ratio:4/3}.bh-process-grid{grid-template-columns:1fr 1fr}.bh-process-grid article,.bh-process-grid article:not(:first-child){min-height:210px;padding:27px 18px 24px 0}.bh-process-grid article:nth-child(even){padding-left:18px;border-right:0}.bh-process-grid article:nth-child(n+3){border-top:1px solid rgba(255,255,255,.18)}.bh-process-grid h3{margin-top:50px}.bh-news{min-height:0}.bh-news .insights-grid{grid-template-columns:1fr;gap:35px}.bh-news .lead-article h3{font-size:21px}.bh-news .article-list a{min-height:95px}.faq-item button strong{font-size:15px;padding-right:25px}.bh-contact .bh-shell{align-items:flex-start;flex-direction:column;gap:33px}.bh-contact a{width:100%}.bh-footer{padding-top:60px}.bh-footer-grid{grid-template-columns:1fr 1fr;gap:42px 28px}.bh-footer-brand{grid-column:1/-1}.bh-copyright{flex-direction:column;gap:9px;margin-top:45px}}
.bh-hero-bg{animation:none}
.bh-news-bg{width:100%;height:100%;background:none;object-fit:cover;object-position:center}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bh-hero-bg{animation:none}[data-reveal]{opacity:1;transform:none;transition:none}.bh-scroll i:after{animation:none}.bh-page *{transition-duration:.01ms!important}}