/* 基础重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    outline: none;
}

html, body {
    width: 100%;
    margin: 0;
    background: #e8ceab;
    font-family: "Microsoft YaHei", "PingFang SC", "Heiti SC", sans-serif;
    color: #333;
    overflow-x: hidden;
}

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

ul, li {
    list-style: none;
}

img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-wrapper {
    width: 1920px;
    min-height: 100vh;
}

/* ================== 导航栏 ================== */
.navbar {
    width: 1920px;
    height: 115px;
    background: #e8ceab;
    position: relative;
    z-index: 10;
}

.navbar-inner {
    width: 1920px;
    height: 115px;
    position: relative;
}

.nav-logo {
    position: absolute;
    left: 79px;
    top: 50%;
    transform: translateY(-50%);
    width: 140px;
    height: 54px;
    display: block;
    z-index: 2;
}

.nav-logo img {
    width: 140px;
    height: 54px;
    display: block;
    object-fit: contain;
}

.nav-list {
    height: 115px;
    display: flex;
    align-items: center;
    /* 距左 454px 显示第一个导航 */
    padding-left: 454px;
}

.nav-item {
    width: 159px;
    height: 115px;
    line-height: 115px;
    text-align: center;
    font-size: 25.95px;
    color: #747840;
    cursor: pointer;
    transition: background-color 0.25s ease;
    flex-shrink: 0;
}

.nav-item a {
    display: block;
    width: 100%;
    height: 100%;
    color: #747840;
}

.nav-item:hover,
.nav-item.active {
    background: #d1ba9b;
}

.nav-item:hover a,
.nav-item.active a {
    color: #747840;
}

/* ================== 轮播图 16:9 ================== */
.banner {
    width: 1920px;
    /* 16:9 比例: 1920 * 9 / 16 = 1080 */
    height: 1080px;
    position: relative;
    overflow: hidden;
    background: #f5f0e6;
}

.banner-track {
    width: 100%;
    height: 100%;
    display: flex;
    transition: transform 0.6s ease;
}

.banner-slide {
    width: 1920px;
    height: 1080px;
    flex-shrink: 0;
}

.banner-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    border: none;
    background: rgba(0, 0, 0, 0.35);
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    border-radius: 50%;
    line-height: 56px;
    text-align: center;
    transition: background-color 0.25s ease;
}

.banner-arrow:hover {
    background: rgba(0, 0, 0, 0.55);
}

.banner-prev {
    left: 40px;
}

.banner-next {
    right: 40px;
}

.banner-dots {
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
}

.banner-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background-color 0.25s ease;
}

.banner-dot.active {
    background: #fff;
}

/* ================== 板块：左侧大图 ================== */
.feature-block {
    width: 1920px;
    height: 1080px;
    position: relative;
    background: #e8ceab;
}

.feature-img {
    position: absolute;
    left: 183px;
    top: 169px;
    width: 976px;
    height: 732px;
}

.feature-img img {
    width: 976px;
    height: 732px;
    display: block;
    object-fit: cover;
}

.feature-text {
    position: absolute;
    left: 1250px;
    top: 169px;
    width: 587px;
}

.feature-title {
    font-size: 53px;
    color: #747840;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    text-align: right;
}

.feature-subtitle {
    font-size: 21px;
    color: #747840;
    line-height: 1.4;
    margin-top: 51px;
    letter-spacing: 0.5px;
}

.feature-desc {
    font-size: 32px;
    color: #a78b66;
    line-height: 60px;
    margin-top: 113px;
}

/* ================== 板块二 ================== */
.block-two {
    width: 1920px;
    height: 1080px;
    background: #d1ba9b;
    position: relative;
}

.block-two-row {
    position: absolute;
    top: 103px;
    left: 0;
    display: flex;
    gap: 20px;
}

.block-two-item {
    width: 626px;
    height: 417px;
    flex-shrink: 0;
}

.block-two-item img {
    width: 626px;
    height: 417px;
    display: block;
    object-fit: cover;
}

.block-two-text {
    position: absolute;
    /* 图片顶部 103px + 高度 417px + 间距 74px = 594px */
    top: 594px;
    left: 0;
    width: 1920px;
    text-align: center;
}

.block-two-title {
    font-size: 53px;
    color: #747840;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.block-two-subtitle {
    font-size: 29px;
    color: #a78b66;
    line-height: 1.4;
    margin-top: 46px;
    letter-spacing: 0.5px;
}

.block-two-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1920px;
    height: 107px;
    background: #e8ceab;
}

/* ================== 板块三 ================== */
.block-three {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.block-three-text {
    width: 1920px;
    text-align: center;
    padding-top: 119px;
}

.block-three-title {
    font-size: 64px;
    color: #747840;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.block-three-subtitle {
    font-size: 24px;
    color: #747840;
    line-height: 1.4;
    margin-top: 37px;
    letter-spacing: 0.5px;
}

.block-three-desc {
    font-size: 40px;
    color: #a78b66;
    line-height: 1.5;
    margin-top: 70px;
    width: 1560px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.block-three-row {
    margin-top: 92px;
    align-self: flex-start;
    margin-left: 180px;
    display: flex;
    gap: 30px;
}

.block-three-item {
    width: 500px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

.block-three-item img {
    width: 500px;
    height: 318px;
    display: block;
    object-fit: cover;
}

.block-three-label {
    width: 500px;
    height: 99px;
    background: #d1ba9b;
    color: #7e8154;
    font-size: 37px;
    line-height: 99px;
    text-align: center;
    box-sizing: border-box;
}

/* ================== 板块四 ================== */
.block-four {
    width: 1920px;
    height: 1080px;
    background: #d1ba9b;
    position: relative;
}

.block-four-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
    height: 67px;
    background: #e8ceab;
    border: none;
}

.block-four-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1920px;
    height: 67px;
    background: #e8ceab;
    border: none;
}

.block-four-text {
    position: absolute;
    /* 中间区域顶部 67px + 148px = 215px */
    top: 215px;
    left: 0;
    width: 1920px;
    text-align: center;
}

.block-four-title {
    font-size: 66px;
    color: #747840;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.block-four-subtitle {
    font-size: 24px;
    color: #747840;
    line-height: 44px;
    margin-top: 43px;
    letter-spacing: 0.5px;
}

.block-four-row {
    margin-top: 61px;
    display: flex;
    justify-content: center;
    gap: 30px;
}

.block-four-item {
    width: 626px;
    height: 376px;
    flex-shrink: 0;
}

.block-four-item img {
    width: 626px;
    height: 376px;
    display: block;
    object-fit: cover;
}

/* ================== 板块五 ================== */
.block-five {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.block-five-text {
    position: absolute;
    top: 63px;
    left: 0;
    width: 1920px;
    text-align: center;
}

.block-five-desc {
    font-size: 32px;
    color: #a78b66;
    line-height: 52px;
    margin: 0;
    letter-spacing: 0.5px;
}

.block-five-img {
    position: absolute;
    /* 文字 63 + 52*2 = 167，加 106 = 273 */
    top: 273px;
    left: 182px;
    width: 1556px;
    height: 704px;
}

.block-five-img img {
    width: 1556px;
    height: 704px;
    display: block;
    object-fit: cover;
}

.block-five-img-overlay {
    position: absolute;
    left: 227px;
    top: 81px;
    width: 1102px;
    height: 535px;
}

.block-five-img-overlay img {
    width: 1102px;
    height: 535px;
    display: block;
    object-fit: cover;
}

/* ================== 陈皮传承 板块1 ================== */
.heritage-block1 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.heritage-block1 img {
    width: 1920px;
    height: 1080px;
    display: block;
    object-fit: cover;
}

/* ================== 关于我们 板块1 ================== */
.about-block1 {
    width: 1920px;
    height: 1080px;
    position: relative;
}

.about-block2,
.about-block3,
.about-block4,
.about-block5,
.about-block6,
.about-block7,
.about-block8 {
    width: 1920px;
    height: 1080px;
    position: relative;
    background: #e8ceab;
}

.about-block9,
.about-block10,
.about-block11,
.about-block12,
.about-block13 {
    width: 1920px;
    height: 1080px;
    position: relative;
    background: #e8ceab;
}

.about-block13 {
    height: 616px;           /* 963 × 0.64 */
}

/* ================== 关于我们 板块9 ================== */
.about9-img {
    position: absolute;
    top: 255px;             /* 398 × 0.64 */
    left: 258px;            /* 403 × 0.64 */
    width: 683px;           /* 1067 × 0.64 */
    height: 269px;          /* 421 × 0.64 */
    display: block;
}

.about9-btn {
    position: absolute;
    top: 561px;             /* 255+269+37(58×0.64) */
    left: 258px;            /* 403 × 0.64 */
    width: 157px;           /* 245 × 0.64 */
    height: 44px;           /* 68 × 0.64 */
    background-color: #7e8154;
    border-radius: 21px;    /* 33 × 0.64 */
    display: flex;
    align-items: center;
    justify-content: center;
}

.about9-btn-text {
    font-size: 36px;        /* 56 × 0.64 */
    color: #fff;
    line-height: 1.2;
}

.about9-desc {
    position: absolute;
    top: 572px;             /* 561 + (44-22)/2，垂直居中于按钮 */
    left: 532px;            /* 258+157+117(183×0.64) */
    font-size: 22px;        /* 34 × 0.64 */
    color: #a78b66;
    line-height: 1.4;
    white-space: nowrap;
}

/* 板块9 Row1 Right（区块2）：环境控制 */
.about9-img-r2 {
    position: absolute;
    top: 255px;             /* 398 × 0.64，与左图对齐 */
    left: 979px;            /* 258+683+38(60×0.64) */
    width: 683px;
    height: 269px;
    display: block;
}

.about9-btn-r2 {
    position: absolute;
    top: 561px;             /* 与左按钮对齐 */
    left: 979px;
    width: 157px;
    height: 44px;
}

.about9-desc-r2 {
    position: absolute;
    top: 572px;
    left: 1253px;           /* 979+157+117(183×0.64) */
    font-size: 22px;
    color: #a78b66;
    line-height: 1.4;
    white-space: nowrap;
}

/* 板块9 Row2 Left：存储养护 */
.about9-img-r3 {
    position: absolute;
    top: 642px;             /* 561+44+37(58×0.64) */
    left: 258px;
    width: 683px;
    height: 269px;
    display: block;
}

.about9-btn-r3 {
    position: absolute;
    top: 948px;             /* 642+269+37 */
    left: 258px;
    width: 157px;
    height: 44px;
}

.about9-desc-r3 {
    position: absolute;
    top: 959px;             /* 948+(44-22)/2，垂直居中 */
    left: 532px;            /* 258+157+117(183×0.64) */
    font-size: 22px;
    color: #a78b66;
    line-height: 1.4;
    white-space: nowrap;
}

/* 板块9 Row2 Right：流程溯源 */
.about9-img-r4 {
    position: absolute;
    top: 642px;             /* 与Row2左图对齐 */
    left: 979px;
    width: 683px;
    height: 269px;
    display: block;
}

.about9-btn-r4 {
    position: absolute;
    top: 948px;             /* 与Row2左按钮对齐 */
    left: 979px;
    width: 157px;
    height: 44px;
}

.about9-desc-r4 {
    position: absolute;
    top: 959px;
    left: 1253px;           /* 979+157+117(183×0.64) */
    font-size: 22px;
    color: #a78b66;
    line-height: 1.4;
    white-space: nowrap;
}

/* ================== 关于我们 板块10 ================== */
.about10-img {
    position: absolute;
    top: 168.96px;          /* 264 × 0.64 */
    left: 256px;            /* 400 × 0.64 */
    width: 730.24px;        /* 1141 × 0.64 */
    height: 648.96px;       /* 1014 × 0.64 */
    display: block;
}

.about10-yin {
    position: absolute;
    top: 168.96px;          /* 264 × 0.64 */
    left: 1067.52px;        /* 1668 × 0.64 */
    width: 55.68px;         /* 87 × 0.64 */
    height: 51.84px;        /* 81 × 0.64 */
    display: block;
}

.about10-text {
    position: absolute;
    right: 259.2px;         /* 405 × 0.64 */
    top: 168.96px;          /* 264 × 0.64，与图片顶部对齐 */
    font-size: 75.52px;     /* 118 × 0.64 */
    color: #7e8154;
    font-weight: 300;
    line-height: 1.2;
    white-space: nowrap;
}

.about10-sub {
    position: absolute;
    right: 259.2px;         /* 405 × 0.64，与标题右对齐 */
    top: 295.424px;         /* 标题底 259.584 + 35.84(56×0.64) */
    font-size: 21.12px;     /* 33 × 0.64 */
    color: #7e8154;
    white-space: nowrap;
}

.about10-desc {
    position: absolute;
    right: 259.2px;         /* 405 × 0.64，与标题右对齐 */
    top: 375.424px;         /* 标题底 259.584 + 115.84(181×0.64) */
    font-size: 26.24px;     /* 41 × 0.64 */
    color: #a78b66;
    line-height: 45.44px;   /* (41+30)=71 × 0.64 */
    text-align: left;
}

/* ================== 关于我们 板块11 ================== */
.about11-img-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 920.96px;        /* 1439 × 0.64 */
    height: 1089.92px;      /* 1703 × 0.64 */
    display: block;
}

.about11-img-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 1059px;          /* 实际图片尺寸 */
    height: 1259px;         /* 实际图片尺寸 */
    display: block;
}

/* ================== 关于我们 板块12 ================== */
.about12-title {
    position: absolute;
    top: 232px;             /* 363 × 0.64 */
    left: 259px;            /* 405 × 0.64 */
    font-size: 75.52px;     /* 118 × 0.64 */
    color: #7e8154;
    font-weight: 300;
    line-height: 1.2;
    margin: 0;
}

.about12-yin {
    position: absolute;
    top: 232px;             /* 363 × 0.64 */
    left: 1215px;           /* 1899 × 0.64 */
    width: 56px;            /* 87 × 0.64 */
    height: 52px;           /* 81 × 0.64 */
    display: block;
    object-fit: contain;
}

.about12-en {
    position: absolute;
    top: 232px;             /* 与中文标题顶部对齐 */
    right: 261px;           /* 408 × 0.64 */
    font-size: 21.12px;     /* 33 × 0.64 */
    color: #7e8154;
    text-align: right;
    line-height: 1.5;
    margin: 0;
}

/* 板块12 四组图片 */
.about12-img1 {
    position: absolute;
    top: 422px;             /* 232+(76×1.2=91)+99(154×0.64)，标题底+间距 */
    left: 260px;            /* 407 × 0.64 */
    width: 1384px;          /* 2163 × 0.64 */
    height: 131px;          /* 205 × 0.64 */
    display: block;
}

.about12-img2 {
    position: absolute;
    top: 579px;             /* 422+131+(41×0.64=26) */
    left: 260px;
    width: 1384px;
    height: 131px;
    display: block;
}

.about12-img3 {
    position: absolute;
    top: 736px;             /* 579+131+26 */
    left: 260px;
    width: 1384px;
    height: 131px;
    display: block;
}

.about12-img4 {
    position: absolute;
    top: 893px;             /* 736+131+26 */
    left: 260px;
    width: 1384px;
    height: 131px;
    display: block;
}

/* ================== 关于我们 板块13（3000×963设计稿） ================== */
.about13-num {
    position: absolute;
    top: 99px;              /* 154 × 0.64 */
    left: 265px;            /* 414 × 0.64 */
    font-size: 236px;       /* 369 × 0.64 */
    color: #7e8154;
    line-height: 1;
    margin: 0;
}

.about13-plus {
    font-size: 80px;
    color: #7e8154;
    vertical-align: super;
    line-height: 1;
}

.about13-label {
    position: absolute;
    top: 256px;             /* 335(50底)-79(66×1.2)，与50底部对齐 */
    left: 582px;            /* 265+236(50宽)+30(+号)+51(80×0.64) */
    font-size: 66px;        /* 103 × 0.64 */
    color: #7e8154;
    line-height: 1.2;
    margin: 0;
    white-space: nowrap;
}

.about13-en {
    position: absolute;
    top: 360px;             /* 99+236+25(39×0.64) */
    left: 265px;            /* 左对齐于50 */
    font-size: 26px;        /* 41 × 0.64 */
    color: #7e8154;
    line-height: 1.5;
    margin: 0;
    text-align: left;
}

.about13-cn-text {
    position: absolute;
    top: 154px;             /* 240 × 0.64 */
    right: 262px;           /* 409 × 0.64 */
    font-size: 29px;        /* 46 × 0.64 */
    color: #a78b66;
    line-height: 1.6;
    text-align: right;
    margin: 0;
    white-space: nowrap;
}

.about13-en-text {
    position: absolute;
    top: 241px;             /* 154 + (29×1.6×2=93) + 间距 */
    right: 262px;           /* 409 × 0.64 */
    font-size: 19px;        /* 30 × 0.64 */
    color: #a78b66;
    line-height: 1.6;
    text-align: right;
    margin: 0;
    white-space: nowrap;
}

/* ================== 关于我们 板块4 ================== */
.about4-title {
    position: absolute;
    top: 187.52px;       /* 图片顶342.4 - 间距79.36 - 字高75.52 */
    left: 256px;         /* 400 × 0.64 */
    font-size: 75.52px;  /* 118 × 0.64 */
    color: #7e8154;
    font-weight: 300;
    line-height: 1.2;
    margin: 0;
}

.about4-yin {
    position: absolute;
    top: 211.2px;        /* 文字底263.04 - 高51.84 */
    left: 1221.12px;      /* 1908 × 0.64，距板块左侧1908 */
    width: 55.68px;        /* 87 × 0.64 */
    height: 51.84px;       /* 81 × 0.64 */
    display: block;
    object-fit: contain;
}

.about4-en {
    position: absolute;
    top: 199.68px;        /* 文字底263.04 - 高63.36 */
    right: 249.6px;        /* yin右侧，右对齐 */
    font-size: 21.12px;    /* 33 × 0.64 */
    color: #7e8154;
    text-align: right;
    line-height: 1.5;
    margin: 0;
}

.about4-img {
    position: absolute;
    top: 342.4px;          /* 535 × 0.64 */
    width: 433.28px;       /* 677 × 0.64 */
    height: 579.84px;      /* 906 × 0.64 */
    display: block;
    object-fit: cover;
}

.about4-img1 {
    left: 257.28px;        /* 402 × 0.64 */
}

.about4-img2 {
    left: 743.68px;        /* 257.28 + 433.28 + 53.12 */
}

.about4-img3 {
    left: 1230.08px;       /* 743.68 + 433.28 + 53.12 */
}

/* 板块5 内容 */
.about5-img {
    position: absolute;
    left: 259.2px;
    top: 177.28px;
    width: 730.88px;
    height: 648.32px;
    object-fit: cover;
    display: block;
}

.about5-title {
    position: absolute;
    right: 255.36px;
    top: 177.28px;
    font-size: 75.52px;
    color: #7e8154;
    font-weight: 300;
    text-align: right;
    line-height: 1.2;
    margin: 0;
}

.about5-en {
    position: absolute;
    right: 255.36px;
    top: 304px;
    font-size: 21.12px;
    color: #7e8154;
    text-align: right;
    line-height: 1.5;
    margin: 0;
}

.about5-desc {
    position: absolute;
    right: 255.36px;
    top: 487.68px;
    font-size: 26.24px;
    color: #a78b66;
    text-align: right;
    line-height: 42.24px;
    margin: 0;
}

/* ================== 关于我们 板块6 ================== */
.about6-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
    height: 465.92px;
    display: block;
    object-fit: cover;
}

.about6-title {
    position: absolute;
    top: 705.28px;
    left: 255.36px;
    font-size: 75.52px;
    color: #7e8154;
    font-weight: 300;
    line-height: 1.2;
    margin: 0;
}

.about6-yin {
    position: absolute;
    top: 714.88px;           /* (728+389) × 0.64，距顶部图片389 */
    right: 643.2px;           /* 1005 × 0.64，距右侧1005 */
    width: 55.68px;
    height: 51.84px;
    display: block;
    object-fit: contain;
}

.about6-en {
    position: absolute;
    top: 714.88px;           /* (728+389) × 0.64，距顶部图片389 */
    right: 257.92px;          /* 403 × 0.64，距右侧403 */
    font-size: 21.12px;
    color: #7e8154;
    text-align: right;
    line-height: 1.5;
    margin: 0;
    white-space: nowrap;
}

.about6-desc {
    position: absolute;
    top: 853.12px;            /* (728 + 605) × 0.64，图片下面605 */
    left: 265.6px;            /* 415 × 0.64 */
    font-size: 26.24px;
    color: #a78b66;
    line-height: 47.36px;
    margin: 0;
    width: 1400px;
}

/* 板块7 内容 */
.about7-img1,
.about7-img2,
.about7-img3 {
    position: absolute;
    top: 100.48px;
    width: 433.28px;
    height: 580.48px;
    display: block;
    object-fit: cover;
}

.about7-img1 {
    left: 256px;
}

.about7-img2 {
    left: 743.04px;
}

.about7-img3 {
    left: 1230.08px;
}

.about7-label {
    position: absolute;
    top: 744.32px;
    font-size: 35.84px;
    color: #fff;
    background: #7e8154;
    border-radius: 20px;
    padding: 10px 20px;
    line-height: 1;
    white-space: nowrap;
}

.about7-label1 {
    left: 256px;
}

.about7-label2 {
    left: 743.04px;
}

.about7-label3 {
    left: 1230.08px;
}

.about7-desc {
    position: absolute;
    top: 847.52px;
    font-size: 21.76px;
    color: #a78b66;
    line-height: 35.84px;
    width: 487px;
    white-space: pre-line;
}

.about7-desc1 {
    left: 256px;
}

.about7-desc2 {
    left: 743.04px;
}

.about7-desc3 {
    left: 1230.08px;
}

/* 板块2 内容 */
.about2-header {
    position: absolute;
    left: 252.8px;
    top: 221.44px;
    display: flex;
    align-items: flex-start;
    gap: 62.72px;
    white-space: nowrap;
}

.about2-title {
    font-size: 75.52px;
    color: #7e8154;
    font-weight: 300;
    letter-spacing: 0.05em;
}

.about2-yin {
    width: 55.68px;
    height: 51.84px;
    object-fit: contain;
    flex-shrink: 0;
}

.about2-img {
    position: absolute;
    right: 257.28px;
    top: 225.28px;
    width: 874.24px;
    height: 648.32px;
    object-fit: cover;
}

.about2-en {
    position: absolute;
    left: 252.8px;
    top: 335.36px;
    font-size: 21.12px;
    color: #7e8154;
    line-height: 1.4;
}

.about2-desc {
    position: absolute;
    left: 252.8px;
    top: 522.24px;
    font-size: 26.24px;
    color: #a78b66;
    line-height: 39.04px;
    text-indent: 2em;
}

/* ================== 陈皮传承 板块2 ================== */
.heritage-timeline {
    width: 1920px;
    height: 2160px;
    background: #e8ceab;
    position: relative;
}

.heritage-timeline-cn {
    position: absolute;
    left: 247.04px;   /* 386 × 0.64 */
    top: 172.8px;     /* 270 × 0.64 */
}

.heritage-timeline-cn p {
    font-size: 85.12px;  /* 133 × 0.64 */
    color: #7e8154;
    line-height: 1.2;
    margin: 0;
}

.heritage-timeline-en {
    position: absolute;
    left: 443.52px;  /* 247.04(cn left) + 85.12×2(cn width) + 26.24(gap 41×0.64) */
    top: 172.8px;
    writing-mode: vertical-rl;
}

.heritage-timeline-en p {
    font-size: 40.32px;  /* 63 × 0.64 */
    color: #7e8154;
    line-height: 1;
    margin: 0;
}

.heritage-timeline-yin {
    position: absolute;
    left: 247.04px;
    top: 400px;
    width: 82.56px;   /* 129 × 0.64 */
    height: 75.52px;  /* 118 × 0.64 */
    display: block;
    object-fit: contain;
}

.heritage-timeline-year {
    position: absolute;
    left: 753.92px;  /* 524.16(英文右边缘) + 359×0.64 */
    top: 172.8px;
    font-size: 45.44px;  /* 71 × 0.64 */
    color: #7e8154;
    margin: 0;
}

.heritage-timeline-subtitle {
    position: absolute;
    left: 1051.78px;  /* 753.92(2009left) + ~154(2009宽度估算) + 224×0.64(143.36) */
    top: 172.8px;
}

.heritage-timeline-subtitle p {
    font-size: 34.56px;  /* 54 × 0.64 */
    color: #7e8154;
    line-height: 1.2;
    margin: 0;
    text-align: right;
}

.heritage-timeline-desc {
    position: absolute;
    left: 753.92px;
    top: 287.36px;  /* 172.8(cn top) + 45.44(year font-size) + 69.12(108×0.64) */
}

.heritage-timeline-desc p {
    font-size: 26.88px;  /* 42 × 0.64 */
    color: #a78b66;
    line-height: 39.68px;  /* 26.88 + 20×0.64 */
    margin: 0 0 12.8px 0;  /* 空一行 = 20×0.64 */
    white-space: nowrap;
}

/* ================== 区块2 样式 ================== */
.heritage-timeline-year2 {
    position: absolute;
    left: 1301px;  /* 1190(区块1右) + 111.36(174×0.64) */
    top: 172.8px;
    font-size: 45.44px;  /* 71 × 0.64 */
    color: #7e8154;
    margin: 0;
}

.heritage-timeline-subtitle2 {
    position: absolute;
    left: 1599px;  /* 1301(year2) + 154(year2宽) + 143.36(224×0.64) */
    top: 172.8px;
}

.heritage-timeline-subtitle2 p {
    font-size: 34.56px;  /* 54 × 0.64 */
    color: #7e8154;
    line-height: 1.2;
    margin: 0;
    text-align: right;
}

.heritage-timeline-desc2 {
    position: absolute;
    left: 1301px;
    top: 287.36px;  /* 172.8 + 45.44 + 69.12(108×0.64) */
}

.heritage-timeline-desc2 p {
    font-size: 26.88px;  /* 42 × 0.64 */
    color: #a78b66;
    line-height: 39.68px;  /* 26.88 + 20×0.64 */
    margin: 0 0 12.8px 0;
    white-space: nowrap;
}

/* ================== 区块3 样式 ================== */
.heritage-timeline-year3 {
    position: absolute;
    left: 242.56px;  /* 379 × 0.64 */
    top: 737.92px;   /* 475.52(yin底部) + 262.4(410×0.64) */
    font-size: 45.44px;
    color: #7e8154;
    margin: 0;
}

.heritage-timeline-subtitle3 {
    position: absolute;
    left: 540.42px;  /* 242.56 + ~155(year3宽) + 143.36(224×0.64) */
    top: 737.92px;
}

.heritage-timeline-subtitle3 p {
    font-size: 34.56px;
    color: #7e8154;
    line-height: 1.2;
    margin: 0;
    text-align: right;
}

.heritage-timeline-desc3 {
    position: absolute;
    left: 242.56px;
    top: 852.48px;  /* 737.92 + 45.44 + 69.12(108×0.64) */
}

.heritage-timeline-desc3 p {
    font-size: 26.88px;
    color: #a78b66;
    line-height: 39.68px;
    margin: 0 0 12.8px 0;
    white-space: nowrap;
}

/* ================== 区块4 样式 ================== */
.heritage-timeline-year4 {
    position: absolute;
    left: 791px;  /* 678.66(区块3右) + 112(175×0.64) */
    top: 737.92px;
    font-size: 45.44px;
    color: #7e8154;
    margin: 0;
}

.heritage-timeline-subtitle4 {
    position: absolute;
    left: 1088px;  /* 791 + ~277(year4宽) + 19.84(31×0.64) */
    top: 737.92px;
}

.heritage-timeline-subtitle4 p {
    font-size: 34.56px;
    color: #7e8154;
    line-height: 1.2;
    margin: 0;
    text-align: right;
}

.heritage-timeline-desc4 {
    position: absolute;
    left: 791px;
    top: 852.48px;
}

.heritage-timeline-desc4 p {
    font-size: 26.88px;
    color: #a78b66;
    line-height: 39.68px;
    margin: 0 0 12.8px 0;
    white-space: nowrap;
}

/* ================== 区块5 样式 ================== */
.heritage-timeline-year5 {
    position: absolute;
    left: 1338px;  /* 1226(区块4右) + 112(175×0.64) */
    top: 737.92px;
    font-size: 45.44px;
    color: #7e8154;
    margin: 0;
}

.heritage-timeline-subtitle5 {
    position: absolute;
    left: 1636px;  /* 1338 + ~155(year5宽) + 143.36(224×0.64) */
    top: 737.92px;
}

.heritage-timeline-subtitle5 p {
    font-size: 34.56px;
    color: #7e8154;
    line-height: 1.2;
    margin: 0;
    text-align: right;
}

.heritage-timeline-desc5 {
    position: absolute;
    left: 1338px;
    top: 852.48px;
}

.heritage-timeline-desc5 p {
    font-size: 26.88px;
    color: #a78b66;
    line-height: 39.68px;
    margin: 0 0 12.8px 0;
    white-space: nowrap;
}

/* ================== 区块6 样式 ================== */
.heritage-timeline-year6 {
    position: absolute;
    left: 242.56px;  /* 379 × 0.64 */
    top: 1254px;   /* 737.92(区块3 top) + 151.04(236×0.64) */
    font-size: 45.44px;
    color: #7e8154;
    margin: 0;
}

.heritage-timeline-subtitle6 {
    position: absolute;
    left: 540.42px;  /* 242.56 + ~155 + 143.36(224×0.64) */
    top: 1254px;
}

.heritage-timeline-subtitle6 p {
    font-size: 34.56px;
    color: #7e8154;
    line-height: 1.2;
    margin: 0;
    text-align: right;
}

.heritage-timeline-desc6 {
    position: absolute;
    left: 242.56px;
    top: 1369px;  /* 885.76 + 45.44 + 69.12(108×0.64) */
}

.heritage-timeline-desc6 p {
    font-size: 26.88px;
    color: #a78b66;
    line-height: 39.68px;
    margin: 0 0 12.8px 0;
    white-space: nowrap;
}

/* ================== 区块7 样式 ================== */
.heritage-timeline-year7 {
    position: absolute;
    left: 791px;  /* 678.66(区块6右) + 112(175×0.64) */
    top: 1254px;
    font-size: 45.44px;
    color: #7e8154;
    margin: 0;
}

.heritage-timeline-subtitle7 {
    position: absolute;
    left: 1089px;  /* 791 + ~155 + 143.36(224×0.64) */
    top: 1254px;
}

.heritage-timeline-subtitle7 p {
    font-size: 34.56px;
    color: #7e8154;
    line-height: 1.2;
    margin: 0;
    text-align: right;
}

.heritage-timeline-desc7 {
    position: absolute;
    left: 791px;
    top: 1369px;
}

.heritage-timeline-desc7 p {
    font-size: 26.88px;
    color: #a78b66;
    line-height: 39.68px;
    margin: 0 0 12.8px 0;
    white-space: nowrap;
}

/* ================== 区块8 样式 ================== */
.heritage-timeline-year8 {
    position: absolute;
    left: 1339px;  /* 1227(区块7右) + 112(175×0.64) */
    top: 1254px;
    font-size: 45.44px;
    color: #7e8154;
    margin: 0;
}

.heritage-timeline-subtitle8 {
    position: absolute;
    left: 1637px;  /* 1339 + ~155 + 143.36(224×0.64) */
    top: 1254px;
}

.heritage-timeline-subtitle8 p {
    font-size: 34.56px;
    color: #7e8154;
    line-height: 1.2;
    margin: 0;
    text-align: right;
}

.heritage-timeline-desc8 {
    position: absolute;
    left: 1339px;
    top: 1369px;
}

.heritage-timeline-desc8 p {
    font-size: 26.88px;
    color: #a78b66;
    line-height: 39.68px;
    margin: 0 0 12.8px 0;
    white-space: nowrap;
}

/* ================== 陈皮传承 板块3 ================== */
.heritage-block3 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.heritage-block3 > img:first-child {
    width: 1920px;       /* 3000 × 0.64 */
    height: 678.4px;     /* 1060 × 0.64 */
    display: block;
    object-fit: cover;
}

.heritage-block3-yin {
    position: absolute;
    left: 1219.2px;     /* 1905 × 0.64 */
    top: 908.8px;        /* 678.4 + 360×0.64 */
    width: 82.56px;      /* 129 × 0.64 */
    height: 75.52px;     /* 118 × 0.64 */
    display: block;
    object-fit: contain;
}

.heritage-block3-text {
    position: absolute;
    right: 243.2px;      /* 380 × 0.64 */
    top: 848.64px;       /* 678.4 + 266×0.64 */
    text-align: right;
}

.heritage-block3-title {
    font-size: 85.12px;  /* 133 × 0.64 */
    color: #7e8154;
    line-height: 1;
    margin: 0;
}

.heritage-block3-subtitle {
    font-size: 40.32px;  /* 63 × 0.64 */
    color: #7e8154;
    line-height: 1;
    margin: 16px 0 0 0;  /* 25 × 0.64 */
}

/* ================== 陈皮传承 板块4 ================== */
.heritage-block4 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.heritage-block4-img {
    position: absolute;
    left: 244.48px;  /* 382 × 0.64 */
    top: 51.2px;     /* 80 × 0.64 */
    width: 1066.88px;  /* 1667 × 0.64 */
    height: 421.76px;  /* 659 × 0.64 */
    display: block;
    object-fit: cover;
}

.heritage-block4-mission {
    position: absolute;
    right: 247.68px;  /* 387 × 0.64 */
    top: 51.2px;
    font-size: 53.12px;  /* 83 × 0.64 */
    color: #7e8154;
    writing-mode: vertical-rl;
    margin: 0;
}

.heritage-block4-ccsc3 {
    position: absolute;
    right: 243.2px;      /* 380 × 0.64 */
    bottom: 65.92px;     /* 103 × 0.64 */
    width: 879.36px;     /* 1374 × 0.64 */
    height: 479.36px;    /* 749 × 0.64 */
    display: block;
    object-fit: contain;
}

.heritage-block4-desc {
    position: absolute;
    left: 237.44px;      /* 371 × 0.64 */
    bottom: 65.92px;     /* 与ccsc3图片底部对齐 */
}

.heritage-block4-desc p {
    font-size: 32px;     /* 50 × 0.64 */
    color: #a78b66;
    line-height: 44.8px; /* 32 + 20×0.64 (不含字高) */
    margin: 0;
}

/* ================== 陈皮传承 板块5 ================== */
.heritage-block5 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.heritage-block5-img {
    position: absolute;
    left: 244.48px;     /* 382 × 0.64 */
    top: 131.2px;       /* 205 × 0.64 */
    width: 1432.32px;   /* 2238 × 0.64 */
    height: 421.76px;   /* 659 × 0.64 */
    display: block;
    object-fit: cover;
}

.heritage-block5-vision {
    position: absolute;
    left: 246.4px;      /* 385 × 0.64 */
    top: 650.88px;      /* 552.96(图片底部) + 97.92(153×0.64) */
    font-size: 53.12px; /* 83 × 0.64 */
    color: #7e8154;
    writing-mode: vertical-rl;
    margin: 0;
}

.heritage-block5-desc {
    position: absolute;
    right: 243.2px;     /* 380 × 0.64 */
    top: 787.2px;       /* 552.96(图片底部) + 234.24(366×0.64) */
}

.heritage-block5-desc p {
    font-size: 32px;    /* 50 × 0.64 */
    color: #a78b66;
    line-height: 44.8px; /* 32 + 12.8(20×0.64) */
    margin: 0;
    text-align: right;
    white-space: nowrap;
}

/* ================== 底部段落 ================== */
.heritage-timeline-summary {
    position: absolute;
    left: 242.56px;
    top: 1786px;  /* 第三行底部约1619 + 166.4(260×0.64) */
    width: 1435px;
}

.heritage-timeline-summary p {
    font-size: 32px;  /* 50 × 0.64 */
    color: #a78b66;
    line-height: 60.8px;  /* 32 + 28.8(45×0.64) */
    margin: 0;
    text-indent: 2em;
}

/* ================== 陈皮传承 板块8 ================== */
.heritage-block8 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.heritage-block8-img {
    position: absolute;
    left: 243.2px;      /* 380 × 0.64 */
    top: 92.8px;        /* 145 × 0.64 */
    width: 1429.76px;   /* 2234 × 0.64 */
    height: 730.24px;   /* 1141 × 0.64 */
    display: block;
    object-fit: cover;
}

/* ================== 陈皮传承 板块6 ================== */
.heritage-block6 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.heritage-block6-img1,
.heritage-block6-img2,
.heritage-block6-img3 {
    position: absolute;
    top: 70.4px;         /* 110 × 0.64 */
    width: 464px;        /* 725 × 0.64 */
    height: 928px;       /* 1450 × 0.64 */
    display: block;
    object-fit: cover;
}

.heritage-block6-img1 {
    left: 243.2px;       /* 380 × 0.64 */
}

.heritage-block6-img2 {
    left: 728.32px;      /* 243.2 + 464 + 21.12(间距33×0.64) */
}

.heritage-block6-img3 {
    left: 1213.44px;     /* 728.32 + 464 + 21.12 */
}

/* ================== 陈皮传承 板块7 ================== */
.heritage-block7 {
    width: 1920px;
    height: 855.04px;  /* 1336 × 0.64 */
    background: #e8ceab;
    position: relative;
}

.heritage-block7-left {
    position: absolute;
    left: 243.2px;      /* 380 × 0.64 */
    top: 115.2px;       /* 180 × 0.64 */
}

.heritage-block7-item {
    margin-bottom: 52.8px; /* 空一行: 40.32(title) + 空白行间距 ≈ 33×0.64 */
}

.heritage-block7-item:last-child {
    margin-bottom: 0;
}

.heritage-block7-item-title {
    font-size: 40.32px;  /* 63 × 0.64 */
    color: #a78b66;
    line-height: 1.4;
    margin: 0;
}

.heritage-block7-item-desc {
    font-size: 32px;     /* 50 × 0.64 */
    color: #a78b66;
    line-height: 1.6;
    margin: 8px 0 0 0;
    white-space: nowrap;
}

.heritage-block7-right {
    position: absolute;
    top: 115.2px;        /* 180 × 0.64 */
    right: 245.12px;     /* 383 × 0.64 */
    font-size: 53.12px;  /* 83 × 0.64 */
    color: #7e8154;
    writing-mode: vertical-rl;
    line-height: 1.2;
    margin: 0;
}

/* ================== 陈皮传承 板块8 ================== */
.heritage-block8 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

/* ================== 底部导航栏 ================== */
.footer-nav {
    width: 1920px;
    height: 478px;
    background: #7e8154;
    position: relative;
    display: flex;
    padding-top: 110px;
    padding-left: 128px;
    gap: 92px;
    box-sizing: border-box;
}

.footer-col {
    line-height: 1;
    flex-shrink: 0;
}

.footer-col-1 {
}

.footer-col-2 {
}

.footer-col-3 {
    /* 距 col-2 右侧 126 = 92（gap）+ 34 */
    margin-left: 34px;
}

.footer-label {
    font-size: 28.96px;
    color: #e8ceab;
    line-height: 1;
    margin: 0 0 20px 0;
    font-weight: 700;
}

.footer-value {
    font-size: 25.28px;
    color: #e8ceab;
    line-height: 1;
    margin: 0 0 20px 0;
}

.footer-line-break {
    display: block;
    height: 20px;
}

/* ================== 陳皮百科頁面 ================== */
.wiki-stage {
    width: 1920px;
    height: 1080px;
    position: relative;
    box-sizing: border-box;
    background: #e8ceab;
}

.wiki-stage-banner {
    width: 1920px;
    height: 870px;
    display: block;
    object-fit: cover;
}

.wiki-stage-rect {
    position: absolute;
    top: 262.4px;
    left: 166.4px;
    width: 1588px;
    height: 769px;
    background: #d1ba9b;
    box-sizing: border-box;
}

.wiki-stage-qiannian {
    position: absolute;
    top: 64px;
    left: 73px;
    width: 757.12px;
    height: 627.2px;
    display: block;
    object-fit: contain;
}

.wiki-stage-text {
    position: absolute;
    top: 64px;
    left: 994.92px;
    text-align: right;
}

.wiki-stage-title {
    font-size: 81.28px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.wiki-stage-subtitle {
    font-size: 21.12px;
    color: #7e8154;
    line-height: 1.4;
    margin: 22.4px 0 0 0;
}

.wiki-stage-desc {
    position: absolute;
    top: 284.82px;
    left: 872.12px;
    font-size: 32px;
    color: #ffffff;
    line-height: 57px;
    margin: 0;
}

.wiki-stage-yin {
    position: absolute;
    top: 64px;
    left: 872.12px;
    width: 81.92px;
    height: 74.24px;
    display: block;
    object-fit: contain;
}

.wiki-banner {
    width: 1920px;
    height: 754px;
    position: relative;
}

.wiki-banner > img {
    width: 1920px;
    height: 754px;
    display: block;
    object-fit: cover;
}

.wiki-banner-rect {
    position: absolute;
    top: 245px;
    left: 167.5px;
    width: 1585px;
    height: 760px;
    background: #d1ba9b;
    box-sizing: border-box;
}

.wiki-banner-rect-img {
    position: absolute;
    top: 98px;
    left: 98px;
    width: 756.48px;
    height: 626.56px;
    display: block;
    object-fit: fill;
}

.wiki-banner-text {
    position: absolute;
    top: 98px;
    left: auto;
    right: 63px;
    text-align: right;
}

.wiki-text-title {
    font-size: 85px;
    color: #747840;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.wiki-text-subtitle {
    font-size: 26px;
    color: #747840;
    line-height: 1;
    margin: 30px 0 0 0;
}

.wiki-text-desc {
    position: absolute;
    top: 297px;
    left: 892.48px;
    width: 800px;
    font-size: 32px;
    color: #5a5e3a;
    line-height: 1.5;
    margin: 0;
}

.wiki-block2 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.wiki-block2-title {
    position: absolute;
    top: 134px;
    left: 215px;
    font-size: 85px;
    color: #747840;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.wiki-block2-img {
    position: absolute;
    top: 147.06px;
    left: 1383px;
    width: 64px;
    height: 58.88px;
    display: block;
    object-fit: contain;
}

.wiki-block2-eng {
    position: absolute;
    top: 147.06px;
    left: 1489px;
    text-align: right;
}

.wiki-block2-eng p {
    font-size: 26px;
    color: #747840;
    line-height: 1.2;
    margin: 0;
}

.wiki-block2-tianma {
    position: absolute;
    top: 309px;
    left: 220.5px;
    width: 711px;
    height: 503.68px;
    display: block;
    object-fit: contain;
}

.wiki-block2-tianma-rect {
    position: absolute;
    top: 812.68px;
    left: 220.5px;
    width: 711px;
    height: 252.64px;
    background: #d1ba9b;
    box-sizing: border-box;
}

.wiki-block2-tianma-text {
    position: absolute;
    top: 44px;
    left: 44px;
}

.wiki-block2-tianma-text p {
    font-size: 32px;
    color: #ffffff;
    line-height: 1;
    margin: 0 0 28px 0;
}

.wiki-block2-tianma-text p:last-child {
    margin-bottom: 0;
}

.wiki-block2-tianma-vtext {
    position: absolute;
    top: 856.68px;
    left: 845.5px;
    font-size: 32px;
    color: #7e8154;
    writing-mode: vertical-rl;
    text-orientation: upright;
    line-height: 30.4px;
    margin: 0;
}

.wiki-block2-meijiang {
    position: absolute;
    top: 309px;
    left: 988.5px;
    width: 711px;
    height: 503.68px;
    display: block;
    object-fit: contain;
}

.wiki-block2-meijiang-rect {
    position: absolute;
    top: 812.68px;
    left: 988.5px;
    width: 711px;
    height: 252.64px;
    background: #d1ba9b;
    box-sizing: border-box;
}

.wiki-block2-meijiang-text {
    position: absolute;
    top: 44px;
    left: 44px;
}

.wiki-block2-meijiang-text p {
    font-size: 32px;
    color: #ffffff;
    line-height: 1;
    margin: 0 0 28px 0;
}

.wiki-block2-meijiang-text p:last-child {
    margin-bottom: 0;
}

.wiki-block2-meijiang-vtext {
    position: absolute;
    top: 856.68px;
    left: 1613.5px;
    font-size: 32px;
    color: #7e8154;
    writing-mode: vertical-rl;
    text-orientation: upright;
    line-height: 30.4px;
    margin: 0;
}

.wiki-block2-dongjia {
    position: absolute;
    top: 27px;
    left: 220.5px;
    width: 711px;
    height: 503.68px;
    display: block;
    object-fit: contain;
}

.wiki-block2-dongjia-rect {
    position: absolute;
    top: 530.68px;
    left: 220.5px;
    width: 711px;
    height: 252.64px;
    background: #d1ba9b;
    box-sizing: border-box;
}

.wiki-block2-dongjia-text {
    position: absolute;
    top: 44px;
    left: 44px;
}

.wiki-block2-dongjia-text p {
    font-size: 32px;
    color: #ffffff;
    line-height: 1;
    margin: 0 0 28px 0;
}

.wiki-block2-dongjia-text p:last-child {
    margin-bottom: 0;
}

.wiki-block2-dongjia-vtext {
    position: absolute;
    top: 574.68px;
    left: 845.5px;
    font-size: 32px;
    color: #7e8154;
    writing-mode: vertical-rl;
    text-orientation: upright;
    line-height: 30.4px;
    margin: 0;
}

.wiki-block2-chakeng {
    position: absolute;
    top: 27px;
    left: 988.5px;
    width: 711px;
    height: 503.68px;
    display: block;
    object-fit: contain;
}

.wiki-block2-chakeng-rect {
    position: absolute;
    top: 530.68px;
    left: 988.5px;
    width: 711px;
    height: 252.64px;
    background: #d1ba9b;
    box-sizing: border-box;
}

.wiki-block2-chakeng-text {
    position: absolute;
    top: 44px;
    left: 44px;
}

.wiki-block2-chakeng-text p {
    font-size: 32px;
    color: #ffffff;
    line-height: 1;
    margin: 0 0 28px 0;
}

.wiki-block2-chakeng-text p:last-child {
    margin-bottom: 0;
}

.wiki-block2-chakeng-vtext {
    position: absolute;
    top: 574.68px;
    left: 1613.5px;
    font-size: 32px;
    color: #7e8154;
    writing-mode: vertical-rl;
    text-orientation: upright;
    line-height: 30.4px;
    margin: 0;
}

/* ================== 板块三 ================== */
.wiki-block3 {
    width: 1920px;
    height: 1424px;
    background: #e8ceab;
    position: relative;
}

.wiki-block3-xijia {
    position: absolute;
    top: 834.32px;
    left: 220.5px;
    width: 738px;
    height: 389px;
    display: block;
    object-fit: contain;
}

.wiki-block3-xijia-rect {
    position: absolute;
    top: 834.32px;
    left: 958.5px;
    width: 741px;
    height: 389px;
    background: #d1ba9b;
    box-sizing: border-box;
}

.wiki-block3-xijia-text {
    position: absolute;
    top: 48px;
    left: 74px;
}

.wiki-block3-xijia-text p {
    font-size: 32px;
    color: #ffffff;
    line-height: 1;
    margin: 0 0 28px 0;
}

.wiki-block3-xijia-text p:last-child {
    margin-bottom: 0;
}

.wiki-block3-xijia-vtext {
    position: absolute;
    top: 882.32px;
    left: 1636.5px;
    font-size: 32px;
    color: #7e8154;
    writing-mode: vertical-rl;
    text-orientation: upright;
    line-height: 30.4px;
    margin: 0;
}

/* ================== 板块四 ================== */
.wiki-block4 {
    width: 1920px;
    height: 2160px;
    background: #e8ceab;
    position: relative;
}

.wiki-block4-title {
    position: absolute;
    top: 148px;
    left: 215px;
    font-size: 85px;
    color: #747840;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.wiki-block4-img {
    position: absolute;
    top: 161.06px;
    left: 1114px;
    width: 64px;
    height: 58.88px;
    display: block;
    object-fit: contain;
}

.wiki-block4-eng {
    position: absolute;
    top: 161.06px;
    left: 1229px;
    text-align: right;
}

.wiki-block4-eng p {
    font-size: 26px;
    color: #747840;
    line-height: 1.2;
    margin: 0;
}

.wiki-block4-fenbu {
    position: absolute;
    top: 313px;
    left: 222.5px;
    width: 1475px;
    height: 1682px;
    display: block;
    object-fit: contain;
}

/* ================== 板块五 ================== */
.wiki-block5 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.wiki-block5-img {
    position: absolute;
    top: 196px;
    left: 0;
    width: 1920px;
    height: 750px;
    display: block;
    object-fit: cover;
}

/* ================== 板块六 ================== */
.wiki-block6 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.wiki-block6-title {
    position: absolute;
    top: 250px;
    left: 217px;
    font-size: 85px;
    color: #747840;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.wiki-block6-subtitle {
    position: absolute;
    top: 355px;
    left: 217px;
    font-size: 19px;
    color: #747840;
    line-height: 1;
    margin: 0;
}

.wiki-block6-desc {
    position: absolute;
    top: 470px;
    left: 217px;
    font-size: 39px;
    color: #a78b66;
    line-height: 64px;
    margin: 0;
}

.wiki-block6-guoyuan1 {
    position: absolute;
    top: 250px;
    left: 1007px;
    width: 764.16px;
    height: 396.8px;
    display: block;
    object-fit: contain;
}

.wiki-block6-guoyuan2 {
    position: absolute;
    top: 674.32px;
    left: 1007px;
    width: 764.16px;
    height: 396.8px;
    display: block;
    object-fit: contain;
}

/* ================== 板块七 ================== */
.wiki-block7 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.wiki-block7-bkk71 {
    position: absolute;
    top: 154px;
    left: 221px;
    width: 492.8px;
    height: 384px;
    display: block;
    object-fit: contain;
}

.wiki-block7-rect1 {
    position: absolute;
    top: 154px;
    left: 713.8px;
    width: 492.8px;
    height: 384px;
    background: #d1ba9b;
    box-sizing: border-box;
}

.wiki-block7-rect1-text {
    position: absolute;
    top: 72.96px;
    left: 85.76px;
}

.wiki-block7-rect1-title {
    font-size: 53px;
    color: #747840;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.wiki-block7-rect1-subtitle {
    font-size: 14px;
    color: #747840;
    line-height: 1;
    margin: 8px 0 0 0;
}

.wiki-block7-rect1-desc {
    font-size: 29.44px;
    color: #ffffff;
    line-height: 1.4;
    margin: 32px 0 0 0;
}

.wiki-block7-bkk73 {
    position: absolute;
    top: 154px;
    left: 1206.6px;
    width: 492.8px;
    height: 384px;
    display: block;
    object-fit: contain;
}

.wiki-block7-rect2 {
    position: absolute;
    top: 538px;
    left: 221px;
    width: 492.8px;
    height: 384px;
    background: #d1ba9b;
    box-sizing: border-box;
}

.wiki-block7-rect2-text {
    position: absolute;
    top: 72.96px;
    left: 85.76px;
}

.wiki-block7-rect2-title {
    font-size: 53px;
    color: #747840;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.wiki-block7-rect2-subtitle {
    font-size: 14px;
    color: #747840;
    line-height: 1;
    margin: 8px 0 0 0;
}

.wiki-block7-rect2-desc {
    font-size: 29.44px;
    color: #ffffff;
    line-height: 1.4;
    margin: 32px 0 0 0;
}

.wiki-block7-bkk72 {
    position: absolute;
    top: 538px;
    left: 713.8px;
    width: 492.8px;
    height: 384px;
    display: block;
    object-fit: contain;
}

.wiki-block7-rect3 {
    position: absolute;
    top: 538px;
    left: 1206.6px;
    width: 492.8px;
    height: 384px;
    background: #d1ba9b;
    box-sizing: border-box;
}

.wiki-block7-rect3-text {
    position: absolute;
    top: 72.96px;
    left: 85.76px;
}

.wiki-block7-rect3-title {
    font-size: 53px;
    color: #747840;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.wiki-block7-rect3-subtitle {
    font-size: 14px;
    color: #747840;
    line-height: 1;
    margin: 8px 0 0 0;
}

.wiki-block7-rect3-desc {
    font-size: 29.44px;
    color: #ffffff;
    line-height: 1.4;
    margin: 32px 0 0 0;
}

/* ================== 陈皮百科板块二 ================== */
.wiki-block2-wiki {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.wiki-block2-wiki-title {
    position: absolute;
    top: 180px;
    left: 215px;
    font-size: 93.44px;
    color: #747840;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.wiki-block2-wiki-yin {
    position: absolute;
    top: 236.32px;
    left: 781.76px;
    width: 81.92px;
    height: 74.24px;
    display: block;
    object-fit: contain;
}

.wiki-block2-wiki-en {
    position: absolute;
    top: 426.88px;
    left: 215px;
    font-size: 30.72px;
    color: #7e8154;
    line-height: 1.4;
    margin: 0;
}

.wiki-block2-wiki-desc {
    position: absolute;
    top: 592.88px;
    left: 215px;
    width: 750px;
    font-size: 34.56px;
    color: #a78b66;
    line-height: 1.5;
    margin: 0;
}

.wiki-block2-wiki-sj1 {
    position: absolute;
    top: 196px;
    left: 1193.68px;
    width: 545px;
    height: 611px;
    display: block;
    object-fit: contain;
}

/* ================== 陈皮百科板块三 ================== */
.wiki-block3-wiki {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.wiki-block3-wiki-biaoge1 {
    position: absolute;
    top: 64px;
    left: 165px;
    width: 1589.12px;
    height: 775.68px;
    display: block;
    object-fit: contain;
}

/* ================== 陈皮百科板块四 ================== */
.wiki-block4-wiki {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.wiki-block4-wiki-bkk41 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
    height: 664.96px;
    display: block;
    object-fit: cover;
}

.wiki-block4-wiki-title {
    position: absolute;
    top: 238.08px;
    left: 548.48px;
    font-size: 98.56px;
    color: #ffffff;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.wiki-block4-wiki-subtitle {
    position: absolute;
    top: 407.64px;
    left: 0;
    width: 1920px;
    text-align: center;
    font-size: 35.2px;
    color: #ffffff;
    line-height: 1;
    margin: 0;
}

.wiki-block4-wiki-desc {
    position: absolute;
    top: 882.96px;
    left: 167px;
    font-size: 34.56px;
    color: #a78b66;
    line-height: 1.5;
    margin: 0;
}

/* ================== 陈皮百科板块五 ================== */
.wiki-block5-wiki {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.wiki-block5-wiki-biaoge2 {
    position: absolute;
    top: 96px;
    left: 165px;
    width: 1589px;
    height: 890px;
    display: block;
    object-fit: contain;
}

/* ================== 陈皮百科板块六 ================== */
.wiki-block6-wiki {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.wiki-block6-wiki-sc1 {
    position: absolute;
    top: 99px;
    left: 167px;
    width: 709.76px;
    height: 876.16px;
    display: block;
    object-fit: contain;
}

.wiki-block6-wiki-sc2 {
    position: absolute;
    top: 99px;
    left: 905.56px;
    width: 849.28px;
    height: 423.68px;
    display: block;
    object-fit: contain;
}

.wiki-block6-wiki-sc3 {
    position: absolute;
    top: 551.48px;
    left: 905.56px;
    width: 849.28px;
    height: 423.68px;
    display: block;
    object-fit: contain;
}

/* ================== 陈皮百科板块七 ================== */
.wiki-block7-wiki {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.wiki-block7-wiki-title {
    position: absolute;
    top: 101.76px;
    left: 166px;
    font-size: 93px;
    color: #7e8154;
    font-weight: 300;
    line-height: 1;
    margin: 0;
}

.wiki-block7-wiki-yin {
    position: absolute;
    top: 101.76px;
    left: 645px;
    width: 81.92px;
    height: 74.24px;
    display: block;
    object-fit: contain;
}

.wiki-block7-wiki-sc4 {
    position: absolute;
    top: 101.76px;
    left: 1105.92px;
    width: 692.48px;
    height: 823.68px;
    display: block;
    object-fit: contain;
}

.wiki-block7-wiki-subtitle {
    position: absolute;
    top: 356.76px;
    left: 166px;
    font-size: 30px;
    color: #7e8154;
    line-height: 1.4;
    margin: 0;
}

.wiki-block7-wiki-desc {
    position: absolute;
    top: 491.76px;
    left: 166px;
    font-size: 34px;
    color: #a78b66;
    line-height: 62px;
    margin: 0;
}

/* ================== 陈皮百科板块八 ================== */
.wiki-block8-wiki {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.wiki-block8-wiki-sc5 {
    position: absolute;
    top: 177.92px;
    left: 153px;
    width: 788.48px;
    height: 529.92px;
    display: block;
    object-fit: contain;
}

.wiki-block8-wiki-yin {
    position: absolute;
    top: 177.92px;
    left: 1023.4px;
    width: 81.92px;
    height: 74.24px;
    display: block;
    object-fit: contain;
}

.wiki-block8-wiki-title {
    position: absolute;
    top: 177.92px;
    left: 1217.96px;
    font-size: 93.44px;
    color: #7e8154;
    font-weight: 300;
    line-height: 1;
    margin: 0;
}

.wiki-block8-wiki-subtitle {
    position: absolute;
    top: 330.88px;
    right: 234.84px;
    font-size: 30.72px;
    color: #7e8154;
    text-align: right;
    line-height: 1;
    margin: 0;
}

.wiki-block8-wiki-desc {
    position: absolute;
    top: 479.32px;
    left: 1006.48px;
    font-size: 34.56px;
    color: #a78b66;
    line-height: 64.56px;
    margin: 0;
}

.wiki-block8-wiki-desc2 {
    position: absolute;
    top: 809.56px;
    left: 155px;
    font-size: 34.52px;
    color: #a78b66;
    line-height: 64.52px;
    margin: 0;
}

.wiki-block2-wiki-sj2 {
    position: absolute;
    top: 468px;
    left: 1092.68px;
    width: 747px;
    height: 101px;
    display: block;
    object-fit: contain;
}

.wiki-block2-wiki-source {
    position: absolute;
    top: 837.72px;
    right: 181.32px;
    font-size: 33px;
    color: #a78b66;
    text-align: right;
    line-height: 1.4;
    margin: 0;
}

/* ================== 陈皮制作页面 ================== */
.craft-block1 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.craft-block1-fzsc0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
    height: 754.56px;
    display: block;
    object-fit: cover;
}

.craft-block1-rect {
    position: absolute;
    top: 261.76px;
    left: 166.4px;
    width: 1588.48px;
    height: 768.64px;
    background-color: #d1ba9b;
    box-sizing: border-box;
}

.craft-block1-sc1 {
    position: absolute;
    top: 64px;
    left: 73.6px;
    width: 757.12px;
    height: 626.56px;
    display: block;
    object-fit: contain;
}

.craft-block1-title {
    position: absolute;
    top: 64px;
    left: 887.04px;
    font-size: 85.12px;
    color: #7e8154;
    font-weight: 300;
    line-height: 1;
    margin: 0;
}

.craft-block1-subtitle {
    position: absolute;
    top: 171.52px;
    right: 105.6px;
    font-size: 21.12px;
    color: #7e8154;
    text-align: right;
    line-height: 1;
    margin: 0;
}

.craft-block1-desc {
    position: absolute;
    top: 285.44px;
    left: 871.68px;
    font-size: 35.2px;
    color: #ffffff;
    line-height: 59.52px;
    margin: 0;
}

.craft-block2 {
    width: 1920px;
    height: 620.16px;
    background: #e8ceab;
    position: relative;
}

.craft-block2-title {
    position: absolute;
    top: 225.28px;
    left: 0;
    width: 1920px;
    text-align: center;
    font-size: 106.88px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    white-space: nowrap;
}

.craft-block2-subtitle {
    position: absolute;
    top: 386.56px;
    left: 0;
    width: 1920px;
    text-align: center;
    font-size: 26.88px;
    color: #7e8154;
    line-height: 1;
    margin: 0;
    white-space: nowrap;
}

/* ================== 陈皮制作板块三 ================== */
.craft-block3 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.craft-block3-en {
    position: absolute;
    top: 144px;
    left: 260.48px;
    text-align: left;
    font-size: 26.88px;
    color: #7e8154;
    line-height: 1;
    margin: 0;
}

.craft-block3-title {
    position: absolute;
    top: 190.08px;
    left: 260.48px;
    text-align: left;
    font-size: 66.56px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.craft-block3-subtitle {
    position: absolute;
    top: 324.48px;
    left: 260.48px;
    text-align: left;
    font-size: 40.32px;
    color: #7e8154;
    line-height: 1;
    margin: 0;
}

.craft-block3-desc {
    position: absolute;
    top: 471.68px;
    left: 260.48px;
    text-align: left;
    font-size: 40.32px;
    color: #a78b66;
    line-height: 69.76px;
    margin: 0;
}

.craft-block3-fzsc2 {
    position: absolute;
    top: 144px;
    left: 918.4px;
    width: 740.48px;
    height: 392.32px;
    display: block;
    object-fit: contain;
}

.craft-block3-fzsc3 {
    position: absolute;
    top: 549.12px;
    left: 918.4px;
    width: 740.48px;
    height: 391.68px;
    display: block;
    object-fit: contain;
}

/* ================== 陈皮制作板块四 ================== */
.craft-block4 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.craft-block4-fzsc4 {
    position: absolute;
    top: 140.16px;
    left: 0;
    width: 1920px;
    height: 796.8px;
    display: block;
    object-fit: cover;
}

/* ================== 陈皮制作板块五 ================== */
.craft-block5 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.craft-block5-en {
    position: absolute;
    top: 114.56px;
    left: 267.52px;
    font-size: 26.88px;
    color: #7e8154;
    line-height: 1;
    margin: 0;
}

.craft-block5-title {
    position: absolute;
    top: 164.48px;
    left: 267.52px;
    font-size: 66.56px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.craft-block5-desc {
    position: absolute;
    top: 332.8px;
    left: 267.52px;
    font-size: 40.32px;
    color: #a78b66;
    line-height: 1.5;
    margin: 0;
}

.craft-block5-right {
    position: absolute;
    top: 114.56px;
    left: 1414.4px;
    font-size: 40.32px;
    color: #7e8154;
    line-height: 64.64px;
    margin: 0;
}

.craft-block5-fzsc5 {
    position: absolute;
    top: 594.24px;
    left: 261.12px;
    width: 693.12px;
    height: 384px;
    display: block;
    object-fit: contain;
}

.craft-block5-fzsc6 {
    position: absolute;
    top: 594.24px;
    left: 965.12px;
    width: 693.12px;
    height: 384px;
    display: block;
    object-fit: contain;
}

/* ================== 陈皮制作板块六 ================== */
.craft-block6 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.craft-block6-fzsc7 {
    position: absolute;
    top: 136.32px;
    left: 0;
    width: 1920px;
    height: 796.8px;
    display: block;
    object-fit: cover;
}

/* ================== 陈皮制作板块七 ================== */
.craft-block7 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.craft-block7-en {
    position: absolute;
    top: 143.36px;
    left: 260.48px;
    font-size: 26.88px;
    color: #7e8154;
    line-height: 1;
    margin: 0;
}

.craft-block7-title {
    position: absolute;
    top: 194.56px;
    left: 260.48px;
    font-size: 66.56px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.craft-block7-subtitle {
    position: absolute;
    top: 325.12px;
    left: 260.48px;
    font-size: 40.32px;
    color: #7e8154;
    line-height: 1;
    margin: 0;
}

.craft-block7-desc {
    position: absolute;
    top: 472.32px;
    left: 260.48px;
    font-size: 40.32px;
    color: #a78b66;
    line-height: 71.04px;
    margin: 0;
}

.craft-block7-fzsc8 {
    position: absolute;
    top: 143.36px;
    left: 918.4px;
    width: 740.48px;
    height: 392.32px;
    display: block;
    object-fit: contain;
}

.craft-block7-fzsc9 {
    position: absolute;
    top: 547.84px;
    left: 918.4px;
    width: 740.48px;
    height: 392.32px;
    display: block;
    object-fit: contain;
}

/* ================== 陈皮制作板块八 ================== */
.craft-block8 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.craft-block8-fzsc15 {
    position: absolute;
    top: 108.8px;
    left: 261.12px;
    width: 693.12px;
    height: 384px;
    display: block;
    object-fit: contain;
}

.craft-block8-fzsc16 {
    position: absolute;
    top: 108.8px;
    left: 967.04px;
    width: 693.12px;
    height: 384px;
    display: block;
    object-fit: contain;
}

.craft-block8-en {
    position: absolute;
    top: 585.6px;
    left: 261.12px;
    font-size: 26.88px;
    color: #7e8154;
    line-height: 1;
    margin: 0;
}

.craft-block8-title {
    position: absolute;
    top: 636.8px;
    left: 261.12px;
    font-size: 66.56px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.craft-block8-desc {
    position: absolute;
    top: 805.12px;
    left: 268.16px;
    font-size: 40.32px;
    color: #a78b66;
    line-height: 68.48px;
    margin: 0;
}

.craft-block8-right {
    position: absolute;
    top: 583.68px;
    left: 1324.8px;
    font-size: 40.32px;
    color: #7e8154;
    text-align: right;
    line-height: 1.5;
    margin: 0;
}

/* ================== 陈皮制作板块九 ================== */
.craft-block9 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.craft-block9-fzsc17 {
    position: absolute;
    top: 124.8px;
    left: 2.24px;
    width: 626.56px;
    height: 519.04px;
    display: block;
    object-fit: contain;
}

.craft-block9-fzsc18 {
    position: absolute;
    top: 124.8px;
    left: 646.72px;
    width: 626.56px;
    height: 519.04px;
    display: block;
    object-fit: contain;
}

.craft-block9-fzsc19 {
    position: absolute;
    top: 124.8px;
    left: 1291.2px;
    width: 626.56px;
    height: 519.04px;
    display: block;
    object-fit: contain;
}

.craft-block9-desc {
    position: absolute;
    top: 736.64px;
    left: 265.6px;
    font-size: 45.44px;
    color: #7e8154;
    line-height: 79.36px;
    margin: 0;
}

/* ================== 陈皮制作板块十 ================== */
.craft-block10 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.craft-block10-fzsc8 {
    position: absolute;
    top: 140.8px;
    left: 261.12px;
    width: 740.48px;
    height: 392.32px;
}

.craft-block10-fzsc9 {
    position: absolute;
    top: 545.92px;
    left: 261.12px;
    width: 740.48px;
    height: 392.32px;
}

.craft-block10-en {
    position: absolute;
    top: 140.8px;
    right: 260.48px;
    text-align: right;
    font-size: 26.88px;
    color: #7e8154;
    line-height: 39.68px;
    margin: 0;
}

.craft-block10-title {
    position: absolute;
    top: 223.36px;
    right: 260.48px;
    text-align: right;
    font-size: 66.56px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.craft-block10-subtitle {
    position: absolute;
    top: 353.92px;
    right: 260.48px;
    text-align: right;
    font-size: 40.32px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.craft-block10-desc {
    position: absolute;
    top: 528.64px;
    right: 260.48px;
    width: 1200px;
    text-align: right;
    font-size: 40.32px;
    color: #a78b66;
    line-height: 69.76px;
    margin: 0;
}

/* ================== 陈皮制作板块十一 ================== */
.craft-block11 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.craft-block11-fzsc10 {
    position: absolute;
    top: 106.24px;
    left: 256px;
    width: 692.48px;
    height: 384px;
}

.craft-block11-fzsc11 {
    position: absolute;
    top: 106.24px;
    left: 961.28px;
    width: 692.48px;
    height: 384px;
}

.craft-block11-en {
    position: absolute;
    top: 583.04px;
    left: 267.52px;
    text-align: left;
    font-size: 26.88px;
    color: #7e8154;
    line-height: 1;
    margin: 0;
}

.craft-block11-title {
    position: absolute;
    top: 622.72px;
    left: 267.52px;
    font-size: 66.56px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.craft-block11-titledesc {
    position: absolute;
    top: 789.76px;
    left: 268.16px;
    width: 1500px;
    text-align: left;
    font-size: 40.32px;
    color: #a78b66;
    line-height: 69.76px;
    margin: 0;
    white-space: normal;
}

.craft-block11-right {
    position: absolute;
    top: 583.04px;
    right: 266.24px;
    text-align: right;
    font-size: 40.32px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.craft-block11-desc {
    position: absolute;
    top: 648.96px;
    right: 266.24px;
    text-align: right;
    font-size: 40.32px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

/* ================== 陈皮制作板块十二 ================== */
.craft-block12 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.craft-block12-fzsc12 {
    position: absolute;
    top: 142.72px;
    left: 0;
    width: 1920px;
    height: 796.8px;
    display: block;
    object-fit: cover;
}

/* ================== 陈皮食谱板块一 ================== */
.recipe-block1 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.recipe-block1-img {
    width: 1920px;
    height: 1080px;
    display: block;
    object-fit: cover;
}

/* ================== 陈皮食谱板块二 ================== */
.recipe-block2 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.recipe-block2-title {
    position: absolute;
    top: 172.8px;
    left: 259.84px;
    font-size: 85.12px;
    font-weight: 400;
    color: #7e8154;
    line-height: 1;
    margin: 0;
}

.recipe-block2-yin {
    position: absolute;
    top: 172.8px;
    right: 524.16px;
    width: 64.64px;
    height: 58.88px;
    display: block;
    object-fit: contain;
}

.recipe-block2-en {
    position: absolute;
    top: 172.8px;
    right: 249.6px;
    font-size: 24.32px;
    color: #7e8154;
    line-height: 42.24px;
    text-align: right;
    margin: 0;
}

.recipe-block2-img {
    position: absolute;
    top: 284.8px;
    width: 342.4px;
    height: 421.76px;
    display: block;
    object-fit: cover;
}

.recipe-block2-spsc1 { left: 250.24px; }
.recipe-block2-spsc2 { left: 613.12px; }
.recipe-block2-spsc3 { left: 976px; }
.recipe-block2-spsc4 { left: 1338.88px; }

.recipe-block2-rbox {
    position: absolute;
    top: 706.56px;
    width: 342.4px;
    height: 113.92px;
    background-color: #d1ba9b;
    box-sizing: border-box;
}

.recipe-block2-rbox1 { left: 250.24px; }
.recipe-block2-rbox2 { left: 613.12px; }
.recipe-block2-rbox3 { left: 976px; }
.recipe-block2-rbox4 { left: 1338.88px; }

.recipe-block2-rtitle {
    position: absolute;
    top: 33.92px;
    left: 39.68px;
    font-size: 53.12px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.recipe-block2-rright {
    position: absolute;
    top: 33.92px;
    right: 40.32px;
    text-align: right;
    margin: 0;
}

.recipe-block2-rright p {
    font-size: 16px;
    color: #ffffff;
    line-height: 1.4;
    margin: 0;
}

/* ================== 陈皮食谱板块三 ================== */
.recipe-block3 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.recipe-block3-title {
    position: absolute;
    top: 230.4px;
    left: 257.28px;
    margin: 0;
    line-height: 1;
}

.recipe-block3-txt {
    font-size: 72.32px;
    color: #7e8154;
    font-weight: 500;
}

.recipe-block3-dot {
    font-size: 26.88px;
    color: #7e8154;
    margin: 0 16px;
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
}

.recipe-block3-yin {
    position: absolute;
    top: 230.4px;
    right: 615.68px;
    width: 64.64px;
    height: 58.88px;
    display: block;
    object-fit: contain;
}

.recipe-block3-en {
    position: absolute;
    top: 230.4px;
    right: 249.6px;
    font-size: 24.32px;
    color: #7e8154;
    line-height: 39.68px;
    text-align: right;
    margin: 0;
}

.recipe-block3-subtitle {
    position: absolute;
    top: 380.16px;
    left: 257.28px;
    font-size: 53.12px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.recipe-block3-desc {
    position: absolute;
    top: 488.96px;
    left: 257.28px;
    margin: 0;
}

.recipe-block3-desc p {
    font-size: 32px;
    color: #a78b66;
    line-height: 51.2px;
    margin: 0;
    white-space: pre;
}

.recipe-block3-spsc5 {
    position: absolute;
    top: 360.32px;
    right: 249.6px;
    width: 651.52px;
    height: 515.2px;
    display: block;
    object-fit: cover;
}

/* ================== 陈皮食谱板块四 ================== */
.recipe-block4 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.recipe-block4-title {
    position: absolute;
    top: 93.44px;
    left: 250.24px;
    font-size: 53.12px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.recipe-block4-desc {
    position: absolute;
    top: 183.04px;
    left: 250.24px;
    margin: 0;
}

.recipe-block4-desc p {
    font-size: 32px;
    color: #ffffff;
    line-height: 46.72px;
    margin: 0 0 12.8px 0;
    text-align: left;
}

.recipe-block4-num {
    color: #7e8154;
    margin-right: 8px;
    font-weight: 600;
}

.recipe-block4-subtitle {
    position: absolute;
    top: 549.12px;
    left: 250.24px;
    font-size: 53.12px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.recipe-block4-subdesc {
    position: absolute;
    top: 638.72px;
    left: 250.24px;
    margin: 0;
    width: 1000px;
}

.recipe-block4-subdesc p {
    font-size: 32px;
    color: #ffffff;
    line-height: 46.72px;
    margin: 0 0 12.8px 0;
    text-align: left;
}

.recipe-block4-right {
    position: absolute;
    top: 96.64px;
    right: 250.24px;
    text-align: right;
    width: 500px;
}

.recipe-block4-material-title {
    font-size: 53.12px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    text-align: right;
}

.recipe-block4-material-list {
    margin-top: 49.92px;
}

.recipe-block4-material-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1.28px solid #ffffff;
    padding: 19.2px 0;
    font-size: 32px;
    color: #ffffff;
    line-height: 1.4;
}

.recipe-block4-material-name {
    color: #ffffff;
}

.recipe-block4-material-value {
    color: #ffffff;
    text-align: right;
}

/* ================== 陈皮食谱板块五 ================== */
.recipe-block5 {
    width: 1920px;
    height: 2160px;
    background: #e8ceab;
    position: relative;
}

.recipe-block5-title {
    position: absolute;
    top: 149.76px;
    left: 250.88px;
    font-size: 85.12px;
    font-weight: 300;
    color: #7e8154;
    line-height: 1;
    margin: 0;
}

.recipe-block5-yin {
    position: absolute;
    top: 149.76px;
    left: 1329.28px;
    width: 64.64px;
    height: 58.88px;
    display: block;
    object-fit: contain;
}

.recipe-block5-en {
    position: absolute;
    top: 149.76px;
    right: 249.6px;
    font-size: 24.32px;
    color: #7e8154;
    line-height: 42.24px;
    text-align: right;
    margin: 0;
}

.recipe-block5-img {
    position: absolute;
    top: 301.44px;
    width: 683.52px;
    height: 478.08px;
    display: block;
    object-fit: cover;
}

.recipe-block5-spsc11 { left: 250.24px; }

.recipe-block5-spsc12 { left: 985.6px; }

.recipe-block5-rect {
    position: absolute;
    width: 683.52px;
    height: 163.2px;
    background-color: #d1ba9b;
}

.recipe-block5-rect1 {
    top: 779.52px;
    left: 250.24px;
}

.recipe-block5-rect2 {
    top: 779.52px;
    left: 985.6px;
}

.recipe-block5-spsc13 { left: 250.24px; top: 1033.6px; }
.recipe-block5-spsc14 { left: 985.6px; top: 1033.6px; }

.recipe-block5-rect3 {
    top: 1511.68px;
    left: 250.24px;
}

.recipe-block5-rect4 {
    top: 1511.68px;
    left: 985.6px;
}

.recipe-block5-rect-title {
    position: absolute;
    top: 37.76px;
    left: 167.04px;
    font-size: 53.12px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.recipe-block5-rect-desc {
    position: absolute;
    top: 110.08px;
    left: 167.04px;
    font-size: 21.12px;
    color: #ffffff;
    line-height: 1;
    margin: 0;
}

.recipe-block5-count {
    position: absolute;
    top: 1798.4px;
    left: 273.28px;
    font-size: 44.16px;
    color: #7e8154;
    line-height: 1;
    margin: 0;
    white-space: nowrap;
}

.recipe-block5-pagination {
    position: absolute;
    top: 1798.4px;
    left: 1212.8px;
    display: flex;
    gap: 19.2px;
}

.recipe-block5-page {
    width: 56.32px;
    height: 55.68px;
    background-color: #d1ba9b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35.2px;
    color: #ffffff;
    cursor: pointer;
}

.recipe-block5-page.active {
    background-color: #7e8154;
}

.recipe-block5-page-next {
    width: 126.72px;
}

/* ================== 陈皮食谱板块六 ================== */
.recipe-block6 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.recipe-block6-title {
    position: absolute;
    top: 227.2px;
    left: 256px;
    font-size: 85.12px;
    color: #7e8154;
    font-weight: 300;
    line-height: 1;
    margin: 0;
}

.recipe-block6-yin {
    position: absolute;
    top: 227.2px;
    left: 1221.12px;
    width: 64.64px;
    height: 58.88px;
    display: block;
    object-fit: contain;
}

.recipe-block6-en {
    position: absolute;
    top: 227.2px;
    right: 256px;
    font-size: 24.32px;
    color: #7e8154;
    text-align: right;
    line-height: 1.5;
    margin: 0;
}

.recipe-block6-spsc10 {
    position: absolute;
    top: 384.64px;
    left: 271.36px;
    width: 1365.76px;
    height: 365.44px;
    display: block;
    object-fit: cover;
}

/* ================== 陈皮食谱板块七 ================== */
.recipe-block7 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

/* ================== 官方商城 ================== */

/* 板块一：Banner */
.shop-block1 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.shop-block1-banner {
    width: 1920px;
    height: 1080px;
    display: block;
    object-fit: cover;
}

.shop-block1-text {
    position: absolute;
    top: 262.4px;
    left: 166.4px;
}

.shop-block1-title {
    font-size: 81.28px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.shop-block1-subtitle {
    font-size: 21.12px;
    color: #7e8154;
    line-height: 1.4;
    margin: 22.4px 0 0 0;
}

.shop-block1-yin {
    position: absolute;
    top: 262.4px;
    left: 902.4px;
    width: 64.64px;
    height: 58.88px;
    display: block;
    object-fit: contain;
}

/* 板块二：商品列表（左侧分类 + 右侧三列商品） */
.shop-block2 {
    width: 1920px;
    height: 4050px;
    background: #e8ceab;
    position: relative;
}

.shop-block2-title {
    position: absolute;
    top: 80px;
    left: 259.84px;
    font-size: 85.12px;
    font-weight: 300;
    color: #7e8154;
    line-height: 1;
    margin: 0;
}

.shop-block2-yin {
    position: absolute;
    top: 80px;
    right: 524.16px;
    width: 64.64px;
    height: 58.88px;
    display: block;
    object-fit: contain;
}

.shop-block2-en {
    position: absolute;
    top: 80px;
    right: 249.6px;
    font-size: 24.32px;
    color: #7e8154;
    line-height: 42.24px;
    text-align: right;
    margin: 0;
}

/* 左侧分类侧栏 */
.shop-block2-sidebar {
    position: absolute;
    top: 200px;
    left: 0;
    width: 320px;
}

.shop-block2-cate {
    padding: 25.6px 44.8px;
    font-size: 38.4px;
    color: #7e8154;
    line-height: 1;
    cursor: pointer;
    border-bottom: 1px solid #d1ba9b;
}

.shop-block2-cate-active {
    background-color: #d1ba9b;
    color: #7e8154;
    font-weight: 400;
}

/* 右侧三列商品 */
.shop-block2-product {
    position: absolute;
    width: 480px;
}

.shop-block2-p1 { left: 360px; top: 200px; }
.shop-block2-p2 { left: 870px; top: 200px; }
.shop-block2-p3 { left: 1380px; top: 200px; }
.shop-block2-p4 { left: 360px; top: 820px; }
.shop-block2-p5 { left: 870px; top: 820px; }
.shop-block2-p6 { left: 1380px; top: 820px; }

.shop-block2-pimg {
    width: 480px;
    height: 480px;
    display: block;
    object-fit: cover;
}

.shop-block2-prect {
    width: 480px;
    height: 110px;
    background-color: #d1ba9b;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.shop-block2-pname {
    font-size: 33.28px;
    color: #7e8154;
    line-height: 1;
    margin: 0;
}

.shop-block2-pprice {
    font-size: 27.52px;
    color: #e74c3c;
    line-height: 1;
    margin: 19.2px 0 0 0;
}

/* 分页 */
.shop-block2-pagination {
    position: absolute;
    left: 1212.8px;
    display: flex;
    gap: 19.2px;
}

.shop-block2-page {
    width: 56.32px;
    height: 55.68px;
    background-color: #d1ba9b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35.2px;
    color: #ffffff;
    cursor: pointer;
}

.shop-block2-page.active {
    background-color: #7e8154;
}

.shop-block2-page-next {
    width: 126.72px;
}

.shop-block2-empty {
    position: absolute;
    top: 400px;
    left: 400px;
    font-size: 44.16px;
    color: #7e8154;
    line-height: 1;
    margin: 0;
}

/* ================== 联系我们页面 ================== */
.contact-block1 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.contact-block1 img {
    width: 1920px;
    height: 1080px;
    display: block;
    object-fit: cover;
}

.contact-block2 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.contact-block2-title {
    position: absolute;
    top: 187.52px;
    left: 256px;
    font-size: 75.52px;
    color: #7e8154;
    font-weight: 300;
    line-height: 1.2;
    margin: 0;
}

.contact-block2-yin {
    position: absolute;
    top: 187.52px;
    right: 524.16px;
    width: 55.68px;
    height: 51.84px;
    display: block;
    object-fit: contain;
}

.contact-block2-en {
    position: absolute;
    top: 187.52px;
    right: 256px;
    font-size: 21.12px;
    color: #7e8154;
    text-align: right;
    line-height: 1.5;
    margin: 0;
}

.contact-block2-body {
    position: absolute;
    top: 340px;
    left: 256px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px 128px;
}

.contact-block2-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-block2-label {
    font-size: 35.2px;
    color: #7e8154;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 24px 0;
}

.contact-block2-value {
    font-size: 28px;
    color: #a78b66;
    line-height: 1.5;
    margin: 0 0 12px 0;
    max-width: 700px;
}

/* ================== 联系我们 板块3：表单 ================== */
.contact-block3 {
    width: 1920px;
    height: 1080px;
    background: #e8ceab;
    position: relative;
}

.contact-block3-title {
    position: absolute;
    top: 187.52px;
    left: 256px;
    font-size: 75.52px;
    color: #7e8154;
    font-weight: 300;
    line-height: 1.2;
    margin: 0;
}

.contact-block3-yin {
    position: absolute;
    top: 187.52px;
    right: 600px;
    width: 55.68px;
    height: 51.84px;
    display: block;
    object-fit: contain;
}

.contact-block3-en {
    position: absolute;
    top: 187.52px;
    right: 256px;
    font-size: 21.12px;
    color: #7e8154;
    text-align: right;
    line-height: 1.5;
    margin: 0;
}

.contact-block3-form {
    position: absolute;
    top: 360px;
    left: 256px;
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 800px;
}

.contact-block3-field {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contact-block3-label {
    font-size: 32px;
    color: #7e8154;
    font-weight: 700;
    line-height: 1;
}

.contact-block3-input {
    width: 100%;
    height: 72px;
    background: transparent;
    border: 2px solid #7e8154;
    border-radius: 8px;
    padding: 0 24px;
    font-size: 28px;
    color: #7e8154;
    font-family: inherit;
}

.contact-block3-input::placeholder {
    color: #a78b66;
}

.contact-block3-textarea {
    width: 100%;
    height: 192px;
    background: transparent;
    border: 2px solid #7e8154;
    border-radius: 8px;
    padding: 20px 24px;
    font-size: 28px;
    color: #7e8154;
    font-family: inherit;
    resize: none;
}

.contact-block3-textarea::placeholder {
    color: #a78b66;
}

.contact-block3-btn {
    width: 240px;
    height: 72px;
    background: #7e8154;
    border: none;
    border-radius: 8px;
    font-size: 32px;
    color: #ffffff;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.25s ease;
}

.contact-block3-btn:hover {
    background: #6a6d45;
}

.contact-block3-img {
    position: absolute;
    top: 360px;
    right: 256px;
    width: 500px;
    height: 696px;
    display: block;
    object-fit: cover;
}

/* ================== 产品详情页 ================== */
.detail-block1 {
    width: 1920px;
    height: 1400px;
    background: #e8ceab;
    position: relative;
}

/* 左侧分类侧栏 */
.detail-block1-sidebar {
    position: absolute;
    top: 200px;
    left: 0;
    width: 320px;
}

.detail-block1-cate {
    padding: 25.6px 44.8px;
    font-size: 38.4px;
    color: #7e8154;
    line-height: 1;
    cursor: pointer;
    border-bottom: 1px solid #d1ba9b;
}

.detail-block1-cate-active {
    background-color: #d1ba9b;
    color: #7e8154;
    font-weight: 400;
}

/* 右侧产品主体 */
.detail-block1-main {
    position: absolute;
    top: 200px;
    left: 360px;
}

.detail-block1-pimg {
    width: 480px;
    height: 480px;
    display: block;
    object-fit: cover;
}

.detail-block1-info {
    position: absolute;
    top: 0;
    left: 520px;
}

.detail-block1-pname {
    font-size: 66.56px;
    color: #7e8154;
    font-weight: 300;
    line-height: 1;
    margin: 0;
}

.detail-block1-row {
    display: flex;
    align-items: baseline;
    gap: 25.6px;
}

.detail-block1-category {
    font-size: 33.28px;
    color: #7e8154;
    line-height: 1;
}

.detail-block1-price {
    font-size: 53.12px;
    color: #7e8154;
    font-weight: 400;
    line-height: 1;
}

.detail-block1-desc {
    font-size: 27.52px;
    color: #7e8154;
    line-height: 2;
    margin: 38.4px 0 0 0;
}

/* 下方详情图 */
.detail-block1-detailimg {
    position: absolute;
    top: 730px;
    left: 360px;
    width: 1540px;
    height: 540px;
    display: block;
    object-fit: cover;
}

/* ================== 备案信息 ================== */
.site-beian {
    width: 1920px;
    box-sizing: border-box;
    background: #5f6240;
    padding: 28px 128px 36px;
    text-align: center;
    color: #e8ceab;
}
.site-beian-company {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 10px;
    color: #e8ceab;
}
.site-beian-link {
    display: inline-block;
    font-size: 20px;
    color: #e8ceab;
    text-decoration: none;
    line-height: 1.5;
}
.site-beian-link:hover {
    color: #fff;
    text-decoration: underline;
}