:root{--green:#238a4a;--ink:#292929;--soft:#f5f5f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}a{text-decoration:none;color:inherit}.site-header{height:90px;display:flex;align-items:center;gap:55px;padding:0 max(5vw,30px);background:#fff;position:relative;z-index:5}.brand{display:block;width:113px}.brand img{display:block;width:100%;height:auto}.main-nav{display:flex;align-items:center;gap:36px;font-size:13px;color:#333}.main-nav a{transition:.2s}.main-nav a:hover,.main-nav .active{color:var(--green)}.menu-toggle{display:none;border:0;background:transparent;font-size:22px;margin-left:auto}.hero{height:700px;position:relative;overflow:hidden;background:#dbe3ef url('/assets/images/home/banner.jpg') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0 0 0 51%;background:linear-gradient(90deg,rgba(230,237,246,.12),rgba(241,245,250,.88) 25%,rgba(241,245,250,.95));z-index:0}.hero-copy{position:relative;z-index:1;width:min(470px,38vw);margin-left:56%;padding-top:180px;text-align:center}.section-kicker{color:var(--green);font-size:13px;letter-spacing:3px;margin:0 0 13px}.hero h1{font-size:40px;margin:0 0 22px;letter-spacing:1px}.hero-copy>p:not(.section-kicker){font-size:14px;line-height:2;color:#555}.primary-button,.white-button{display:inline-flex;align-items:center;justify-content:center;min-width:105px;height:34px;border:0;margin-top:17px;padding:0 20px;background:var(--green);color:#fff;font-size:12px;transition:.2s}.primary-button:hover{background:#176f39;transform:translateY(-2px)}.slide-arrow,.carousel-control{position:absolute;border:0;background:#fff9;color:#d6dce2;width:36px;height:36px;border-radius:50%;font-size:34px;line-height:28px;cursor:pointer;z-index:2}.slide-arrow{top:50%;transform:translateY(-50%)}.prev{left:5%}.next{right:5%}.section{padding:80px 0}.section-title{display:flex;justify-content:center;align-items:center;height:55px;margin-bottom:28px;font-weight:700}.section-title span{font-size:33px;color:#f0f0f0;letter-spacing:-2px}.section-title h2{margin:0 -21px;z-index:1;color:var(--green);font-size:20px}.product-stage{width:min(1410px,86vw);margin:auto;position:relative}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.product-card{height:380px;position:relative;overflow:hidden;background:#eee}.product-photo{position:absolute;inset:0;overflow:hidden}.product-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(#e9e9e9 0 34%,transparent 59%)}.product-photo img{width:100%;height:100%;object-fit:cover;object-position:center bottom;transform:scale(1.1);transition:transform .45s}.product-content{position:relative;z-index:1;text-align:center;padding-top:44px}.product-content h3{font-size:19px;margin:0 0 8px}.product-content p{font-size:11px;margin:0;color:#777}.product-content a{display:inline-block;color:var(--green);border:1px solid var(--green);border-radius:16px;font-size:11px;padding:4px 16px;margin-top:17px}.product-card:hover .product-photo img{transform:scale(1.18)}.carousel-control{top:50%;transform:translateY(-50%);background:#f5f5f5;color:#c8c8c8}.product-prev{left:-53px}.product-next{right:-53px}.environment{height:420px;display:grid;place-items:center;text-align:center;color:#fff;position:relative;background:linear-gradient(#0b3b2a99,#0b3b2aaa),url('/assets/images/home/homepage-04.jpg') center/cover}.environment>div{width:min(850px,80vw)}.environment h2{font-size:25px;margin:0 0 25px}.environment p{font-size:12px;line-height:2;margin:5px 0}.solutions{padding-bottom:0}.solution-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:0 auto 24px}.solution-tabs button{border:0;border-radius:14px;background:#f3f3f3;padding:6px 18px;font:11px inherit;color:#666;cursor:pointer}.solution-tabs .selected{background:var(--green);color:#fff}.solution-feature{height:480px;background:#2f3335;overflow:hidden;position:relative;color:#fff}.solution-media{position:absolute;inset:0}.solution-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,25,26,.08) 15%,rgba(20,25,26,.36) 55%,rgba(20,25,26,.86))}.solution-media img{width:100%;height:100%;object-fit:cover;opacity:.75}.solution-copy{width:min(420px,35vw);position:relative;z-index:1;margin-left:57%;padding-top:140px}.solution-copy h3{font-size:27px;margin:0 0 18px}.solution-copy p{font-size:12px;line-height:2;color:#e6e6e6}.white-button{background:#fff;color:#333}.industries{padding-bottom:70px}.industry-grid{width:min(1310px,86vw);display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:auto}.industry-grid a{height:245px;display:grid;place-items:center;position:relative;overflow:hidden;color:#fff;background:#222}.industry-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s,filter .4s;filter:brightness(.52)}.industry-grid b{z-index:1;font-size:17px;font-weight:500}.industry-grid a:hover img{filter:brightness(.95);transform:scale(1.07)}.industries a:hover b{opacity:0}.materials{background:#fff;padding-top:35px}.material-grid{width:min(1310px,86vw);margin:auto;display:grid;grid-template-columns:1fr 1fr}.material-grid>div,.material-grid article{min-height:365px}.material-grid article{padding:90px 13%;background:#f5f5f5}.material-grid h3{font-size:21px;margin:0 0 20px}.material-grid p{font-size:12px;line-height:2;color:#555}.material-image{background-size:cover;background-position:center}.material-honeycomb{background-image:url('/assets/images/home/homepage-07.jpg');background-position:left top}.material-board{background-image:url('/assets/images/home/homepage-08.jpg');background-position:right bottom}footer{background:#252525;color:#aaa;padding:55px max(7vw,30px) 22px;font-size:12px}.footer-main{max-width:1150px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr 105px;gap:36px}.footer-logo{width:105px;filter:grayscale(1) brightness(3);margin-bottom:6px}.footer-main h3{color:#eee;font-size:14px;margin:8px 0 17px}.footer-main a,.footer-main p{display:block;margin:0 0 9px;line-height:1.35}.qr-code{width:85px;height:85px;background:#fff;padding:3px}.copyright{border-top:1px solid #555;max-width:1150px;margin:42px auto 0;padding-top:16px;color:#777}.copyright a{color:#aaa}@media(max-width:760px){.site-header{height:70px;padding:0 20px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:15px 20px;flex-direction:column;align-items:flex-start;gap:18px;box-shadow:0 8px 12px #0002}.main-nav.open{display:flex}.menu-toggle{display:block}.hero{height:530px;background-position:32% center}.hero:after{inset:0;background:linear-gradient(90deg,#eff4f8aa,#eff4f8e8)}.hero-copy{width:84vw;margin:auto;padding-top:260px}.hero h1{font-size:28px}.hero-copy>p:not(.section-kicker){font-size:12px}.section{padding:52px 0}.product-grid{grid-template-columns:1fr}.product-card{height:330px}.product-grid .product-card:not(:first-child){display:none}.carousel-control{display:none}.environment{height:auto;padding:70px 0}.environment h2{font-size:21px}.environment p{font-size:11px}.solution-feature{height:370px}.solution-copy{width:72vw;margin-left:20%;padding-top:104px}.solution-copy h3{font-size:21px}.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-grid a{height:145px}.industry-grid b{font-size:13px}.material-grid{grid-template-columns:1fr}.material-grid>div,.material-grid article{min-height:260px}.material-grid article{padding:55px 11%}.material-grid h3{font-size:18px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-main>div:first-child{grid-column:span 2}.qr-code{grid-column:span 2}.copyright{margin-top:26px}.section-title span{font-size:26px}.section-title h2{font-size:18px}.slide-arrow{display:none}}
.slide-arrow,.carousel-control{display:grid;place-items:center;padding:0;line-height:1;font-family:Arial,sans-serif}
/* 首页产品切图本身包含排版文案与按钮，按原始比例完整呈现，避免叠加页面文案和渐变造成发白、错位。 */
.products-section .product-card{height:auto;aspect-ratio:490/568;background:#ddd}.products-section .product-photo:after{display:none}.products-section .product-photo img{object-fit:cover;object-position:center;transform:none}.products-section .product-content{display:none}.products-section .product-card:hover .product-photo img{transform:none}
.products-hero{height:min(29.8vw,572px);min-height:290px;display:grid;place-items:center;position:relative;background:url('/assets/images/products/product-center-banner.jpg') center/cover}.products-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#062a7b22,transparent 38%,#062a7b22)}.products-hero>div{position:relative;z-index:1;text-align:center;color:#fff;text-shadow:0 2px 12px #00346f}.products-hero p{font-size:12px;letter-spacing:3px;margin:0 0 9px}.products-hero h1{font-size:38px;margin:0}.products-hero span{display:block;width:42px;height:3px;background:#fff;margin:17px auto}.products-page{padding-top:66px}.products-page-grid{width:min(1190px,86vw);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.products-page-card{min-height:430px;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:#d9d9d9;padding:42px 8% 34px;text-align:center}.products-page-card h3{font-size:21px;margin:0 0 9px;font-weight:600}.products-page-card p{font-size:12px;color:#777;margin:0}.products-page-image{width:100%;height:205px;overflow:hidden;margin:18px 0 5px}.products-page-image img{display:block;width:100%;height:auto;transform:translateY(-27%)}.outline-button{border:1px solid var(--green);border-radius:18px;padding:6px 19px;margin-top:auto;color:var(--green);font-size:12px;transition:.2s}.outline-button:hover{background:var(--green);color:#fff}@media(max-width:760px){.products-hero{height:230px}.products-hero h1{font-size:29px}.products-page{padding-top:42px}.products-page-grid{grid-template-columns:1fr;gap:10px}.products-page-card{min-height:390px}.products-page-image{max-width:330px;height:190px}.products-page-card h3{font-size:19px}}
.material-grid>div,.material-grid article{min-height:0;aspect-ratio:4/3}.material-honeycomb{background-image:url('/assets/images/home/material-honeycomb.jpg');background-position:center}.material-board{background-image:url('/assets/images/home/material-hollowboard.jpg');background-position:center}
.inner-page{background:#fff}.page-hero{height:340px;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(115deg,#123d30bd,#1b7a54b5),url('/assets/images/home/banner.jpg') center/cover}.page-hero-solutions{background-image:linear-gradient(115deg,#163028bd,#238a4ab5),url('/assets/images/home/home-industry-applications-12.png')}.page-hero-services{background-image:linear-gradient(115deg,#133a31bd,#237951ad),url('/assets/images/home/homepage-07.jpg')}.page-hero-about{background-image:linear-gradient(115deg,#1b4439bd,#238a4aaf),url('/assets/images/home/home-industry-applications-13.png')}.page-hero-contact{background-image:linear-gradient(115deg,#123d30d9,#238a4ad0),url('/assets/images/home/homepage-04.jpg')}.page-hero p{margin:0 0 12px;letter-spacing:3px;font-size:12px}.page-hero h1{font-size:38px;margin:0}.page-hero span{display:block;width:46px;height:3px;background:#fff;margin:20px auto 0}.page-content{width:min(1120px,86vw);padding:78px 0 100px;margin:auto}.page-lead{max-width:780px;text-align:center;margin:0 auto 60px;font-size:22px;line-height:1.8;color:#3b3b3b}.page-columns{display:grid;grid-template-columns:1fr 1fr;min-height:350px;background:#f5f6f5}.page-columns article{padding:70px 13%}.page-columns h2{font-size:26px;margin:0 0 20px}.page-columns p{color:#666;font-size:14px;line-height:2}.page-image{overflow:hidden}.page-image img{width:100%;height:100%;display:block;object-fit:cover}.page-image:has(img[alt="联系我们"]){display:grid;place-items:center;background:#fff}.page-image:has(img[alt="联系我们"]) img{width:220px;height:220px;object-fit:contain}@media(max-width:760px){.page-hero{height:255px}.page-hero h1{font-size:29px}.page-content{padding:55px 0 65px}.page-lead{font-size:17px;margin-bottom:35px}.page-columns{grid-template-columns:1fr}.page-columns article{padding:45px 10%}.page-image{min-height:250px}.page-columns h2{font-size:22px}}

/* Industry solutions: photography is kept separate from all copy and UI elements. */
.solutions-page{background:#fff}.solutions-banner{height:min(24.5vw,470px);min-height:245px;background:url('/assets/images/solutions/industry-solutions_02.jpg') center/cover no-repeat}.solution-container{width:min(1120px,86vw);margin:auto}.solution-intro{padding:78px 0 34px}.solution-intro h1{margin:0 0 47px;color:#278747;font-size:24px;line-height:1;font-weight:700}.solution-intro h1:before{content:"";display:inline-block;width:4px;height:27px;margin:0 14px 0 0;vertical-align:-6px;background:#278747}.solution-intro-copy{max-width:960px;margin:auto;color:#333;font-size:14px;line-height:2}.solution-intro-copy p{margin:0}.cycle-system{width:360px;height:360px;margin:40px auto 34px;position:relative;border-radius:50%;background:conic-gradient(from 12deg,#96bd35 0 18%,#7eaf2d 18% 38%,#a0c33c 38% 58%,#7eaa29 58% 79%,#92bc37 79% 100%);box-shadow:inset 0 0 0 7px #fff}.cycle-system:before,.cycle-system:after{content:"";position:absolute;inset:45px;border:4px solid #fff;border-radius:50%;clip-path:polygon(0 0,100% 0,100% 48%,50% 50%,100% 52%,100% 100%,0 100%,0 52%,50% 50%,0 48%)}.cycle-system:after{inset:93px;background:#fff;clip-path:none;border:0}.cycle-center{position:absolute;z-index:2;inset:119px;border-radius:50%;background:#90b339}.cycle-item{position:absolute;z-index:3;color:#fff;font-size:16px;font-weight:700;white-space:nowrap}.cycle-item b{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:5px;border-radius:50%;background:#fff;color:#83ad2d;font-size:13px}.cycle-one{top:58px;left:84px}.cycle-two{top:106px;right:28px}.cycle-three{right:24px;bottom:91px}.cycle-four{bottom:36px;left:102px}.cycle-five{left:22px;bottom:112px}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.value-card{min-height:205px;padding:28px 33px;background:#278747;color:#fff;border-radius:4px}.value-card h2{display:flex;align-items:center;gap:12px;margin:0 0 19px;font-size:20px}.value-card h2 span{display:grid;place-items:center;flex:none;width:28px;height:28px;background:#fff;border-radius:2px;color:#278747;font-size:17px}.value-card p{margin:0;font-size:13px;line-height:1.9}.value-card-5{grid-column:1/-1;min-height:164px;position:relative;overflow:hidden}.value-card-5:after{content:"";position:absolute;right:55px;bottom:-52px;width:185px;height:185px;border-radius:50%;background:radial-gradient(circle at 45% 60%,#6d9a35 0 2px,transparent 3px) 0 0/11px 11px,radial-gradient(ellipse at center,#5d9132 0,transparent 67%);opacity:.7}.value-card-5>*{position:relative;z-index:1}.solution-gallery{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:72px 0 90px}.solution-gallery figure{height:280px;margin:0;overflow:hidden;background:#eee}.solution-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.solution-gallery figure:hover img{transform:scale(1.04)}
@media(max-width:1400px) and (min-width:761px){.site-header{gap:36px;padding-left:4vw;padding-right:4vw}.main-nav{gap:24px}}
@media(max-width:760px){.solutions-banner{height:220px}.solution-intro{padding:52px 0 15px}.solution-intro h1{font-size:20px;margin-bottom:28px}.solution-intro h1:before{height:23px;width:3px;margin-right:10px}.solution-intro-copy{font-size:12px;line-height:1.9}.cycle-system{transform:scale(.8);margin:-10px auto -7px}.values-grid{grid-template-columns:1fr}.value-card{min-height:0;padding:24px}.value-card h2{font-size:18px;margin-bottom:13px}.value-card p{font-size:12px}.value-card-5{grid-column:auto}.solution-gallery{padding:45px 0 60px;gap:4px}.solution-gallery figure{height:145px}}

/* Customized services: imagery is used only as decorative photography; every label, paragraph and CTA is live HTML. */
.services-page{overflow:hidden;background:#fff}.services-hero{height:min(24.5vw,470px);min-height:335px;position:relative;overflow:hidden;background:linear-gradient(100deg,#579a45 0%,#6eaa52 48%,#aad091 100%);color:#fff}.services-hero-copy{position:relative;z-index:2;width:min(1120px,86vw);margin:auto;padding-top:70px}.services-hero-copy p{margin:0;font-size:27px;line-height:1.18;letter-spacing:2px;font-weight:800}.services-hero-copy i{display:block;width:2px;height:46px;margin:22px 0;background:#fff}.services-hero-copy span{display:block;font-size:15px;line-height:1.65;font-weight:500}.services-hero-button{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:0 20px;height:32px;border:1px solid #fff;color:#fff;font-size:12px;transition:.2s}.services-hero-button:hover{background:#fff;color:#4d903d}.services-recycle-mark{position:absolute;z-index:1;left:calc(50% - 145px);top:96px;font-size:158px;line-height:1;color:#d8eccb3d}.services-hero-art{position:absolute;z-index:1;top:-2px;left:55%;width:430px;height:470px;background:url('/assets/images/services/hero-source.jpg') right center/1920px 470px no-repeat}.services-section{width:min(1120px,86vw);margin:auto}.services-heading{margin:0;color:#268747;font-size:24px;line-height:1;font-weight:700}.services-heading:before{content:"";display:inline-block;width:4px;height:27px;margin:0 14px 0 0;vertical-align:-6px;border-radius:2px;background:#278747}.system-design{padding:78px 0 45px}.system-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;margin-top:52px}.system-copy>p{max-width:620px;margin:0;color:#333;font-size:14px;line-height:2}.design-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 0;width:520px;max-width:100%;margin-top:44px}.design-steps span{height:47px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;background:linear-gradient(90deg,#278747,#83ae24);clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%,9% 50%)}.design-steps span:nth-child(2),.design-steps span:nth-child(4){margin-left:-33px;padding-left:33px}.design-steps span:nth-child(3){background:linear-gradient(90deg,#9ab638,#6fa624)}.design-steps span:nth-child(5){grid-column:1/2;width:calc(100% + 4px);background:linear-gradient(90deg,#90b130,#7eaa2b)}.designer-photo{width:330px;aspect-ratio:1;margin:auto;border:3px solid #d4e83b;border-radius:50%;outline:2px solid #d4e83b;outline-offset:10px;background:url('/assets/images/services/design-source.jpg') 81% 57%/auto 130% no-repeat}.service-process{padding:38px 0 86px}.process-rail{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:68px}.process-rail:before{content:"";position:absolute;top:58px;left:10%;right:10%;height:8px;background:linear-gradient(90deg,#c6dca4,#91b23d,#c6dca4);border-radius:10px}.process-rail article{position:relative;text-align:center}.process-icon{position:relative;z-index:1;display:grid;place-items:center;width:118px;height:118px;margin:0 auto 45px;border:11px solid #f8f8f8;border-radius:50%;box-shadow:0 2px 9px #0002;background:linear-gradient(135deg,#b3ca3e,#518e37);color:#fff;font-family:Arial,sans-serif;font-size:48px;font-weight:700}.process-rail h3{margin:0 0 22px;font-size:16px}.process-rail h3:after{content:"";display:block;width:32px;height:2px;margin:13px auto 0;background:#7aa825}.process-rail p{margin:0;text-align:left;color:#444;font-size:13px;line-height:2}.services-gallery{width:min(1120px,86vw);display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 auto 80px}.services-gallery img{width:100%;aspect-ratio:595/404;object-fit:cover;display:block;border-radius:14px}.services-gallery img:nth-child(n+3){display:none}@media(max-width:760px){.services-hero{height:470px}.services-hero-copy{padding-top:52px}.services-hero-copy p{font-size:23px}.services-hero-art{top:210px;left:30%;width:390px;height:270px;background-size:1100px auto}.services-recycle-mark{left:8%;top:275px;font-size:110px}.system-design{padding:55px 0 10px}.services-heading{font-size:20px}.services-heading:before{height:23px;width:3px;margin-right:10px}.system-layout{grid-template-columns:1fr;gap:42px;margin-top:34px}.system-copy>p{font-size:12px}.design-steps{margin-top:28px}.design-steps span{height:38px;font-size:14px}.designer-photo{width:240px}.service-process{padding:42px 0 60px}.process-rail{grid-template-columns:1fr;gap:42px;margin-top:40px}.process-rail:before{top:58px;bottom:58px;left:50%;right:auto;width:7px;height:auto}.process-icon{width:104px;height:104px;margin-bottom:20px;font-size:40px}.process-rail h3{margin-bottom:14px}.process-rail p{font-size:12px}.services-gallery{grid-template-columns:1fr;margin-bottom:55px}.services-gallery img:nth-child(n+3){display:block}}
/* About: photography remains independent from all headings, copy, metrics and labels. */
.about-page{background:#fff}.about-container{width:min(1120px,86vw);margin:auto}.about-hero{height:min(24.5vw,470px);min-height:250px;background:url('/assets/images/about/about-huili_02.jpg') center/cover no-repeat}.about-section{padding:72px 0}.about-heading{margin:0;color:#278747;font-size:24px;line-height:1;font-weight:700}.about-heading:before{content:"";display:inline-block;width:4px;height:27px;margin:0 14px 0 0;vertical-align:-6px;border-radius:2px;background:#278747}.about-intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;max-width:960px;margin:58px auto 0}.about-copy{position:relative;color:#333;font-size:14px;line-height:2}.about-copy p{margin:0 0 13px}.about-quote{position:absolute;right:4px;top:-55px;color:#278747;font-size:61px;font-weight:800;line-height:1}.about-reception{display:block;width:100%;aspect-ratio:521/458;object-fit:cover;border-radius:0 0 34px 0}.about-stats{display:grid;grid-template-columns:1.45fr repeat(3,1fr);margin-top:22px;overflow:hidden;border-radius:5px;background:linear-gradient(100deg,#1d8243,#318e47)}.about-stats div{position:relative;padding:12px 10px 10px;color:#fff;text-align:center}.about-stats div+div:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:1px;background:#ffffff66}.about-stats strong,.about-stats span{display:block}.about-stats strong{font-size:21px;line-height:1.1}.about-stats span{margin-top:4px;font-size:10px}.about-factory{padding-top:18px}.factory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:48px auto 23px;max-width:960px}.factory-grid img{display:block;width:100%;aspect-ratio:392/255;object-fit:cover}.factory-caption{max-width:960px;margin:0 auto;color:#444;font-size:12px;line-height:2}.about-values{padding:72px 0 108px;background:#f5f5f5}.values-stage{height:315px;max-width:920px;margin:52px auto 0;position:relative}.value{position:absolute;margin:0;overflow:hidden;width:155px;height:230px;color:#fff}.value img{width:100%;height:100%;object-fit:cover;filter:brightness(.66)}.value span,.value h3{position:absolute;z-index:1;left:50%;transform:translateX(-50%);margin:0}.value span{top:90px;display:grid;place-items:center;width:47px;height:47px;border:2px solid #fff;border-radius:50%;font-size:25px}.value h3{top:149px;font-size:15px;font-weight:400}.value-one{left:4%;top:0}.value-two{left:28%;top:50px}.value-three{right:28%;top:100px}.value-four{right:4%;top:0}.about-esg{margin:0}.about-esg-original{display:block;width:100%;height:auto}
@media(max-width:760px){.about-hero{height:220px}.about-section{padding:52px 0}.about-heading{font-size:20px}.about-heading:before{width:3px;height:23px;margin-right:10px}.about-intro-layout{grid-template-columns:1fr;gap:32px;margin-top:38px}.about-copy{font-size:12px}.about-quote{top:-45px;font-size:49px}.about-reception{max-width:430px;margin:auto}.about-stats strong{font-size:16px}.about-stats span{font-size:8px}.about-factory{padding-top:0}.factory-grid{gap:3px;margin-top:34px}.factory-caption{font-size:11px}.about-values{padding:52px 0 58px}.values-stage{height:590px;margin-top:36px}.value{width:122px;height:190px}.value span{top:70px;width:40px;height:40px;font-size:20px}.value h3{top:122px;font-size:13px}.value-one{left:2%;top:0}.value-two{right:7%;left:auto;top:112px}.value-three{left:13%;right:auto;top:265px}.value-four{right:2%;top:390px}.about-esg{padding-top:42px}.esg-forest{min-height:500px;margin-top:32px;padding:75px 7% 45px}.esg-copy{width:100%}.esg-copy h2{margin-bottom:30px;font-size:20px}.esg-copy p{font-size:11px;line-height:1.9}}
@media(max-width:760px){.about-esg{padding-top:0}.about-esg-original{width:100%;height:auto}}

/* Contact: the building photograph, gradient panel, typography and contact controls are separate elements. */
.contact-page{background:#fff}.contact-hero{display:grid;grid-template-columns:1fr 1fr;height:min(24.5vw,470px);min-height:300px}.contact-hero-photo{background-image:url('/assets/images/contact/hero.jpg');background-repeat:no-repeat;background-position:left center;background-size:auto 100%}.contact-hero-copy{display:flex;flex-direction:column;justify-content:center;padding-left:44px;color:#fff;background:linear-gradient(100deg,#398e43,#b1d993)}.contact-hero-copy p{margin:0 0 14px;font-size:38px;letter-spacing:1px;font-weight:400}.contact-hero-copy h1{margin:0;font-size:31px;letter-spacing:1px}.contact-details{width:min(920px,86vw);margin:auto;padding:76px 0}.contact-details h2{margin:0 0 75px;color:#298847;font-size:24px;line-height:1.45;font-weight:700}.contact-card{padding:54px 102px;background:#2b8749;color:#fff}.contact-row{display:flex;align-items:center;gap:25px;min-height:73px;border-bottom:1px solid #ffffff55;color:#fff;font-size:17px;line-height:1.5}.contact-row:last-child{border-bottom:0}.contact-row[href]:hover{background:#ffffff0d}.contact-row b{font-weight:600}.contact-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#fff;color:#298847}.contact-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.contact-row:first-child .contact-icon svg{fill:currentColor;stroke:none}@media(max-width:760px){.contact-hero{height:255px;min-height:0}.contact-hero-copy{padding-left:25px}.contact-hero-copy p{font-size:21px;margin-bottom:8px}.contact-hero-copy h1{font-size:22px}.contact-details{padding:52px 0}.contact-details h2{margin-bottom:38px;font-size:18px}.contact-card{padding:24px 20px}.contact-row{gap:14px;min-height:64px;font-size:13px}.contact-icon{width:37px;height:37px}.contact-icon svg{width:20px;height:20px}}

/* Small-screen safeguards: keep every section inside the viewport and favour
   vertically flowing content over desktop-only carousel controls. */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:clip}
  .site-header{gap:0}
  .main-nav{max-height:calc(100vh - 70px);overflow-y:auto}
  .main-nav a{display:flex;align-items:center;min-height:44px;width:100%}
  .menu-toggle{min-width:44px;min-height:44px;padding:0;line-height:1}
  .products-section .product-grid .product-card:not(:first-child){display:block}
  .products-section .carousel-control{display:none}
  .solution-tabs button{min-height:34px;padding:6px 14px}
}

/* Homepage source artwork: present the original files without copy, controls, or overlays. */
.hero,.environment,.solution-feature{height:auto;line-height:0;overflow:hidden;background:none}
.hero:after{display:none}
.hero>img,.environment>img,.solution-feature>img{display:block;width:100%;height:auto;opacity:1}
.solution-feature[hidden]{display:none}
@media(max-width:760px){.hero,.environment,.solution-feature{height:auto;padding:0;background:none}}

/* Homepage API-driven banner and product carousel. */
.hero-slider{height:min(41vw,700px);min-height:320px;position:relative;background:#dbe3ef url('/assets/images/home/banner.jpg') center/cover no-repeat}.hero-slider .hero-slides{display:flex;width:100%;height:100%;transition:transform .55s ease}.hero-slider .hero-slide{display:block;flex:0 0 100%;height:100%}.hero-slider .hero-slide img{display:block;width:100%;height:100%;object-fit:cover}.hero-slider:not(.is-ready) .hero-slides,.hero-slider:not(.is-ready) .hero-dots{display:none}.hero-slider .slide-arrow{display:none}.hero-slider.is-ready .slide-arrow{display:grid}.hero-dots{position:absolute;z-index:2;bottom:20px;left:50%;display:flex;gap:9px;transform:translateX(-50%)}.hero-dot{width:9px;height:9px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent;cursor:pointer}.hero-dot.active{background:#fff}.product-viewport{overflow:hidden}.products-section .product-grid{min-height:0}.products-section .product-card{min-height:430px;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:#e5e5e5;padding:42px 8% 34px;text-align:center}.products-section .product-content{display:contents}.products-section .product-content h3{order:1;margin:0 0 9px;font-size:21px;font-weight:600}.products-section .product-content p{order:2;margin:0;color:#777;font-size:12px}.products-section .product-photo{position:relative;inset:auto;order:3;width:100%;height:205px;margin:18px 0 5px;overflow:hidden}.products-section .product-photo:after{display:none}.products-section .product-photo img{position:static;width:100%;max-width:none;height:auto;object-fit:initial;object-position:initial;transform:translateY(-27%)}.products-section .product-content a{order:4;margin-top:auto;padding:6px 19px;border:1px solid var(--green);border-radius:18px;color:var(--green);font-size:12px;line-height:normal;transition:.2s}.products-section .product-content a:hover{background:var(--green);color:#fff}.products-section .product-card:hover .product-photo img{transform:translateY(-27%)}.products-empty{width:100%;margin:auto;text-align:center;color:#888;font-size:14px}.product-grid .products-empty{grid-column:1 / -1}@media(max-width:760px){.hero-slider{height:230px;min-height:0}.hero-slider .slide-arrow,.hero-dots{display:none!important}.products-section .product-grid{min-height:0}.products-section .product-card{min-height:390px}.products-section .product-photo{max-width:330px;height:190px}.products-section .product-content h3{font-size:19px}.products-section .product-grid .product-card:not(:first-child){display:block}}

/* Homepage products: keep the CTA close to its image and avoid a tall empty lower area. */
.products-section .product-card{height:560px;min-height:0;aspect-ratio:auto;padding:36px 8% 34px}.products-section .product-content h3{margin-bottom:8px;font-size:22px;line-height:1.3}.products-section .product-content p{font-size:13px;line-height:1.5}.products-section .product-photo{height:205px;margin:24px 0 0}.products-section .product-content a{margin-top:30px;padding:7px 24px;border-radius:20px;font-size:13px}@media(max-width:760px){.products-section .product-card{height:480px;padding-top:32px}.products-section .product-photo{height:185px;margin-top:20px}.products-section .product-content a{margin-top:24px}}

/* On phones one product is shown at a time, so keep the carousel controls available. */
@media(max-width:760px){.products-section .carousel-control{display:grid;width:34px;height:34px;background:#ffffffd9;color:#9da3a0;box-shadow:0 1px 5px #0002}.products-section .product-prev{left:8px}.products-section .product-next{right:8px}}

/* Product-center artwork includes its own title and product copy. Keep each
   card as a complete, clickable image instead of cropping it into the legacy
   title / description / CTA layout. */
.products-section .product-card{height:auto;min-height:0;padding:0;aspect-ratio:490/570;background:#ddd;overflow:hidden}
.products-section .product-photo{position:relative;inset:auto;display:block;order:initial;width:100%;height:100%;margin:0;overflow:hidden}
.products-section .product-photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:none;transition:transform .3s ease}
.products-section .product-content{position:absolute;z-index:1;top:28.5%;right:0;left:0;display:flex;justify-content:center;pointer-events:none}
.products-section .product-content h3,.products-section .product-content p{display:none}
.products-section .product-content a{display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:39px;margin:0;padding:0 24px;border:1px solid var(--green);border-radius:22px;background:#ffffff0d;color:var(--green);font-size:16px;line-height:1;pointer-events:auto;transition:background .2s,color .2s}
.products-section .product-content a:hover{background:var(--green);color:#fff}
.products-section .product-card:hover .product-photo img{transform:scale(1.025)}
@media(max-width:760px){.products-section .product-card{height:auto;padding:0;aspect-ratio:490/570}.products-section .product-photo{max-width:none;height:100%;margin:0}}

/* Desktop header: align the logo and navigation to the centered 1120px design grid. */
@media(min-width:761px){
  .site-header{height:110px;gap:110px;padding-left:max(4vw,calc((100vw - 1120px)/2));padding-right:max(4vw,calc((100vw - 1120px)/2))}
  .brand{width:130px}
  .main-nav{gap:46px;font-size:16px}
}

.solution-feature{position:relative}.solution-feature-link{position:absolute;inset:0;z-index:1}

/* Homepage product navigation: the panel opens while the pointer is over the
   menu trigger or any of its nine product links. */
.product-nav{position:static}.product-nav>a{display:block}.product-mega-menu{position:absolute;z-index:10;top:100%;left:0;width:100%;height:142px;background:rgb(40 40 40 / 80%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s}.product-nav:hover .product-mega-menu,.product-nav:focus-within .product-mega-menu{opacity:1;visibility:visible;pointer-events:auto}.product-mega-menu__inner{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));align-items:center;width:min(1320px,90vw);height:100%;margin:auto}.product-mega-menu__inner a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;color:#fff;font-size:16px;line-height:1.2;white-space:nowrap;opacity:.78;transition:opacity .18s}.product-mega-menu__inner a:hover{color:#fff;opacity:1}.product-mega-menu__inner img{display:block;width:64px;height:64px;object-fit:contain}
@media(max-width:760px){.product-nav{position:relative}.product-mega-menu{display:none}}

/* Carousel controls: SVG chevrons avoid font-baseline offsets and are centered
   geometrically inside each circular button. */
.hero-slider .slide-arrow,.products-section .carousel-control{display:grid;place-items:center;padding:0;line-height:0;background:rgb(35 138 74 / .86);color:#fff}
.hero-slider .slide-arrow svg,.products-section .carousel-control svg{display:block;width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.hero-slider .slide-arrow:hover,.products-section .carousel-control:hover{background:var(--green)}
@media(max-width:760px){.products-section .carousel-control{display:grid;background:rgb(35 138 74 / .86);color:#fff}}

/* PDF review 2026-07-31: desktop dimensions and typography are specified in pixels. */
@media (min-width:761px){
  body{font-family:"SimHei","Microsoft YaHei",Arial,sans-serif}
  .site-header .brand{width:156px}
  .site-header .main-nav{font-size:18px}
  .section-title{height:82px;margin-bottom:42px}
  .section-title span{font-size:72px;letter-spacing:-4px}
  .section-title h2{margin:0 -46px;font-size:36px}
  .products-section{padding-top:72px}
  .products-section .product-content a{min-width:140px;height:39px;font-size:16px}
  .industry-grid b{font-size:24px}
  .material-grid h3{font-size:32px;margin-bottom:18px}
  .material-grid p{font-size:18px;line-height:1.75}
  .material-grid article{padding:15% 13%}
  .primary-button{width:142px;min-width:142px;height:38px;font-size:16px}
  .products-page-card h3{font-size:30px}
  .products-page-card p{font-size:18px}
  .solution-intro-copy{font-size:18px}
  .value-card{min-height:328px;padding:38px 42px;border-radius:0}
  .value-card h2{font-size:30px}
  .value-card p{font-size:18px;line-height:1.75}
  .value-card-5{min-height:328px}
  .solution-gallery figure{height:480px}
  .system-copy>p{font-size:18px}
  .process-rail h3{font-size:24px}
  .process-rail p{font-size:18px;line-height:1.75}
  .services-gallery img:nth-child(n+3){display:block}
  .about-copy,.factory-caption{font-size:18px}
  .about-intro-layout{max-width:1120px}
  .about-stats strong{font-size:26px}
  .about-stats span{font-size:14px}
  .values-stage{max-width:1240px;height:590px}
  .value{width:278px;height:455px}
  .value span{top:182px}
  .value h3{top:250px;font-size:18px}
  .value-one{left:0}.value-two{left:25%;top:68px}.value-three{right:25%;top:135px}.value-four{right:0}
}

/* Solution category labels follow the 16px desktop specification. */
.solution-tabs button{font-size:16px}

/* The approved solution-system layouts are supplied as finished artwork. */
.solution-intro{padding:0}.solution-intro-art,.solution-values-art{display:block;width:100%;height:auto}

/* The supplied custom-service upper-page layouts are finished artwork. */
.services-artwork-section img{display:block;width:100%;height:auto}

/* Material-process four-panel grid: one shared two-by-two track removes the
   centre seam and keeps the upper-left and lower-right image corners aligned. */
@media(min-width:761px){.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:0;aspect-ratio:4/3}.material-grid>div,.material-grid article{width:100%;height:100%;min-height:0;aspect-ratio:auto}}

/* The supplied material-process artwork already contains its product copy, so
   each image is displayed as one complete panel while retaining its CTA link. */
.material-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:0;aspect-ratio:auto}.material-panel{position:relative;display:block;overflow:hidden;aspect-ratio:149/56}.material-panel img{display:block;width:100%;height:100%;object-fit:cover}.material-panel span{position:absolute;left:57.3%;top:76%;display:inline-flex;align-items:center;justify-content:center;width:142px;height:38px;background:var(--green);color:#fff;font-size:16px;transition:background .2s}.material-panel:nth-child(2) span{left:7.4%;top:55%}.material-panel:hover span{background:#176f39}@media(max-width:760px){.material-panel{aspect-ratio:149/56}.material-panel span{left:57%;top:76%;width:96px;height:30px;font-size:12px}.material-panel:nth-child(2) span{left:7.4%;top:55%}}