.about_body .about_r6 {
    height: 800vh;
    /* padding-top: 2.60417vw */
}
.about_body .about_r6 .row_case {
    height: 100vh!important;
    position: sticky;
    /* top: 7.8125vw; */
    /* top: var(--headh)!important; */
    left: 0
}
.about_body .about_r6 .row_case .pub_case {
    height: 100%;
    position: relative
}
.about_body .about_r6 .row_case .pub_case>p {
    z-index: 3;
    line-height: 1.25vw;
    position: absolute;
    bottom: 7.8125vw;
    left: 3.125vw
}
.about_body .about_r6 .row_case>img {
    width: 100%;
    pointer-events: none;
    position: absolute;
    top: -32.2917vw;
    left: 0
}
.about_body .about_r6 .row_case .about_r6_t .hint_src {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .78125vw;
    font-size: 1.04167vw;
    display: -ms-flexbox;
    display: flex
}
.about_body .about_r6 .row_case .about_r6_t .hint_src img {
    width: 2.08333vw;
    margin-right: .72917vw
}
.about_body .about_r6 .row_case .about_r6_con {
    height: 33.2292vw;
    z-index: 2;
    margin-top: 1.45833vw;
    padding-left: 18.75vw;
    padding-right: 18.75vw;
    position: relative
}
.about_body .about_r6 .row_case .about_r6_con .year_case {
    z-index: 1;
    width: 31.25vw;
    height: 31.25vw;
    pointer-events: none;
    margin-top: -15.625vw;
    margin-left: -15.625vw;
    position: absolute;
    top: 28%;
    left: 50%
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div {
    width: 100%;
    height: 100%;
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    position: absolute;
    top: 0;
    left: 0
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div h4>div {
    display: -ms-flexbox;
    display: flex
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div h4>div span:nth-child(2) {
    transform: translateY(.20833vw)
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div h4>div span:nth-child(3) {
    transform: translateY(.15625vw)
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div h4>div span font {
    opacity: 1;
    transform: none
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div:nth-child(2) h4 {
    color: #84329b
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div:nth-child(1) {
    filter: blur(1px);
    transform: scale(.8)rotate(60deg)
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div:nth-child(2) {
    filter: blur(.15625vw);
    transform: scale(1.15)rotate(90deg)
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div:nth-child(3) {
    filter: blur(1px);
    transform: scale(.6)rotate(170deg)
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div:nth-child(4) {
    filter: blur(.20833vw);
    transform: scale(.75)rotate(20deg)
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div:nth-child(5) {
    filter: blur(.26042vw);
    transform: scale(.9)rotate(265deg)
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div:nth-child(n+6) {
    opacity: 0
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div.on_ed {
    opacity: 0;
    filter: blur(1.5625vw);
    transform: scale(1.8)rotate(45deg)
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div.on_ed.on {
    opacity: 1;
    filter: blur();
    transform: scale(1)rotate(0)
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div.on_ed.on~:nth-of-type(1) {
    filter: blur(1px);
    transform: scale(.8)rotate(60deg)
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div.on_ed.on~:nth-of-type(2) {
    filter: blur(.15625vw);
    transform: scale(1.15)rotate(90deg)
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div.on_ed.on~:nth-of-type(3) {
    filter: blur(1px);
    transform: scale(.6)rotate(170deg)
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div.on_ed.on~:nth-of-type(4) {
    filter: blur(.20833vw);
    transform: scale(.75)rotate(20deg)
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div.on_ed.on~:nth-of-type(5) {
    filter: blur(.26042vw);
    transform: scale(.9)rotate(25deg)
}
.about_body .about_r6 .row_case .about_r6_con .year_case>div.on_ed.on~:nth-of-type(n+6) {
    opacity: 0
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 {
    z-index: 2;
    position: relative;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media screen and (orientation:landscape) {
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-wrapper {
        perspective: 1000px;
        transform-style: preserve-3d;
        display: block;
        position: relative
    }
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .distant {
    filter: brightness(.7)contrast(1.1)
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .near {
    filter: brightness(1.1)contrast(1.1);
    box-shadow: 0 .78125vw 2.08333vw rgba(0, 0, 0, .6)
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide {
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide.abo_r6_con_tex--even {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}
/* .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .pub_img_box {
    width: 25vw;
    border-radius: 1.45833vw;
    margin-top: 4.16667vw;
    box-shadow: 0 1.875vw 4.6875vw rgba(14, 29, 65, .07)
} */
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .pub_img_box:before {
    margin-top: 56.25%
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear {
    width: 23.9583vw;
    height: 23.9583vw;
    /* margin-top: -6.25vw; */
    margin-left: auto;
    margin-right: auto;
    position: relative;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear>img {
    width: 100%;
    display: block
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear h4 {
    color: #0032a0;
    font-size: 1.45833vw;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: 83%;
    left: 12%;
    transform: rotate(45deg)
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear h4>div {
    display: -ms-flexbox;
    display: flex
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear h4>div span:nth-child(2) {
    transform: translateY(.20833vw)
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear h4>div span:nth-child(3) {
    transform: translateY(.15625vw)
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear h4>div span font {
    opacity: 1;
    transform: none
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear.even h4 {
    color: #84329b
}
@media screen and (orientation:landscape) {
    .about_body .about_r6 .row_case .about_r6_con .swiper {
        overflow: visible
    }
}
.about_body .about_r6 .row_case .swiper_abo_r6_nav>img {
    width: 82.5vw;
    max-width: none;
    display: block;
    position: absolute;
    top: calc(100% + .52083vw);
    right: 50%
}
@media screen and (orientation:landscape) {
    .about_body .about_r6 .row_case .swiper_abo_r6_nav .swiper-wrapper {
        display: block
    }
}

@media screen and (orientation:portrait) {
    /* .about_body .about_r6 {
        padding-top: .6rem
    } */
    .about_body .about_r6 .zw_block {
        height: 2.8rem
    }
    .about_body .about_r6 .pub_title_case .pub_title {
        text-align: left
    }
    /* .about_body .about_r6 .row_case {
        height: calc(100vh - 1.8rem);
        top: 1.8rem
    } */
    .about_body .about_r6 .row_case .pub_case {
        overflow: hidden
    }
    .about_body .about_r6 .row_case .pub_case>p {
        line-height: 1;
        bottom: 1.5rem;
        left: .3rem
    }
    .about_body .about_r6 .row_case>img {
        top: -3.2rem
    }
    .about_body .about_r6 .row_case .about_r6_t .hint_src {
        margin-top: .15rem;
        font-size: .24rem
    }
    .about_body .about_r6 .row_case .about_r6_t .hint_src img {
        width: .4rem;
        margin-right: .14rem
    }
    .about_body .about_r6 .row_case .about_r6_con {
        height: 115.6vw;
        margin-top: 1rem;
        padding-left: .6rem;
        padding-right: .6rem
    }
    .about_body .about_r6 .row_case .about_r6_con .year_case {
        width: 7rem;
        height: 7rem;
        margin-top: -3.5rem;
        margin-left: -3.5rem;
        top: 28%
    }
    .about_body .about_r6 .row_case .about_r6_con .year_case>div h4 {
        font-size: .32rem
    }
    .about_body .about_r6 .row_case .about_r6_con .year_case>div h4>div span:nth-child(2) {
        transform: translateY(.04rem)
    }
    .about_body .about_r6 .row_case .about_r6_con .year_case>div h4>div span:nth-child(3) {
        transform: translateY(.03rem)
    }
    .about_body .about_r6 .row_case .about_r6_con .year_case>div:nth-child(1) {
        filter: blur(.01rem)
    }
    .about_body .about_r6 .row_case .about_r6_con .year_case>div:nth-child(2) {
        filter: blur(.03rem)
    }
    .about_body .about_r6 .row_case .about_r6_con .year_case>div:nth-child(3) {
        filter: blur(.01rem)
    }
    .about_body .about_r6 .row_case .about_r6_con .year_case>div:nth-child(4) {
        filter: blur(.04rem)
    }
    .about_body .about_r6 .row_case .about_r6_con .year_case>div:nth-child(5) {
        filter: blur(.05rem)
    }
    .about_body .about_r6 .row_case .about_r6_con .year_case>div.on_ed {
        filter: blur(.3rem)
    }
    .about_body .about_r6 .row_case .about_r6_con .year_case>div.on_ed.on:nth-of-type(1) {
        filter: blur(.01rem)
    }
    .about_body .about_r6 .row_case .about_r6_con .year_case>div.on_ed.on:nth-of-type(2) {
        filter: blur(.03rem)
    }
    .about_body .about_r6 .row_case .about_r6_con .year_case>div.on_ed.on:nth-of-type(3) {
        filter: blur(.01rem)
    }
    .about_body .about_r6 .row_case .about_r6_con .year_case>div.on_ed.on:nth-of-type(4) {
        filter: blur(.04rem)
    }
    .about_body .about_r6 .row_case .about_r6_con .year_case>div.on_ed.on:nth-of-type(5) {
        filter: blur(.05rem)
    }
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-wrapper {
        perspective: 1000px;
        transform-style: preserve-3d;
        display: block;
        position: relative
    }
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide {
        height: auto;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide:nth-child(2n) {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .pub_img_box {
        width: 100%;
        border-radius: .24rem;
        margin-top: .2rem;
        margin-bottom: .2rem
    }
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .abo_t_txt {
        width: 100%;
        border-radius: .24rem;
        padding: .6rem .4rem .3rem
    }
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .abo_t_txt:before {
        width: .13rem;
        height: .13rem;
        top: .25rem;
        right: .25rem
    }
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .abo_t_txt h4 {
        font-size: .32rem
    }
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .abo_t_txt p {
        margin-top: .1rem;
        font-size: .24rem;
        line-height: 1.31
    }
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear {
        width: 5rem;
        height: 5rem;
        margin-top: -1.1rem
    }
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear h4 {
        font-size: .32rem;
        top: 83%;
        left: 12%;
        transform: rotate(45deg)
    }
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear h4>div span:nth-child(2) {
        transform: translateY(.20833vw)
    }
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear h4>div span:nth-child(3) {
        transform: translateY(.15625vw)
    }
    .about_body .about_r6 .row_case .about_r6_con .swiper {
        overflow: visible
    }
    .about_body .about_r6 .row_case .swiper_abo_r6_nav {
        width: calc(50vw - .3rem);
        -ms-flex-direction: column;
        flex-direction: column;
        display: -ms-flexbox;
        display: flex;
        bottom: 1.85rem;
        right: .3rem
    }
    .about_body .about_r6 .row_case .swiper_abo_r6_nav .swiper {
        margin-left: auto;
        margin-right: 0
    }
    /* .about_body .about_r6 .row_case .swiper_abo_r6_nav:before {
        content: "";
        width: calc(130% - .3rem);
        height: .2rem;
        border-bottom: 1px dashed #0032a0;
        border-right: 1px dashed #0032a0;
        border-radius: 0 0 .28rem;
        display: block;
        position: absolute;
        top: calc(100% + .08rem);
        right: .3rem
    } */
    .about_body .about_r6 .row_case .swiper_abo_r6_nav>img {
        width: 100%;
        display: none;
        top: calc(100% + .1rem)
    }
    .about_body .about_r6 .row_case .swiper_abo_r6_nav .swiper-wrapper {
        display: block
    }
    .about_body .about_r6 .row_case .swiper_abo_r6_nav .swiper-slide {
        font-size: .28rem
    }
}
.swiper {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    list-style: none;
    position: relative;
    overflow: hidden;
}
.swiper-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}
.swiper-wrapper {
    width: 100%;
    height: 100%;
    z-index: 1;
    box-sizing: content-box;
    transition-property: transform;
    display: -ms-flexbox;
    display: flex;
    position: relative
}
.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate(0, 0)
}
.swiper-pointer-events {
    touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}
.swiper-slide {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    transition-property: transform;
    position: relative
}
.swiper-slide-invisible-blank {
    visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}
.swiper-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: transform, height
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .5))
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(rgba(0, 0, 0, .5), transparent)
}
.swiper-css-mode>.swiper-wrapper {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: auto
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-order: 9999;
    order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)) {
    margin-left: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-top: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}
:root {
    --swiper-navigation-size: 44px
}
.swiper-button-prev,
.swiper-button-next {
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/2));
    z-index: 10;
    cursor: pointer;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    text-transform: none !important
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}
.swiper-button-lock {
    display: none
}
.swiper-pagination {
    text-align: center;
    z-index: 10;
    transition: opacity .3s;
    position: absolute;
    transform: translate(0, 0)
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 100%;
    bottom: 10px;
    left: 0
}
.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    border-radius: 50%;
    display: inline-block
}
button.swiper-pagination-bullet {
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    margin: 0;
    padding: 0
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}
.swiper-pagination-bullet:only-child {
    display: none !important
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    top: 50%;
    right: 10px;
    transform: translateY(-50%)
}
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px)0;
    display: block
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    width: 8px;
    top: 50%;
    transform: translateY(-50%)
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, top .2s;
    display: inline-block
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    width: 100%;
    height: 100%;
    transform-origin: 0 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0)
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: 100% 0
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    top: 0;
    left: 0
}
.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    top: 0;
    left: 0
}
.swiper-pagination-lock {
    display: none
}
.swiper-scrollbar {
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative
}
.swiper-horizontal>.swiper-scrollbar {
    z-index: 50;
    height: 5px;
    width: 98%;
    position: absolute;
    bottom: 3px;
    left: 1%
}
.swiper-vertical>.swiper-scrollbar {
    z-index: 50;
    width: 5px;
    height: 98%;
    position: absolute;
    top: 1%;
    right: 3px
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    position: relative;
    top: 0;
    left: 0
}
.swiper-scrollbar-cursor-drag {
    cursor: move
}
.swiper-scrollbar-lock {
    display: none
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}
.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}
.swiper-slide-zoomed {
    cursor: move
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top-color: transparent;
    border-radius: 50%;
    margin-top: -21px;
    margin-left: -21px;
    animation: 1s linear infinite swiper-preloader-spin;
    position: absolute;
    top: 50%;
    left: 50%
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
    to {
        transform: rotate(360deg)
    }
}
.swiper .swiper-notification {
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
    position: absolute;
    top: 0;
    left: 0
}
.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}
.swiper-grid>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-cube {
    overflow: visible
}
.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0;
    position: absolute;
    bottom: 0;
    left: 0
}
.swiper-cube .swiper-cube-shadow:before {
    content: "";
    filter: blur(50px);
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.swiper-flip {
    overflow: visible
}
.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
}
.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    transition-property: transform, opacity, height;
    overflow: hidden
}
.swiper-cards {
    overflow: visible
}
.swiper-cards .swiper-slide {
    transform-origin: bottom;
    backface-visibility: hidden;
    overflow: hidden
}
.walk-develop-year{
    z-index: 10;
}
.walk-develop .std-font40{
    z-index: 10;
    /* position: relative; */
}
.walk-develop-list{
    /* position: relative; */
    z-index: 10;
}
.walk-develop{
    overflow: visible;
}
.about_body .about_r6 .row_case .about_r6_con{
    /* padding-left: 11.25vw;
    padding-right: 11.25vw; */
    /* padding-left: 13.25vw;
    padding-right: 13.25vw; */
    padding-left: 8vw;
    padding-right: 8vw;
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6{
    top: 46%;
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear .std-font36 {
    color: var(--colormain);
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: 88%;
    left: 9%;
    transform: rotate(35deg);
}
.wdin-cry{
    width: 100%;
}
.walk-develop-inof-nub:nth-of-type(2n) .wdin-cry {
    flex-direction: row;
}
.walk-develop-inof-nub.abo_r6_con_tex--even .wdin-cry {
    flex-direction: row-reverse;
}
/* html {
  scroll-padding-top: var(--headh);
} */
.pin-spacer{
    inset:0!important;
}
.about_body .about_r6 .row_case{
    top: 0!important;
    padding-top: var(--headh)!important;
}
.walk-honor{
    z-index: 3;
}
.walk-develop{
    margin-top: calc(var(--headh) * -1);
}
.walk-develop .std-font40 {
    top: var(--space100);
}
.wdin-cry-img,.wdin-cry-text{
    will-change: transform, opacity;
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear .std-font36 {
    top: 81%;
    left: 4%;
    transform: rotate(44deg);
}
.wdin-img svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(44deg);
    width: 100%;
    height: 100%;
    overflow: visible;
}
.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear .wdin-img-font36 {
    top: 0%;
    left: 0%;
    transform: rotate(0deg) translate(0%, 4.5%);
    position: relative;
    font-family: var(--num);
}
@media screen and (max-width: 1199px){
    .about_body .about_r6 .row_case .about_r6_con {
        padding-left: 2vw;
        padding-right: 2vw;
    }
}
@media screen and (max-width: 767px){
    .walk-develop-list-nub .std-font24 {
        padding-left: 15px;
        padding-right: 10px;
    }
    .walk-develop-year li {
        margin-bottom: 0.1rem;
    }
    .about_body .about_r6 .row_case .swiper_abo_r6_nav {
        bottom: 1.8rem;
        right: 15px;
    }
    .walk-develop-inof-nub:not(.abo_r6_con_tex--even) .wdin-cry {
        flex-direction: column!important;
    }
    .walk-develop-inof-nub:not(.wdin-sy).abo_r6_con_tex--even .wdin-cry {
        flex-direction: column-reverse;
    }
    .wdin-cry {
        padding: 0 0.2rem;
    }
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 {
        top: 36%;
    }
}