#contact-page{--contact-blue:#0059ab;--contact-ink:#15334d;--contact-muted:#728293;--contact-line:#e2eaf1;color:var(--contact-ink);background:#fff;font:400 15px/1.8 "Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased;padding-top:1rem}
#contact-page *,#contact-page *::before,#contact-page *::after{box-sizing:border-box;font-family:inherit;font-size:inherit;font-weight:inherit}
#contact-page a{color:inherit;text-decoration:none}#contact-page button{font:inherit;cursor:pointer}#contact-page [hidden]{display:none!important}
#contact-page a:focus-visible,#contact-page button:focus-visible{outline:3px solid #3d99e6;outline-offset:5px}
#contact-page img{max-width:100%;cursor:default}#contact-page h1,#contact-page h2,#contact-page h3,#contact-page p{margin:0}
#contact-page .contact-wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}
#contact-page .contact-hero{height:430px;position:relative;isolation:isolate;overflow:hidden;background:#0d3154;color:#fff}
#contact-page .contact-hero-image{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center}
#contact-page .contact-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#092e52f5 0%,#103a5ad9 34%,#13446680 60%,#173b5338 100%)}
#contact-page .contact-hero::after{content:"";position:absolute;width:550px;height:550px;right:-150px;bottom:-470px;border:1px solid #ffffff70;border-radius:50%;box-shadow:0 0 0 65px #ffffff08,0 0 0 130px #ffffff05;z-index:-1}
#contact-page .hero-inner{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
#contact-page .eyebrow{color:var(--contact-blue);font:600 11px/1.6 Arial,"Microsoft YaHei",sans-serif;letter-spacing:2px}
#contact-page .contact-hero .eyebrow{color:#d3e8f6;display:flex;align-items:center;gap:16px}
#contact-page .eyebrow span{width:30px;height:1px;background:#8cb1cc}
#contact-page h1{font-size:clamp(32px,3.4vw,48px);font-weight:500;line-height:1.45;letter-spacing:2px;margin:21px 0 16px}
#contact-page .hero-dot{color:#75c5f1}
#contact-page .hero-description{font-size:14px;color:#d8e5ee;line-height:1.9;max-width:500px}
#contact-page .contact-button{display:inline-flex;justify-content:center;align-items:center;gap:26px;padding:12px 23px;min-height:46px;background:var(--contact-blue);border:1px solid var(--contact-blue);color:#fff;border-radius:3px;font-size:14px;transition:background .2s,transform .2s}
#contact-page .contact-button:hover{background:#0875c7;transform:translateY(-2px)}
#contact-page .button-light{margin-top:27px;background:#fff;color:#19456c;border-color:#fff}
#contact-page .button-light:hover{background:#e7f4ff}
#contact-page .contact-button span{font-size:20px;line-height:1}
#contact-page .hero-caption{position:absolute;right:48px;bottom:30px;font-size:11px;letter-spacing:3px;color:#ffffffb3}
#contact-page .contact-subnav{border-bottom:1px solid var(--contact-line);background:#fff}
#contact-page .subnav-inner{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:20px}
#contact-page .contact-breadcrumb,#contact-page .contact-breadcrumb *{font-size:12px;color:#8090a0;line-height:1.8}
#contact-page .contact-tabs{display:flex;gap:35px;align-self:stretch}
#contact-page .contact-tabs a{display:flex;align-items:center;font-size:13px;color:#748291;border-bottom:2px solid transparent;padding:0 3px}
#contact-page .contact-tabs a[aria-current]{color:var(--contact-blue);border-color:var(--contact-blue);font-weight:600}
#contact-page .contact-section{padding-top:65px;padding-bottom:44px;scroll-margin-top:110px}
#contact-page .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}
#contact-page h2{font-size:28px;line-height:1.5;font-weight:600;letter-spacing:.4px}
#contact-page .section-heading h2{margin-top:12px}
#contact-page .section-note{color:var(--contact-muted);font-size:13px;line-height:1.9}
#contact-page .contact-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--contact-line);border-radius:5px;margin-bottom:43px;background:#fff;box-shadow:0 9px 30px #153b5910;overflow:hidden}
#contact-page .channel{display:flex;align-items:center;position:relative;gap:17px;padding:29px 25px;transition:background .2s;min-width:0}
#contact-page .channel+.channel{border-left:1px solid var(--contact-line)}
#contact-page .channel:hover{background:#f1f7fc}
#contact-page .channel-icon{color:var(--contact-blue);width:43px;height:43px;display:grid;place-items:center;background:#eef6fc;border-radius:50%;flex-shrink:0}
#contact-page .channel-icon svg{width:23px;height:23px}
#contact-page .channel-label{display:block;color:#697c8d;font-size:12px}
#contact-page .channel-value{display:block;font:600 clamp(17px,1.55vw,22px)/1.7 Arial,sans-serif;white-space:nowrap;letter-spacing:.2px;color:#17456a}
#contact-page .channel-help{display:block;font-size:11px;color:#8593a1}
#contact-page .channel-arrow{position:absolute;right:15px;top:15px;color:#769bb9;font-size:16px}
#contact-page .contact-location{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:46px;align-items:start;scroll-margin-top:100px}
#contact-page .company-details{padding-top:14px}
#contact-page .company-details h2{font-size:22px;margin:14px 0}
#contact-page .company-description{color:var(--contact-muted);font-size:13px;line-height:2}
#contact-page .company-address{display:flex;align-items:flex-start;gap:12px;margin-top:27px;padding-top:25px;border-top:1px solid var(--contact-line)}
#contact-page .detail-icon{color:var(--contact-blue);flex-shrink:0;width:20px;margin-top:3px}
#contact-page .detail-icon svg{width:20px;height:20px}
#contact-page h3{font-size:14px;font-weight:600;line-height:1.8}
#contact-page address{font-style:normal;font-size:13px;color:#738493;line-height:1.9;margin:7px 0}
#contact-page .text-action{display:inline-flex;align-items:center;gap:14px;background:none;border:0;padding:5px 0;color:var(--contact-blue);font-size:12px;min-height:36px}
#contact-page .text-action:hover{text-decoration:underline;text-underline-offset:5px}
#contact-page .company-fax{font-size:12px;color:#687e91;margin:17px 0 24px;padding-left:32px}
#contact-page .company-fax span{color:#8b99a5;margin-right:20px}
#contact-page .company-wechat{display:flex;align-items:center;gap:20px;padding-top:24px;border-top:1px solid var(--contact-line)}
#contact-page .company-wechat img{width:96px;height:96px;object-fit:contain;border:1px solid var(--contact-line);padding:5px;background:white}
#contact-page .company-wechat p{font-size:12px;color:var(--contact-muted);margin-top:7px}
#contact-page .location-panel{border:1px solid var(--contact-line);border-radius:5px;overflow:hidden;background:#fff}
#contact-page .map-heading{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 22px}
#contact-page .map-heading>div{display:flex;align-items:center;gap:10px}
#contact-page .map-heading strong{font-size:14px;font-weight:600}
#contact-page .map-city{font-size:11px;color:#8a99a6;border-left:1px solid var(--contact-line);padding-left:12px}
#contact-page .location-dot{width:6px;height:6px;background:#258ccf;border-radius:50%;box-shadow:0 0 0 4px #e7f3fb}
#contact-page .map-heading a{font-size:11px;color:var(--contact-blue)}
#contact-page .location-map{height:390px;position:relative;background:#eef3f7;overflow:hidden;border-block:1px solid var(--contact-line)}
#contact-page #contact-map-canvas{position:absolute;inset:0;width:100%;height:100%;border:0;visibility:hidden;z-index:1}
#contact-page .map-ready #contact-map-canvas{visibility:visible}
#contact-page #contact-map-canvas .leaflet-tile{max-width:none;max-height:none;cursor:inherit}
#contact-page #contact-map-canvas .leaflet-control-attribution,#contact-page #contact-map-canvas .leaflet-control-attribution a{font:10px/1.5 Arial,sans-serif;color:#32628a}
#contact-page #contact-map-canvas .leaflet-control-zoom a{font:22px/30px Arial,sans-serif;color:#245278}
#contact-page .company-map-pin{background:none;border:none;filter:drop-shadow(0 3px 3px #17436845)}
#contact-page .company-map-pin>span{display:block;width:30px;height:30px;background:#0059ab;border:3px solid white;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
#contact-page .company-map-pin>span::after{content:"";position:absolute;inset:8px;border-radius:50%;background:white}
#contact-page .company-map-tooltip{border:0;border-radius:3px;padding:10px 15px;box-shadow:0 5px 20px #17436826;white-space:normal;text-align:center;min-width:205px}
#contact-page .company-map-label{font:600 12px/1.8 "Microsoft YaHei",sans-serif;color:#17456a}
#contact-page .map-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(ellipse at 50% 30%,#d9e9f4,#f4f8fb 70%)}
#contact-page .fallback-pin{height:50px;width:50px;background:white;border-radius:50%;display:grid;place-items:center;color:var(--contact-blue);margin-bottom:18px;box-shadow:0 8px 20px #0c46721a}
#contact-page .fallback-pin svg{height:24px;width:24px}
#contact-page .map-fallback>p{font-size:12px;color:var(--contact-muted);margin-top:10px}
#contact-page .map-fallback .contact-button{margin-top:20px}
#contact-page .map-fallback .map-status{font-size:11px;margin-top:17px}
#contact-page .map-directions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;background:#fbfdff}
#contact-page .map-directions p{font-size:11px;color:var(--contact-muted);margin-top:3px}
#contact-page .direction-links{display:flex;gap:8px;flex-wrap:wrap}
#contact-page .direction-links a{border:1px solid #cbdceb;border-radius:3px;padding:7px 11px;color:var(--contact-blue);font-size:12px;white-space:nowrap}
#contact-page .direction-links a:hover{background:#eaf4fd}
#contact-page .copy-status{min-height:23px;margin-top:16px;color:var(--contact-blue);font-size:12px}
#contact-page .contact-guide{background:#f4f8fb;border-top:1px solid #e8eff5;padding:58px 0 65px}
#contact-page .guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:35px}
#contact-page .guide-grid article{border-top:1px solid #cedeea;padding-top:20px;position:relative;padding-right:20px}
#contact-page .guide-number{display:block;font:400 24px/1.4 Arial,sans-serif;color:#afc3d4;margin-bottom:15px}
#contact-page .guide-grid h3{font-size:18px;margin-bottom:10px}
#contact-page .guide-grid p{font-size:13px;color:var(--contact-muted);line-height:2;max-width:330px;margin-bottom:11px}
#contact-page .contact-closing{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:45px;padding-top:32px;border-top:1px solid #dce7f0}
#contact-page .contact-closing p{font-size:20px;font-weight:500;color:#204666}
#contact-page .contact-closing span{font-size:12px;color:var(--contact-muted)}
#contact-page .contact-closing .contact-button span{font-size:20px;color:white}
@media(min-width:1600px){#contact-page .contact-wrap{width:min(1440px,calc(100% - 160px))}#contact-page .contact-hero{height:490px}#contact-page .contact-location{gap:75px}#contact-page .location-map{height:420px}}
@media(max-width:1100px){#contact-page .contact-wrap{width:calc(100% - 64px)}#contact-page .channel{padding:26px 18px;gap:12px}#contact-page .channel-value{font-size:18px}#contact-page .contact-location{gap:28px}#contact-page .map-directions{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:1024px){#contact-page{padding-top:50px}#contact-page .contact-hero{height:400px}}
@media(max-width:760px){#contact-page .contact-wrap{width:calc(100% - 40px)}#contact-page .contact-hero{height:420px}#contact-page .contact-hero-image{object-position:62% center}#contact-page .contact-hero::before{background:linear-gradient(90deg,#0b3155f2,#164161ba)}#contact-page .hero-caption{display:none}#contact-page h1{font-size:34px;letter-spacing:1px}#contact-page .hero-description{font-size:13px;max-width:330px}#contact-page .eyebrow{font-size:10px}#contact-page .subnav-inner{flex-wrap:wrap;gap:0;min-height:62px}#contact-page .contact-breadcrumb{font-size:10px}#contact-page .contact-breadcrumb *{font-size:10px}#contact-page .contact-tabs{gap:16px}#contact-page .contact-tabs a{font-size:12px;min-height:62px}#contact-page .contact-section{padding-top:38px;padding-bottom:22px;scroll-margin-top:75px}#contact-page .section-heading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:25px}#contact-page h2{font-size:23px}#contact-page .section-note{font-size:12px}#contact-page .contact-channels{grid-template-columns:1fr;margin-bottom:32px}#contact-page .channel{padding:20px 24px;gap:20px}#contact-page .channel+.channel{border-left:0;border-top:1px solid var(--contact-line)}#contact-page .channel-value{font-size:24px}#contact-page .channel-label{font-size:12px}#contact-page .channel-help{font-size:12px}#contact-page .channel-arrow{top:35px;right:24px;font-size:20px}#contact-page .contact-location{grid-template-columns:1fr;gap:32px}#contact-page .company-details{padding:0}#contact-page .company-details h2{font-size:22px}#contact-page .company-description{font-size:13px}#contact-page .company-address{margin-top:20px;padding-top:20px}#contact-page address{font-size:14px}#contact-page .company-wechat{padding-top:20px}#contact-page .map-heading{padding:14px 16px}#contact-page .map-city{display:none}#contact-page .location-map{height:370px}#contact-page .map-directions{padding:18px 16px}#contact-page .direction-links{width:100%}#contact-page .direction-links a{flex:1;text-align:center;min-height:42px;padding:9px}#contact-page .contact-guide{padding:38px 0 45px}#contact-page .guide-grid{grid-template-columns:1fr;gap:25px;margin-top:25px}#contact-page .guide-grid article{padding-left:53px;padding-top:20px;padding-right:0}#contact-page .guide-number{position:absolute;left:0;top:20px}#contact-page .guide-grid h3{font-size:17px}#contact-page .guide-grid p{max-width:none}#contact-page .contact-closing{align-items:flex-start;flex-direction:column;margin-top:30px;padding-top:25px}#contact-page .contact-closing p{font-size:18px}}
@media(prefers-reduced-motion:reduce){#contact-page a{transition:none!important;transform:none!important}}