* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: #fbfcf6;
    color: #14251b;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    text-decoration: none;
}

p,
h1,
figure {
    margin: 0;
}

img {
    display: block;
    max-width: 100%;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

button {
    font-family: inherit;
    cursor: pointer;
}

.jmaqy {
    position: relative;
    z-index: 1;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 24px;
}

/* ---------- 头部 ---------- */

.rcksm {
    position: relative;
    z-index: 20;
    background: #fbfcf6;
    border-top: 4px solid #14251b;
    border-bottom: 1px solid #e3e9d9;
}

.maqxll {
    display: flex;
    align-items: center;
    gap: 32px;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 24px;
    height: 76px;
}

.vjun {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.kjfr {
    width: 32px;
    height: 32px;
    border-radius: 8px;
}

.djvx {
    font-size: 17px;
    font-weight: 800;
    letter-spacing: .5px;
}

.hzas {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    align-items: center;
    gap: 26px;
}

.hzas a {
    color: #4a5c4e;
    font-size: 13.5px;
    font-weight: 500;
    transition: color .2s ease;
}

.hzas a:hover {
    color: #1f6b3f;
}

.vgxg {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
    padding: 10px 18px;
    background: #14251b;
    border-radius: 8px;
    color: #f4f9ec;
    font-size: 13px;
    font-weight: 700;
    transition: background .2s ease;
}

.vgxg i {
    font-size: 14px;
}

.vgxg:hover {
    background: #1f6b3f;
}

.rrho {
    display: none;
    width: 38px;
    height: 38px;
    margin-left: auto;
    background: #f0f4e6;
    border: 1px solid #e3e9d9;
    border-radius: 8px;
    color: #14251b;
    font-size: 18px;
}

.lzddj {
    display: none;
    padding: 6px 24px 16px;
    background: #fbfcf6;
    border-top: 1px solid #eef2e4;
}

.lzddj nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px 12px;
}

.lzddj a {
    display: block;
    padding: 11px 4px;
    border-bottom: 1px solid #eef2e4;
    color: #3d4f42;
    font-size: 14px;
}

.lzddj.ajjj {
    display: block;
}

/* ---------- 首屏 ---------- */

.rhun {
    position: relative;
    overflow: hidden;
    padding: 84px 0 92px;
}

.oacq {
    position: absolute;
    top: -190px;
    right: -130px;
    width: 660px;
    height: 660px;
    background: #eef4e2;
    border-radius: 50%;
}

.dlzz {
    display: grid;
    grid-template-columns: 1.04fr .96fr;
    align-items: center;
    gap: 62px;
}

.gaed {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 14px;
    background: #eef5df;
    border: 1px solid #e0ead0;
    border-radius: 999px;
    color: #2c6c3f;
    font-size: 12.5px;
    font-weight: 700;
}

.gaed i {
    color: #8ec63f;
    font-size: 7px;
}

.xxuvye {
    margin-top: 22px;
    color: #14251b;
    font-size: 84px;
    font-weight: 800;
    letter-spacing: -3px;
    line-height: 1.02;
}

.kjawuu {
    max-width: 520px;
    margin-top: 24px;
    color: #5c6f62;
    font-size: 15px;
    line-height: 2;
    text-wrap: pretty;
}

.samo {
    display: flex;
    margin-top: 30px;
}

.qaujo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 16px 32px;
    background: #1f6b3f;
    border-radius: 8px;
    box-shadow: 0 12px 26px rgba(31, 107, 63, .22);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.qaujo:hover {
    background: #14251b;
    box-shadow: 0 16px 30px rgba(20, 37, 27, .26);
    transform: translateY(-2px);
}

.goby {
    margin-top: 16px;
    color: #7e8f7a;
    font-size: 12.5px;
    letter-spacing: .3px;
}

.vabrwk {
    position: relative;
    padding: 6px 0 22px 14px;
}

.uaalt {
    padding: 22px 24px;
    background: #fff;
    border: 1px solid #e6ecd9;
    border-radius: 8px;
    box-shadow: 0 20px 44px rgba(20, 45, 25, .07);
    transform: rotate(1.2deg);
}

.tiznwa {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eef2e4;
}

.csnjp {
    color: #14251b;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.pydr {
    padding: 4px 10px;
    background: #f0f6e3;
    border-radius: 999px;
    color: #2c6c3f;
    font-size: 11px;
    font-weight: 700;
}

.ttxirk {
    margin-top: 4px;
}

.xefhtm {
    display: grid;
    grid-template-columns: 32px 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px dashed #eef2e4;
}

.xefhtm:last-child {
    border-bottom: 0;
}

.ixmzc {
    color: #a3b795;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
}

.qukfnu {
    color: #1d2f23;
    font-size: 14px;
    font-weight: 600;
}

.hxtecc {
    color: #86987f;
    font-size: 11.5px;
}

.ynaurp {
    margin-top: 8px;
    padding-top: 14px;
    border-top: 1px solid #eef2e4;
    color: #8a9c83;
    font-size: 11.5px;
}

.opkmp {
    position: absolute;
    bottom: -16px;
    left: -24px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 11px 16px;
    background: #14251b;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(20, 37, 27, .26);
    color: #dcecc9;
    font-size: 12.5px;
    font-weight: 700;
    transform: rotate(-1.6deg);
}

.opkmp i {
    color: #8ec63f;
    font-size: 14px;
}

/* ---------- 模块通用 ---------- */

.amtlmv {
    padding: 76px 0;
    border-top: 1px solid #e3e9d9;
}

.xfivpi {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 44px;
    color: #14251b;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-align: center;
}

.xfivpi::before,
.xfivpi::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e3e9d9;
}

/* ---------- 产品展示 ---------- */

.fzuhh {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.rqvpas {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 372px;
    padding: 12px;
    background: #fff;
    border: 1px solid #e6ecd9;
    border-radius: 8px;
}

.dpob {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px;
}

.qwwneg {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
}

.xpng {
    color: #7fa83c;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .5px;
}

.nrtr {
    color: #4a5c4e;
    font-size: 12.5px;
    font-weight: 600;
}

/* ---------- 优势亮点 ---------- */

.xtskql {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 64px;
    border-top: 1px solid #e3e9d9;
}

.apscg {
    display: grid;
    grid-template-columns: 58px 1fr;
    align-items: start;
    gap: 14px;
    margin: 0 -14px;
    padding: 24px 14px;
    border-bottom: 1px solid #e3e9d9;
    transition: background .2s ease;
}

.apscg:hover {
    background: #f4f9ea;
}

.inez {
    color: #7fa83c;
    font-size: 19px;
    font-weight: 800;
    letter-spacing: .5px;
}

.neimp {
    color: #14251b;
    font-size: 15.5px;
    font-weight: 700;
}

.rapder {
    margin-top: 8px;
    color: #6b7d70;
    font-size: 13px;
    line-height: 1.8;
}

/* ---------- 下载中心 ---------- */

.fkxh {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.lipohm {
    display: grid;
    grid-template-columns: 38px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 11px 18px 11px 11px;
    background: #fff;
    border: 1px solid #dfe8d0;
    border-radius: 999px;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.lipohm:hover {
    background: #14251b;
    border-color: #14251b;
    transform: translateY(-2px);
}

.nthmd {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: #eef5df;
    border-radius: 50%;
    color: #1f6b3f;
    font-size: 17px;
    transition: background .2s ease, color .2s ease;
}

.umijpf {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.xstyfk {
    color: #14251b;
    font-size: 14px;
    font-weight: 700;
    transition: color .2s ease;
}

.fuybtg {
    color: #82937d;
    font-size: 11.5px;
    transition: color .2s ease;
}

.jhifs {
    color: #a9b8a0;
    font-size: 16px;
    transition: color .2s ease, transform .2s ease;
}

.lipohm:hover .nthmd {
    background: rgba(142, 198, 63, .16);
    color: #8ec63f;
}

.lipohm:hover .xstyfk {
    color: #fff;
}

.lipohm:hover .fuybtg {
    color: #a9c69a;
}

.lipohm:hover .jhifs {
    color: #8ec63f;
    transform: translate(2px, -2px);
}

/* ---------- 使用流程 ---------- */

.wkoz {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 34px;
}

.dehbd {
    display: block;
    color: #e4ecd4;
    font-size: 72px;
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 1;
    transition: color .2s ease;
}

.zzycsv:hover .dehbd {
    color: #8ec63f;
}

.htrw {
    margin-top: 16px;
    color: #14251b;
    font-size: 15.5px;
    font-weight: 700;
}

.tsyn {
    margin-top: 9px;
    color: #6b7d70;
    font-size: 13px;
    line-height: 1.85;
}

/* ---------- 常见问题 ---------- */

.esazrd {
    border-top: 1px solid #e3e9d9;
}

.tmlft {
    border-bottom: 1px solid #e3e9d9;
    transition: background .2s ease;
}

.crlwko {
    display: grid;
    grid-template-columns: 44px 1fr 22px;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 22px 14px;
    background: none;
    border: 0;
    color: inherit;
    text-align: left;
}

.sbcn {
    color: #93a887;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
}

.adtwbt {
    color: #14251b;
    font-size: 15.5px;
    font-weight: 600;
}

.iosq {
    color: #8a9c83;
    font-size: 17px;
    transition: transform .25s ease, color .25s ease;
}

.wxfsyl {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
}

.xitpoi {
    padding: 0 22px 24px 66px;
    color: #6b7d70;
    font-size: 13.5px;
    line-height: 1.9;
}

.tmlft.scjd {
    background: #f6faee;
}

.tmlft.scjd .iosq {
    color: #2c6c3f;
    transform: rotate(45deg);
}

.tmlft.scjd .wxfsyl {
    max-height: 260px;
}

/* ---------- 产品资讯 ---------- */

.lktklf {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 56px;
}

.gfhsn {
    break-inside: avoid;
    padding: 22px 0;
    border-bottom: 1px solid #e3e9d9;
}

.glxqs {
    color: #14251b;
    font-size: 16.5px;
    font-weight: 700;
    line-height: 1.5;
}

.gszyrg {
    margin-top: 9px;
    color: #7fa83c;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .3px;
}

.kwnxx {
    margin-top: 11px;
    color: #6b7d70;
    font-size: 13px;
    line-height: 1.9;
}

/* ---------- 用户评价 ---------- */

.epcc {
    column-count: 3;
    column-gap: 18px;
}

.vgop {
    break-inside: avoid;
    margin-bottom: 18px;
    padding: 20px;
    background: #fff;
    border-top: 3px solid #8ec63f;
    border-radius: 4px;
}

.vmyb {
    color: #37473c;
    font-size: 13.5px;
    line-height: 1.9;
}

.kjuhrd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 16px;
    padding-top: 13px;
    border-top: 1px dashed #e6ecd9;
}

.ddjin {
    color: #14251b;
    font-size: 12px;
    font-weight: 700;
}

.rglp {
    color: #93a887;
    font-size: 11px;
}

/* ---------- 页脚 ---------- */

.ivrw {
    padding: 56px 0 44px;
    background: #fbfcf6;
    border-top: 4px solid #14251b;
    text-align: center;
}

.csrtuw {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.mrct {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.dbcmmq {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 26px;
}

.dbcmmq a {
    color: #4a5c4e;
    font-size: 12.5px;
    transition: color .2s ease;
}

.dbcmmq a:hover {
    color: #1f6b3f;
}

.erzfod {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 28px;
    background: #1f6b3f;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    transition: background .2s ease;
}

.erzfod:hover {
    background: #14251b;
}

.kmsko {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px dashed #e3e9d9;
    color: #8a9c83;
    font-size: 12px;
}

/* ---------- 移动端 ---------- */

@media (max-width: 767px) {
    .maqxll {
        gap: 12px;
        height: 64px;
        padding: 0 22px;
    }

    .hzas {
        display: none;
    }

    .vgxg {
        display: none;
    }

    .rrho {
        display: block;
    }

    .lzddj {
        padding: 4px 22px 14px;
    }

    .jmaqy {
        padding: 0 22px;
    }

    .rhun {
        padding: 46px 0 56px;
    }

    .oacq {
        top: -180px;
        right: -140px;
        width: 340px;
        height: 340px;
    }

    .dlzz {
        grid-template-columns: 1fr;
        gap: 34px;
        text-align: center;
    }

    .xxuvye {
        margin-top: 18px;
        font-size: 52px;
        letter-spacing: -2px;
    }

    .kjawuu {
        margin: 18px auto 0;
        font-size: 13.5px;
        line-height: 1.95;
    }

    .samo {
        margin-top: 26px;
    }

    .qaujo {
        width: 100%;
        padding: 15px 20px;
    }

    .goby {
        margin-top: 14px;
        font-size: 12px;
    }

    .vabrwk {
        padding: 0;
    }

    .uaalt {
        padding: 18px 18px 16px;
        text-align: left;
        transform: none;
    }

    .opkmp {
        display: none;
    }

    .amtlmv {
        padding: 52px 0;
    }

    .xfivpi {
        gap: 14px;
        margin-bottom: 30px;
        font-size: 21px;
        letter-spacing: 1px;
    }

    .fzuhh {
        display: flex;
        gap: 14px;
        overflow-x: auto;
        padding-bottom: 6px;
        scroll-snap-type: x mandatory;
    }

    .nset {
        flex: 0 0 76%;
        scroll-snap-align: start;
    }

    .rqvpas {
        height: 300px;
    }

    .xtskql {
        grid-template-columns: 1fr;
        border-top: 0;
    }

    .apscg {
        grid-template-columns: 48px 1fr;
        margin: 0 -8px;
        padding: 20px 8px;
        border-top: 1px solid #e3e9d9;
    }

    .apscg:last-child {
        border-bottom: 1px solid #e3e9d9;
    }

    .inez {
        font-size: 17px;
    }

    .fkxh {
        grid-template-columns: 1fr;
    }

    .wkoz {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .zzycsv {
        display: grid;
        grid-template-columns: 62px 1fr;
        align-items: center;
        column-gap: 14px;
    }

    .dehbd {
        grid-column: 1;
        grid-row: 1 / span 2;
        font-size: 40px;
    }

    .htrw {
        grid-column: 2;
        grid-row: 1;
        margin-top: 0;
        font-size: 14.5px;
    }

    .tsyn {
        grid-column: 2;
        grid-row: 2;
    }

    .tsyn {
        font-size: 12.5px;
    }

    .crlwko {
        grid-template-columns: 32px 1fr 20px;
        padding: 18px 8px;
    }

    .adtwbt {
        font-size: 14.5px;
    }

    .xitpoi {
        padding: 0 8px 20px 40px;
        font-size: 13px;
    }

    .lktklf {
        grid-template-columns: 1fr;
    }

    .gfhsn {
        padding: 18px 0;
    }

    .glxqs {
        font-size: 15.5px;
    }

    .epcc {
        column-count: 1;
    }

    .ivrw {
        padding: 40px 0 32px;
    }

    .dbcmmq {
        gap: 10px 18px;
    }

    .erzfod {
        width: 100%;
        justify-content: center;
        padding: 13px 20px;
    }
}