/*2026-04-02*/

@font-face {
    font-family: 'SourceHanSerifCN';
    src: url('../font/l3Lbqk1nLykP.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSerifCN';
    src: url('../font/QZoWNbvoeVJz.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSerifCN';
    src: url('../font/hvtoeJVtiI7l.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSerifCN';
    src: url('../font/tZHu3NEBm8ed.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
.inner-page3{
    background-repeat: no-repeat;
    background-image: url("../images/lsyg/inner-page3.png");
    background-position: right bottom;
    background-size: 27.39vw;
}
.inner-s6 .slogan{
    display: flex;
    justify-content: flex-end;
    margin-bottom: .7rem;
}
.inner-s6 .slogan img{
    display: block;
    height: 1.19rem;
}

.inner-s6 .items{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.inner-s6 .item-tit{
    width: 1.29rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .6rem 0;
    margin-left: -.45rem;
    margin-top: 0.1rem;
    position: relative;
    z-index: 2;
}

.inner-s6 .item-tit h3{
    font-size: .48rem;
    color: #AA0203;
    line-height: 1;
    letter-spacing: .2em;
    font-family: 'SourceHanSerifCN', sans-serif;
    writing-mode: tb-lr;
    writing-mode: vertical-lr;
}
.inner-s6 .item-tit img{
    display: block;
    width: 100%;
}
.inner-s6 .item-con{
    width: calc(100% - 1.63rem);
    position: relative;
}
.inner-s6 .swiper-box li time{
    display: block;
    font-size: .4rem;
    line-height: 1;
    color: #AA0203;
    font-weight: 700;
}
.inner-s6 .swiper-box li h3{
    font-size: .2rem;
    line-height: .3rem;
    color: #333333;
    transition: sll .5s;
}
.inner-s6 .swiper-box li .imgBox img{
    display: block;
    max-width: 80%;
    box-shadow: 0 .02rem .14rem 0 rgba(0, 0, 0, 0.167);
    transition: all .5s;
}
.inner-s6 .swiper-box li .con{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap:.2rem 0;
}
.inner-s6 .swiper-box li .line{
    position: absolute;
    left: 0;
    top: .24rem;
    bottom: -1.2rem;
    width: .01rem;
    background: linear-gradient(180deg, #AA0203 0%, rgba(170, 2, 3, 0) 100%);
}
.inner-s6 .swiper-box li .line:before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: .25rem;
    height: .25rem;
    background: url("../images/lsyg/n-img-39.png") no-repeat 50% 50%;
    background-size: 100%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .5s;
}
.inner-s6 .swiper-box li .line:after{
    position: absolute;
    content: '';
    left: 50%;
    top: 0;
    width: .07rem;
    height: .07rem;
    background: #AA0203;
    border-radius: 50%;
    transform: translateX(-50%);
}
.inner-s6 .swiper-box li .item{
    padding-left: .36rem;
    position: relative;
}
.inner-s6 .num-line{
    position: absolute;
    left: -1.12rem;
    top: 50%;
    right: calc((100vw - 16rem ) / -2);
    height: 1.29rem;
    background: #FFE9E9;
    border-radius: 50vw 0 0 50vw;
    transform: translateY(-50%);
}
.inner-s6 .num-line span{
    position: absolute;
    top: 50%;
    font-size: 1.2rem;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 1;
    transform: translateY(-50%);
    left: .33rem;
    margin-top: -.05em;
}
.inner-s6 .num-line .line{
    position: absolute;
    left: 1.12rem;
    right: 0;
    top: 50%;
    height: .01rem;
    background: #AA0203;
    padding: 0 .46rem;
    gap: 0 1.07rem;
    display: flex;
}
.inner-s6 .num-line .line i{
    position: relative;
    width: .01rem;
    height: .01rem;
}
.inner-s6 .num-line .line i:before,
.inner-s6 .num-line .line i:after{
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
.inner-s6 .num-line .line i:before{
    width: .09rem;
    height: .09rem;
    background: #FFFFFF;
}
.inner-s6 .num-line .line i:after{
    width: .07rem;
    height: .07rem;
    background: #AA0203;
}
.inner-s6 .btnBox{
    position: absolute;
    left: 0;
    bottom: -0.5rem;
    display: flex;
    gap: 0 .15rem;
    z-index: 5;
}
.inner-s6 .btnBox a{
    display: block;
    width: .34rem;
    height: .34rem;
    background: no-repeat 50% 50%;
    background-size: 100%;
    position: static;
    transform: none;
    transition: background .5s;
}
.inner-s6 .btnBox a.prev{
    background-image: url("../images/prev-1.png");
}
.inner-s6 .btnBox a.next{
    background-image: url("../images/next-1.png");
}
.inner-s6 .btnBox a.prev:hover{
    background-image: url("../images/prev-2.png");
}
.inner-s6 .btnBox a.next:hover{
    background-image: url("../images/next-2.png");
}
@media (min-width: 1025px) {
    .inner-s6 .swiper-box li{
        width: 3.68rem;
        position: relative;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .inner-s6 .swiper-box li:nth-child(2n) .item{
        margin-top: 4.9rem;
    }
    .inner-s6 .swiper-box li:nth-child(2n) .con{
        flex-direction: column-reverse;
    }
    .inner-s6 .swiper-box li:nth-child(2n) .line{
        transform: rotateZ(180deg);
        top: -1.3rem;
        bottom: .1rem;
    }

    .inner-s6 .swiper-box li + li{
        margin-left: -0.79rem;
    }
    .inner-s6 .swiper-box li:nth-child(2n + 1) .item{
        margin-bottom: 4.8rem;
    }
    .inner-s6 .swiper-box li.slide3 .line{
        bottom: -2.54rem;
    }
    .inner-s6 .swiper-box li.slide4 .line{
        top: -1.45rem;
    }
    .inner-s6 .swiper-box li.slide5 .line{
        bottom: -1.47rem;
    }
    .inner-s6 .swiper-box li.slide7 .line{
        bottom: -1.07rem;
    }
    .inner-s6 .swiper-box li.slide8 .line{
        top: -2.0rem;
    }
    .inner-s6 .swiper-box li.slide2{
        margin-left: -2.35rem;
    }
    .inner-s6 .swiper-box li.slide3{margin-left: -1.5rem;width: 2.6rem;}
    .inner-s6 .swiper-box li.slide4{
        margin-left: -0.47rem;
    }
    .inner-s6 .swiper-box li.slide5{
        margin-left: -2.6rem;
    }
    .inner-s6 .swiper-box li.slide6{
        margin-left: -0.33rem;
    }
    .inner-s6 .swiper-box li.slide7{
        margin-left: -2.7rem;
    }
    .inner-s6 .item-con{
        padding: 0 .2rem;
        margin-top: 0.5rem;
    }
    .inner-s6 .swiper-box li:hover .line:before{
         /* opacity: 1; */
        /* visibility: visible; */
    }
    .inner-s6 .swiper-box{
        margin-right: calc((100vw - 16rem) / -2);
    }
    .inner-s6 .swiper-box li:hover h3{
        color: #AA0203;
        font-weight: 700;
    }
    .inner-s6 .swiper-box li:hover .imgBox img{
        box-shadow: 0 .02rem .14rem  rgba(170, 2, 3, 0.3167);
    }
}
@media (max-width: 1025px) {
    .inner-s6 .slogan img{
        height: .6rem;
    }
    .inner-s6 .slogan{
        justify-content: center;
        margin-bottom: .2rem;
    }
    .inner-s6 .item-tit{
        margin-left: 0;
        width: 100%;
        margin-top: 0;
        flex-direction: row-reverse;
        justify-content: center;
        gap: 0 .1rem;
    }
    .inner-s6 .item-tit h3{
        font-size: .26rem;
        line-height: 1.5;
        letter-spacing: normal;
        writing-mode: unset;
    }
    .inner-s6 .item-tit img{
        width: .56rem;
    }
    .inner-s6 .items{
        width: 100%;
    }
    .inner-s6 .item-con{
        width: 100%;
        margin-top: .2rem;
    }
    .inner-s6 .num-line{
        display: none;
    }
    .inner-s6 .swiper-box li .item{
        padding-left: .2rem;
        height: 100%;
        padding-bottom: .2rem;
    }
    .inner-s6 .swiper-box li time{
        font-size: .26rem;
    }
    .inner-s6 .swiper-box li .con{
        gap: .1rem 0;
    }
    .inner-s6 .swiper-box li .line{
        top: .1rem;
        bottom: -.2rem;
        left: .05rem;
    }
    .inner-s6 .swiper-box li .line:before{
        width: .1rem;
        height: .1rem;
        bottom: .18rem;
        opacity: 1;
        visibility: visible;
    }
    .inner-s6 .swiper-box li{
        height: unset;
    }
    .inner-s6 .item-con .swiper-box:before{
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        bottom: .5rem;
        height: .01rem;
        background: #AA0203;
    }
    .inner-s6 .item-con .swiper-box{
        position: relative;
    }
    .inner-s6 .btnBox{
        position: static;
        justify-content: center;
        margin-top: .2rem;
        gap: 0 .1rem;
    }
    .inner-s6 .btnBox a{
        width: .3rem;
        height: .3rem;
    }
}

@media (min-width:1025px){
    .inner-s6 .item-tit{
        margin-top:-.1rem
    }
    .inner-s6 .item-tit h3{
        margin-top:-4.8em;
    }
}