@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url('../assets/roboto-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url('../assets/roboto-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url('../assets/roboto-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url('../assets/roboto-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url('../assets/roboto-latin-italic.woff2') format('woff2');font-display:swap}
@font-face{font-family:Roboto;font-style:italic;font-weight:700;src:url('../assets/roboto-latin-italic.woff2') format('woff2');font-display:swap}
@font-face{font-family:mfn-icons;src:url('../assets/mfn-icons.woff') format('woff');font-weight:normal;font-style:normal;font-display:block}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fcfcfc;color:#9e9e9e;font:16px/26px Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif}a{color:#303030;text-decoration:none}a:hover{color:#ff7800;text-decoration:underline}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;vertical-align:middle}h1,h2,h3,h4,h5,p{margin:0 0 15px}h1,h2{font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.01em;color:#4b4c4c}h1{font-size:44px;line-height:50px;font-weight:400}h2{font-size:44px;line-height:60px;font-weight:600}h3{font-size:25px;line-height:29px;font-weight:400;color:#303030}h4{font-size:18.48px;line-height:30px;letter-spacing:.06em;font-weight:700;color:#4b4b4b}h5{font-size:21px;line-height:1.6;letter-spacing:.03em;font-weight:400;color:#4d4d4d}p{color:#4d4d4d;line-height:1.8;letter-spacing:.01em}.icon{font-family:mfn-icons!important;font-style:normal;font-weight:normal}.inner{max-width:1220px;margin:0 auto}.site-header{position:fixed;right:0;top:0;width:250px;height:100vh;background:#fff;box-shadow:-2px 0 4px 2px rgb(0 0 0 / 3%);z-index:100}.logo{display:flex;align-items:center;justify-content:center;height:200px;margin:15px 0}.logo img{height:100px;width:auto}#site-menu{margin-top:15px;text-align:center}#site-menu>a{display:block;color:#aaa;font:16px/38px Roboto,Arial,Tahoma,sans-serif;border-bottom:1px solid rgba(0,0,0,.05)}#site-menu>a:last-child{border:0}#site-menu>a:hover,#site-menu>a[aria-current]{color:#ff7800;text-decoration:none}.menu-toggle,.menu-close,.menu-overlay{display:none}main{margin-right:250px}.hero{height:calc((100vw - 265px)*.7);position:relative;overflow:hidden;background:#eee}.hero-image{position:absolute;left:50%;top:0;height:106.1%;width:auto;max-width:none;transform:translateX(-50%)}.hero-message{position:absolute;left:22%;top:34.9%;width:53.85%;height:23.8%;background:rgba(99,99,99,.5);display:flex;align-items:center;padding-left:3.05%;border-radius:3px}.hero-message div{font-family:Arial,Helvetica,sans-serif;font-size:clamp(16px,1.65vw,40px);line-height:2.6;color:#fff;white-space:nowrap}.about{position:relative}.about:before{content:"";position:absolute;inset:0 50% 0 0;background:#292929}.about-grid{display:grid;grid-template-columns:1fr 1fr;position:relative}.about-left{padding:80px 8% 80px 0}.about-right{padding:80px 0 80px 8%}.about-left>*{display:block;width:98%;margin-left:1%;margin-right:1%;margin-bottom:40px}.about-copy h2,.about-copy p{color:white}.accent{width:50px;height:4px;background:#ff7800;margin-top:25px}.about-copy .accent{margin-top:25px}.about-right>img{width:98%;margin:0 1% 40px}.principles{margin:0 1% 40px;padding-right:7%}.services{background:#f4f4f4;padding:120px 0 80px}.services-heading{margin:0 1% 40px}.services-heading .accent{margin-top:25px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:start}.service-card{margin:0 4% 40px;padding:45px 13.8%;background:#fff;border-radius:60px}.service-card img{width:66px;height:67px;object-fit:contain;display:block;margin-bottom:31px}.service-card h4{margin-bottom:44px}.service-card p{margin-bottom:0}.card-0{padding-bottom:88px}.card-1{padding-bottom:139px}.card-1 h4{margin-bottom:15px}.card-2,.card-3{padding-bottom:116px}.marketing-image{margin:0 1% 42px}.marketing-image img{width:100%}.contact-section{padding-top:85.5px;padding-bottom:40px}.contact-intro{display:grid;grid-template-columns:40% 20% 40%;align-items:center;margin:0 1%;padding:40px 0}.contact-intro>h1{padding:0 20px}.contact-intro>div{padding:0 20px}.contact-intro p{font-size:15px;line-height:27px}.contact-icon{display:flex;align-items:center;justify-content:center;font-size:60px;width:100%;height:140px;color:#ff7800}.contact-icon:hover{text-decoration:none}.contact-icon i{border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;transition:background .2s}.contact-icon:hover i{background:#ff7800;color:#fff}.office{display:grid;grid-template-columns:40% 60%;padding-bottom:40px;align-items:start}.office-card{margin:0 2.5%;background:#ff7800;color:#fff;padding:25px 20px 25px 30px}.office-card h3{color:white}.office-line{display:flex;gap:20px;padding:13px 0;position:relative;line-height:22px}.office-line+.office-line{border-top:1px solid rgba(255,255,255,.2);padding-top:14px}.office-line>i{font-size:25px;flex:0 0 30px}.office-card a{color:#fff}.office iframe{width:96.6667%;margin:0 1.6667%;border:0;height:450px;background:#f5f5f5}.site-footer{height:84px;background:#303030;border-top:1px solid rgba(0,0,0,.1)}.site-footer .inner{padding:30px 1% 0;text-align:right}.back-to-top{display:inline-block;width:42px;height:42px;text-align:center;font-size:22px;line-height:42px;color:#ccc}.subheader{padding:30px 0;background:#f7f7f7;text-align:center;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:30px}.subheader h1{font-size:30px;line-height:35px;font-style:italic;font-weight:500;margin-bottom:15px}.breadcrumbs{font-size:16px;line-height:22px;color:#a8a8a8}.breadcrumbs a{color:#a8a8a8}.breadcrumbs span{padding:0 20px;color:#d2d2d2}.contact-banner{padding:0 1%}.contact-banner h4{text-align:center;font-weight:400;letter-spacing:0}.contact-banner img{width:100%;margin:0 0 40px}.contact-banner+.contact-section{padding-top:0}.office-contact{grid-template-columns:60% 40%}.office-contact iframe{margin:0 1.6667%}.office-contact .office-card{margin:0 2.5%}.service-detail section{margin:0 1% 40px}.service-detail section>img{display:block;margin:0 auto 40px;max-width:100%;width:auto}.detail-copy{margin-bottom:40px}.legal{padding:0 1% 40px}.legal ul{padding-left:30px;color:#737373;line-height:26px;margin:0 0 15px}.legal li{margin-bottom:10px}
@media(min-width:1240px) and (max-width:1489px){.inner{max-width:940px}}
@media(max-width:1239px){main{margin-right:0;padding-top:60px}.site-header{height:60px;width:100%;left:0;right:0;box-shadow:none}.logo{height:60px;padding:5px 0;margin:0 0 0 20px;justify-content:flex-start;width:max-content}.logo img{height:40px}.menu-toggle{display:flex;position:absolute;right:calc(30% - 20px);top:10px;width:42px;height:40px;padding:10px;background:none;border:0;flex-direction:column;justify-content:space-around}.menu-toggle span{display:block;width:22px;height:2px;background:#777}.hero{height:calc((100vw - 15px)*.7)}.hero-message div{font-size:16px}#site-menu{position:fixed;top:0;right:0;bottom:0;width:250px;background:#191919;z-index:103;text-align:left;padding-top:60px;margin:0;transform:translateX(100%);transition:transform .3s;visibility:hidden}#site-menu>a{padding:0 20px;border-color:rgba(255,255,255,.05);line-height:44px}.menu-close{display:block;position:absolute;top:10px;right:14px;font-size:30px;font-weight:300;border:0;background:none;color:#a6a6a6}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);border:0;z-index:99}.menu-open #site-menu{transform:translateX(0);visibility:visible}.menu-open .menu-overlay{display:block}.menu-open{overflow:hidden}}
@media(min-width:960px) and (max-width:1239px){.inner{max-width:940px}}
@media(min-width:768px) and (max-width:959px){.inner{max-width:708px}.service-grid{grid-template-columns:repeat(2,1fr)}.hero-message div{font-size:16px}}
@media(max-width:767px){.inner{max-width:700px;width:100%;padding-left:33px;padding-right:33px}h1,h2{font-size:35.2px;line-height:48px}.menu-toggle{right:10px}.hero{height:70vw;min-height:250px}.hero-message{left:15%;width:70%;top:34%;height:30%;padding-left:5%}.hero-message div{line-height:2.2;font-size:clamp(12px,2.7vw,16px)}.about:before{display:none}.about-grid{display:block;padding:0}.about-left{background:#292929;padding:60px 33px 40px}.about-right{padding:60px 33px 40px}.about-left>*,.about-right>img{width:100%;margin:0 0 20px}.about-copy{padding-bottom:20px}.principles{margin:0 0 20px;padding-right:0}.services{padding:80px 0 60px}.services-heading{margin:0 0 20px}.services h5{font-size:18px}.service-grid{display:block}.service-card{margin:0 0 20px;padding:45px 15%;border-radius:60px}.service-card h4{font-size:16.632px;line-height:27px}.service-card.card-0{padding-bottom:88px}.service-card.card-1{padding-bottom:139px}.service-card.card-2,.service-card.card-3{padding-bottom:116px}.marketing-image{margin:0 0 22px}.contact-section{padding-top:65px;padding-bottom:20px}.contact-intro{display:block;margin:0;padding:20px 0}.contact-intro>h1,.contact-intro>div{padding:0}.contact-intro>h1{text-align:center}.contact-icon{height:120px}.contact-intro p{text-align:center}.office,.office-contact{display:flex;flex-direction:column;gap:20px;padding-bottom:20px}.office-card,.office-contact .office-card{margin:0;width:100%}.office iframe,.office-contact iframe{width:100%;margin:0}.site-footer .inner{padding-top:20px;text-align:center}.contact-banner img{margin-bottom:20px}.contact-banner+.contact-section{padding-top:0}.service-detail section{margin:0 0 20px}.service-detail section>img{margin-bottom:20px}.subheader{padding:30px 20px}.subheader h1{font-size:24px;line-height:28px}.breadcrumbs{font-size:13px}.legal{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* 对照原站测量后校准图层、文字和区块间距。 */
.hero-image{width:138.87%;height:106.1%}
.hero-message{align-items:flex-start;padding-top:3.8%}
.hero-message div{font-size:clamp(16px,calc((100vw - 265px)*.0264),40px);line-height:1.8}
.about-copy,.principles{display:flow-root}
.principles{padding-right:6.86%}
.accent{margin-top:26px}
.card-0{padding-bottom:89px}.card-1{padding-bottom:143px}.card-2,.card-3{padding-bottom:117px}
@media(max-width:1239px){.hero-message div{font-size:16px;line-height:2.6}.hero-message{padding-top:3.8%}}
@media(max-width:767px){.hero-message{padding-top:3%}.hero-message div{font-size:clamp(12px,2.7vw,16px);line-height:2.2}.principles{padding-right:0}}

/* 大屏首屏保留下方内容提示，图片等比裁切。 */
@media(min-width:1240px){
  .hero{height:min(calc((100vw - 265px)*.7),80vh);height:min(calc((100vw - 265px)*.7),80svh)}
  .hero-image{width:100%;height:100%;object-fit:cover;object-position:center}
  .hero-message{align-items:center;padding-top:0}
}
.home-page .contact-intro p a{color:#ff7800}
.home-page .contact-intro p a:hover{color:#e06900}