#general-situation .section-box__header {
    flex: 1 0 0;
    width: 100%;
    /* padding-top: calc(25 * var(--rpx)); */
    padding-right: calc(20 * var(--rpx));
}

#general-situation .section-box__header-title {
    font-size: calc(42 * var(--rpx));
    font-weight: 400;
    color: var(--primary);
    line-height: 1;
}

#general-situation .section-box__header-desc {
    font-size: calc(16em / 12);
    color: #666666;
    margin-top: calc(30 * var(--rpx));
}

#general-situation .section-box__header-desc strong {
    font-style: inherit;
    font-weight: revert;
}

#general-situation .section-box__header-desc p+p {
    margin-top: calc(20 * var(--rpx));
}

#general-situation .section-box__main {
    margin-left: auto;
}

#general-situation .section-box__main img {
    max-width: calc(700 * var(--rpx));
    width: 100%;
}

.section-vision.section-wrap {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

.section-vision.section-wrap .section-wrap__header {
    color: #fff;
    margin-top: calc(120 * var(--rpx));
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box {
    min-height: calc(960 * var(--rpx));
    padding: calc(348 * var(--rpx)) calc(10 * var(--rpx)) calc(200 * var(--rpx));
    justify-content: flex-start;
    cursor: default;
    position: relative;
}

.section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box::after {
    content: '';
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .3);
    top: 0;
    right: 0;
    position: absolute;
}

.section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box:last-child:after {
    display: none;
}

.section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box .vision-box__icon {
    width: calc(140 * var(--rpx));
    height: calc(140 * var(--rpx));
    border-radius: 50%;
    transition: background 0.5s linear;
    flex-basis: auto;
    position: relative;
    z-index: 1;
}

.section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box .vision-box__icon img {
    max-width: calc(100% - calc(70 * var(--rpx)));
    max-height: calc(100% - calc(56 * var(--rpx)));
}

.section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box .vision-box__icon::before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: inherit;
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .5);
    z-index: -2;
    box-sizing: border-box;
}

.section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box .vision-box__icon::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1.5px solid #fff;
    border-radius: inherit;
    border-top-color: transparent;
    border-bottom-color: transparent;
    transform: rotate(-45deg);
    box-sizing: border-box;
    z-index: -1;
    transition: transform 0.5s linear;
}

.section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box .vision-box__content {
    color: #fff;
    text-align: center;
}

.section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box .vision-box__content .title {
    font-size: calc(36 * var(--rpx));
    margin-top: calc(30 * var(--rpx));
}

.section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box .vision-box__content .desc {
    font-size: 1em;
    line-height: 1.5;
    margin-top: calc(16 * var(--rpx));
}

.section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box:hover .vision-box__icon {
    background-color: var(--primary-foreground);
}

.section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box:hover .vision-box__icon::after {
    transform: rotate(0deg);
    border: 1.5px solid var(--primary);
}

.section-vision.section-wrap .section-wrap__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.section-vision.section-wrap .section-wrap__bg img {
    height: 100%;
    object-fit: cover;
}



.layer-understand {
    padding: calc(154 * var(--rpx)) 0;
    background: url(../images/bg-9.jpg) no-repeat center center / cover;
}

.layer-understand .layer-wrapper {
    align-items: flex-start;
}

.layer-understand .layer-header {
    color: #fff;
    max-width: clamp(250px, calc(15.625vw + 200px), 500px);
    padding-top: 0;
}

.layer-understand .layer-header .section-more__btn {
    width: max-content;
    margin-top: calc(26 * var(--rpx));
}

.layer-understand .layer-main {
    width: clamp(320px, 20.8333333vw + 240px, 640px);
    border-top: 1px solid #fff;
    margin-left: auto;
    flex: 0 0 auto;
}

.layer-understand .layer-main .info-box {
    color: #fff;
    padding: calc(60 * var(--rpx)) 0;
    padding-right: calc(56 * var(--rpx));
    border-bottom: 1px solid #fff;
}

.layer-understand .layer-main .info-box__content .inner-text {
    font-size: var(16 * var(--rpx));
}

.layer-understand .layer-main .info-box__content .inner-text .title {
    font-size: calc(68 * var(--rpx));
    line-height: .9;
}

.layer-understand .layer-main .info-box__content .inner-text .title sup {
    font-size: calc(28 * var(--rpx));
}

.layer-understand .layer-main .info-box__content .inner-text .label {
    margin-top: calc(20 * var(--rpx));
}

.layer-understand .layer-main .info-box__icon {
    height: calc(60 * var(--rpx));
}

.section-honor.section-wrap {
    padding-top: calc(120 * var(--rpx));
    padding-bottom: calc(180 * var(--rpx));
    position: relative;
}

.section-honor.section-wrap .section-wrap__header {
    margin-bottom: 0;
}

.section-honor.section-wrap .section-wrap__main .swiper {
    --swiper-pagination-bullet-width: calc(60 * var(--rpx));
    --swiper-pagination-bullet-height: calc(6 * var(--rpx));
    --swiper-pagination-bullet-border-radius: 999px;
    --swiper-pagination-color: var(--primary-foreground);
    --swiper-pagination-bullet-inactive-color: rgba(0, 0, 0, .5);
    padding: calc(40 * var(--rpx)) 0 calc(80 * var(--rpx)) calc(calc(100% - var(--max-content-width)) / 2);
    /* margin-right: calc(calc(100% - var(--max-content-width)) / 2); */
}

.section-honor.section-wrap .section-wrap__main .swiper-slide {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.section-honor.section-wrap .section-wrap__main .swiper-slide .img {
    width: 100%;
    height: calc(220 * var(--rpx));
    box-shadow: 0 calc(4 * var(--rpx)) calc(20 * var(--rpx)) 0 rgba(0, 0, 0, 0.1);
    background: rgb(255, 255, 255);
}

.section-honor.section-wrap .section-wrap__main .swiper-slide .img img {
    max-width: calc(100% - 56 * var(--rpx));
    max-height: calc(100% - 16 * var(--rpx));
}

.section-honor.section-wrap .section-wrap__main .swiper-slide .title {
    color: #252525;
    font-size: calc(20 * var(--rpx));
    font-weight: 400;
    text-align: center;
    padding: calc(18 * var(--rpx)) calc(20 * var(--rpx));
}

.section-honor.section-wrap .section-wrap__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(180.00deg, rgba(255, 254.74501037597656, 254.74501037597656, 1) 33%, rgba(255, 254.74501037597656, 254.74501037597656, 0) 100%);
}

.section-honor.section-wrap .section-wrap__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.section-history {
    --nav-w: calc(100 * var(--rpx));
    --border-w: calc(var(--nav-w) / 2);
    --border-h: 3px;
    padding-top: calc(120 * var(--rpx));
    padding-bottom: calc(100 * var(--rpx));
    background: rgba(237, 242, 242, 1);
}

.section-history .history-box {
    position: relative;
}

.section-history .history-box__wrapper {
    padding-left: var(--border-w) !important;
}

.section-history .history-box .history-box__solid {
    border: .5px dashed var(--primary);
    border-top: 0;
    border-bottom: 0;
    flex-basis: auto;
    position: relative;
}

.section-history .history-box .history-box__solid::before {
    content: '';
    width: calc(8 * var(--rpx));
    height: calc(8 * var(--rpx));
    background-color: var(--primary-foreground);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-history .history-box .history-box__content {
    flex: 1 0 0;
    margin-left: var(--border-w);
    position: relative;
    overflow: hidden;
}

.section-history .history-box .history-box__content .year-text {
    font-size: calc(108 * var(--rpx));
    font-weight: 500;
    color: var(--primary);
    line-height: 1;
    position: absolute;
    top: 2%;
    left: 0;
    transition: all .3s linear;
}

.section-history .history-box .history-box__content .swiper-slide__content {
    padding-right: calc(66 * var(--rpx));
}

.section-history .history-box .history-box__content .swiper-slide__content .os-scrollbar {
    border-radius: calc(10 * var(--rpx));
    background: rgb(222, 222, 222);
    /* position: relative; */
}

/* .section-history .history-box .history-box__content .swiper-slide__content .os-scrollbar::before {
    content: '';
    display: block;
    width: calc(var(--os-size) - calc(var(--os-padding-axis) * 2));
    height: calc(var(--os-size) - calc(var(--os-padding-perpendicular) * 2));
    background-color: var(--primary-foreground);
    border-radius: 50%;
    position: absolute;
    top: 0;
    transform: translate(0, -100%);
} */
.section-history .history-box .history-box__content .swiper-slide__content .os-scrollbar-handle {
    background: var(--primary-foreground);
}

.section-history .history-box .history-box__content .swiper-slide__content .month-box {
    margin-top: 20px;
}

.section-history .history-box .history-box__content .swiper-slide__content .month {
    color: #000;
    font-weight: 500;
    font-size: calc(28 * var(--rpx));
}

.section-history .history-box .history-box__content .swiper-slide__content .desc {
    font-size: 1.25em;
    margin-top: calc(10 * var(--rpx));
}

.section-history .history-box .history-box__content .swiper-slide__content .desc p+p {
    margin-top: calc(20 * var(--rpx));
}

.section-history .history-box .history-box__content .swiper-slide__content .picture-wall {
    gap: 0 calc(22 * var(--rpx));
    margin-top: calc(20 * var(--rpx));
}
.section-history .history-box .history-box__content .swiper-slide__content .picture-wall__item {
    position: relative;
}
.section-history .history-box .history-box__content .swiper-slide__content .picture-wall img {
    display: block;
    /* cursor: zoom-in; */
}

.section-history .history-box .history-box__content .history-pagination {
    gap: calc(20 * var(--rpx));
    position: absolute;
    bottom: calc(60 * var(--rpx));
    z-index: 1;
}

.section-history .history-box .history-box__content .history-pagination .btn {
    --l: calc(60 * var(--rpx));
    width: var(--l);
    height: var(--l);
    border-radius: 50%;
    transition: background 0.5s linear;
}

.section-history .history-box .history-box__content .history-pagination .btn img {
    max-height: calc(var(--l) - calc(32 * var(--rpx)));
}

.section-history .history-box .history-box__scrollbar {
    flex-basis: auto;
    width: calc(10 * var(--rpx));
    border-radius: calc(10 * var(--rpx));
    background: rgb(222, 222, 222);
}

.section-history .history-box .history-box__scrollbar-content {
    margin: calc(4 * var(--rpx)) 0;
    flex: 1 0 0;
}

.section-history .history-box .history-box__scrollbar::before,
.section-history .history-box .history-box__scrollbar::after {
    --l: calc(8 * var(--rpx));
    content: "";
    width: var(--l);
    height: var(--l);
    border-radius: 50%;
    display: block;
    background-color: var(--primary-foreground);
    flex-basis: auto;
    align-self: center;
}

.section-history .history-box .history-box__scrollbar::before {
    margin-top: 1px;
}

.section-history .history-box .history-box__scrollbar::after {
    margin-bottom: 1px;
}

.section-history .history-box .history-box__scrollbar .history-box__thumb {
    background-color: var(--primary-foreground);
    border-radius: calc(10 * var(--rpx));
    transition: transform .3s linear;
}

.section-history .history-box .history-box__bg {
    --font-size: calc(248 * var(--rpx));
    font-size: var(--font-size);
    color: rgba(0, 0, 0, 0.03);
    font-weight: 500;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all .3s linear;
}

.section-history .history-box .history-box__bg .inner-text {
    line-height: calc(var(--font-size) * .7);
}

.section-history .history-nav {

    overflow: hidden;
}

.section-history .history-nav .history-nav__content {
    position: relative;
}

.section-history .history-nav .history-nav__items {
    width: max-content;
    transform: translateX(calc(var(--border-w) * -1));
    transition: transform .3s linear;
}

.section-history .history-nav__item {
    width: max-content;
    height: calc(40 * var(--rpx));
    border: 1px solid transparent;
    border-radius: calc(40 * var(--rpx));
    padding: calc(4 * var(--rpx)) calc(8 * var(--rpx));
    margin: 0 var(--border-w);
    position: relative;
    flex-basis: auto;
}

.section-history .history-nav__item.active {
    width: var(--nav-w);
}

.section-history .history-nav__item::before,
.section-history .history-nav__item::after {
    content: '';
    width: calc(var(--border-w) * 2 - calc(8 * var(--rpx)));
    height: var(--border-h);
    background-color: var(--primary-foreground);
    position: absolute;
    top: 50%;
}

.section-history .history-nav__item::before {
    width: 0;
    left: 0;
    transform: translate(-100%, -50%);
}

.section-history .history-nav__item::after {
    right: 0;
    transform: translate(100%, -50%);
}

.section-history .history-nav__item:first-child::before,
.section-history .history-nav__item:last-child::after {
    width: 500vw;
}

.section-history .history-nav__item.active::before {
    left: calc(-8 * var(--rpx));
}
.section-history .history-nav__item.active::after {
    width: calc(var(--border-w) * 2 - calc(16 * var(--rpx)));
    transform: translate(calc(100% + calc(8 * var(--rpx))), -50%);
}

.section-history .history-nav__item.active {
    border-color: var(--primary);
}

.section-history .history-nav__item .circle {
    width: calc(15em / 16);
    height: calc(15em / 16);
    border-radius: 50%;
    border: 2px solid var(--primary);
    flex-basis: auto;
    position: relative;
}

.section-history .history-nav__item.active .circle {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(calc(-50% - .5px), -50%);
    border-color: transparent;
    display: none;
}

.section-history .history-nav__item .circle::before {
    content: "";
    display: block;
    width: calc(6em / 16);
    height: calc(6em / 16);
    border-radius: 50%;
    background-color: var(--primary-foreground);
}

.section-history .history-nav__item-year {
    color: var(--primary);
    font-size: 1em;
    padding-left: calc(12 * var(--rpx));
}

.section-history .history-nav__item.active .history-nav__item-year {
    padding-left: 0;
}

@media screen and (max-width: 1200px) {
    #general-situation .section-box__header-title {
        font-size: calc(32 * var(--rpx));
    }

    .section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box .vision-box__icon {
        width: calc(120 * var(--rpx));
        height: calc(120 * var(--rpx));
    }

    .section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box .vision-box__icon img {
        max-width: calc(100% - calc(50 * var(--rpx)));
        max-height: calc(100% - calc(36 * var(--rpx)));
    }

    .section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box .vision-box__content .title {
        font-size: calc(26 * var(--rpx));
    }

    .layer-understand {
        padding: calc(100 * var(--rpx)) 0;
    }

    .layer-understand .layer-wrapper {
        flex-wrap: wrap;
    }

    .layer-understand .layer-header {
        max-width: 100%;
    }

    .layer-understand .layer-header .layer-header__content {
        padding: 0;
    }

    .layer-understand .layer-main {
        max-width: 100%;
        width: 100%;
        margin-left: 0;
        border-top: none;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .section-honor.section-wrap {
        padding: calc(120 * var(--rpx)) 0;
    }
}

@media screen and (max-width: 960px) {}

@media screen and (max-width: 750px) {
    #general-situation .section-box {
        display: block;
    }

    #general-situation .section-box__header {
        max-width: unset;
        padding-top: 0;
        padding-right: 0;
        margin-bottom: calc(30 * var(--rpx));
    }

    .section-vision.section-wrap .section-wrap__content .vision-wrap .vision-box .vision-box__icon {
        width: calc(100 * var(--rpx));
        height: calc(100 * var(--rpx));
    }

    .layer-understand {
        padding: calc(60 * var(--rpx)) 0;
    }

    .layer-understand .layer-main {
        max-width: 100%;
        width: 100%;
        display: block;
    }

    .section-honor.section-wrap {
        padding: calc(60 * var(--rpx)) 0;
    }

    .section-history {
        --nav-w: calc(60 * var(--rpx))
    }

    .section-history .history-box .history-box__content .year-text {
        font-size: calc(50 * var(--rpx));
    }

    .section-history .history-box .history-box__bg {
        font-size: calc(100 * var(--rpx));
    }
    .section-history .history-box .history-box__content .swiper-slide__content {
        padding-right: calc(12 * var(--rpx));
    }
    .section-history .history-box .history-box__content .swiper-slide__content .picture-wall {
        grid-template-columns: repeat(2, 1fr);
        gap: calc(12 * var(--rpx));
    }
    .section-history .history-box .history-box__content .history-pagination .btn {
        --l: calc(40 * var(--rpx))
    }
    .section-history .history-box .history-box__content .history-pagination .btn img {
        max-height: calc(var(--l) - calc(20 * var(--rpx)));
    }
}