:root{--green:#39970f;--dark:#222;--muted:#777;--line:#e5e5e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei",Arial,sans-serif;color:#333;background:#fff;font-size:14px}.wrap{width:1200px;margin:auto}.top{height:154px;background:#fff}.head-inner{height:77px;display:flex;align-items:center;justify-content:space-between}.brand img{width:451px;display:block}.hotline{display:flex;align-items:center;color:var(--green);font-size:18px}.hotline div{display:flex;flex-direction:column}.hotline strong{font-size:18px}.phone-icon{font-size:36px;margin-right:12px}.nav{height:77px;border-top:1px solid #eee}.nav-inner{height:77px;display:flex;align-items:center;justify-content:space-between}.nav a{position:relative;display:flex;height:77px;align-items:center;padding:0 22px;color:#333;text-decoration:none;font-size:16px}.nav a:hover,.nav a.active{color:var(--green)}.nav a.active:after,.nav a:hover:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;background:var(--green)}.hero{position:relative;min-width:1200px;height:clamp(400px,33.333vw,640px);overflow:hidden;background:#f4f4f4}.slides,.slide{width:100%;height:100%}.slide{position:absolute;inset:0;object-fit:cover;opacity:0;transition:opacity .75s}.slide.active{opacity:1}.hero-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:82px;border:0;background:rgba(0,0,0,.2);color:#fff;font-size:48px;cursor:pointer;opacity:0}.hero:hover .hero-btn{opacity:1}.prev{left:24px}.next{right:24px}.dots{position:absolute;bottom:18px;left:0;right:0;text-align:center}.dots button{width:11px;height:11px;border-radius:50%;border:1px solid #fff;background:transparent;margin:0 5px}.dots .on{background:var(--green);border-color:var(--green)}
.home-main-projects{padding:52px 0 44px}.home-main-layout{display:grid;grid-template-columns:232px 948px;gap:20px;align-items:start}.project-intro{height:293px;text-align:center;padding:32px 18px;background:#f4f4f4}.project-intro h2{font-size:22px;margin:0 0 24px;color:#111}.project-intro p{font-size:16px;margin:0 0 8px}.project-intro strong{display:block;font-size:22px;line-height:1.2;font-weight:400}.project-intro a{display:inline-block;color:#111;font-size:18px;margin-top:22px;text-decoration:none;border-bottom:2px solid var(--green);padding-bottom:6px}.home-strip h2{height:40px;line-height:40px;margin:0;border-bottom:1px solid #ddd;font-size:18px;color:#222}.home-strip h2 a{float:right;font-weight:400;font-size:13px;color:#888;text-decoration:none}.home-scroll-grid{display:grid;grid-template-columns:repeat(4,225px);gap:16px;padding-top:10px}.home-scroll-grid a{color:#333;text-decoration:none;text-align:center}.home-scroll-grid img{display:block;width:225px;height:210px;object-fit:cover}.home-scroll-grid span{display:block;height:38px;line-height:38px;font-size:15px}.home-scroll-grid a:hover span{color:var(--green)}
.home-strip{overflow:hidden}.auto-moving-track{display:flex!important;grid-template-columns:none!important;width:max-content;gap:16px;will-change:transform}.home-product-grid.auto-moving-track,.home-partner-row.auto-moving-track{grid-template-columns:none!important}.home-product-grid.auto-moving-track{gap:22px}.home-partner-row.auto-moving-track{gap:30px}.home-product-viewport{width:749px;overflow:hidden}.home-partners .wrap{overflow:hidden}
.auto-moving-track>a{flex:0 0 auto}
.home-services{padding:20px 0 28px;background:#fff}.service-layout{display:grid;grid-template-columns:238px 948px;gap:14px}.home-side-title{height:42px;line-height:42px;padding:0 18px;background:var(--green);color:#fff;font-size:18px;font-weight:700}.home-side>a{display:block;height:52px;line-height:52px;padding:0 18px;color:#555;text-decoration:none;border:1px solid #eee;border-top:0}.home-contact{margin-top:18px;padding:16px 12px;background:var(--green);color:#fff}.home-contact b{display:block;font-size:18px;margin-bottom:12px}.home-contact img{display:block;width:100%;height:auto;margin-bottom:13px}.home-contact p{margin:0 0 7px;line-height:1.65}.service-rows{display:grid;gap:12px}.service-rows .home-strip{height:301px;overflow:hidden}
.home-products-news{height:332px;padding-top:12px;color:#fff;background:linear-gradient(rgba(36,112,11,.88),rgba(36,112,11,.88)),url('assets/banner4.png') center/cover}.product-caption{height:67px}.product-caption small{color:#ccc;font-size:14px}.product-caption h2{font-size:28px;margin:2px 0}.product-news-layout{display:grid;grid-template-columns:749px 422px;gap:29px}.home-product-grid{display:grid;grid-template-columns:repeat(4,170px);gap:22px}.home-product-grid a{color:#fff;text-align:center;text-decoration:none}.home-product-grid img{width:170px;height:170px;object-fit:cover;display:block}.home-product-grid span{display:block;line-height:36px}.home-news{background:#fff;color:#555;height:240px;padding:18px 22px}.news-tabs{height:40px;border-bottom:1px solid #ddd;font-size:16px}.news-tabs b,.news-tabs span{display:inline-block;margin-right:35px}.news-tabs b{color:var(--green);border-bottom:2px solid var(--green);height:40px}.home-news ul{list-style:none;padding:0;margin:8px 0}.home-news li{height:38px;line-height:38px;border-bottom:1px dashed #ddd}.home-news a{color:#555;text-decoration:none}.home-news time{float:right;color:#aaa;font-size:12px}
.home-partners{height:365px;padding-top:18px;background:#fff}.partner-heading{height:84px}.partner-heading small{color:#aaa}.partner-heading h2{margin:2px 0;font-size:25px}.home-partner-row{display:grid;grid-template-columns:repeat(5,216px);gap:30px}.home-partner-row a{text-align:center;color:#333;text-decoration:none}.home-partner-row img{display:block;width:216px;height:165px;object-fit:contain;background:#fff}.home-partner-row span{display:block;line-height:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-partner-row a:hover span{color:var(--green)}.site-footer{height:243px;background:#242223;color:#fff}.footer-layout{height:243px;display:grid;grid-template-columns:620px 405px 120px;column-gap:27px;align-items:start;padding-top:51px}.footer-identity{height:91px;display:flex;align-items:flex-start}.footer-logo-mark{display:block;width:178px;height:70px;overflow:hidden;flex:0 0 178px}.footer-logo-mark img{display:block;width:514px;height:70px;max-width:none}.footer-company{display:block;padding:8px 0 0 15px;white-space:nowrap}.footer-company strong{display:block;font-size:30px;line-height:36px;color:#fff}.footer-company em{display:block;margin-top:5px;font-size:16px;line-height:24px;font-style:normal;color:#fff}.footer-nav{display:flex;width:560px;justify-content:space-between}.footer-nav a{font-size:16px;color:#fff;text-decoration:none}.footer-contact{padding-top:0;font-size:14px;line-height:1.65}.footer-contact p{margin:0 0 12px;white-space:nowrap}.footer-contact span{display:inline-block}.footer-contact .contact-indent{padding-left:70px}.footer-qr{padding-top:14px}.footer-qr img{display:block;width:116px;height:116px;object-fit:cover;background:#fff}
@media(max-width:900px){.wrap{width:94%}.top{height:auto}.head-inner{height:70px}.brand img{width:280px}.hotline{font-size:13px}.hotline strong{font-size:15px}.phone-icon{font-size:25px}.nav{height:auto}.nav-inner{height:auto;flex-wrap:wrap;justify-content:center}.nav a{height:48px;padding:0 12px}.hero{min-width:0;height:32vw;min-height:210px}.home-main-layout,.service-layout,.product-news-layout{grid-template-columns:1fr}.project-intro,.home-side{display:none}.home-main-projects,.home-services{padding:28px 0}.home-scroll-grid{grid-template-columns:repeat(2,1fr)}.home-scroll-grid img{width:100%;height:180px}.service-rows .home-strip{height:auto}.home-products-news{height:auto;padding:30px 0}.home-product-viewport{width:100%}.home-product-grid{grid-template-columns:repeat(2,1fr)}.home-product-grid img{width:100%;height:180px}.home-news{height:auto}.home-partners{height:auto;padding:30px 0}.home-partner-row{grid-template-columns:repeat(2,1fr)}.home-partner-row img{width:100%}.site-footer{height:auto}.footer-layout{height:auto;display:block;padding:35px 0}.footer-identity{height:auto}.footer-logo-mark{width:120px;height:47px;flex-basis:120px}.footer-logo-mark img{width:345px;height:47px}.footer-company{padding:2px 0 0 10px}.footer-company strong{font-size:19px;line-height:26px}.footer-company em{font-size:11px;line-height:18px}.footer-nav{width:100%;margin:26px 0;gap:12px;flex-wrap:wrap}.footer-nav a{font-size:14px}.footer-contact p{white-space:normal}.footer-qr img{width:116px;height:116px}}
.footer-logo-mark img{width:602px;height:82px;transform:translateY(-6px)}
@media(max-width:900px){.footer-logo-mark img{width:405px;height:55px;transform:translateY(-4px)}}