@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&display=swap');
/* About reference: compact editorial company profile; common header is shared. */
.about-reference{margin:0;background:white;color:#143b54;font-family:Barlow,"Microsoft YaHei",Arial,sans-serif;font-size:clamp(12px,1.29vw,16px);line-height:1.75;--ar-gold:#edbd40;--ar-muted:#566f83}
.about-reference *{box-sizing:border-box}.about-reference a{color:inherit;text-decoration:none}.about-reference a:hover{color:#987017}.about-reference button{font:inherit;cursor:pointer}.about-reference svg{width:22px;height:22px;vertical-align:middle;flex:none}.about-reference h1,.about-reference h2,.about-reference h3{color:#0f3851;line-height:1.4;letter-spacing:-.025em;font-weight:700}.about-reference h2{font-size:clamp(23px,2.5vw,32px);margin:0}.about-reference p{color:var(--ar-muted)}.ar-wrap{width:92%;max-width:1180px;margin:auto}.ar-button{display:inline-flex;align-items:center;gap:14px;padding:8px 18px;min-height:38px;color:#173951!important;background:var(--ar-gold);font-size:12px;font-weight:700}.ar-button:hover{background:#e5af29}.ar-button svg{width:16px;height:16px}.ar-label{font-size:12px;font-weight:600;margin:0 0 5px;color:#153c55!important}.ar-gold-rule{display:block;height:3px;width:35px;background:var(--ar-gold);margin-top:18px}
.ar-hero{height:clamp(220px,23vw,330px);position:relative;background:#e9f0f3 url('assets/about/hero.webp') center bottom/cover no-repeat}.ar-hero>.ar-wrap{height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.ar-hero h1{font-size:clamp(32px,3.7vw,49px);margin:0 0 0;line-height:1.35}.ar-hero h2{font-size:clamp(18px,2vw,25px);font-weight:500;letter-spacing:0;margin:0}.ar-hero p{margin:3px 0 0;font-size:clamp(13px,1.45vw,18px);color:#5b7283}.ar-hero-motto{position:absolute;top:14%;left:43%;font-family:KaiTi,"STKaiti",serif;font-size:clamp(15px,1.9vw,24px);line-height:1.55;letter-spacing:.17em;transform:rotate(-8deg);color:#173f59}.ar-language{position:absolute;right:0;top:8px;border:0;background:#ffffffcc;color:#234359;padding:3px 9px;font-size:11px!important;z-index:2}.ar-image-note{position:absolute;bottom:5px;right:0;background:#ffffffab;color:#526979;padding:0 4px;font-size:9px}
.ar-story{display:grid;grid-template-columns:1.65fr 1.13fr .9fr;gap:18px;padding:30px 0 28px;align-items:stretch}.ar-story-copy>h2{line-height:1.36;font-size:clamp(23px,2.5vw,33px);margin-bottom:12px}.ar-story-copy>p:not(.ar-label){font-size:clamp(12px,1.18vw,15px);line-height:1.85;margin:0 0 14px}.ar-story-copy>.ar-button{margin-top:0}.ar-company-photo{position:relative;margin:0;min-height:335px;overflow:hidden;background:#eaf0f4}.ar-company-photo>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.ar-company-photo figcaption{position:absolute;bottom:5px;right:6px;background:#ffffffc9;color:#25495e;font-size:9px;padding:0 4px}.ar-company-card{padding:22px 20px 19px;background:#f2f6f8;border:1px solid #e4ebef;border-top:2px solid var(--ar-gold);font-size:12px}.ar-logo{display:flex;align-items:center;gap:5px;white-space:nowrap}.ar-logo>img{width:47px;height:37px;object-fit:contain}.ar-logo>span{font-size:22px;font-weight:800;line-height:1.05}.ar-logo small{display:block;font-size:7px;letter-spacing:.6px;font-weight:800;margin-top:5px}.ar-company-card .ar-logo{margin-bottom:21px}.ar-company-card h3{font-size:14px;line-height:1.5;letter-spacing:0;margin:0 0 2px}.ar-company-card>p{font-size:11px;line-height:1.65;margin:0 0 14px}.ar-address,.ar-contact{display:flex;align-items:flex-start;gap:11px;color:#587184;line-height:1.8;font-size:11px;margin:0 0 11px}.ar-address svg,.ar-contact svg{width:15px;height:18px;margin-top:2px;flex:none}.ar-company-card .ar-contact{font-size:10px;font-weight:600;color:#1b4159;white-space:nowrap}.ar-wechat{background:none;border:0;padding:0;text-align:left}.ar-company-card .ar-copy-status:empty{display:none}.ar-company-card .ar-copy-status{color:#35704a;font-size:10px;margin:0}.ar-brochure{display:inline-flex;gap:9px;align-items:center;font-size:12px;font-weight:600;margin-top:10px}.ar-brochure svg{width:14px;height:14px}
.ar-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#f2f6f8;padding:20px 0;margin-bottom:32px}.ar-stats>div{text-align:center;position:relative}.ar-stats>div+div:before{content:'';position:absolute;left:0;top:12px;bottom:4px;width:1px;background:#dfe8ee}.ar-stats strong{font-size:clamp(30px,3.3vw,43px);line-height:1.1;font-weight:800;letter-spacing:-.04em;display:block}.ar-stats strong small{font-size:17px;letter-spacing:0;margin-left:4px}.ar-stats h3{font-size:13px;letter-spacing:0;font-weight:500;margin:5px 0 0}.ar-stats p{font-size:11px;margin:0}
.ar-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.ar-heading>a{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;white-space:nowrap}.ar-heading>a svg{width:15px;height:15px}.ar-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:26px 0 24px}.ar-feature-grid article+article{border-left:1px solid #dfe7ed;padding-left:22px}.ar-feature-grid article>div{display:flex;align-items:center;gap:15px;margin-bottom:14px}.ar-feature-grid svg{width:34px;height:34px;color:#c7992b}.ar-feature-grid h3{font-size:14px;letter-spacing:0;margin:0}.ar-feature-grid p{font-size:12px;line-height:1.85;margin:0}.ar-history{border-top:1px solid #dfe7ed;border-bottom:1px solid #dfe7ed;padding:18px 0 28px}.ar-history h2{margin-bottom:23px}.ar-timeline{display:grid;grid-template-columns:repeat(6,1fr);position:relative;padding-top:13px;gap:22px}.ar-timeline:before{content:'';position:absolute;left:0;right:0;top:6px;height:1px;background:#b9cbd9}.ar-timeline article{position:relative;padding:7px 10px 0}.ar-dot{position:absolute;top:-11px;left:20px;width:10px;height:10px;border:1px solid white;border-radius:50%;background:#eaba3b}.ar-timeline strong{font-size:16px;line-height:1.3;display:block;margin-bottom:2px}.ar-timeline h3{font-size:11px;color:#5c7487;margin:0;font-weight:500;letter-spacing:0}.ar-timeline p{font-size:11px;line-height:1.6;margin:0}.ar-partners{padding:17px 0 21px}.ar-brand-row{display:grid;grid-template-columns:2.7fr repeat(6,1fr);gap:20px;align-items:center;margin-top:20px}.ar-brand-row>p{font-size:12px;line-height:1.75;margin:0}.ar-brand{font-size:18px;font-weight:800;text-align:center;letter-spacing:-.05em;line-height:1.15;min-height:40px;display:flex;align-items:center;justify-content:center}.ar-brand.howo{color:#19595d;font-style:italic}.ar-brand.shacman{color:#192f42;font-size:16px}.ar-brand.xcmg{color:#075099;font-style:italic}.ar-brand.sany{color:#dc1724;font-size:24px}.ar-brand.faw{color:#185895;font-size:23px}.ar-brand.zoomlion{color:#242437;font-size:15px}
.ar-global{background:linear-gradient(90deg,#153c53ec 0%,#153c53b3 38%,#e7eff5d4 65%,#f1f5f8 100%),url('assets/company/export-harbor.webp') left 55%/cover no-repeat;min-height:160px}.ar-global>.ar-wrap{display:grid;grid-template-columns:1.55fr 1.25fr .3fr;align-items:center;gap:18px;position:relative}.ar-global-copy{padding:17px 0}.ar-global-copy h2{font-size:21px;color:#fff;line-height:1.4;margin-bottom:8px}.ar-global-copy p{font-size:12px;line-height:1.7;color:#e5edf2;max-width:460px;margin:0 0 10px}.ar-global-copy .ar-button{font-size:11px;padding:5px 14px;min-height:30px}.ar-world{position:relative;aspect-ratio:720/330}.ar-world>img,.ar-routes{position:absolute!important;inset:0;width:100%!important;height:100%!important}.ar-world>small{position:absolute;bottom:2px;right:0;font-size:8px;color:#62798b}.ar-reach strong{display:block;font-size:27px;font-weight:800;line-height:1.2}.ar-reach b{display:block;font-size:11px;white-space:nowrap}.ar-reach small{font-size:9px;color:#60788b;white-space:nowrap}
.ar-footer{padding:25px 0 10px}.ar-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr 1.25fr;gap:26px}.ar-footer-grid>div+div{border-left:1px solid #e1e8ef;padding-left:20px}.ar-footer .ar-logo img{width:37px;height:29px}.ar-footer .ar-logo>span{font-size:18px}.ar-footer .ar-logo small{font-size:5px}.ar-footer h3{font-size:12px;letter-spacing:0;margin:0 0 7px}.ar-footer a:not(.ar-logo){display:block;font-size:10px;line-height:1.8;color:#526c80}.ar-footer p{font-size:10px;line-height:1.8;margin:8px 0}.ar-footer svg{width:16px;height:16px}.ar-footer-map{position:relative;min-height:85px}.ar-footer-map img{position:absolute;right:0;top:0;width:76%;opacity:.6;z-index:0}.ar-footer-map p,.ar-footer-map h3{position:relative;z-index:1}.ar-copyright{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e0e8ee;padding-top:9px;margin-top:22px;font-size:9px;color:#627a8d}.ar-copyright>a{font-size:9px!important}.about-reference :focus-visible{outline:3px solid #a97d17;outline-offset:3px}.about-reference ::selection{background:#f3cf68;color:#143b54}
@media(max-width:1100px){.ar-brand-row{gap:13px}.ar-company-card{padding:22px 17px}.ar-company-card .ar-contact{font-size:9px;gap:7px}.ar-company-card .ar-logo>span{font-size:20px}.ar-story{gap:15px}}
@media(max-width:800px){.ar-story{grid-template-columns:1.4fr 1fr;gap:22px}.ar-story-copy{grid-column:1/-1}.ar-company-photo{min-height:320px}.ar-story-copy>h2 br{display:none}.ar-story-copy>p:not(.ar-label){font-size:14px}.ar-company-card{font-size:14px}.ar-company-card .ar-contact{font-size:12px}.ar-company-card>p,.ar-address{font-size:13px}.ar-stats h3{font-size:12px}.ar-feature-grid{grid-template-columns:1fr 1fr;gap:25px}.ar-feature-grid article:nth-child(3){border:0;padding:0}.ar-heading{align-items:flex-start;gap:12px}.ar-heading>a{font-size:10px}.ar-feature-grid p{font-size:13px}.ar-timeline{grid-template-columns:repeat(3,1fr);row-gap:25px}.ar-timeline article:nth-child(n+4){border-top:1px solid #b9cbd9;padding-top:18px}.ar-timeline article:nth-child(n+4) .ar-dot{top:-6px}.ar-brand-row{grid-template-columns:repeat(6,1fr)}.ar-brand-row>p{grid-column:1/-1}.ar-global>.ar-wrap{grid-template-columns:1.3fr 1fr}.ar-global-copy h2{font-size:19px}.ar-reach{position:absolute;right:0;bottom:12px}.ar-world{margin-bottom:40px}.ar-footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:24px}.ar-footer-grid>div:nth-child(4){border:0;padding-left:0}.ar-copyright{flex-wrap:wrap;gap:5px 15px}}
@media(max-width:520px){.ar-wrap{width:90%}.ar-hero{height:255px;background-position:62% center}.ar-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f3f7fbd9,#f3f7fb66 65%,transparent)}.ar-hero h1{font-size:32px}.ar-hero h2{font-size:17px;max-width:22ch;line-height:1.5}.ar-hero p{font-size:13px;max-width:23ch}.ar-hero-motto{display:none}.ar-gold-rule{margin-top:15px}.ar-story{padding:25px 0;gap:18px;grid-template-columns:1fr}.ar-story-copy{grid-column:auto}.ar-story-copy>h2{font-size:26px;max-width:18ch}.ar-story-copy>h2 br{display:block}.ar-company-photo{min-height:340px}.ar-company-card{padding:24px}.ar-company-card h3{font-size:17px}.ar-company-card .ar-contact{font-size:13px;min-height:35px}.ar-company-card .ar-logo{margin-bottom:16px}.ar-company-card .ar-logo>span{font-size:24px}.ar-stats{grid-template-columns:1fr 1fr;gap:22px 0;padding:24px 0;margin-bottom:27px}.ar-stats>div:nth-child(3):before{display:none}.ar-stats strong{font-size:33px}.ar-stats strong small{font-size:14px}.ar-stats p{font-size:10px}.ar-heading{display:block}.ar-heading h2{font-size:24px}.ar-heading>a{display:inline-flex;min-height:35px;font-size:11px;margin-top:8px}.ar-feature-grid{grid-template-columns:1fr;margin-top:20px;gap:20px}.ar-feature-grid article+article{border-left:0;border-top:1px solid #e1e8ee;padding:18px 0 0}.ar-feature-grid article:nth-child(3){border-top:1px solid #e1e8ee;padding:18px 0 0}.ar-feature-grid article>div{margin-bottom:8px}.ar-feature-grid h3{font-size:16px}.ar-feature-grid p{font-size:13px}.ar-history h2{font-size:24px}.ar-timeline{grid-template-columns:repeat(2,1fr);gap:23px 18px}.ar-timeline article{padding-left:9px}.ar-timeline article:nth-child(n+3){border-top:1px solid #b9cbd9;padding-top:18px}.ar-timeline article:nth-child(n+3) .ar-dot{top:-6px}.ar-timeline strong{font-size:20px}.ar-timeline p,.ar-timeline h3{font-size:12px}.ar-brand-row{grid-template-columns:repeat(3,1fr);gap:16px}.ar-brand-row>p{font-size:13px}.ar-brand{min-height:44px}.ar-partners{padding:22px 0}.ar-global{background:linear-gradient(90deg,#153c53ef,#153c53b3),url('assets/company/export-harbor.webp') center/cover}.ar-global>.ar-wrap{grid-template-columns:1fr;padding-bottom:12px;gap:0}.ar-global-copy h2{font-size:23px}.ar-global-copy p{font-size:13px}.ar-global-copy{padding:25px 0 12px}.ar-global-copy .ar-button{min-height:38px}.ar-world{width:78%;margin:0;opacity:.95}.ar-world>small{color:#dae5ee}.ar-reach{bottom:35px;color:white}.ar-reach small{color:#dce8ef}.ar-reach strong{font-size:30px}.ar-footer-grid{grid-template-columns:1fr 1fr;gap:22px}.ar-footer-grid>div:first-child{grid-column:1/-1}.ar-footer-grid>div+div{border:0;padding-left:0}.ar-footer p,.ar-footer a:not(.ar-logo){font-size:12px}.ar-footer h3{font-size:14px}.ar-footer a:not(.ar-logo){padding-block:3px}.ar-footer .ar-logo>span{font-size:22px}.ar-footer .ar-logo small{font-size:6px}.ar-footer .ar-logo img{width:44px;height:35px}.ar-copyright{margin-top:20px;font-size:10px}.ar-copyright>span:nth-child(2){order:3;flex-basis:100%}.ar-copyright>a{font-size:10px!important}}

/* Final reference alignment and legibility. */
.ar-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f1f6f8e8 0%,#f1f6f8a8 28%,#f1f6f810 56%,transparent 70%)}
html[lang="en"] .ar-hero-motto{font-size:clamp(13px,1.3vw,18px);letter-spacing:.02em;left:47%;max-width:18ch}
@media(min-width:801px) and (max-width:1100px){.ar-company-card h3{font-size:12px}}