.eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:#a9c4ee;margin:0 0 17px}.page-hero{background:#10233a;color:#fff}.service-hero{min-height:585px;padding:104px max(42px,calc((100vw - 1356px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.service-hero h1{font:700 clamp(46px,5.3vw,77px)/.98 var(--sans);letter-spacing:-2.2px;margin:0 0 20px}.service-hero em{font-weight:400;color:#a9c4ee}.service-hero-copy>p:last-child{font-size:17px;max-width:420px;color:#d3dde4;line-height:1.6}.service-hero-image{align-self:stretch;min-height:365px;margin:0;position:relative;overflow:hidden}.service-hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10233a18,transparent 70%);pointer-events:none}.service-hero-image img{display:block;width:100%;height:100%;object-fit:cover}.service-hero-image figcaption{position:absolute;z-index:1;right:18px;bottom:16px;color:#fff;font-size:12px;padding:8px 10px;background:#10233ab5;backdrop-filter:blur(6px)}.service-list{max-width:1356px;margin:0 auto;padding:78px 0 114px}.service-list>a{display:grid;grid-template-columns:70px 200px 1fr 32px;gap:30px;align-items:center;border-top:1px solid var(--line);padding:24px 0;color:var(--ink)}.service-list>a:last-child{border-bottom:1px solid var(--line)}.service-list>a>span{font:500 22px var(--sans);color:#728383;align-self:start;margin-top:8px}.service-list-image{height:140px;margin:0;overflow:hidden;background:#eff2f4}.service-list-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.service-list>a:hover .service-list-image img{transform:scale(1.06)}.service-list p{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#627576;margin:0 0 9px}.service-list h2{font:700 clamp(28px,3.2vw,45px)/1 var(--sans);letter-spacing:-2px;margin:0}.service-list small{display:block;color:#607375;font-size:14px;margin-top:11px}.service-list i{font:normal 25px var(--sans);transition:.2s}.service-list>a:hover i{transform:translate(4px,-4px);color:#315b9d}.service-callout{background:#f3f6f8;padding:84px max(42px,calc((100vw - 1356px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px}.service-callout .eyebrow{color:#607476}.service-callout h2{font:700 48px/1 var(--sans);letter-spacing:-2.2px;margin:0}.button{display:inline-flex;gap:24px;align-items:center;padding:16px 20px;font-size:14px}.lime{background:var(--deep);color:#fff}@media(max-width:800px){.service-hero{min-height:0;padding:76px 25px 0;display:block}.service-hero h1{font-size:45px}.service-hero-copy>p:last-child{padding-bottom:38px}.service-hero-image{height:280px;min-height:0;margin:0 -25px}.service-list{padding:45px 25px 70px}.service-list>a{grid-template-columns:32px 90px 1fr 18px;gap:12px;padding:18px 0}.service-list-image{height:96px}.service-list h2{font-size:25px;letter-spacing:-1.4px}.service-list small{font-size:13px;line-height:1.4}.service-list p{font-size:10px;letter-spacing:1px}.service-list i{font-size:19px}.service-callout{padding:62px 25px;display:block}.service-callout h2{font-size:38px;margin:16px 0 26px}}
.service-hero{position:relative;isolation:isolate;background:#10233a url('../images/source/3、Service/服务案例1（OEM-ODM%20Customization）/OEM-ODM%20Customization-1.jpg') 78% center/cover no-repeat}.service-hero:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#10233a 0%,#10233ae8 38%,#10233a52 67%,#10233a20 100%)}.service-hero-copy{position:relative;z-index:1}.service-hero-image{display:none}@media(max-width:800px){.service-hero{background-position:64% center}.service-hero:before{background:linear-gradient(90deg,#10233af2 0%,#10233ac9 62%,#10233a75 100%)}}