.banner{position:relative}.banner img{display:block;width:100%;height:21.875vw;object-fit:cover}.banner .text{position:absolute;left:12.5vw;bottom:5.57292vw;color:#fff}.banner .text .t{font-weight:500;line-height:1.4;margin-bottom:.41667vw}.banner .text .des{font-weight:350;line-height:1.5}.container .tabs{border-bottom:1px solid #E4EAE3;background:var(--fff, #fff);display:flex;justify-content:center;gap:2.08333vw;position:sticky;top:5.15625vw;z-index:10}.container .tabs .item{padding:1.38021vw 1.04167vw;color:#2B2B2B;font-weight:500;line-height:1.5;cursor:pointer;position:relative;transition:all 600ms}.container .tabs .item::after{content:'';display:block;position:absolute;left:0;bottom:-1px;width:0;height:.10417vw;background:#799873;transition:all 600ms}.container .tabs .item.on{color:#60795C}.container .tabs .item.on::after{width:100%}.container .tabs .item:hover{color:#60795C}.container .sec1{padding:6.25vw 12.5vw;text-align:center}.container .sec1 .t1{color:#799873;font-weight:500;line-height:1.4}.container .sec1 .t2{margin:.83333vw 0 4.16667vw;font-weight:500;line-height:1.4}.container .sec1 .list{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25vw}.container .sec1 .list .item{width:100%;border-radius:.41667vw;background:var(--bg, #F8F9FA);overflow:hidden}.container .sec1 .list .item .pic{overflow:hidden}.container .sec1 .list .item .pic img{display:block;width:100%;object-fit:cover;height:13.33333vw;transition:all 600ms}.container .sec1 .list .item .text{padding:1.04167vw;padding-bottom:2.08333vw}.container .sec1 .list .item .text .p1{color:#799873;font-weight:350;line-height:1.5}.container .sec1 .list .item .text .p2{margin:.83333vw 0;font-weight:500;line-height:1.4}.container .sec1 .list .item .text .des{color:#2B2B2B;font-weight:350;line-height:1.4}.container .sec1 .list .item:hover .pic img{transform:scale(1.05)}.container .sec2{background:var(--bg, #F8F9FA);padding:6.25vw 12.5vw}.container .sec2 .t1{text-align:center;font-weight:500;color:#2B2B2B;line-height:1.4}.container .sec2 .t2{color:#2B2B2B;font-weight:350;line-height:1.8;text-align:center;margin:2.08333vw 0}.container .sec2 .list{border-radius:.41667vw;overflow:hidden;display:grid;grid-template-columns:repeat(3, 1fr)}.container .sec2 .list .item{width:100%;padding:2.08333vw;display:flex;justify-content:space-between;gap:2.08333vw}.container .sec2 .list .item:nth-child(1){background:#6C8C66}.container .sec2 .list .item:nth-child(2){background:var(--brand-400-base, #799873)}.container .sec2 .list .item:nth-child(3){background:#83A67C}.container .sec2 .list .item .text{flex:1;color:#fff}.container .sec2 .list .item .text .p1{font-weight:500;line-height:1.4}.container .sec2 .list .item .text .des{margin-top:.41667vw;font-weight:350;line-height:1.5}.container .sec2 .list .item .icon{width:4.16667vw;display:flex;align-items:center;justify-content:center}.container .sec2 .list .item .icon svg{display:block;width:4.16667vw;height:auto}.container .sec3{padding:6.25vw 12.5vw;text-align:center}.container .sec3 .t1{font-weight:500;color:#2B2B2B;line-height:1.4}.container .sec3 .t2{margin:.41667vw 0 4.16667vw;color:#799873;font-weight:350;line-height:1.5}.container .sec3 .list{display:grid;grid-template-columns:repeat(4, 1fr)}.container .sec3 .list .item{width:100%;padding:1.25vw 0}.container .sec3 .list .item .icon{display:flex;width:6.25vw;height:6.25vw;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;background:#E4EAE3;margin:0 auto}.container .sec3 .list .item .icon img{display:block;width:2.91667vw}.container .sec3 .list .item .p1{margin:1.04167vw 0 .83333vw;font-weight:500;line-height:1.4;color:#2B2B2B}.container .sec3 .list .item .des{color:#6B6F6C;font-weight:350;line-height:1.5}@media screen and (max-width: 768px){.banner{margin-top:60px}.banner img{height:200px}.banner .text{bottom:50px;left:5%}.banner .text .t{font-size:20px;line-height:1.5;margin-bottom:10px}.banner .text .des{font-size:16px}.container .tabs{padding:0 5%;gap:20px;position:static}.container .tabs .item{padding:15px  10px;font-size:16px}.container .tabs .item::after{height:2px}.container .sec1{padding:30px 5%}.container .sec1 .t1{font-size:14px}.container .sec1 .t2{margin:16px 0 40px;font-size:20px}.container .sec1 .list{grid-template-columns:1fr;gap:20px}.container .sec1 .list .item{border-radius:8px}.container .sec1 .list .item .pic img{height:auto}.container .sec1 .list .item .text{padding:20px;padding-bottom:30px}.container .sec1 .list .item .text .p1{font-size:14px}.container .sec1 .list .item .text .p2{margin:12px 0;font-size:16px}.container .sec1 .list .item .text .des{font-size:12px}.container .sec2{padding:30px 5%}.container .sec2 .t1{font-size:20px}.container .sec2 .t2{margin:20px 0;font-size:14px}.container .sec2 .list{grid-template-columns:1fr;border-radius:8px}.container .sec2 .list .item{padding:30px;gap:20px}.container .sec2 .list .item .text .p1{font-size:16px}.container .sec2 .list .item .text .des{font-size:14px;margin-top:8px}.container .sec2 .list .item .icon{width:40px}.container .sec2 .list .item .icon svg{width:40px}.container .sec3{padding:40px 5%}.container .sec3 .t1{font-size:20px}.container .sec3 .t2{margin:8px 0 20px}.container .sec3 .list{grid-template-columns:repeat(2, 1fr);gap:20px}.container .sec3 .list .item{padding:20px 0}.container .sec3 .list .item .icon{width:80px;height:80px}.container .sec3 .list .item .icon img{width:40px}.container .sec3 .list .item .p1{margin:15px 0 12px;font-size:16px}.container .sec3 .list .item .des{font-size:16px}}
