/* 基础样式 */
html {
    scroll-behavior: initial !important;
    font-size: 10px !important;
    overflow-x: hidden
}


@media screen and (min-width: 1920px) {
    html {
        font-size: 10px !important
    }
}

@media screen and (max-width: 1280px) {
    html {
        font-size: 9px !important
    }
}
@media screen and (max-width: 1024px) {
    html {
        font-size: 7.5px !important
    }
}
@media screen and (max-width: 750px) {
    html {
        font-size: 7.5px !important
    }
}

/* body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    width: 100vw;
    background-color: #f0f2f5;
    font-family: Montserrat, Noto Sans SC, PingFang SC, Microsoft JhengHei, Source Han Sans CN, sans-serif;
    font-size: .83333vw;
    font-style: normal;
    font-weight: 300;
    line-height: 1.375
} */




.pub_case {
    width: 89.5833vw;
    margin-left: auto;
    margin-right: auto
}

/* 时间线相关样式 */
.about_body .about_r6 {
    height: 800vh;
    padding-top: 2.60417vw
}

.about_body .about_r6 .row_case {
    height: calc(100vh - 7.8125vw);
    position: sticky;
    top: 7vw;
    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: 10vw;
    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>img {
    width: 100%;
    display: block
}

.about_body .about_r6 .row_case .about_r6_con .year_case>div h4 {
    color: #0032a0;
    font-size: 1.5625vw;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: 83%;
    left: 12%;
    transform: rotate(45deg)
}

.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
}

@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 .abo_t_txt {
    width: 25vw;
    background: #fff;
    border-radius: 1.45833vw;
    padding: 3.4375vw 2.34375vw 1.71875vw;
    position: relative;
    box-shadow: 0 1.875vw 4.79167vw rgba(14, 29, 65, .07)
}

.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .abo_t_txt:before {
    content: "";
    width: .67708vw;
    height: .67708vw;
    background: #0032a0;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 1.30208vw;
    right: 1.30208vw
}

.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .abo_t_txt h4 {
    font-size: 1.66667vw;
    line-height: 1
}

.about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .abo_t_txt p {
    color: #666;
    margin-top: .52083vw;
    font-size: .9375vw;
    line-height: 1.41;
    transform: translateZ(0)
}

.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
}

.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 {
    z-index: 3;
    position: absolute;
    bottom: 15vw;
    right: 3.125vw
}

.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
    }
}

.about_body .about_r6 .row_case .swiper_abo_r6_nav .swiper-slide {
    color: #666;
    cursor: pointer;
    font-size: 1.04167vw;
    line-height: 2;
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.about_body .about_r6 .row_case .swiper_abo_r6_nav .swiper-slide.on {
    color: #000;
    font-weight: 700
}

@media screen and (orientation:landscape) {
    .about_body .about_r6 .row_case .swiper_abo_r6_nav .swiper-slide:hover {
        color: #000;
        font-weight: 700
    }
}

/* 响应式样式 */
@media screen and (orientation:portrait) {
 
    
    .about_body .about_r6 {
        height: 420vw;
        padding-top: .8rem;
        padding-bottom: .5rem
    }
    
    .about_body .about_r6 .row_case {
        height: calc(100vh - 2rem);
        top: 2rem
    }
    
    .about_body .about_r6 .row_case .about_r6_con {
        height: 60vw;
        padding-left: 10vw;
        padding-right: 10vw
    }
    
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
    
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .pub_img_box {
        width: 60vw;
        margin-top: 2rem
    }
    
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .abo_t_txt {
        width: 60vw;
        margin-top: 1rem;
        padding: 1.5rem 1rem
    }
    
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .abo_t_txt h4 {
        font-size: .4rem
    }
    
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .abo_t_txt p {
        font-size: .24rem
    }
    
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear {
        width: 50vw;
        height: 50vw;
        margin-top: -10vw
    }
    
    .about_body .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear h4 {
        font-size: .3rem
    }
    
    .about_body .about_r6 .row_case .swiper_abo_r6_nav {
        bottom: 2rem;
        right: 1rem
    }
    
    .about_body .about_r6 .row_case .swiper_abo_r6_nav>img {
        width: 90vw;
        top: calc(100% + .2rem)
    }
    
    .about_body .about_r6 .row_case .swiper_abo_r6_nav .swiper-slide {
        font-size: .24rem
    }
}

/* 动画效果 */
.scroll-animate.fontAni {
    visibility: visible
}

.scroll-animate.fontAni>div span font {
    opacity: 0;
    transform: translate(5.20833vw)
}

.scroll-animate.fontAni.text_right>div span font {
    transform: translate(-5.20833vw)
}

.fontShow [data-txt]>div span:nth-child(1) font {
    transition: opacity 1s 30ms, transform 1s 30ms;
    display: block;
    opacity: 1 !important;
    transform: translate(0) !important
}

.fontShow [data-txt]>div span:nth-child(2) font {
    transition: opacity 1s 60ms, transform 1s 60ms;
    display: block;
    opacity: 1 !important;
    transform: translate(0) !important
}

.fontShow [data-txt]>div span:nth-child(3) font {
    transition: opacity 1s 90ms, transform 1s 90ms;
    display: block;
    opacity: 1 !important;
    transform: translate(0) !important
}

.fontShow [data-txt]>div span:nth-child(4) font {
    transition: opacity 1s .12s, transform 1s .12s;
    display: block;
    opacity: 1 !important;
    transform: translate(0) !important
}

.fontShow [data-txt]>div span:nth-child(5) font {
    transition: opacity 1s .15s, transform 1s .15s;
    display: block;
    opacity: 1 !important;
    transform: translate(0) !important
}

.fontShow [data-txt]>div span:nth-child(6) font {
    transition: opacity 1s .18s, transform 1s .18s;
    display: block;
    opacity: 1 !important;
    transform: translate(0) !important
}

.fontShow [data-txt]>div span:nth-child(7) font {
    transition: opacity 1s .21s, transform 1s .21s;
    display: block;
    opacity: 1 !important;
    transform: translate(0) !important
}

.fontShow [data-txt]>div span:nth-child(8) font {
    transition: opacity 1s .24s, transform 1s .24s;
    display: block;
    opacity: 1 !important;
    transform: translate(0) !important
}

.fontShow [data-txt]>div span:nth-child(9) font {
    transition: opacity 1s .27s, transform 1s .27s;
    display: block;
    opacity: 1 !important;
    transform: translate(0) !important
}

.fontShow [data-txt]>div span:nth-child(10) font {
    transition: opacity 1s .3s, transform 1s .3s;
    display: block;
    opacity: 1 !important;
    transform: translate(0) !important
}

.fontShow.text_r [data-txt]>div span:nth-child(1) font {
    transition-delay: .21s
}

.fontShow.text_r [data-txt]>div span:nth-child(2) font {
    transition-delay: .18s
}

.fontShow.text_r [data-txt]>div span:nth-child(3) font {
    transition-delay: .15s
}

.fontShow.text_r [data-txt]>div span:nth-child(4) font {
    transition-delay: .12s
}

.fontShow.text_r [data-txt]>div span:nth-child(5) font {
    transition-delay: 90ms
}

.fontShow.text_r [data-txt]>div span:nth-child(6) font {
    transition-delay: 60ms
}

.fontShow.text_r [data-txt]>div span:nth-child(7) font {
    transition-delay: 30ms
}

.fontShow.text_r [data-txt]>div span:nth-child(8) font {
    transition-delay: 0s
}

/* 图片容器样式 */
.pub_img_box {
    z-index: 1;
    position: relative;
    overflow: hidden
}

.pub_img_box:before {
    content: "";
    margin-top: 100%;
    display: block
}

.pub_img_box img,
.pub_img_box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0
}