:root {
    --ease-in-power1: cubic-bezier(.55, .085, .68, .53);
    --ease-out-power1: cubic-bezier(.25, .46, .45, .94);
    --ease-in-out-power1: cubic-bezier(.455, .03, .515, .955);
    --ease-in-power2: cubic-bezier(.55, .055, .675, .19);
    --ease-out-power2: cubic-bezier(.215, .61, .355, 1);
    --ease-in-out-power2: cubic-bezier(.645, .045, .355, 1);
    --ease-in-power3: cubic-bezier(.895, .03, .685, .22);
    --ease-out-power3: cubic-bezier(.165, .84, .44, 1);
    --ease-in-out-power3: cubic-bezier(.77, 0, .175, 1);
    --ease-in-power4: cubic-bezier(.755, .05, .855, .06);
    --ease-out-power4: cubic-bezier(.23, 1, .32, 1);
    --ease-in-out-power4: cubic-bezier(.86, 0, .07, 1);
    --ease-in-circ: cubic-bezier(.6, .04, .98, .335);
    --ease-out-circ: cubic-bezier(.075, .82, .165, 1);
    --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);
    --ease-in-expo: cubic-bezier(.95, .05, .795, .035);
    --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --ease-in-sine: cubic-bezier(.47, 0, .745, .715);
    --ease-out-sine: cubic-bezier(.39, .575, .565, 1);
    --ease-in-out-sine: cubic-bezier(.445, .05, .55, .95);
    --ease-in-back: cubic-bezier(.6, -.28, .735, .045);
    --ease-out-back: cubic-bezier(.175, .885, .32, 1.275);
    --ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55);
    --ease-bounce: cubic-bezier(.47, 1.64, .41, .8);
    --ease-out-bounce: cubic-bezier(.17, .67, .3, 1.33);
    --ease-out: cubic-bezier(.37, .31, 0, 1);
    --ease-out-swift: cubic-bezier(.55, 0, .1, 1);
    --ease-smooth-out: cubic-bezier(.4, 0, 0, 1);
    --ease-smooth-in-out: cubic-bezier(.75, 0, .25, 1);
    --ease-out-gentle: cubic-bezier(.17, 1.38, .35, .96);
    --color-black: #1a1915;
    --color-white: #fff;
    --color-beige: #f4f3f0;
    --color-blue: #0671ff;
    --color-yellow: #e3f794;
    --color-gray: #82868e;
    --color-red: #d80000;
}

/*body {*/
/*    height: 100vh !important;*/
/*    overflow: hidden;*/
/*}*/

/*body.start {*/
/*    height: auto !important;*/
/*    overflow: unset !important;*/
/*}*/

.hero {
    /*height: 400vh;*/
    --intro-d: .25s;
}

.hero .sticky {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    perspective: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero .sticky .medias {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    perspective: 100vh;
    overflow: hidden;
}

.hero .sticky .medias .media {
    position: absolute;
    opacity: 0;
}

.hero .sticky .medias .media .img {
    width: 100%;
    height: 100%;
    border-radius: 0.5208333333vw;
    overflow: hidden;
}

.hero .sticky .medias .media .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.hero .sticky .medias .media:nth-child(1) {
    width: 8.75vw;
    height: 11.6666666667vw;
    top: 10.625vw;
    left: -3.2291666667vw;
}

.hero .sticky .medias .media:nth-child(2) {
    width: 10vw;
    height: 6.6145833333vw;
    top: 7.7604166667vw;
    left: 27.5vw;
    z-index: 3;
}

.hero .sticky .medias .media:nth-child(3) {
    width: 13.8020833333vw;
    height: 10.46875vw;
    top: 1.7708333333vw;
    left: 35vw;
}

.hero .sticky .medias .media:nth-child(4) {
    width: 10.46875vw;
    height: 8.1770833333vw;
    top: 6.1979166667vw;
    left: 60.46875vw;
}

.hero .sticky .medias .media:nth-child(5) {
    width: 6.3020833333vw;
    height: 4.21875vw;
    top: 2.8125vw;
    left: 89.4791666667vw;
}

.hero .sticky .medias .media:nth-child(6) {
    width: 10.7291666667vw;
    height: 15.78125vw;
    top: 13.6979166667vw;
    left: 80.625vw;
}

.hero .sticky .medias .media:nth-child(7) {
    width: 5.3125vw;
    height: 4.4791666667vw;
    top: 29.8958333333vw;
    left: 96.5625vw;
}

.hero .sticky .medias .media:nth-child(8) {
    width: 15.8854166667vw;
    height: 10.5729166667vw;
    top: 35.3645833333vw;
    left: 69.375vw;
}

.hero .sticky .medias .media:nth-child(9) {
    width: 8.90625vw;
    height: 6.25vw;
    top: 42.1875vw;
    left: 52.8645833333vw;
}

.hero .sticky .medias .media:nth-child(10) {
    width: 11.0416666667vw;
    height: 8.28125vw;
    top: 34.375vw;
    left: 14.7395833333vw;
}

.hero .sticky .medias .media:nth-child(11) {
    width: 5.3645833333vw;
    height: 8.0208333333vw;
    top: 31.4583333333vw;
    left: 28.4895833333vw;
}

.hero .sticky .medias .media:nth-child(12) {
    width: 5.3645833333vw;
    height: 7.34375vw;
    top: 21.1979166667vw;
    left: 6.5104166667vw;
}

.hero .sticky .title-wrapper {
    text-align: center;
    transform: translateZ(-50vh);
}

.hero .sticky .title-wrapper .title {
    font-weight: 500;
    font-size: 2.0833333333vw;
    color: #000000;
    line-height: 2.6041666667vw;
    transform: translateZ(0);
    transition: transform 2s var(--ease-smooth-out) calc(var(--intro-d) + 1s);
}

.hero .sticky .title-wrapper .title .word {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    --duration: 1.5s;
    --dir: 1;
}

.hero .sticky .title-wrapper .title span .char {
    font-family: 'Poppins SemiBold';
}

.hero .sticky .title-wrapper .title .line:nth-child(1) .word {
    --init-d: 0s;
}

.hero .sticky .title-wrapper .title .line:nth-child(1) .word:nth-child(1) {
    --index: 0;
}

.hero .sticky .title-wrapper .title .line:nth-child(1) .word:nth-child(2) {
    --index: 1;
}

.hero .sticky .title-wrapper .title .line:nth-child(2) .word {
    --duration: 1s;
    --init-d: calc(var(--intro-d) + 1.15s);
}

.hero .sticky .title-wrapper .title .line:nth-child(2) .word:nth-child(1) {
    --index: 2;
}

.hero .sticky .title-wrapper .title .line:nth-child(2) .word:nth-child(1) .char {
    transform: translateY(calc(-1.302083333vw * var(--p1))) translate(calc((-55vw * var(--p2)) * var(--dir))) translateZ(0);
}

.hero .sticky .title-wrapper .title .line:nth-child(2) .word:nth-child(2) {
    --index: 3;
}

.hero .sticky .title-wrapper .title .line:nth-child(2) .word:nth-child(2) .char {
    transform: translateY(calc(-1.302083333vw * var(--p1))) translate(calc((55vw * var(--p2)) * var(--dir))) translateZ(0);
}

.hero.is-active .sticky .title-wrapper {
    transform: translateZ(0);
    transition: transform 3s var(--ease-out-power1);
}

.hero.is-active .sticky .title-wrapper .title {
    transform: translate3d(0, -1.3020833333vw 0);
}

.hero.is-active .sticky .title-wrapper .title .word {
    opacity: 1;
    transform: translateZ(0);
    --d: calc(var(--intro-d) + var(--init-d) + var(--index) * .1s);
    transition: opacity var(--duration) var(--ease-out) var(--d), transform var(--duration) var(--ease-out) var(--d);
}

/*.header {*/
/*    transform: translate(-50%, -120%);*/
/*}*/

/*.header.show {*/
/*    transform: translate(-50%, 0%);*/
/*}*/

.banner {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 3;
    /*transform: scale(0);*/
    transform-origin: 47.8% 50%;
}

.banner .index_banner_swiper {
    width: 100%;
    height: 100%;
    /*pointer-events: none;*/
}

.banner .index_banner_swiper .swiper-pagination {
    display: block;
    right: 1.3020833333vw;
    width: unset;
    top: 50%;
    bottom: unset;
    left: unset;
    transform: translateY(-50%);
    /*opacity: 0;*/
    /*pointer-events: none;*/
    transition: 0.6s;
}

.banner .index_banner_swiper .swiper-pagination .swiper-pagination-bullet {
    width: 0.5208333333vw;
    height: 0.5208333333vw;
    background: rgba(255, 255, 255, 0.3);
    opacity: 1;
    transition: 0.6s;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner .index_banner_swiper .swiper-pagination .swiper-pagination-bullet img {
    display: block;
    position: absolute;
    max-width: unset;
    max-height: unset;
    width: 1.4583333333vw;
    height: 1.4583333333vw;
    transform: scale(0);
    transition: 0.6s;
    pointer-events: none;
}

.banner .index_banner_swiper .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
    margin-bottom: 2.0833333333vw;
}

.banner .index_banner_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 0) !important;
}

.banner .index_banner_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active img {
    transform: scale(1) rotate(360deg);
}

.banner .index_banner_swiper .swiper-pagination .swiper-pagination-bullet:hover {
    background: white;
}

.banner .index_banner_swiper .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
    pointer-events: none;
}

.banner .index_banner_swiper .swiper-slide .text {
    width: 87.5vw;
    position: absolute;
    left: 6.25vw;
    bottom: 4.7395833333vw;
    padding: 0 0 2.03125vw;
    border-bottom: 0.0520833333vw solid rgba(255, 255, 255, 0.4);
    z-index: 3;
    /*opacity: 0;*/
    transition: 0.6s;
}

.banner .index_banner_swiper .swiper-slide .text .slide_title {
    font-family: 'Poppins SemiBold';
    font-weight: 600;
    font-size: 4.1666666667vw;
    color: #FFFFFF;
    line-height: 4.1666666667vw;
    opacity: 0;
    transform: translateY(2.6041666667vw);
}

.banner .index_banner_swiper .swiper-slide .text .slide_des {
    font-weight: 400;
    font-size: 1.0416666667vw;
    color: #FFFFFF;
    line-height: 1.3541666667vw;
    width: 33.4375vw;
    opacity: 0;
    transform: translateY(2.6041666667vw);
}

.banner .index_banner_swiper .swiper-slide .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.banner .index_banner_swiper .swiper-slide .img video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .index_banner_swiper .swiper-slide .img img {
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    transition: 2s;
}

.banner .index_banner_swiper .swiper-slide.swiper-slide-active .text .slide_title, .banner .index_banner_swiper .swiper-slide.swiper-slide-active .text .slide_des {
    opacity: 1;
    transform: translateY(0);
    transition: 0.8s;
}

.banner .index_banner_swiper .swiper-slide.swiper-slide-active .text .slide_des {
    transition-delay: 0.2s;
}

.banner .index_banner_swiper .swiper-slide.swiper-slide-active .img img {
    transform: scale(1);
}

.banner .index_banner_swiper.show {
    pointer-events: auto;
}

.banner .index_banner_swiper.show .swiper-slide {
    pointer-events: auto;
}

.banner .index_banner_swiper.show .swiper-slide .text {
    opacity: 1;
}

.banner .index_banner_swiper.show .swiper-pagination {
    opacity: 1;
    pointer-events: auto;
}

.sec1 {
    padding: 5.0520833333vw 6.25vw 0;
}

.sec1 .title {
    font-weight: 400;
    font-size: 0.8333333333vw;
    color: #000000;
    margin-bottom: 1.0416666667vw;
}

.sec1 .part:not(:last-child) {
    margin-bottom: 4.6875vw;
}

.sec1 .part:nth-child(2) .part_bottom {
    background: #596A40;
}

.sec1 .part:nth-child(2) .part_bottom .part_bottom_des {
    color: #FFFFFF;
}

.sec1 .part:nth-child(2) .part_bottom .more p {
    color: #FFFFFF;
}

.sec1 .part:nth-child(2) .part_bottom .more svg path {
    fill: #FFFFFF;
}

.sec1 .part:nth-child(2) .part_bottom .more:hover p {
    color: #D7DCCD !important;
}

.sec1 .part:nth-child(2) .part_bottom .more:hover svg {
    transform: translateX(0.5208333333vw);
}

.sec1 .part:nth-child(2) .part_bottom .more:hover svg path {
    fill: #D7DCCD !important;
}

.sec1 .part:nth-child(2) .part_bottom .split_line1 {
    background: rgba(255, 255, 255, 0.2);
}

.sec1 .part:nth-child(3) .part_bottom {
    background: #DFE3C7;
}

.sec1 .part .split_line {
    width: 100%;
    height: 0.0520833333vw;
    background: #d6d6d6;
    margin: 0.2604166667vw 0 3.90625vw;
}

.sec1 .part .part_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec1 .part .part_top .sort {
    font-family: 'Poppins Medium';
    font-weight: 500;
    font-size: 6.25vw;
    color: rgba(0, 0, 0, 0.1);
    line-height: 7.2916666667vw;
}

.sec1 .part .part_top .part_top_l .part_title {
    font-size: 2.6041666667vw;
    color: #596A40;
    line-height: 1;
}

.sec1 .part .part_top .part_top_l .part_title .char {
    font-family: 'Poppins SemiBold';
}

.sec1 .part .part_top .part_top_l .part_des {
    font-weight: 600;
    font-size: 2.0833333333vw;
    color: #000000;
}

.sec1 .part .part_top .part_top_l .part_des .char {
    font-family: 'Poppins SemiBold';
}

.sec1 .part .part_center {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.1875vw;
}

.sec1 .part .part_center .part_center_l {
    width: 33.59375vw;
    font-weight: 400;
    font-size: 1.5625vw;
    color: #000000;
    line-height: 2.0833333333vw;
}

.sec1 .part .part_center .part_center_r {
    width: 34.1145833333vw;
    font-weight: 400;
    font-size: 1.0416666667vw;
    color: rgba(0, 0, 0, 0.6);
    padding: 0.2604166667vw 0 0;
}

.sec1 .part .part_bottom {
    background: #D7DCCD;
    border-radius: 0.5208333333vw;
    padding: 4.6354166667vw 3.6458333333vw 4.5833333333vw;
    position: relative;
}

.sec1 .part .part_bottom .img_y {
    width: 22.9166666667vw;
    height: 15.1041666667vw;
    position: absolute;
    top: 3.6458333333vw;
    right: 5vw;
    transform: rotate(12deg);
}

.sec1 .part .part_bottom .img_y .img {
    width: 100%;
    height: 100%;
    border-radius: 0.625vw;
    overflow: hidden;
}

.sec1 .part .part_bottom .img_y .img img {
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
    transition: 3s;
}

.sec1 .part .part_bottom .img_y.aos-animate .img img {
    transform: scale(1);
}

.sec1 .part .part_bottom .part_bottom_des {
    font-weight: 400;
    font-size: 2.6041666667vw;
    color: #000000;
    line-height: 3.6458333333vw;
    width: 62.5vw;
    position: relative;
    z-index: 3;
}

.sec1 .part .part_bottom .part_bottom_des .line {
    display: inline !important;
}

.sec1 .part .part_bottom .part_bottom_des strong {
    display: inline !important;
}

.sec1 .part .part_bottom .part_bottom_des strong .char {
    font-family: 'Poppins SemiBold';
}

.sec1 .part .part_bottom .more {
    width: fit-content;
    margin: 2.34375vw 0 0.46875vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5208333333vw;
}

.sec1 .part .part_bottom .more p {
    font-weight: 400;
    font-size: 1.5625vw;
    color: #000000;
    transition: 0.6s;
}

.sec1 .part .part_bottom .more svg {
    display: block;
    width: 1.0416666667vw;
    height: unset;
    transition: 0.6s;
}

.sec1 .part .part_bottom .more svg path {
    transition: 0.6s;
}

.sec1 .part .part_bottom .more:hover p {
    color: #596A40 !important;
}

.sec1 .part .part_bottom .more:hover svg {
    transform: translateX(0.5208333333vw);
}

.sec1 .part .part_bottom .more:hover svg path {
    fill: #596A40 !important;
}

.sec1 .part .part_bottom .split_line1 {
    width: 100%;
    height: 0.0520833333vw;
    background: rgba(0, 0, 0, 0.2);
}

.sec2 {
    padding: 4.6354166667vw 6.25vw 5.46875vw;
}

.sec2 .title {
    font-weight: 400;
    font-size: 0.8333333333vw;
    color: #000000;
    margin-bottom: 0.8333333333vw;
}

.sec2 .sec2_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.sec2 .sec2_top .little_title {
    width: 30.7291666667vw;
    font-weight: 600;
    font-size: 1.5625vw;
    color: #000000;
    line-height: 2.0833333333vw;
}

.sec2 .sec2_top .little_title .char {
    font-family: 'Poppins SemiBold';
}

.sec2 .sec2_top .little_title span {
    color: #50753C;
}

.sec2 .sec2_top .little_title .line {
    display: inline !important;
}

.sec2 .sec2_top .little_title span {
    display: inline !important;
}

.sec2 .sec2_top .more {
    padding: 0 0 1.0416666667vw;
}

.sec2 .sec2_top .more a {
    display: flex;
    align-items: center;
    gap: 0.6770833333vw;
    padding: 0 1.25vw;
    height: 2.6041666667vw;
    border-radius: 1.5625vw;
    transition: 0.6s;
    background: #596A40;
}

.sec2 .sec2_top .more a p {
    font-weight: 400;
    font-size: 0.9375vw;
    color: #FFFFFF;
    transition: 0.6s;
}

.sec2 .sec2_top .more a .icon {
    width: 1.4583333333vw;
    height: 1.4583333333vw;
    border-radius: 50%;
    border: 0.1041666667vw solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s;
}

.sec2 .sec2_top .more a .icon img {
    display: block;
    width: 0.5208333333vw;
    height: unset;
    transition: 0.6s;
    filter: brightness(0) invert(1);
}

.sec2 .sec2_top .more a:hover {
    background: #FFFFFF;
}

.sec2 .sec2_top .more a:hover p {
    color: #596A40;
}

.sec2 .sec2_top .more a:hover .icon {
    border: 0.1041666667vw solid #596A40;
}

.sec2 .sec2_top .more a:hover .icon img {
    filter: brightness(1);
}

.sec2 .split_line {
    width: 100%;
    height: 0.0520833333vw;
    background: #D6D6D6;
    margin: 1.0416666667vw 0 3.125vw;
}

.sec2 .sec2_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4.6875vw 0 0;
}

.sec2 .sec2_box .l_box {
    width: 52.0833333333vw;
}

.sec2 .sec2_box .l_box .content {
    font-weight: 400;
    font-size: 1.3541666667vw;
    color: #000000;
    line-height: 2.2916666667vw;
    margin-bottom: 3.3854166667vw;
}

.sec2 .sec2_box .l_box .content span {
    font-family: 'Poppins SemiBold';
    color: #50753C;
}

.sec2 .sec2_box .l_box .numList {
    display: flex;
    gap: 3.125vw;
}

.sec2 .sec2_box .l_box .numList .count_item .num {
    display: flex;
}

.sec2 .sec2_box .l_box .numList .count_item .num p {
    font-family: 'Poppins SemiBold';
    font-weight: bold;
    font-size: 2.6041666667vw;
    color: #000000;
    line-height: 1;
}

.sec2 .sec2_box .l_box .numList .count_item .item_des {
    font-weight: 400;
    font-size: 0.8333333333vw;
    color: rgba(0, 0, 0, 0.6);
    margin: 0.3125vw 0 0;
}

.sec2 .sec2_box .r_box {
    width: 18.75vw;
    height: 23.9583333333vw;
    position: relative;
}

.sec2 .sec2_box .r_box .sq {
    width: 100%;
    height: 100%;
    border-radius: 1.0416666667vw;
    background: rgba(89, 106, 64, 0.3);
    transform: rotate(3deg);
}

.sec2 .sec2_box .r_box .img {
    width: 100%;
    height: 100%;
    border-radius: 1.0416666667vw;
    overflow: hidden;
    position: absolute;
    z-index: 3;
    transform: rotate(11deg);
}

.sec2 .sec2_box .r_box .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.sec3 {
    padding: 4.53125vw 6.25vw 5.4166666667vw;
    background: #FFFFFF;
}

.sec3 .title {
    font-weight: 400;
    font-size: 0.8333333333vw;
    color: #000000;
    margin-bottom: 0.3125vw;
}

.sec3 .little_title {
    font-weight: 600;
    font-size: 2.6041666667vw;
    color: #000000;
    margin-bottom: 0.78125vw;
}

.sec3 .little_title .char {
    font-family: 'Poppins SemiBold';
}

.sec3 .split_line {
    width: 100%;
    height: 0.0520833333vw;
    background: #d6d6d6;
    margin: 0 0 1.0416666667vw;
}

.sec3 .list .item:not(:last-child) {
    margin-bottom: 1.0416666667vw;
}

.sec3 .list .item .split_line {
    margin: 1.0416666667vw 0 0;
}

.sec3 .list .item .item_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.sec3 .list .item .item_box .img {
    width: 20.8333333333vw;
    height: 11.4583333333vw;
    border-radius: 0.5208333333vw;
    overflow: hidden;
}

.sec3 .list .item .item_box .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: 3s;
}

.sec3 .list .item .item_box .item_l {
    display: flex;
    padding: 2.4479166667vw 0 0;
}

.sec3 .list .item .item_box .item_l .sort {
    font-weight: 500;
    font-size: 2.6041666667vw;
    color: rgba(0, 0, 0, 0.1);
    width: 6.9270833333vw;
}

.sec3 .list .item .item_box .item_l .item_title {
    font-family: 'Poppins SemiBold';
    font-weight: 600;
    font-size: 1.4583333333vw;
    color: #000000;
    width: 21.875vw;
    margin-right: 1.9791666667vw;
    padding: 0.78125vw 0 0;
}

.sec3 .list .item .item_box .item_l .item_des {
    width: 26.0416666667vw;
    font-weight: 400;
    font-size: 0.9375vw;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.4583333333vw;
    padding: 1.09375vw 0 0;
}

.sec3 .list .item .item_box:hover .img img {
    transform: scale(1.1);
}

.sec4 {
    padding: 4.1666666667vw 6.25vw 5.7291666667vw;
}

.sec4 .sec4_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.3020833333vw;
}

.sec4 .sec4_top .title {
    font-weight: 600;
    font-size: 2.6041666667vw;
    color: #000000;
}

.sec4 .sec4_top .title .char {
    font-family: 'Poppins SemiBold';
}

.sec4 .sec4_top .more a {
    display: flex;
    align-items: center;
    gap: 0.6770833333vw;
    padding: 0 1.25vw;
    height: 2.6041666667vw;
    border-radius: 1.5625vw;
    transition: 0.6s;
    background: #596A40;
}

.sec4 .sec4_top .more a p {
    font-weight: 400;
    font-size: 0.9375vw;
    color: #FFFFFF;
    transition: 0.6s;
}

.sec4 .sec4_top .more a .icon {
    width: 1.4583333333vw;
    height: 1.4583333333vw;
    border-radius: 50%;
    border: 0.1041666667vw solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s;
}

.sec4 .sec4_top .more a .icon img {
    display: block;
    width: 0.5208333333vw;
    height: unset;
    transition: 0.6s;
    filter: brightness(0) invert(1);
}

.sec4 .sec4_top .more a:hover {
    background: #FFFFFF;
}

.sec4 .sec4_top .more a:hover p {
    color: #596A40;
}

.sec4 .sec4_top .more a:hover .icon {
    border: 0.1041666667vw solid #596A40;
}

.sec4 .sec4_top .more a:hover .icon img {
    filter: brightness(1);
}

.sec4 .swiper .swiper-slide .slide_box {
    display: block;
}

.sec4 .swiper .swiper-slide .slide_box .img {
    width: 100%;
    height: 12.5vw;
    border-radius: 0.5208333333vw;
    overflow: hidden;
    margin-bottom: 0.9375vw;
}

.sec4 .swiper .swiper-slide .slide_box .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: 3s;
}

.sec4 .swiper .swiper-slide .slide_box .date {
    font-weight: 400;
    font-size: 0.9375vw;
    color: rgba(0, 0, 0, 0.4);
    margin-bottom: 0.6770833333vw;
}

.sec4 .swiper .swiper-slide .slide_box .slide_title {
    font-family: 'Poppins SemiBold';
    font-weight: 600;
    font-size: 0.9375vw;
    color: #000000;
    line-height: 1.25vw;
    transition: 0.6s;
    margin-bottom: 0.6770833333vw;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 2.5vw;
}

.sec4 .swiper .swiper-slide .slide_box .slide_des {
    font-weight: 400;
    font-size: 0.8333333333vw;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.25vw;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sec4 .swiper .swiper-slide .slide_box:hover .img img {
    transform: scale(1.1);
}

.sec4 .swiper .swiper-slide .slide_box:hover .slide_title {
    color: #596A40;
}

.sec4 .swiper-pagination {
    position: unset;
    width: 100%;
    height: 0.15625vw;
    background: #FFFFFF;
    margin: 2.4479166667vw 0 0;
}

.sec4 .swiper-pagination .swiper-pagination-progressbar-fill {
    background: #596A40;
}


@media screen and (max-width: 768px) {
    .hero .sticky {
        height: 60vh;
    }
    .banner {
        height: 60vh;
    }
    .banner .index_banner_swiper .swiper-slide .text {
        width: calc(100% - 30px);
        left: 15px;
        padding: 0 0 15px;
        bottom: 30px;
    }
    .banner .index_banner_swiper .swiper-slide .text .slide_title {
        font-size: 24px;
        line-height: 1.1;
        margin-bottom: 15px;
    }
    .banner .index_banner_swiper .swiper-slide .text .slide_des {
        font-size: 15px;
        line-height: 1.6;
        width: 100%;
    }
    .sec1 {
        padding: 50px 15px;
    }
    .sec1 .title {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .sec1 .part .part_top {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 18px;
    }
    .sec1 .part .part_top .sort {
        font-size: 28px;
        line-height: 1;
    }
    .sec1 .part .part_top .part_top_l .part_title {
        font-size: 26px;
        margin-bottom: 8px;
    }
    .sec1 .part .part_top .part_top_l .part_des {
        font-size: 16px;
    }
    .sec1 .part .split_line {
        height: 1px;
        margin: 10px 0 20px;
    }
    .sec1 .part .part_center {
        display: block;
        margin-bottom: 20px;
    }
    .sec1 .part .part_center .part_center_l {
        width: 100%;
        font-size: 15px;
        line-height: 1.6;
    }
    .sec1 .part .part_center .part_center_r {
        width: 100%;
        font-size: 14px;
        line-height: 1.6;
        margin: 15px 0 0;
    }
    .sec1 .part .part_bottom {
        border-radius: 8px;
        padding: calc(40px + 54vw) 20px 20px;
    }
    .sec1 .part .part_bottom .more {
        margin: 20px 0 10px;
        gap: 8px;
    }
    .sec1 .part .part_bottom .more p {
        font-size: 14px;
    }
    .sec1 .part .part_bottom .more svg {
        width: 12px;
    }
    .sec1 .part:not(:last-child) {
        margin-bottom: 50px;
    }
    .sec1 .part .part_bottom .img_y {
        width: calc(100% - 40px);
        top: 20px;
        left: 20px;
        height: 54vw;
        transform: unset;
        right: unset;
    }
    .sec1 .part .part_bottom .img_y .img {
        transform: unset !important;
    }
    .sec1 .part .part_bottom .img_y .img img {
        transform: unset !important;
    }
    .sec1 .part .part_bottom .img_y .img {
        border-radius: 6px;
    }
    .sec1 .part .part_bottom .part_bottom_des {
        font-size: 14px;
        line-height: 1.6;
        width: 100%;
    }
    .sec2 {
        padding: 15px 15px 50px;
    }
    .sec2 .title {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .sec2 .sec2_top {
        display: block;

    }
    .sec2 .sec2_top .little_title {
        width: 100%;
        font-size: 22px;
        line-height: 1.2;
        margin-bottom: 20px;
    }
    .sec2 .split_line {
        height: 1px;
        margin: 20px 0 35px;
    }
    .sec2 .sec2_top .more {
        padding: 0;
        display: flex;
        justify-content: flex-start;
    }
    .sec2 .sec2_top .more a .icon {
        width: 32px;
        height: 32px;
    }
    .sec2 .sec2_top .more a {
        height: unset;
        padding: 3px 3px 3px 15px;
        gap: 8px;
        width: fit-content;
        border-radius: 40px;
    }
    .sec2 .sec2_top .more a .icon img {
        width: 10px;
    }
    .sec2 .sec2_top .more a p {
        font-size: 13px;
    }
    .sec2 .sec2_box {
        flex-direction: column-reverse;
        gap: 25px;
        padding: 0;
    }
    .sec2 .sec2_box .l_box {
        width: 100%;
    }
    .sec2 .sec2_box .l_box .content {
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 40px;
    }
    .sec2 .sec2_box .r_box {
        width: 80%;
        height: 88vw;
    }
    .sec2 .sec2_box .r_box .img {
        border-radius: 8px;
        transform: rotate(7deg);
    }
    .sec2 .sec2_box .r_box .sq {
        border-radius: 8px;
    }
    .sec2 .sec2_box .l_box .numList .count_item .num p {
        font-size: 30px;
    }
    .sec2 .sec2_box .l_box .numList .count_item {
        width: 50%;
    }
    .sec2 .sec2_box .l_box .numList .count_item .item_des {
        font-size: 12px;
        margin: 4px 0 0;
    }
    .sec2 .sec2_box .l_box .numList {
        gap: 30px 0;
        flex-wrap: wrap;
    }
    .sec3 {
        padding: 60px 15px;
    }
    .sec3 .title {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .sec3 .little_title {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .sec3 .split_line {
        height: 1px;
        margin: 0 0 15px;
    }
    .sec3 .list .item .split_line {
        margin: 15px 0 0;
    }
    .sec3 .list .item .item_box {
        flex-direction: column-reverse;
    }
    .sec3 .list .item .item_box .img {
        width: 100%;
        height: 50vw;
        border-radius: 8px;
    }
    .sec3 .list .item .item_box .item_l {
        padding: 20px 0 0;
        flex-wrap: wrap;
        gap: 8px;
    }
    .sec3 .list .item .item_box .item_l .sort {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
    }
    .sec3 .list .item .item_box .item_l .item_title {
        width: unset;
        font-size: 18px;
        padding: 8px 0 0;
        margin: 0;
        line-height: 20px;
    }
    .sec3 .list .item .item_box .item_l .item_des {
        width: 100%;
        padding: 4px 0 0;
        font-size: 14px;
        line-height: 1.6;
    }
    .sec3 .list .item:not(:last-child) {
        margin-bottom: 25px;
    }
    .sec4 {
        padding: 50px 15px;
    }
    .sec4 .sec4_top {
        margin-bottom: 25px;
    }
    .sec4 .sec4_top .title {
        font-size: 26px;
    }
    .sec4 .sec4_top .more a .icon {
        width: 32px;
        height: 32px;
    }
    .sec4 .sec4_top .more a {
        height: unset;
        padding: 3px 3px 3px 15px;
        gap: 8px;
        width: fit-content;
        border-radius: 40px;
    }
    .sec4 .sec4_top .more a .icon img {
        width: 10px;
    }
    .sec4 .sec4_top .more a p {
        font-size: 13px;
    }
    .sec4 {
        overflow: hidden;
    }
    .sec4 .swiper {
        overflow: unset;
    }
    .sec4 .swiper .swiper-slide .slide_box .img {
        height: 67vw;
        border-radius: 8px;
        margin-bottom: 16px;
    }
    .sec4 .swiper .swiper-slide .slide_box .date {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .sec4 .swiper .swiper-slide .slide_box .slide_title {
        font-size: 15px;
        line-height: 19px;
        height: 38px;
        margin-bottom: 8px;
    }
    .sec4 .swiper .swiper-slide .slide_box .slide_des {
        font-size: 13px;
        line-height: 1.6;
    }
    .sec4 .swiper .swiper-slide {
        padding: 0 0 15px;
    }
    .sec4 .swiper-pagination {
        height: 1px;
        margin: 30px 0 0;
    }
}