@charset "utf-8";
.svgPath {display: block;}
.ani1s{animation: ups linear 3s infinite; }
.ani2s{animation: ups linear 2.8s infinite;}
.ani3s{animation: ups linear 3.2s infinite;}
.ani4s{animation: ups linear 2.4s infinite; }
.ani5s{animation: ups linear 2.6s infinite;}
.ani6s{animation: ups linear 3.6s infinite;}

.slide-main{height: 100vh;width: 100%}
.slide-main .page{height: 100vh;width: 100%;overflow: hidden;}
.slide-vision{width: 100%;height: 100vh;position: absolute;left: 0;top: 0;padding-top: 1.53rem}

.pageBg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow: hidden;z-index: 0;pointer-events: none}
.pageBg img{width: 100%;height: 100%;object-fit: cover;user-select: none}

.slideBg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;pointer-events: none;}
.slideBg .slideImg{height: 100%}
.slideImg{width:100%;overflow:hidden;position:relative;display:block}
.slideImg.ani:after{position:absolute;top:0;left:-90%;z-index:2;display:block;content:"";width:50%;height:100%;opacity:.25;pointer-events:none;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg);z-index:3}
.slideImg img{width:100%;transition:.5s;height:100%;object-fit:cover;position:relative;z-index:1;display: block}
.slideImg3{background: #000}

.cover-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: -1}
.cover-bg img{display: block;width: 100%;height: 100%;object-fit: cover}

.title001 h2{
    display: flex;
    align-items: center;
    font-size: .44rem;
    line-height: 1;
    color: #FFFFFF;
    font-family: 'SourceHanSerifCN',sans-serif;
    font-weight: 700;
}
.title001 h2 img{
    display: block;
    width: .47rem;
    height: .58rem;
    margin-left: .2rem;
}
.title001 .more a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.34rem;
    height: .38rem;
    font-size: .16rem;
    color: #622747;
    position: relative;
    z-index: 2;
    transition: all .5s;
}
.title001 .more:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #622747;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}
.title001 .more:hover a{
    color: #FFFFFF;
}
.title001 .more:hover:before{
    opacity: 1;
    visibility: visible;
}
.title001 .more{
    position: relative;
    border-radius: .1rem;
    overflow: hidden;
    background: linear-gradient(0deg, rgb(255,212,111) 0%, rgb(255,239,201) 100%);
}
.index-s1 .notice{
    position: absolute;
    left: 0;
    right: 0;
    top: 1.17rem;
    bottom: 0;
    max-width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.index-s1 .notice .content{
    position: relative;
    z-index: 2;
    width: 14.62rem;
    max-width: 76.14%;
    flex-shrink: 0;
    padding: 0 1.32rem 0 1.3rem;
}
.index-s1 .padingBox{
    position: relative;
    z-index: 2;
    background: url("../images/s1-img-1.png") no-repeat top center;
    background-size: cover;
    border-radius: .3rem .3rem 0 0;
    padding: .49rem .33rem 0;
}
.index-s1 .padingBox:before{
    position: absolute;
    content: '';
    top: .2rem;
    bottom: .2rem;
    left: .2rem;
    right: .2rem;
    border: .01rem solid #9a5720;
    border-radius: .2rem;
    pointer-events: none;
}
.index-s1 .act-tit h2{
    font-size: .38rem;
    line-height: 1;
    color: #9e000f;
    text-align: center;
    font-family: 'SourceHanSerifCN', sans-serif;
    font-weight: 700;
}
.index-s1 .act-tit .lines{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .2rem;
    gap: 0 .26rem;
}
.index-s1 .act-tit .lines i{
    display: block;
    height: .01rem;
    width: 2.2rem;
    background: #a00213;
}
.index-s1 .act-tit .lines em{
    display: block;
    width: .08rem;
    height: .08rem;
    background: #a00213;
    border-radius: 50%;
}
.index-s1 .act-con p{
    font-size: .18rem;
    line-height: 1.7;
    color: #934b07;
    text-indent: 2em;
}
.index-s1 .act-con .scl{
    padding: 0 .33rem ;
    height: 6.7rem;
    overflow-y: auto;
}
.index-s1 .act-con .scl p:last-child{
    /* margin-bottom:2.5rem; */
}
.index-s1 .act-con .scl::-webkit-scrollbar {width:4px;height: 8px;background-color: rgba(245, 245, 245, 0.5);}
.index-s1 .act-con .scl::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(245, 245, 245, 0.5);}
.index-s1 .act-con .scl::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #a00213;}
.index-s1 .act-con{
    margin-top: .16rem;
}

.index-s1 .flowers span{
    position: absolute;
    background: no-repeat 50% 50%;
    background-size: 100% auto;
    pointer-events: none;
}
.index-s1 .flowers span.flower1{
    top: .37rem;
    left: .2rem;
    width: 2.07rem;
    height: .94rem;
    background-image: url("../images/s1-img-3.png");
}
.index-s1 .flowers span.flower2{
    top: .24rem;
    right: .24rem;
    width: 2.51rem;
    height: .93rem;
    background-image: url("../images/s1-img-2.png");
}
.index-s1 .content:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.57rem;
    background: url("../images/s1-img-4.png") no-repeat bottom center;
    background-size: 100% auto;
    z-index: 5;
    pointer-events: none;
}
.index-s1 .content:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 3.24rem;
    background: url("../images/s1-img-5.png") no-repeat bottom center;
    background-size: 100% 100%;
}
.index-s1 .ribbon{
    position: absolute;
    left: 0;
    right: 0;
    height: 14.21875vw;
    bottom: 36.35vh;
    background: url("../images/ribbon.png") no-repeat bottom center;
    background-size: 100% auto;
    pointer-events: none;
}
.index-s1 .budding img{
    position: absolute;
    pointer-events: none;
    z-index: 5;
}
.index-s1 .budding img.img-1{
    left: 0;
    bottom: 0;
    width: 24.0625vw;
}
.index-s1 .budding img.img-2{
    right: 0;
    bottom: 0;
    width: 22.08vw;
}


.index-s1 .slide-vision{
    padding-top: 1.17rem;
}

/*校庆动态*/
.index-s2 .left{
    width: 37.5%;
}

.list-box1 li a{
    display: block;
    position: relative;
    z-index: 2;
    padding: .2rem 0 .2rem .2rem;
    transition: all .5s;
}
.list-box1 li time{
    display: block;
    font-size: .16rem;
    line-height: .24rem;
    color: #8c0510;
    font-family: 'SourceHanSerifCN', sans-serif;
    transition: all .5s;
}
.list-box1 li h3{
    margin-top: .06rem;
    font-size: .2rem;
    line-height: .3rem;
    color: #8c0510;
    transition: all .5s;
}
.list-box1 li p{
    font-size: .16rem;
    line-height: .24rem;
    color: #622747;
    opacity: .5;
    height: .48rem;
}
.list-box1 li a:before{
    position: absolute;
    content: '';
    left: 0;
    top: .25rem;
    width: .07rem;
    height: .07rem;
    background: #8c0510;
    transition: all .5s;
}
.list-box1 li .para{
    display: none;
}

.list-box1 li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: .01rem;
    background: rgba(255, 255, 255, 0.3);
}
.list-box1 li:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: linear-gradient(0deg, rgb(255,212,111) 0%, rgb(255,239,201) 100%);
    border-radius: .1rem;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}
.list-box1 li.active time{
    color: #622747;
}
.list-box1 li.active h3{
    color: #622747;
    font-weight: 700;
}
.list-box1 li.active a:before{
    /* top: 0.25rem; */
    left: .1rem;
    background: #622747;
}
.list-box1 li.active a{
    padding-right: .15rem;
    padding-left: .25rem;
}
.list-box1 li.active:after{
    opacity: 1;
    visibility: visible;
}
.list-box1 li{
    position: relative;
}
.list-box1{
    margin-top: .35rem;
}

.index-s2 .more a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.34rem;
    height: .38rem;
    font-size: .16rem;
    color: #622747;
    position: relative;
    z-index: 2;
    transition: all .5s;
}
.index-s2 .more:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #622747;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}
.index-s2 .more:hover a{
    color: #FFFFFF;
}
.index-s2 .more:hover:before{
    opacity: 1;
    visibility: visible;
}
.index-s2 .more{
    position: relative;
    border-radius: .1rem;
    overflow: hidden;
    background: linear-gradient(0deg, rgb(255,212,111) 0%, rgb(255,239,201) 100%);
    width: 1.34rem;
    margin-top: .25rem;
}

.index-s2 .right{
    width: 58.33%;
    position: relative;
    padding: 0 .89rem;
}
.list1w a{
    display: block;
    position: relative;
    border-radius: .27rem;
    overflow: hidden;
}
.list1w a .pic{
    padding-top: 5.6rem;
}
.list1w a .text{
    position: absolute;
    left: 0;
    right: 0;
    bottom: .28rem;
    z-index: 5;
    padding: 0 .35rem;
}
.list1w a time{
    display: block;
    font-size: .16rem;
    line-height: .24rem;
    background: linear-gradient(90deg,#ffd46f 0%,#ffefc9 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'SourceHanSerifCN', sans-serif;
}
.list1w a h3{
    font-size: .24rem;
    line-height: .3rem;
    background: linear-gradient(90deg,#ffd46f 0%,#ffefc9 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: .08rem;
}
.list1w a:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 35%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,#000 100%);
}
.list1w{
    position: relative;
    z-index: 2;
}
.index-s2 .spans span{
    position: absolute;
    left: .89rem;
    right: .89rem;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: .27rem;
    transform-origin: bottom center;
    transition: all .5s;
}
.index-s2 .spans .span1{
    background: linear-gradient(180deg,#ffefc9 0%,#ffd46f 100%);
    border-radius: .27rem;
    box-shadow: 0 0 .2rem #ffba17;
    z-index: 1;

}
.index-s2 .spans .span2{
    background: #bd1a2e;
}

@media (min-width: 1025px) {

    .index-s2.active .spans .span1{
        transform: rotate(-8deg) translateX(-.2rem);
        transition: all 1.2s;
    }
    .index-s2.active .spans .span2{
        transform: rotate(8deg) translateX(.2rem);
        transition: all 1.2s;
    }
    .list1w{
        transform: translateY(-.05rem)
    }
    .index-s2{
        margin-top: .09rem;
    }
}


/*校庆服务*/
.index-s3 .left{
    width: 48.69%;
}
.list-box4 li{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right:0.78rem
}
.list-box4 li .con{
    position: relative;
    flex: 1;
    overflow: hidden;
    border-radius: 50vw;
    background: linear-gradient(90deg,transparent 0%,#FFFFFF 100%);
    z-index: 2;
}
.list-box4 li .con:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg,transparent 0%,#d5ab7a 100%);
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}
.list-box4 li .con a{
    display: block;
    position: relative;
    z-index: 2;
    padding: .135rem .56rem;
    text-align: right;
}
.list-box4 li .con h3{
    font-size: .34rem;
    line-height: .4rem;
    color: #d2a25a;
    font-family: 'SourceHanSerifCN', sans-serif;
    font-weight: 700;
    font-style: italic;
    transition: all .5s;
}
.list-box4 li .con h4{
    font-size: .18rem;
    line-height: .24rem;
    color: #333333;
    transition: all .5s;
}
.list-box4 li .dots:before{
    position: absolute;
    content: '';
    right: 100%;
    width: 0.9rem;
    height: .01rem;
    background: #d2a25a;
    top: 50%;
    transform: translateY(-50%);
}
.list-box4 li .dots:after{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: .53rem;
    height: .77rem;
    background: url("../images/s3-img-2.png") no-repeat 50% 50%;
    background-size: 100% 100%;
    transform: translate(-50%,-50%);
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}
.list-box4 li .dots{
    position: absolute;
    right: 0;
    top: 50%;
    width: .18rem;
    height: .18rem;
    transform: translateY(-50%);
    background: url("../images/s3-img-1.png") no-repeat 50% 50%;
    background-size: 100% 100%;
}


.list-box4 li + li{
    margin-top: .24rem;
}
.list-box4 li:nth-child(1){margin-right: 0rem;}
.list-box4 li:nth-child(2){
    margin-right: 0.45rem;
    padding-right: .84rem;
}
.list-box4 li:nth-child(3){
    margin-right: .55rem;
    padding-right: 1rem;
}
.list-box4 li:nth-child(4){
    margin-right: .45rem;
    padding-right: 0.84rem;
}
.list-box4 li:nth-child(5){

}
.list-box4 li:hover .con h3,
.list-box4 li:hover .con h4{
    color: #FFFFFF;
}
.list-box4 li:hover .dots:after,
.list-box4 li:hover .con:after{
    opacity: 1;
    visibility: visible;
}
.index-s3 .right{
    width: 40.47%;
    margin-top: .15rem;
}
.index-s3 .images {
    position: relative;
    width: 5.26rem;
}
.index-s3 .images .img1{
    display: block;
    width: 100%;
    position: relative;
    z-index: 2;
}
.index-s3 .imgBox{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 0;
    z-index: 5;
    padding-bottom: .2rem;
}
.index-s3 .imgBox .num{
    display: block;
    height: 1.55rem;
}
.index-s3 .images .outCircle{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10.55rem;
    height: 10.46rem;
    background: url("../images/s3-img-4.png") no-repeat 50% 50%;
    background-size: 100% 100%;
    margin-left: -5.275rem;
    margin-top: -5.05rem;
    pointer-events: none;
    opacity: .35;
}

.index-s3 .title001 h2{color: #6b2049}
.index-s3 .slide-vision{

}

/*浓情祝福*/
.index-s4 .left{
    width: 37.26%;
    margin-top: .2rem;
}
.index-s4 .images{
    position: relative;
    background: #b70e20;
    border-radius: .25rem;
    z-index: 2;
}
.index-s4 .images a{
    display: block;
    position: relative;
    border-radius: .25rem;
    z-index: 2;
    overflow: hidden;
}
.index-s4 .images a:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: .05rem solid #b70e20;
    border-radius: .25rem;
    pointer-events: none;
    z-index: 2;
}
.index-s4 .images a .pic{
    padding-top: 4.67rem;
}
.index-s4 .images a .play{
    position: absolute;
    right: 0;
    bottom: 0;
    width: .78rem;
    height: .78rem;
    border-radius: .2rem 0 .2rem 0;
    background: url("../images/play-2.png") no-repeat 50% 50%;
    background-size: 100% 100%;
    z-index: 3;
}
.index-s4 .images .flowers{
    pointer-events: none;
}
.index-s4 .images .flowers span{
    position: absolute;
    z-index: -1;
    background: no-repeat 50% 50%;
    background-size: 100% 100%;
}
.index-s4 .images .flowers .flower1{
    top: -.5rem;
    right: -.48rem;
    width: 4.68rem;
    height: 3.47rem;
    background-image: url("../images/s4-img-3.png");
}
.index-s4 .images .flowers .flower2{
    left: -.41rem;
    bottom: -.41rem;
    width: 4.77rem;
    height: 3.35rem;
    background-image: url("../images/s4-img-4.png");
}
.index-s4 .images .flowers .flower3{
    left: -.41rem;
    bottom: -.29rem;
    width: 1.15rem;
    height: 1.26rem;
    background-image: url("../images/s4-img-5.png");
    z-index: 2;
}
.index-s4 .images .flowers .flower4{
    top: -.41rem;
    right: -.46rem;
    width: 1.2rem;
    height: 1.48rem;
    background-image: url("../images/s4-img-6.png");
    z-index: 2;
}

.index-s4 .right{
    width: 58.21%;
}

.zf-list{
    position: relative;
    height: 4.12rem;
}
.zf-list li{
    position: absolute;
    border-radius: 50vw;
    background: #b70e20;
}
.zf-list li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: .01rem solid #FFFFFF;
    border-radius: 50vw;
}
.zf-list li:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, #ffefc9 0%,#ffd46f 100%);
    border-radius: 50vw;
    box-shadow: 0 0 .2rem #ffba17;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}
.zf-list li .con{
    position: relative;
    z-index: 2;
    border-radius: 50vw;
    height: .6rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 .28rem;
    gap: .05rem 0;
    cursor: pointer;
    transition: all .5s;
}
.zf-list li .con span{
    font-size: .16rem;
    line-height: 1;
    color: #6b2049;
    display: none;
}
.zf-list li .con h3{
    font-size: .22rem;
    line-height: 1;
    color: #FFFFFF;
    font-weight: 700;
    transition: all .5s;
}
.zf-list li.i1{left: 27.6%;top: 0;background: rgba(255, 255, 255, 0.1);animation: ups linear 3s infinite;}
.zf-list li.i1 h3{color: #b70e20}
.zf-list li.i2{top: 8%;right: 6.95%;animation: ups linear 2.8s infinite; }
.zf-list li.i2:before{border-color: #b70e20;}
.zf-list li.i3{top: 22.33%;left: 2.7%;background: rgba(255, 255, 255, 1);animation: ups linear 3.2s infinite;}
.zf-list li.i3 h3{color: #b70e20}
.zf-list li.i4{top: 18.2%;right: 25.56%;background: rgba(255, 255, 255, 0.1);animation: ups linear 2.4s infinite;}
.zf-list li.i4 h3{color: #b70e20}
.zf-list li.i4:before{border-color: rgba(255, 255, 255, 0.1)}
.zf-list li.i5{top: 40.04%;left: 15.64%;z-index: 1;animation: ups linear 2.6s infinite;}
.zf-list li.i5:before{border-color: #b70e20;}
.zf-list li.i6{top: 36.89%;right: -1.6%;background: rgba(255, 255, 255, 0.1);animation: ups linear 3.6s infinite;}
.zf-list li.i6 h3{color: #b70e20}
.zf-list li.i6:before{border-color: rgba(255, 255, 255, 0.1)}
.zf-list li.i7{top: 48.05%;right: 3.6%;background: rgba(255, 255, 255, 11);animation: ups linear 3s infinite;}
.zf-list li.i7 h3{color: #b70e20}
.zf-list li.i8{top: 62.86%;left: 5.7%;animation: ups linear 2.8s infinite;}
.zf-list li.i8:before{border-color: #b70e20;}
.zf-list li.i9{bottom: 9.7%;right: -5.4%;animation: ups linear 3.2s infinite;}
.zf-list li.i9:before{border-color: #b70e20;}
.zf-list li.i10{bottom: 0%;left: 0;background: rgba(255, 255, 255, .1);animation: ups linear 2.4s infinite;}
.zf-list li.i10 h3{color: #b70e20}

.zf-list li:hover .con span{display: block}
.zf-list li:hover .con h3{color: #6b2049}
.zf-list li:hover:after{opacity: 1;visibility: visible;}
.zf-list li:hover{z-index: 5;opacity: 1}

.index-s4 .zfBtn{
    width: 1.34rem;
    height: 1.34rem;
    margin: -.84rem auto 0;
    z-index: 4;
    position: relative;
}
.index-s4 .zfBtn:before,
.index-s4 .zfBtn:after{
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    pointer-events: none;
    background: no-repeat 50% 50%;
    background-size: 100% 100%;
}
.index-s4 .zfBtn:before{
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("../images/zf-bg1.png");
    animation: roted 5s linear infinite;
    margin-top: -.8rem;
    margin-left: -.8rem;
}
.index-s4 .zfBtn:after{
    width: 1.78rem;
    height: 1.78rem;
    background-image: url("../images/zf-bg2.png");
    animation: roteds 5s linear infinite;
    margin-top: -.89rem;
    margin-left: -.89rem;
}
.index-s4 .zfBtn a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: .28rem;
    color: #ffe2ba;
    font-family: 'Fontquan',sans-serif;
    border-radius: 50%;
    box-shadow: 0 0 .24rem rgba(251, 82, 82, 0.59);
    position: relative;
    z-index: 2;
}
.index-s4 .zfBtn a img{
    display: block;
    width: 100%;
}
.index-s4 .title001 h2{color: #6b2049}
.index-s4 .content{margin-top: .24rem}


.zf-list2{

}
.zf-list2 ul{
    font-size: 0;
    white-space: nowrap;
}
.zf-list2 li{
    display: inline-block;
    position: relative;
    margin-left: .2rem;
    background: #b70e20;
    border-radius: 50vw;
    width: auto !important;
}
.zf-list2 li .con{
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .08rem 0;
    padding: 0 .2rem;
    height: .6rem;
}
.zf-list2 li .con span{
    display: block;
    font-size: .16rem;
    line-height: 1;
    color: #FFFFFF;
    transition: all .5s;
}
.zf-list2 li .con h3{
    font-size: .18rem;
    line-height: 1;
    color: #FFFFFF;
    font-weight: 700;
    transition: all .5s;
}
.zf-list2 li:hover .con span,
.zf-list2 li:hover .con h3{
    color: #6b2049;
}
.zf-list2 li:hover{
    background: linear-gradient(180deg, #ffefc9 0%,#ffd46f 100%);
}


/*八载芳华*/

.index-s5 .content{
    margin-top: .91rem;

    position: relative;
}
.list2w a{
    display: block;
    position: relative;
    border-radius: .05rem;
    overflow: hidden;
}
.list2w a .pic{
    padding-top: 1.98rem;
}
.list2w a h3{
    position: absolute;
    left: 0;
    right: 0;
    bottom: .15rem;
    font-size: .44rem;
    line-height: 1;
    color: #FFFFFF;
    padding: 0 .26rem;
    z-index: 3;
    font-family: 'DingTalk',sans-serif;
}
.list2w a:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 35%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,#000 100%);
}
.list2w li{
    width: 3.36rem !important;
}
.film-arc2{
    position: relative;
    z-index: 5;
    padding: .51rem 0 .51rem .15rem;
    background: url("../images/film.png") no-repeat left center;
    background-size: 100% 100%;
}
.index-s5 .camera img{

}
.index-s5 .camera{
    position: absolute;
    left: 0;
    bottom: -.61rem;
    width: 2.17rem;
    height: 2.24rem;
    pointer-events: none;
    z-index: 2;
}

.film-arc{
    position: absolute;
    pointer-events: none;
    width: 100vw;
}
.film-arc-left{
    left: 0;
    bottom: -1rem;
    mask: linear-gradient(90deg, black 0%, transparent 50%);
    transform: rotate(9deg) scale(1.05);
    transform-origin: left center;
}
.film-arc-right{
    right: 0;
    top: -1.25rem;
    mask: linear-gradient(-90deg, black 0%, transparent 50%);
    transform: rotate(7deg) scale(1.05);
    transform-origin: right center;
}

.fh-box{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .8);
    display: none;
}
.fh-box .fh-con{
    width: 17.46rem;
    max-width: 92%;
    margin: 0 auto;
    height: 100%;
    padding: 1.2rem 0;
    position: relative;
}
.fh-box .fh-camera{
    width: 2.17rem;
    position: relative;
    align-self: flex-end;
    margin-right: .68rem;
}
.fh-box .fh-camera img{
    display: block;
    width: 100%;
    position: relative;
    z-index: 2;
}
.fh-box .fh-camera .ray{
    position: absolute;
    left: 0;
    bottom: -8.35vw;
    width: 87.39vw;
    height: 40.05vw;
    background: url("../images/s5-img-7.png") no-repeat left bottom;
    background-size: 100% auto;
    pointer-events: none;
    z-index: -1;
}
.fh-box .fh-text{
    width: 11.96rem;
    max-width: calc(100% - 2.85rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(0deg,#ffd46f 0%,#ffefc9 100%);
    border-radius: .05rem;
    box-shadow: 0 0 .3rem #ffba17;
    overflow: hidden;
    margin-bottom: 1.22rem;
}
.fh-box .fh-text .pic{
    width: 8.33rem;
    height: 6rem;
    border-radius: .05rem;
    box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.46) inset;
}
.fh-box .fh-text .txt{
    width: calc(100% - 8.33rem);
    padding: 0 .4rem;
}
.fh-box .fh-text time{
    display: block;
    font-size: .44rem;
    line-height: 1;
    color: #6b2049;
    font-family: 'DingTalk', sans-serif;
}
.fh-box .fh-text p{
    font-size: .18rem;
    line-height: .3rem;
    color: #111111;
    -webkit-line-clamp: 7;
    max-height: 2.1rem;
    margin-top: .3rem;
}
.fh-box .fh-text.noText .pic{
    width: 100%;
}
.fh-box .fh-text.noText .txt{
    width: auto;
    padding: 0;
}
.fh-box .fh-text.noText p{
    display: none;
}
.fh-box .fh-text.noText time{
    position: absolute;
    left: .2rem;
    bottom: .2rem;
    color: #FFFFFF;
    z-index: 5;
}
.fh-box .fh-text.noText{
    position: relative;

}
.fh-box .close{
    position: absolute;
    top: .92rem;
    right: 2rem;
    width: .41rem;
    height: .41rem;
    background: url("../images/close.png") no-repeat 50% 50%;
    background-size: 100% 100%;
    cursor: pointer;
}
.index-s5 .slide-vision{
    padding-top: 1.83rem;
}

/*今日工大*/

.index-s6 .content{
    position: relative;
    height: 5.45rem;
    margin-top: -.36rem;
}
.index-s6 .content .img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
}
.index-s6 .content .img img{
    display: block;
    height: 100%;
    margin: 0 auto;
}

.list-box2 {
    padding: .8rem 1.9rem 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.list-box2 li{
    width: 20%;
    position: relative;
}
.list-box2 li:before{
    position: absolute;
    content: '';
    left: 50%;
    bottom: -1.13rem;
    width: 2.53rem;
    height: 2.53rem;
    background: url("../images/s6-img-5.png") no-repeat 50% 50%;
    background-size: 100% 100%;
    transform: translateX(-50%);
    pointer-events: none;
    transition: all .5s;
}

.list-box2 li a{
    display: block;
    position: relative;
    z-index: 2;
}
.list-box2 li a .ico{
    width: 1.24rem;
    height: 1.24rem;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}
.list-box2 li a .ico:before{
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 1.87rem;
    height: 1.87rem;
    background: url("../images/s6-img-3.png") no-repeat 50% 50%;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.list-box2 li a .icon{
    width: .59rem;
    height: .59rem;
    position: relative;
    z-index: 2;
}
.list-box2 li a .pyramid{
    width: 1.91rem;
    height: 1.62rem;
    background: url("../images/s6-img-1.png") no-repeat 50% 50%;
    background-size: 100% 100%;
    margin: .03rem auto 0;
    pointer-events: none;
    animation: ups linear 1.5s infinite;
    transition: all .5s;
}
.list-box2 li a h3{
    font-size: .28rem;
    line-height: 1;
    color: #FFFFFF;
    font-weight: 700;
    font-family: 'SourceHanSerifCN', sans-serif;
    text-align: center;
    margin-top: -.28rem;
}
.list-box2 li:nth-child(2){margin-top: .68rem;}
.list-box2 li:nth-child(3){margin-top: .48rem;}
.list-box2 li:nth-child(4){margin-top: .18rem;}

.list-box2 li:hover .ico{
    opacity: 1;
    visibility: visible;
}
.list-box2 li:hover .pyramid{
    background-image: url("../images/s6-img-2.png");
}
.list-box2 li:hover:before{
    background-image: url("../images/s6-img-6.png");
}
.index-s6 .title001 h2{
    color: #6b2049;
}

/*校友风采*/

.list3w a{
    display: flex;
    flex-direction: column;
    gap: .13rem 0;
    transition: all .5s;
}
.list3w a .images{
    position: relative;
    padding: 0 .06rem .09rem 0;
}
.list3w a .images img{
    width: 100%;
    transition: .5s;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
    display: block;
}
.list3w a .images .img{
    clip-path: url(#clipPath);
    position: relative;
    z-index: 2;
    height: 3.41rem;
}
.list3w a .images:before{
    position: absolute;
    content: '';
    left: .07rem;
    top: .09rem;
    right: 0;
    bottom: 0;
    background: url("../images/s7-img-2.png") no-repeat 50% 50%;
    background-size: 100% 100%;
    transition: all .5s;
    pointer-events: none;
    clip-path: url(#clipPath);
}

.list3w a h3{
    font-size: .2rem;
    line-height: .34rem;
    color: #333333;
    font-weight: 700;
}
.list3w a p{
    font-size: .16rem;
    line-height: .26rem;
    color: #666666;
    height: .52rem;
    margin-top: .1rem;
}
.list3w a .text{
    padding-right: .66rem;
}
.list3w a:hover .images:before{
    background: #eed2ac;
}
.list3w .btn{
    width: .5rem;
    height: .5rem;
    background: no-repeat 50% 50%;
    background-size: 100% 100%;
    transition: all .5s;
}
.list3w .prev{
    left: -.2rem;
    background-image: url("../images/prev-1.png");
}
.list3w .next{
    right: 0;
    background-image: url("../images/next-1.png");
}
.list3w .prev:hover{
    background-image: url("../images/prev-2.png");
}
.list3w .next:hover{
    background-image: url("../images/next-2.png");
}
.list3w{
    padding: 0 .5rem;
    position: relative;
    margin-top: .5rem;
}

.index-s7 .title001 h2{
    color: #6b2049;
}
@media (min-width: 1025px) {
    .list3w li:nth-child(2n) a{
        flex-direction: column-reverse;
    }
    .list3w li:nth-child(2n) a .text{
        padding-right: 0;
        padding-left:.66rem;
    }
    .list3w li:nth-child(2n) a{
        flex-direction: column-reverse;
    }
    .list3w li:nth-child(2n){
        transform: translateX(-.2rem);
    }
    .list3w li.swiper-slide-prev a,
    .list3w li.swiper-slide-next + li + li + li + li a{
        opacity: 0;
        visibility: hidden;
    }
    .list3wBox{
        margin-left: -.2rem;
        padding-left: .2rem;
    }
    .index-s7 .title001 .more{
        position: absolute;
        right: 0;
        bottom: 0;
    }
}


/*云览校园*/

.list-box3 ul{
    width: 11.98rem;
    max-width: 100%;
    margin: 0 auto;
}
.list-box3 li a{
    display: block;
    position: relative;
    overflow: hidden;
}
.list-box3 li a:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;
    background: linear-gradient(0deg, #b92739 0%, transparent 100%);
}
.list-box3 li a .text{
    position: absolute;
    left: 0;
    right: 0;
    bottom: .58rem;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-box3 li a .ico{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .89rem;
    height: .9rem;
    margin-right: .2rem;
}
.list-box3 li a h4{
    font-size: .18rem;
    line-height: .24rem;
    color: #FFFFFF;
}
.list-box3 li a h3{
    font-size: .36rem;
    line-height: .4rem;
    color: #FFFFFF;
    font-family: 'SourceHanSerifCN', sans-serif;
    font-weight: 700;
    margin-top: .08rem;
}
.list-box3 li.i1 a .pic{
    padding-top: 5.34rem;
}
.list-box3 li.i1 a{
    clip-path: url(#clipPath1);
}
.list-box3 li.i1{
    width: 36.97%;
}
.list-box3 li.i2 a{
    clip-path: url(#clipPath2);
}
.list-box3 li.i2 a .pic{
    padding-top: 4.82rem;
}
.list-box3 li.i2 a h4{
    color: #6b2049;
}
.list-box3 li.i2 a h3{
    color: #6b2049;
}
.list-box3 li.i2 a:after{
    background: linear-gradient(0deg, #ffd46f 0%, transparent 100%);
}
.list-box3 li.i2{
    width: 31.05%;
    margin-top: .31rem;
}
.list-box3 li.i3 a .pic{
    padding-top: 5.34rem;
}
.list-box3 li.i3{
    width: calc(31.98% + .54rem);
    margin-left: -.54rem;
    margin-top: .34rem;
    position: relative;
}
.list-box3 li.i3 a .pic{
    padding-top: 100%;
}
.list-box3 li.i3 a:after{
    height: 100%;
}
.list-box3 li.i3 a{
    border-radius: 50vw;
    background: #ffe8bc;
}
.list-box3 li.i3 .play a:after{
    display: none !important;
}
.list-box3 li.i3 .play a{
    display: block;
    position: static;
    background: none;
}
.list-box3 li.i3 .play img{
    display: block;
    width: 100%;
}
.list-box3 li.i3 .play{
    position: absolute;
    top: -.06rem;
    right: -.42rem;
    width: 1.44rem;
    height: 1.44rem;
    background: #c70e25;
    border-radius: 50vw;
    padding: .3rem;
    cursor: pointer;
}
.list-box3 .circles div{
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.list-box3 .circles .circle1{
    width: 32.65625vw;
    height: 32.65625vw;
    border: .01rem dashed #FFFFFF;
    opacity: .37;
    left: 5.17%;
    top: -13.67%;
}
.list-box3 .circles .circle2{
    width: 29.47vw;
    height: 29.47vw;
    border: .01rem solid #FFFFFF;
    opacity: .24;
    right: 14.1%;
    top: -7.67%;
}
.list-box3 .circles .circle3{
    width: 3.4375vw;
    height: 3.4375vw;
    background: #FFFFFF;
    opacity: .37;
    left: 12.32%;
    top: -4.68%;
}
.list-box3 .circles .circle4{
    width: 4.7vw;
    height: 4.7vw;
    background: #ffe8bc;
    opacity: .27;
    left: -1.13%;
    top: 28.65%;
}
.list-box3 .circles .circle5{
    width: 7.5vw;
    height: 7.5vw;
    background: #fe9500;
    opacity: .37;
    left: 7.14%;
    bottom: 1.12%;
}
.list-box3 .circles .circle6{
    width: 4.5vw;
    height: 4.5vw;
    background: #fe9500;
    opacity: .2;
    right: 11.72%;
    bottom: 10.48%;
}
.list-box3 .circles .circle7{
    width: 2.1875vw;
    height: 2.1875vw;
    background: #FFFFFF;
    opacity: .2;
    right: 6.66%;
    bottom: 41.76%;
}
.list-box3 .circles .circle8{
    width: 3vw;
    height: 3vw;
    background: #c70e25;
    opacity: .27;
    right: 33.03%;
    top: -7.3%;
}
.list-box3{
    position: relative;
}
.index-s8 .title001 h2{
    color: #6b2049;
}

@media (min-width: 1025px){
    .slide-main .pageBg{display: none}
    .slideBg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: -1;pointer-events: none;}
    .slideBg .slideImg{height: 100%}
    .index-s3 .title001 h2 img{margin-left: .22rem}
    .index-s3 .title001{/* padding-left:0.7rem; */margin: 0.3rem 0 0 -0.4rem;}
}
@media (max-width: 1024px){
    .slideBg{display: none}
    .title001{z-index: 5}
    .wp{
        position: relative;
        z-index: 3;
    }
}


@media (max-width: 1024px) {
    .slide-vision {
        position: relative;
        min-height: 50vw;
        height: auto;
        padding: .5rem 0;
    }

    .slide-main .page {
        display: block;
        height: auto;
    }

    .slide-main>.swiper-wrapper {
        display: block;
        height: auto
    }

    .slide-main{
        height: 100%;
    }
    .index-s1 .slide-vision {
        padding-top: .8rem;
        padding-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #8c0510;
    }

    .index-s1 .left{
        width: 100%;
    }
    .index-s1 .text h4{
        font-size: .22rem;
        line-height: 1.5;
    }
    .index-s1 .text h2{
        font-size: .42rem;
        line-height: 1.5;
        justify-content: center;
        margin-top: 0;
    }
    .index-s1 .text h5{
        font-size: .22rem;
        line-height: 1.5;
        margin-top: 0;
    }
    .countTime h3{
        font-size: .24rem;
        line-height: 1;

    }
    .countTime .countDay span{
        width: .45rem;
        height: .58rem;
        font-size: .36rem;
    }
    .countTime{
        margin-top: .1rem;
        justify-content: center;
    }
    .index-s1 .text{
        text-align: center;
        margin-top: 0;
    }
    .index-s1 .right{
        width: 100%;
        margin-top: .2rem;
        display: none;
    }
    .index-s1 .notice{
        width: 100%;
        background: none;
        padding: 0;
    }
    .index-s1 .notice-box{
        padding: .2rem;
    }
    .index-s1 .notice .tag{
        margin-left: .1rem;
        margin-bottom: .2rem;
    }
    .index-s1 .notice-top p{
        height: auto;
        -webkit-line-clamp: 3;
        max-height: .72rem;
        margin-top: .1rem;
    }
    .index-s1 .notice-top h5{
        margin-top: .1rem;
    }
    .index-s1 .notice-bot p{
        font-size: .18rem;
        line-height: 1.75;
    }
    .index-s1 .notice-bot{
        margin-top: .2rem;
        padding-top: .1rem;
    }
    .index-s1 .notice-box:before{
        inset: .1rem;
    }
    .index-s1 .notice-bot:before{
        display: none;
    }
    .index-s2 .left{
        width: 100%;
    }
    .title001 h2{
        font-size: .3rem;
        color: #6b2049;
    }
    .title001 h2 img{
        width: .32rem;
        height: auto;
        margin-left: .1rem;
    }
    .title001 .more a{
        width: 1.1rem;
        height: .34rem;
        border-radius: .05rem;
    }
    .title001 .more{
        border-radius: .05rem;
    }
    .list-box1 li:after{
        border-radius: .05rem;
    }
    .list-box1{
        margin-top: .25rem;
    }
    .index-s2 .right{
        width: 100%;
        padding: 0;
        margin-top: .3rem;
    }
    .index-s2 .right .spans{
        display: none;
    }
    .list1w a .pic{
        padding-top: 70.03%;
    }
    .list1w a{
        border-radius: .1rem;
    }
    .list1w a .text{
        padding: 0 .2rem;
        bottom: .15rem;
    }
    .list1w a h3{
        font-size: .2rem;
        line-height: .3rem;
        margin-top: .05rem;
    }
    .index-s3 .right{
        width: 100%;
        order: 0;
        margin-top: 0;
    }
    .index-s3 .images .img1,
    .index-s3 .imgBox .num{
        display: none;
    }
    .index-s3 .imgBox{
        position: static;
        inset: 0;
    }
    .index-s3 .images{
        width: 100%;
    }
    .index-s3 .images .outCircle{
        display: none;
    }
    .index-s3 .left{
        width: 100%;
        order: 1;
        margin-top: .25rem;
    }
    .list-box4 li{
        padding-right: 0 !important;
        margin-right: 0 !important;
        width: 49%;
    }
    .list-box4 li + li{
        margin-top: 0;

    }
    .list-box4 li .con h3{
        font-size: .24rem;
        font-style: normal;
        line-height: .3rem;
    }
    .list-box4 li .con h4{
        font-size: .16rem;
    }
    .list-box4 li .con a{
        padding: .1rem .25rem;
        text-align: center;
    }
    .list-box4 li .con:after{
        background: #d5ab7a ;
    }
    .list-box4 li .con{
        background: #FFFFFF;
    }
    .list-box4{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: .2rem 2%;
    }
    .list-box4 li .dots{
        display: none;
    }
    .index-s4 .right{
        width: 100%;
       
    }
    .index-s4 .left{
        width: 100%;
        
        margin-bottom: .4rem;
        margin-top: 0;
    }
    .index-s4 .images a .pic{
        padding-top: 74.6%;
    }
    .zf-list ul{
        display: flex;
        flex-wrap: wrap;
        gap: .1rem .2rem;
        justify-content: center;
    }
    .zf-list li{
        opacity: 1 !important;
        position: relative;
        inset: auto !important;
        background: #b70e20 !important;
    }
    .zf-list li .con h3{
        font-size: .2rem;
        color: #FFFFFF;
    }
    .zf-list li .con{
        padding: 0 .2rem;
    }
    .zf-list{
        height: auto;
        z-index: 5;
        display: none;
    }
    .zf-list2{
        display: flex;
        flex-direction: column;
        gap: .15rem 0;
    }
    .index-s4 .content{
        margin-top: .25rem;
        position: relative;
        z-index: 3;
    }
    .index-s4 .zfBtn{
        margin-top: .4rem;
        width: 1.1rem;
        height: 1.1rem;
    }
    .index-s4 .zfBtn:before{
        width: 1.2rem;
        height: 1.2rem;
        margin-left: -.6rem;
        margin-top: -.6rem;
    }
    .index-s4 .zfBtn:after{
        width: 1.4rem;
        height: 1.4rem;
        margin-left: -.7rem;
        margin-top: -.7rem;
    }
    .index-s5 .slide-vision{
        padding-top: .5rem;
        min-height: auto;
    }
    .index-s5 .content{
        margin-top: .25rem;
        z-index: 5;
    }
    .film-arc2{
        padding: .3rem 0 .3rem .2rem;
        z-index: 5;
        background-size:auto 100%;
    }
    .list2w li{
        width: 2.6rem !important;
    }
    .list2w a .pic{
        padding-top: 1.5rem;
    }
    .list2w a h3{
        font-size: .26rem;
        line-height: .3rem;
        padding: 0 .2rem;
        bottom: .15rem;
    }
    .index-s5 .camera{
        bottom: -0.3rem;
        width: 1.47rem;
        height: 1.54rem;
    }
    .fh-box .fh-camera{
        display: none;
    }
    .fh-box .fh-con{
        padding: .5rem 0;
        align-items: center;
        justify-content: center;
    }
    .fh-box .fh-text{
        margin-bottom: 0;
        width: 100%;
        max-width: none;
        flex-wrap: wrap;
        box-shadow: 0 0 .3rem rgba(255, 186, 23, 0.6);
    }
    .fh-box .fh-text .pic{
        width: 100%;
        height: auto;
        padding-top: 58.94%;
    }
    .fh-box .fh-text .txt{
        width: 100%;
        padding: .2rem;
    }
    .fh-box .fh-text time{
        font-size: .28rem;
        line-height: .34rem;
    }
    .fh-box .fh-text p{
        font-size: .16rem;
        line-height: .24rem;
        -webkit-line-clamp: 4;
        max-height: .96rem;
        margin-top: .05rem;
    }
    .fh-box .close{
        top: .2rem;
        right: -2vw;
        width: .35rem;
        height: .35rem;
    }
    .list-box2{
        padding: 0;
    }
    .index-s6 .content .img{
        display: none;
    }
    .list-box2 li a .pyramid{
        display: none;
    }
    .list-box2 li a .ico{
        opacity: 1;
        visibility: visible;
        width: auto;
        height: auto;
    }
    .list-box2 li a .ico:before{
        display: none;
    }
    .list-box2 li a .icon{
        width: .45rem;
        height: .45rem;
    }
    .list-box2 li a h3{
        margin-top: .15rem;
        font-size: .2rem;
    }
    .list-box2 li a{
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .list-box2 li:before{
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        background: #b92739;
        border-radius: .1rem;
        transform: none;
    }
    .list-box2 li:hover:before{
        background: linear-gradient(180deg,#ffd46f 0%, #ffd46f 100%);
    }
    .list-box2 li{
        width: 1.8rem;
        aspect-ratio: 1/1;
        margin-top: 0 !important;
    }
    .list-box2{
        gap: .2rem;
        justify-content: center;
    }
    .index-s6 .content{
        height: auto;
        margin-top: .25rem;
    }
    .index-s6 .slide-vision{
        min-height: auto;
    }
    .index-s7 .title001{
        align-items: center;
        justify-content: space-between;
    }
    .list3w a .images .img{
        height: 30vw;
    }
    .list3w a p{
        margin-top: .05rem;
    }
    .list3w a{
        gap: .1rem 0;
    }
    .list3w .btn{
        width: .45rem;
        height: .45rem;
    }
    .list3w{
        padding: 0 .2rem;
        margin-top: .25rem;
    }
    .list-box3 li.i1{
        width: 50%;
    }
    .list-box3 li.i1 a{
        clip-path: none;
    }
    .list-box3 li.i1 a .pic{
        padding-top: 42vw;
    }
    .list-box3 li a .ico{
        width: 0.4rem;
        height: auto;
        max-height: 0.6rem;
        margin-right: 0.1rem;
    }
    .list-box3 li a h3{
        font-size: .26rem;
        line-height: .3rem;
        margin-top: .05rem;
    }
    .list-box3 li a .text{
        bottom: .2rem;
        align-items: flex-end;
    }
    .list-box3 li.i2{
        width: 50%;
        margin-top: 0;
    }
    .list-box3 li.i2 a{
        clip-path: none;
    }
    .list-box3 li.i2 a .pic{
        padding-top: 42vw;
    }
    .list-box3 li.i3{
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }
    .list-box3 li.i3 a .pic{
        padding-top: 60vw;
    }
    .list-box3 li.i3 a{
        border-radius: 0;
    }
    .list-box3 li.i3 .play{
        width: .7rem;
        height: .7rem;
        left: 50%;
        top: 50%;
        right: auto;
        transform: translate(-50%,-50%);
        z-index: 5;
        padding: .1rem;
    }
    .circles{
        display: none;
    }
    .list-box3{
        margin-top: .25rem;
    }
}

@media (max-width: 769px) {
    .list3w a .images .img {
        height: 48vw;
    }
    .list3w .prev{
        left: 0;
    }
    .list3w .next{
        right: 0;
    }
}
@media (max-width: 481px) {
    .index-s1 .text h2 {
        font-size: .38rem;
        flex-wrap: wrap;
    }

    .list3w a .images .img {
        height: 91vw;
    }

    .list-box3 li.i1 {
        width: 100%;
    }

    .list-box3 li.i1 a .pic {
        padding-top: 62vw;
    }

    .list-box3 li.i2 {
        width: 100%;
    }

    .list-box3 li.i2 a .pic {
        padding-top: 62vw;
    }
    .fh-box .fh-text p {
        font-size: .18rem;
        line-height: .26rem;
        max-height: 1.04rem;
    }
    .list-box4 li{
        width: 100%;
    }
    .list-box2 li {
        width: 1.4rem;
    }
}

@media (min-width: 1025px) {
    .footer {
        display: none
    }
}

.welcome-container{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.welcome-container .welBg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.welcome-container .welBg img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom center;
}
.welcome-container .welBg img.img-2{
    display:none;
}

.welcome-container .wel-logo{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    padding: .33rem 0;
}
.welcome-container .wel-logo .wp {
    width: 100%;
    max-width: none;
    padding: 0 .54rem;
}
.welcome-container .wel-text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    padding-bottom: 9vw;
}
.welcome-container h4{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 .34rem;
    font-size: .26rem;
    line-height: 1;
    color: #FFFFFF;
}
.welcome-container h3{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    font-size: .92rem;
    line-height: 1;
    font-weight: 700;
    color: #fde7c1;
    margin-top: -.4rem;
}
.welcome-container h3 img{
    display: block;
    height: 1.61rem;
}
.welcome-container h3 span{
    margin-bottom: .09rem;
}
.welcome-container h5{
    font-size: .32rem;
    line-height: 1;
    color: #FFFFFF;
    font-weight: 200;
    text-align: center;
    margin-top: .3rem;
}

.welcome-container .wel-btn{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}
.welcome-container .wel-btn a{
    display: block;
}
.welcome-container .wel-btn a img{
    display: block;
    height: .66rem;
}


@media (min-width: 1025px) {
    .welcome-container h4,
    .welcome-container h3,
    .welcome-container h5,
    .welcome-container .wel-btn{
        opacity: 0;
        visibility: hidden;
        transform: translateY(20px);
        transition-timing-function: ease;
        transition-duration: 1.5s;
    }
    .welcome-container .wel-logo{
        opacity: 0;
        visibility: hidden;
        transform: translateY(-20px);
        transition-timing-function: ease;
        transition-duration: 1.5s;
        transition-delay: .2s;
    }
    .welcome-container.welcome .wel-logo{
        opacity: 1;
        visibility: visible;
        transform: translateZ(0);
    }

    .welcome-container.welcome h4,
    .welcome-container.welcome h3,
    .welcome-container.welcome h5,
    .welcome-container.welcome .wel-btn{
        opacity: 1;
        visibility: visible;
        transform: translateZ(0);
    }
    .welcome-container.welcome h4{
        transition-delay: .2s;
    }
    .welcome-container.welcome h3{
        transition-delay: .3s;
    }
    .welcome-container.welcome h5{
        transition-delay: .4s;
    }
    .welcome-container.welcome .wel-btn{
        transition-delay: .6s;
    }

.welcome-container{
 display:none
}
}

@media (max-width: 1025px) {
    .welcome-container .wel-logo{
        padding: .15rem 0;
    }
    .welcome-container .wel-logo .wp {
        padding: 0;
        max-width: 96%;
        position: relative;
        z-index: 5;
    }
    .welcome-container h4{
        gap: 0 .2rem;
        font-size: .22rem;
    }
    .welcome-container h3{
        font-size: .5rem;
        margin-top: 0;
    }
    .welcome-container h3 img{
        height: 1rem;
    }
    .welcome-container h5{
        font-size: .26rem;
        line-height: 1.5;
        margin-top: .1rem;
    }
    .welcome-container .wel-btn{
        bottom: 33vh;
    }
    .welcome-container .wel-btn a img{
        height: .5rem;
    }
    .welcome-container .wel-text{
        padding-bottom: 20vh;
    }

    .index-s1 .notice{
        position: relative;
        top: 0;
    }
    .index-s1 .notice .content{
        width: 100%;
        max-width: 96%;
        padding: 0;
    }
    .index-s1 .padingBox{
        padding: .3rem .2rem 0;
        border-radius: .1rem;
    }
    .index-s1 .padingBox:before{
        inset: .1rem;
        border-radius: .1rem;
    }
    .index-s1 .act-tit h2{
        font-size: .3rem;
    }
    .index-s1 .act-tit .lines{
        margin-top: .15rem;
        gap: 0 .1rem;
    }
    .index-s1 .act-tit{
        position: relative;
        z-index: 2;
    }
    .index-s1 .act-con p{
        font-size: .2rem;
    }
    .index-s1 .act-con .scl{
        padding: 0 .2rem;
    }
    .index-s1 .act-con .scl p:last-child {
        margin-bottom: 1.7rem;
    }
    .index-s1 .flowers span.flower1{
        top: .1rem;
        left: .1rem;
        width: 1.37rem;
        height: 0.54rem;
    }
    .index-s1 .flowers span.flower2 {
        top: 0.1rem;
        right: 0.1rem;
        width: 1.51rem;
        height: 0.63rem;
    }
    body.is-landscape .welcome-container .wel-btn{
        bottom: 24vh;
    }
    body.is-landscape .fh-box .fh-text{
        height: 100%;
    }
    body.is-landscape .fh-box .fh-text.noText .pic{
        height: 100%;
        padding-top: inherit;
    }
body.is-landscape .zfPops .wrap{
       margin-top:3rem
   }
}

@media (max-width: 769px) {
    .welcome-container h3 span{
        width: 100%;
        text-align: center;
    }
    .welcome-container h3{
        margin-top: .2rem;
    }
    .welcome-container .welBg img.img-2{
      display:block;
    }
    .welcome-container .welBg img.img-1{
      display:none;
    }

}