/* Preserve the original inner-page geometry and apply the current brand colors. */
:root{--brand-navy:#00174a;--brand-teal:#008c8a;--brand-teal-text:#007b79;--brand-on-dark:#72c9c3;--line:#e3e9ed;--ink:#00174a;--muted:#63758c}
body.inner-page{font-family:Arial,Helvetica,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;color:#444}
*{box-sizing:border-box}
[hidden]{display:none!important}
a{color:inherit}
button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}
img{max-width:100%;vertical-align:middle}
:focus-visible{outline:2px solid #008c8a;outline-offset:4px}
/* Hide pointer focus outlines across the site; keep keyboard focus visible. */
body :focus:not(:focus-visible){outline:none}
.wrap{width:1200px;max-width:calc(100% - 40px);margin-inline:auto}
.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;padding:12px 24px}
.skip-link:focus{top:8px}
.site-header{position:relative;z-index:30;background:#fff}
.header-inner{height:60px;display:flex;align-items:center;gap:0}
.brand{flex:none}
.brand img{width:155px;height:30px}
.desktop-nav{display:flex;align-items:center;margin-left:auto;height:100%;gap:34px}
.nav-item{height:100%;display:flex;align-items:center}
.nav-item>a{font-size:16px;position:relative;display:flex;align-items:center;height:100%;white-space:nowrap;text-decoration:none}
.nav-item>a[aria-current],.nav-item>a:hover{color:var(--brand-navy)}
.nav-item>a:after{content:none}
.desktop-nav a:focus-visible,.mobile-nav a:focus-visible{outline:2px solid var(--brand-navy);outline-offset:4px}
.header-phone,.menu-toggle,.mobile-nav,.nav-dropdown,.nav-toggle{display:none}
.content_nav li.current a{background:#00174a;color:#fff}
.content_nav li:hover a{background:#eef6f6;color:#007b79}
.content_nav li.current:hover a{background:#00174a;color:#fff}
.refreshed-banner{height:auto;aspect-ratio:2560/540;position:relative;overflow:hidden;background:#00174a}
.refreshed-banner>picture{display:block;width:100%;height:100%}
.refreshed-banner>img,.refreshed-banner>picture>img{width:100%;height:100%;object-fit:cover;object-position:center 50%}
.core-agent-caption{display:none}
.core-agent-banner + .content .content_nav li.current a{background:#e1edf5;color:#00174a;box-shadow:none}
.core-agent-banner + .content .content_nav li.current a span{color:rgba(0,23,74,.06)}
@media(min-width:769px){
 .business-banner{background-image:var(--desktop-core-banner)!important}
 .business-banner .banner-text{width:50%;max-width:600px}
 .core-agent-banner>picture>img{object-position:center 45%}
 .core-agent-caption{display:block;position:absolute;left:max(20px,calc((100% - 1200px)/2));top:44%;transform:translateY(-50%);width:46%;color:#fff}
 .core-agent-caption>span{display:block;margin-bottom:16px;font-size:16px;letter-spacing:.08em;color:#e2f4f2}
 .core-agent-caption h2{margin:0;font-size:clamp(23px,2.5vw,36px);line-height:1.35;font-weight:500;color:#fff;white-space:nowrap}
}
.original-timeline{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,70px);padding:0 20px 25px;color:#00174a;background:transparent}
.original-timeline>div{width:clamp(60px,7vw,118px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #8aa4bd55;border-radius:50%;background:#eef4facc}
.original-timeline span{font-size:14px;color:#5a718b}
.original-timeline strong{font-size:20px;font-weight:400}
.projectbox h2,.business-step h2,.relativenews h2,.businessContent h2{color:#00174a}
.projectbox h2:after,.business-step h2:after,.relativenews h2:after,.businessContent h2:after,.principal_num:after,.phonecolumn-name:after{background:#008c8a!important}
.projectlist li a:after{background:#008c8a}
.projectlist li:hover a{box-shadow:0 8px 20px #00174a12}
.softBigCase li:nth-child(6n),.custom-list li:nth-child(6n){margin-right:0}
.projectlist li:nth-child(4n),.overlink-list li:nth-child(4n){margin-right:0}
.relative_list li:nth-child(6n){margin-right:0}
.principal_bottom .principal_num{color:#00174a}
.part .part_info{background:#00174a;box-shadow:0 18px 30px #00174a26}
.part_info ul li a:hover{color:#72c9c3}
#part_map>img{width:100%;height:100%;object-fit:cover}
.business-banner{background-position:center 50%;position:relative}
.business-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03101f66 0%,#03101f33 45%,#03101f00 65%);pointer-events:none}
.business-banner>.container{position:relative;z-index:1}
.business-banner h1{color:#fff}
.business-banner .banner-text{color:#d6e5ee}
.business-banner .banner-btn>a{background:#fff;color:#00174a}
.business-banner .banner-btn>a:hover{background:#008c8a;color:#fff}
.banner-btn .banner-wxbox:not([hidden]){display:block}
.industry-lis li span{background:#008c8a}
.webnavlis{display:flex;flex-wrap:wrap;justify-content:center;gap:0}
.webnavlis button{padding:10px 24px;font-size:16px;border-bottom:2px solid transparent}
.webnavlis button.active{color:#007b79;border-bottom-color:#008c8a}
#fh5co-board.newswebsitelist{columns:4;column-gap:20px}
#fh5co-board.newswebsitelist>li{width:100%;display:inline-block;break-inside:avoid;padding:0!important;margin:0 0 20px}
#fh5co-board .animate-box{opacity:1;visibility:visible}
#swiper-culture .swiper-wrapper{display:block;height:auto}
#swiper-culture .swiper-slide{width:100%;height:auto}
#swiper-culture .swiper-slide>img{display:block;width:100%;height:auto}
.original-gallery-controls{display:flex;justify-content:center;align-items:center;gap:24px;padding:12px;background:#fff;font-size:14px;color:#00174a}
.original-gallery-controls button{padding:6px 10px}
.original-gallery-controls button:hover{color:#007b79}
.join-title .original-job-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:0}
.joinlist li .join-info:not([hidden]){display:block}
.join-info .text-p a{color:#007b79}
@media(min-width:992px) and (max-width:1209px){.wrap{width:970px}.desktop-nav{gap:27px}}
@media(min-width:769px) and (max-width:991px){.wrap{width:750px}.desktop-nav{gap:20px}.original-timeline strong{font-size:16px}#fh5co-board.newswebsitelist{columns:3}}
@media(max-width:768px){
 .wrap{width:auto;max-width:none;margin-inline:10px}
 .header-inner{justify-content:space-between}
 .desktop-nav{display:none}
 .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:32px;height:44px;padding:0}
 .menu-toggle span{width:23px;height:1.5px;background:#00174a}
 .mobile-nav{display:block;position:absolute;top:100%;left:0;right:0;background:#fff;padding:10px 20px 24px;border-bottom:1px solid #e3e9ed;box-shadow:0 20px 30px #00174a15}
 .mobile-group{border-bottom:1px solid #e3e9ed;padding:14px 0;font-size:16px}
 .mobile-group>a{text-decoration:none}
 .mobile-group>a[aria-current],.mobile-group>a:hover{color:var(--brand-navy)}
 .refreshed-banner{height:160px;aspect-ratio:auto}
 .original-timeline{gap:8px;padding:0 12px}
 .original-timeline>div{width:calc((100% - 32px)/5);gap:3px}
 .original-timeline span{font-size:12px}
 .original-timeline strong{font-size:14px}
 .content_nav{display:block!important;margin-top:0;padding-top:0;overflow-x:auto;white-space:nowrap;text-align:left;scrollbar-width:none;background:#fff}
 .content_nav>ul{display:flex;width:max-content;min-width:100%;margin:0}
 .content_nav li{width:auto;min-width:110px;box-shadow:none;padding:0;border-bottom:1px solid #e3e9ed}
 .content_nav li a{font-size:16px;line-height:56px;height:56px;padding:0 18px}
 .content_nav li a span{height:56px;line-height:56px;font-size:40px}
 .phonecolumn-name{margin-top:28px}
 .principal{padding-top:0}
 .business-banner .banner-text{font-size:16px}
 .business-banner:before{background:linear-gradient(90deg,#03101f99 0%,#03101f66 68%,#03101f33 100%)}
 .business-banner{padding-bottom:28px;background-position:74% center}
 .part .part_info{position:relative;left:auto;bottom:auto;width:100%;padding:26px 24px;margin-top:0}
 .part .part_info h1{text-align:left;margin-bottom:22px}
 .part_info ul.index1{min-height:0}
 .part_info ul.index2{padding-top:18px;margin-top:22px}
 .part{padding-top:28px;margin-bottom:40px}
 .webnavlis button{padding:10px 13px;font-size:14px}
 .projectlist li:nth-child(2n),.custom-list li:nth-child(2n),.overlink-list li:nth-child(2n),.relative_list li:nth-child(2n),.softBigCase li:nth-child(2n){margin-right:0}
 #fh5co-board.newswebsitelist{columns:2;column-gap:12px}
 .culturebox ul li p{font-size:16px}
 .banner-btn .banner-wxbox{left:0;top:60px}
}
@media(max-width:359px){#fh5co-board.newswebsitelist{columns:1}.original-timeline{gap:4px}.original-timeline strong{font-size:13px}}

.home-footer{background:var(--brand-navy);color:#b8c6d8;min-height:60px;font-size:15px}
.home-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:13px 0}
.home-footer p{line-height:28px;margin:0}
.home-footer a:hover,.home-footer button:hover{color:var(--brand-on-dark)}
.home-footer-links{display:flex;align-items:center;gap:20px;white-space:nowrap;line-height:26px}
.home-contact-icons{display:flex;align-items:center;gap:10px}
.home-contact-icons button{padding:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#d0dce8}

/* Original footer PNGs and local hover disclosures; no modal overlay. */
.home-contact-icons{gap:0}
.home-contact-item{position:relative;margin-inline:5px}
.home-contact-icons .home-contact-trigger{position:relative;display:block;width:32px;height:32px;padding:0}
.home-contact-trigger img{width:32px;height:32px}
.home-contact-trigger .contact-icon-active{position:absolute;inset:0;opacity:0}
.home-contact-item.is-open .contact-icon-default{opacity:0}
.home-contact-item.is-open .contact-icon-active{opacity:1}
.home-contact-panel{position:absolute;z-index:40;bottom:100%;right:-20px;margin-bottom:20px;padding:15px 10px;background:#fff;border-radius:5px;box-shadow:0 10px 16px #00000047;color:#555;font-size:15px;line-height:1.8;text-align:center;white-space:nowrap;animation:home-contact-reveal .3s ease}
.home-contact-panel:before{content:"";position:absolute;top:100%;left:0;right:0;height:21px}
.home-contact-panel:after{content:"";position:absolute;top:100%;right:26px;border:10px solid transparent;border-top-color:#fff}
.home-contact-panel a{display:block}
.home-contact-panel a:hover{color:var(--brand-teal-text)}
.home-contact-qr{display:flex;gap:15px}
.home-contact-qr img{width:100px;height:100px;object-fit:contain}
.home-contact-qr figcaption{margin-top:4px}
.home-contact-qq{width:220px;text-align:left}
.home-contact-call{width:260px;right:-5px}
.home-contact-call:after{right:11px}
@keyframes home-contact-reveal{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:768px){
 .home-page .reliable-copy{left:8%;right:16px}
 .home-page .reliable-copy>span{font-size:16px;line-height:1;margin-bottom:5px}
 .home-page .reliable-copy h2{font-size:26px;line-height:1.15}
 .home-page .reliable-heading{font-size:20px;line-height:1.35}
 .home-page .reliable-description{font-size:16px;line-height:1.35;margin-top:5px;max-width:290px}
 .home-contact-icons .home-contact-trigger,.home-contact-trigger img{width:26px;height:26px}
 .home-contact-panel{right:-32px}
 .home-contact-panel:after{right:35px}
 .home-contact-call{right:-12px}
 .home-contact-call:after{right:15px}
}
@media(prefers-reduced-motion:reduce){.home-contact-panel{animation:none}}


@media(max-width:768px){.home-footer-inner{display:block;text-align:center;padding:15px 0 10px}.home-footer-links{justify-content:center;margin-top:2px}.home-footer p{font-size:14px;line-height:1.8}}