
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#243b38;line-height:1.8;background:#fff}a{text-decoration:none;color:inherit}img{display:block;width:100%;object-fit:cover}.container{width:min(1200px,92%);margin:auto}.top{height:38px;background:#052d2a;color:#bdd0cb;font-size:13px}.top .container{height:100%;display:flex;justify-content:space-between;align-items:center}header{height:82px;background:#fff;border-bottom:1px solid #e7eeeb;position:sticky;top:0;z-index:50}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;font-size:25px;letter-spacing:2px;color:#073b36}.logo span{display:block;font-size:9px;letter-spacing:3px;color:#8a9e99;font-weight:500}nav{display:flex;align-items:center;gap:27px}nav a{font-size:14px;color:#38514d;position:relative}nav a:not(.nav-btn):after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:#b99555;transition:.25s}nav a:hover:after{width:100%}.nav-btn{background:#b99555;color:#fff;padding:9px 20px}.hero{height:690px;background:linear-gradient(90deg,rgba(3,39,36,.94),rgba(3,39,36,.3)),url("https://images.unsplash.com/photo-1551434678-e076c223a692?auto=format&fit=crop&w=2200&q=90") center/cover;color:#fff;display:flex;align-items:center}.hero-content{padding-bottom:20px}.eyebrow{font-size:12px;letter-spacing:5px;color:#d9c18e}.hero h1{font-size:60px;line-height:1.2;letter-spacing:3px;margin:18px 0}.hero h1 b{font-weight:800}.hero p{max-width:700px;font-size:18px;color:#dce9e5}.hero-actions{display:flex;gap:14px;margin-top:32px}.btn{display:inline-block;padding:12px 28px}.btn.gold{background:#b99555;color:#fff}.btn.outline{border:1px solid rgba(255,255,255,.7);color:#fff}.hero-trust{display:flex;gap:28px;margin-top:38px;color:#d5e2df;font-size:13px}.section{padding:95px 0}.gray{background:#f4f7f6}.about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.about-img img{height:480px}.label{font-size:11px;letter-spacing:4px;color:#b99555;font-weight:700}.about-grid h2,.contact-grid h2{font-size:39px;line-height:1.3;color:#073b36;margin:10px 0 22px}.about-grid p{color:#6b7c78;margin:10px 0}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.numbers div{border-left:2px solid #b99555;padding-left:14px}.numbers b{font-size:27px;color:#073b36;display:block}.numbers small{font-size:12px;color:#81918e}.section-title{text-align:center;margin-bottom:46px}.section-title h2{font-size:36px;color:#073b36;margin:7px 0}.section-title p{max-width:690px;margin:auto;color:#748480}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid article{background:#fff;padding:31px 27px;border-top:3px solid #073b36;min-height:225px;transition:.25s}.service-grid article:hover{transform:translateY(-5px);box-shadow:0 14px 35px #0b403518}.icon{font-size:13px;color:#b99555;letter-spacing:2px}.service-grid h3{font-size:20px;color:#073b36;margin:12px 0 6px}.service-grid p,.service-grid a{font-size:14px;color:#748480}.service-grid a{display:block;color:#b99555;margin-top:13px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.product{border:1px solid #e3ebe8;background:#fff}.product img{height:270px}.product div{padding:24px}.product span{font-size:10px;letter-spacing:2px;color:#b99555}.product h3{font-size:23px;color:#073b36;margin:7px 0}.product p{font-size:14px;color:#72827e}.dark{background:#073b36;color:#fff}.light-title h2{color:#fff}.light-title p{color:#b9ccc7}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.case{background:#0b4944;overflow:hidden}.case img{height:230px}.case div{padding:20px}.case small{font-size:10px;letter-spacing:2px;color:#d2b777}.case h3{font-size:19px;margin:5px 0}.case p{font-size:13px;color:#b9cbc7}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.news-grid article{background:#fff;padding:27px;border-bottom:2px solid #073b36}.date{font-size:11px;color:#b99555;letter-spacing:2px}.news-grid h3{font-size:19px;color:#073b36;margin:8px 0}.news-grid p{font-size:14px;color:#75847f}.news-grid a{display:inline-block;color:#b99555;margin-top:10px;font-size:13px}.cta{padding:72px 0;background:linear-gradient(100deg,#062f2c,#0b4b45);color:#fff}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:33px;margin:7px 0}.cta p{color:#c2d3cf}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-grid>div>p{color:#71817d;max-width:560px}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.contact-info p{padding:17px;background:#f4f7f6;color:#657571;font-size:14px}.contact-info b{color:#073b36}form{display:grid;gap:13px}form input,form select,form textarea{border:1px solid #d9e4e1;padding:14px 15px;font:inherit;color:#52645f;background:#fff}form textarea{height:145px;resize:vertical}form button{border:0;background:#073b36;color:#fff;padding:14px;font-size:15px;cursor:pointer}footer{background:#052d2a;color:#9fb4ae;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-logo{color:#fff}.footer-grid h3{color:#fff;font-size:16px;margin-bottom:12px}.footer-grid a,.footer-grid p{display:block;font-size:13px;margin:4px 0}.copyright{border-top:1px solid #27514c;margin-top:35px;padding-top:18px;text-align:center;font-size:11px;color:#78928c}@media(max-width:900px){nav{gap:12px}nav a:nth-child(-n+5){display:none}.hero h1{font-size:45px}.about-grid,.contact-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.product-grid,.case-grid,.news-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.top{display:none}header{height:70px}.logo{font-size:20px}.hero{height:590px}.hero h1{font-size:37px}.hero-trust{display:none}.section{padding:65px 0}.about-img img{height:300px}.service-grid,.product-grid,.case-grid,.news-grid{grid-template-columns:1fr}.numbers{grid-template-columns:1fr}.cta .container{display:block}.cta .btn{margin-top:22px}.contact-info,.footer-grid{grid-template-columns:1fr}}
