@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1);transform:scale(1)}
25%{-webkit-transform:scale(1.2);transform:scale(1.2)}
50%{-webkit-transform:scale(1);transform:scale(1)}
75%{-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes pulse{
0%{-webkit-transform:scale(1);transform:scale(1)}
25%{-webkit-transform:scale(1.2);transform:scale(1.2)}
50%{-webkit-transform:scale(1);transform:scale(1)}
75%{-webkit-transform:scale(1.2);transform:scale(1.2)}
}
.banner{width:100%;height:100vh;background:url(../images/banner.png) no-repeat center/cover;position:relative}
.banner .rows{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:29vh 0 0;position:relative;z-index:10}
.banner .rows .banner-text{z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:0 .2rem}
.banner .rows .banner-text img{max-width:12.95rem;height:auto}
.banner .rows .banner-button{width:2.76rem;margin-top:.61rem;height:.7rem;-webkit-animation:pulse 2.7s infinite;animation:pulse 2.7s infinite}
.banner .rows .banner-button a{display:block;line-height:.7rem;width:100%;height:100%;background:url(../images/jion-icon.png) no-repeat center/100%;color:#ac281b;font-size:.28rem;text-align:center;-webkit-transition:.3s;transition:.3s;border-radius:30px}
.columnTitle{position:relative;padding:0 0 40px;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.columnTitle h2{font-family:Arial,ui-sans-serif;font-size:.36rem;font-weight:700;color:#9e2d27;text-align:center;margin:0 auto .06rem;-webkit-box-flex:1;-ms-flex:1;flex:1}
.columnTitle h2 span{font-size:.24rem;color:#999;font-family:Arial;font-weight:400;display:block}
.columnTitle .more a{font-size:.18rem;color:#999}
.columnTitle .more a:hover{color:#9d2d27}
.news{width:100%;background-color:#fff;position:relative;padding:.68rem 0 .75rem}
.news .rows{position:relative;z-index:2}
.news .rows .before1{content:'';display:block;max-width:1.38rem;width:1.9rem;height:1.9rem;background:url(../images/Module-shading2.png) no-repeat;background-size:100%;position:absolute;left:3.34rem;top:.34rem;z-index:-1}
.news .rows .newsList{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:2.2%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;z-index:10;margin:0 auto}
.news .rows .newsList .newsCard{display:-webkit-box;display:-ms-flexbox;display:flex;width:18.78%;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-shadow:0 .05rem .15rem 0 #0000003b;box-shadow:0 .05rem .15rem 0 #0000003b;background-color:#fff;position:relative;-webkit-transition:all ease .3s;transition:all ease .3s}
.news .rows .newsList .newsCard .news-ctn{padding:.18rem 0 .2rem}
.news .rows .newsList .newsCard .img1{margin:0;height:1.63rem;overflow:hidden}
.news .rows .newsList .newsCard .img1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .5s;transition:all .5s}
.news .rows .newsList .newsCard a{width:100%}
.news .rows .newsList .newsCard .newsTitle{padding:0 .2rem;font-size:.22rem}
.news .rows .newsList .newsCard .newsDate{padding:.05rem .2rem .18rem;font-size:.18rem;color:#9d2d27}
.news .rows .newsList .newsCard::after{content:'';display:block;width:100%;height:.69rem;background:url(../images/Card-shading.png) no-repeat right;bottom:0;position:absolute}
.news .rows .newsList .newsCard.active{width:36.17%;max-width:5.8rem;background-color:#9d2d27}
.news .rows .newsList .newsCard.active .img1{width:100%;height:3.27rem;overflow:hidden}
.news .rows .newsList .newsCard.active .img1 img{width:100%;height:100%;-webkit-transition:all .5s ease;transition:all .5s ease}
.news .rows .newsList .newsCard.active .news-ctn{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.news .rows .newsList .newsCard.active .news-ctn .newsTitle{overflow:hidden;margin:.02rem 0 .12rem;text-overflow:ellipsis;white-space:nowrap}
.news .rows .newsList .newsCard.active .news-ctn .newsDate{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding-bottom:0}
.news .after{content:'';display:block;max-width:2.06rem;width:100%;height:3.16rem;background:url(../images/Module-shading1.png) no-repeat;background-size:100%;bottom:10%;left:0;position:absolute;z-index:1}
.news .before{content:'';display:block;max-width:206px;width:100%;height:316px;background:url(../images/Module-shading3.png) no-repeat;background-size:100%;top:12%;right:0;position:absolute;z-index:1}
@media screen and (max-width:1080px){
.news .rows .newsList{gap:2%}
.news .rows .newsList .newsCard .newsDate{font-size:.2rem}
.news .rows .newsList .newsCard.active{width:36.8%}
.news .rows .newsList .newsCard.active .newsTitle{display:block}
.news .rows .newsList .newsCard .newsTitle{font-size:.24rem;overflow:hidden;-webkit-line-clamp:2;line-height:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
}
@media screen and (max-width:805px){
.news .rows .newsList .newsCard{width:48.8%;margin-bottom:20px}
.news .rows .newsList .newsCard.active{width:48.8%}
.news .rows .newsList .newsCard .img1{height:3.25rem}
.news .rows .newsList .newsCard .newsDate{font-size:.22rem}
.news .rows .newsList .newsCard .newsTitle{font-size:.26rem}
}
@media screen and (max-width:500px){
.news .rows .newsList .newsCard{width:100%;margin-bottom:20px}
.news .rows .newsList .newsCard .img1{height:3.65rem}
}
.main-bg{width:100%;height:100%;background-color:#f5ece5}
.main-bg .rows{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}
.main-bg .left{width:18%;background-color:#9e2d25;text-align:center;position:relative}
.main-bg .left .left-top{width:100%;text-align:center;margin:15% auto}
.main-bg .left .left-top img{width:100%}
.main-bg .left .left-bottom{position:absolute;width:80%;bottom:.56rem;left:.23rem}
.main-bg .left .left-bottom img{width:100%}
.main-bg .right{width:82%;height:100%;position:relative;padding-bottom:1.01rem}
.main-bg .right .right-logo-title{width:100%;padding:.15rem 0 .3rem;text-align:center;position:relative}
.main-bg .right .right-logo-title .right-logo{position:absolute;left:4%;top:15%}
.main-bg .right .right-logo-title .right-title{margin:.6rem auto 0 auto;width:2.15rem}
.main-bg .right .right-logo-title .right-title img{width:100%}
.main-bg .right .right-content{width:84%;z-index:10;position:relative;padding:0 0 0 1.53rem}
.main-bg .right .right-content h1,.main-bg .right .right-content h2,.main-bg .right .right-content h3,.main-bg .right .right-content h4,.main-bg .right .right-content h5,.main-bg .right .right-content h6{font-weight:700}
.main-bg .right .right-content h3{font-size:.28rem;color:#333;margin-bottom:.21rem}
.main-bg .right .right-content strong{font-weight:700}
.main-bg .right .right-content p{font-size:.22rem!important;line-height:2;color:#333}
.main-bg .right .right-btn{position:absolute;bottom:.48rem;right:17%;width:2.3rem;z-index:10;padding:.21rem 0;background:url(../images/invite7.png) no-repeat center/cover;text-align:center;-webkit-transition:.5s;transition:.5s;overflow:hidden;border-radius:.28rem}
.main-bg .right .right-btn::before{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:url(../images/invite7.png) no-repeat top/cover;opacity:1;z-index:11;-webkit-transition:.5s;transition:.5s}
.main-bg .right .right-btn a{display:block;width:100%;color:#fff;font-size:.25rem;font-weight:700;letter-spacing:5px;position:relative;z-index:12}
.main-bg .right .right-btn:hover{-webkit-box-shadow:0 5px 8px 0 #000;box-shadow:0 5px 8px 0 #000}
.main-bg .right .right-btn:hover::before{background:url(../images/wish-btn.png) no-repeat top/cover;-webkit-transform:rotate3d(360deg);transform:rotate3d(360deg)}
.main-bg .right .afterTop {
    width: 2.4rem;
    height: 2.32rem;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    background: url(../images/invite5.png) no-repeat;
}
.main-bg .right .before {
    max-width: 100%;
    width: 100%;
    height: 4.97rem;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 0;
    background: url(../images/invite6.png) no-repeat center bottom;
}
@media screen and (max-width:1580px){
.main-bg .right .right-content{width:100%;padding-right:20px;padding-left:.53rem}
.main-bg .right .right-btn{right:20px}
}
@media screen and (max-width:1080px){
.main-bg .right .right-content h1,.main-bg .right .right-content h2,.main-bg .right .right-content h3,.main-bg .right .right-content h4,.main-bg .right .right-content h5,.main-bg .right .right-content h6{font-size:.3rem}
.main-bg .right .right-content p{font-size:.24rem!important}
.main-bg .right .right-btn a{font-size:.26rem}
}
@media screen and (max-width:800px){
.main-bg .left{display:none}
.main-bg .right{width:100%}
.main-bg .right .right-content{width:100%}
.main-bg .right .right-content p{font-size:.26rem!important}
}
@media screen and (max-width:600px){
.main-bg .right .right-logo-title{text-align:left}
.main-bg .right .right-logo-title .right-logo{position:static;padding:20px 0 0 20px}
.main-bg .right .right-logo-title .right-title{text-align:center}
}
.wish{width:100%;height:100%;padding:.6rem 0 1.39rem;background:url(../images/wish-bg.png) no-repeat center/cover;overflow:hidden}
.wish .columnTitle{padding-bottom:.2rem}
.wish .rows .today{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.wish .rows .today .time{text-align:center}
.wish .rows .today .time .title{color:#fff6db;font-size:.34rem;font-family:DINBold;font-weight:700;text-shadow:0 .03rem .05rem #00000088;letter-spacing:.03rem}
.wish .rows .today .time .date{padding-top:.27rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.wish .rows .today .time .date p{font-family:DINBold;font-weight:700;font-size:.5rem;padding:.1rem .2rem;margin:0 .1rem 0 0;background-color:#b58d4f;text-shadow:0 3px 8px 0 0 #000;color:#fff}
.wish .rows .today .time .date span{color:#fff;font-size:.34rem;font-family:DINBold;font-weight:700;text-shadow:0 3px 5px #00000088;letter-spacing:3px}
.wish .rows .Barrage{position:relative;width:100%;height:4.29rem;left:0;right:0;z-index:10;overflow:hidden}
.wish .rows .Barrage span{position:absolute;background:rgba(153,30,33,.65);color:#fbf3c6;padding:.1rem .38rem;border-radius:.5rem;line-height:1.78;white-space:nowrap;font-size:.2rem;font-weight:700;-webkit-animation:Barrag 14s linear infinite;animation:Barrag 14s linear infinite;opacity:0}
.wish .rows .Barrage span.shadow{-webkit-box-shadow:0 0 .1rem #e5bb64;box-shadow:0 0 .1rem #e5bb64;font-size: .24rem}
.wish .rows .Barrage span:nth-child(1){top:.04rem;-webkit-animation-duration:16.8s;animation-duration:16.8s;-webkit-animation-delay:0s;animation-delay:0s}
.wish .rows .Barrage span:nth-child(2){top:.64rem;-webkit-animation-duration:14.8s;animation-duration:14.8s;-webkit-animation-delay:3s;animation-delay:3s}
.wish .rows .Barrage span:nth-child(3){top:1.24rem;-webkit-animation-duration:13.8s;animation-duration:13.8s;-webkit-animation-delay:0s;animation-delay:0s}
.wish .rows .Barrage span:nth-child(4){top:1.84rem;-webkit-animation-duration:17.8s;animation-duration:17.8s;-webkit-animation-delay:3s;animation-delay:3s}
.wish .rows .Barrage span:nth-child(5){top:2.44rem;-webkit-animation-duration:13.8s;animation-duration:13.8s;-webkit-animation-delay:4s;animation-delay:4s}
.wish .rows .Barrage span:nth-child(6){top:3.04rem;-webkit-animation-duration:15.8s;animation-duration:15.8s;-webkit-animation-delay:0s;animation-delay:0s}
/*
.wish .rows .message{width:2.49rem;height:1.26rem;margin:.29rem auto 0;text-align:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.3s;transition:.3s;position:relative}
.wish .rows .message .after{width:100%;height:100%;position:absolute;-webkit-transition:hover1 1s ease;transition:hover1 1s ease;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);background:url(../images/wish-btn1.png) no-repeat center/contain;z-index:1}
.wish .rows .message a{display:block;width:2.17rem;height:.95rem;line-height:.95rem;font-size:.26rem;color:#fed79b;background:url(../images/wish-btn.png) no-repeat center;letter-spacing:.05rem;margin:auto;overflow:hidden;position:relative}
.wish .rows .message a span{position:absolute;z-index:10;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%}
.wish .rows .message a::before{content:'';display:block;width:80%;height:50%;top:25px;left:-100%;position:absolute;background-color:#cc4139cf;-webkit-box-shadow:0 0 20px 10px #cc4139;box-shadow:0 0 20px 10px #cc4139;z-index:1;-webkit-transition:.5s;transition:.5s}
.wish .rows .message a:hover::before{left:120%}
*/
.wish .rows .message {
    width: 2.76rem;
    margin-top: .61rem;
    height: .7rem;
    -webkit-animation: pulse 2.7s infinite;
    animation: pulse 2.7s infinite;
margin: .61rem auto 0;
}
.wish .rows .message a {
    display: block;
    line-height: .7rem;
    width: 100%;
    height: 100%;
    background: url(../images/jion-icon.png) no-repeat center / 100%;
    color: #ac281b;
    font-size: .28rem;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 30px;
}
#onBtn-msg {
animation: none;
}
.wish .rows .page-2{position:fixed;inset:0;background:rgba(0,0,0,.177);z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:.5s;transition:.5s}
.wish .rows .page-2.show{opacity:1;visibility:visible}
.wish .rows .page-2 .tit4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.4rem}
.wish .rows .page-2 .tit4 h3{font-size:.46rem;color:#ffe390;font-weight: bold;line-height:1.375;font-family:sys;padding:0 .46rem;position:relative;z-index:1}
.wish .rows .page-2 .tit4 h6{font-size:.26rem;color:#ffba33;font-weight: bold;line-height:1.5;margin:.06rem 0 0}
.wish .rows .page-2 .list12Box{height:4.5rem;width:94%;max-height:46%;overflow:hidden;overflow-y:auto}
.wish .rows .page-2 .list12Box .scroll{height:4.5rem;max-height:100%;overflow:scroll}
.wish .rows .page-2 .list12Box .scroll::-webkit-scrollbar{width:0;height:0;background-color:#f5f5f5;opacity:0}
.wish .rows .page-2 .list12Box .scroll::-webkit-scrollbar-track{background-color:#e2e2e2;opacity:0}
.wish .rows .page-2 .list12Box .scroll::-webkit-scrollbar-thumb{background-color:#333;opacity:0}
.wish .rows .page-2 .list12Box .list12{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:12.8rem;max-width:100%;margin:0 auto}
.wish .rows .page-2 .list12Box .list12 li{padding:.3rem .15rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.wish .rows .page-2 .list12Box .list12 .txt{border-radius:50vw;padding:.12rem .25rem .12rem .56rem;font-size:16px;color:#ffe79f;position:relative;z-index:1;cursor:pointer;overflow:hidden;-webkit-transition:.5s;transition:.5s;font-family:sys;background:0 0}
.wish .rows .page-2 .list12Box .list12 .txt::before{content:"";position:absolute;inset:0;z-index:-1;-webkit-transition:.5s;transition:.5s;background:#9d2e27}
.wish .rows .page-2 .list12Box .list12 .txt::after{content:"";position:absolute;background:url(../images/on02.png) no-repeat center/cover;width:.29rem;height:.28rem;left:.2rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.5s;transition:.5s}
.wish .rows .page-2 .list12Box .list12 .txt.on{-webkit-box-shadow:0 0 .1rem #e5bb64;box-shadow:0 0 .1rem #e5bb64;background:#d3433c;color:#fff0c1}
.wish .rows .page-2 .list12Box .list12 .txt.on::before{opacity:1}
.wish .rows .page-2 .list12Box .list12 .txt.on::after{background-image:url(../images/on01.png)}
.wish .rows .page-2 .messageBox .btn1{width:100%;text-align:justify;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px 0 0}
.wish .rows .page-2 .messageBox .btn1 a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:60px;height:60px;background:url(../images/wish-btn.png) no-repeat -20px -20px;border-radius:50vw;font-size:16px;color:#fff;font-family:sys}
.wish .rows .page-2 .messageBox .btn1 a:hover{background-position:center}
@-webkit-keyframes hover1{
0%,100%{width:100%}
50%{width:50%}
}
@keyframes hover1{
0%,100%{width:100%}
50%{width:50%}
}
@-webkit-keyframes Barrag{
0%{right:-10%;opacity:1}
25%{right:20%;opacity:1}
50%{right:45%;opacity:1}
75%{right:70%;opacity:.8}
90%{right:90%;opacity:.4}
100%{right:100%;opacity:0}
}
@keyframes Barrag{
0%{right:-10%;opacity:1}
25%{right:20%;opacity:1}
50%{right:45%;opacity:1}
75%{right:70%;opacity:.8}
90%{right:90%;opacity:.4}
100%{right:100%;opacity:0}
}
@media screen and (max-width:1080px){
.wish .rows .Barrage span{font-size:.22rem;padding:.2rem .4rem}
.wish .rows .page-2 .list12Box .scroll{height:5.5rem}
}
@media screen and (max-width:800px){
.wish .rows .Barrage span{font-size:.24rem;padding:.1rem .24rem}
}
@media screen and (max-width:680px){
.wish .rows .Barrage span{font-size:.2rem;padding:.12rem .2rem}
.wish .rows .page-2 .list12Box .scroll{height:7.5rem}
}
#canvas{position:absolute;right:0;bottom:0;left:0;z-index:1;pointer-events:none;display:block}
.activity{position:relative;background-color:#fff;padding-top:.84rem;padding-bottom:.45rem;overflow:hidden}
.activity .layout{position:relative;z-index:1}
.activity .swiper{width:100%;position:relative}
.activity .swiper .swiper-container{padding-bottom:0;width:100%;padding:.55rem 0 1.69rem}
.activity .swiper .swiper-container .swiper-slide{-webkit-transform:scale(.95);transform:scale(.95);-webkit-transition:-webkit-transform .5s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .5s cubic-bezier(.165,.84,.44,1);transition:transform .5s cubic-bezier(.165,.84,.44,1);transition:transform .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1)}
.activity .swiper .swiper-container .swiper-slide .img1{width:100%;height:3.51rem;overflow:hidden}
.activity .swiper .swiper-container .swiper-slide .img1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all ease .5s;transition:all ease .5s}
.activity .swiper .swiper-container .swiper-slide .swiper-info{display:none;width:100%;margin:.15rem 0}
.activity .swiper .swiper-container .swiper-slide .swiper-info h4{font-size:.2rem;font-family:'Times New Roman',Times,serif;font-weight:700;padding:.08rem 0}
.activity .swiper .swiper-container .swiper-slide .swiper-info .swiper-text{font-size:.16rem;color:#999;margin-top:.08rem;line-height:.28rem;overflow:hidden;height:2;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.activity .swiper .swiper-container .swiper-slide.swiper-slide-active{-webkit-transform:scale(1.25);transform:scale(1.25);-webkit-transition:-webkit-transform .5s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .5s cubic-bezier(.165,.84,.44,1);transition:transform .5s cubic-bezier(.165,.84,.44,1);transition:transform .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1);z-index:1}
.activity .swiper .swiper-container .swiper-slide.swiper-slide-active .swiper-info{display:block}
.activity .swiper .swiper-button-next,.activity .swiper .swiper-button-prev{position:absolute;-webkit-transition:.3s;transition:.3s;width:.53rem!important;height:.24rem!important;top:var(--swiper-navigation-top-offset,90%)!important;color:#9d2d2700!important;z-index:45!important;margin-top:0!important}
.activity .swiper .swiper-button-prev{left:10%!important;background:url(../images/activity4.png) no-repeat center;background-size:.53rem .24rem}
.activity .swiper .swiper-button-next{right:10%!important;background:url(../images/activity5.png) no-repeat center;background-size:.53rem .24rem}
.activity .swiper .swiper-button-next:hover{-webkit-transition:.3s;transition:.3s;-webkit-transform:translate(17%);transform:translate(17%)}
.activity .swiper .swiper-button-prev:hover{-webkit-transition:.3s;transition:.3s;-webkit-transform:translate(-17%);transform:translate(-17%)}
.activity .swiper .swiper-pagination{left:50%;bottom:.55rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.activity .swiper .swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:#9d2d27!important}
.activity .swiper .swiper-pagination-bullet{width:.12rem!important;height:.12rem!important;margin:0 .05rem;background-color:#d5d5d5;opacity:1}
@media screen and (max-width:978px){
.activity .swiper .swiper-container .swiper-slide .img1{height:4.51rem}
.activity .swiper .swiper-container .swiper-slide .swiper-info h4{font-size:.22rem}
.activity .swiper .swiper-container .swiper-slide .swiper-info .swiper-text{font-size:.18rem;height:.6rem}
}
@media screen and (max-width:768px){
.activity .swiper .swiper-container .swiper-slide{-webkit-transform:scale(1);transform:scale(1)}
.activity .swiper .swiper-container .swiper-slide.swiper-slide-active{-webkit-transform:scale(1);transform:scale(1)}
.activity .swiper .swiper-container .swiper-slide .swiper-info h4{font-size:.24rem}
.activity .swiper .swiper-container .swiper-slide .swiper-info .swiper-text{font-size:.2rem;height:.6rem}
}
.video-footer{position:relative;background:url(../images/footer-bg.png) no-repeat center center/cover;padding:.87rem 0 0}
.video-footer .video-Box{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.3rem;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 0 2.12rem}
.video-footer .video-Box .video-left{width:50.06%;max-width:6.95rem;height:100%}
.video-footer .video-Box .video-left .video-cont{width:100%;background-color:#fff;position:relative}
.video-footer .video-Box .video-left .video-cont .video-imgBox{width:100%;overflow:hidden;display:block}
.video-footer .video-Box .video-left .video-cont .video-imgBox .img1{position:relative;width:100%;height:4.31rem;overflow:hidden}
.video-footer .video-Box .video-left .video-cont .video-imgBox .img1::after{content:'';display:block;width:.85rem;height:.85rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(../images/video6.png) no-repeat center;background-size:.85rem .85rem;cursor:pointer;pointer-events:none}
.video-footer .video-Box .video-left .video-cont .video-imgBox .img1.after_img::after {display: none;}
.video-footer .video-Box .video-left .video-cont .video-imgBox .img1 img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.5s;transition:.5s}
.video-footer .video-Box .video-left .video-cont .video-cont-txt{padding:.3rem .45rem .4rem .27rem}
.video-footer .video-Box .video-left .video-cont .video-cont-txt a{display:block}
.video-footer .video-Box .video-left .video-cont .video-cont-txt a p{font-size:.18rem;color:#333;font-size:.22rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.video-footer .video-Box .video-left .video-cont .video-cont-txt a .date{margin-top:.16rem;font-size:.18rem;color:#9d2d27}
.video-footer .video-Box .video-left .video-cont:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.video-footer .video-Box .video-right{width:28.07%}
.video-footer .video-Box .video-right .video-col-1{width:100%;height:2.76rem;position:relative;margin-bottom:.19rem}
.video-footer .video-Box .video-right .video-col-1 .img1{width:100%;height:100%;overflow:hidden}
.video-footer .video-Box .video-right .video-col-1 .img1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .5s;transition:all .5s}
.video-footer .video-Box .video-right .video-col-1 .img1::after{content:"";width:100%;height:100%;display:block;position:absolute;inset:0;background-color:rgba(0,0,0,.35)}

.video-footer .video-Box .video-right .video-col-1 a:hover .img1 img {-webkit-transform:scale(1.1);transform:scale(1.1)}
.video-footer .video-Box .video-right .video-col-1 p{position:absolute;bottom:.14rem;width:100%;padding-left:.24rem;padding-right:.24rem;color:#fff;font-size:.18rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.video-footer .video-Box .video-right1{width:20.83%;height:5.71rem}
.video-footer .video-Box .video-right1 .video-col-1{width:100%;height:100%;position:relative;margin-bottom:.19rem}
.video-footer .video-Box .video-right1 .video-col-1 .img1{width:100%;height:100%;overflow:hidden}
.video-footer .video-Box .video-right1 .video-col-1 .img1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .5s;transition:all .5s}
.video-footer .video-Box .video-right1 .video-col-1 .img1::after{content:"";width:100%;height:100%;display:block;position:absolute;inset:0;background-color:rgba(0,0,0,.35)}
.video-footer .video-Box .video-right1 .video-col-1 p{position:absolute;bottom:.14rem;width:100%;padding-left:.24rem;padding-right:.24rem;color:#fff;font-size:.18rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.video-footer .video-Box .video-right1 .video-col-1 a:hover .img1 img {-webkit-transform:scale(1.1);transform:scale(1.1)}
@media screen and (max-width:800px){
.video-footer .video-Box .video-left .video-cont .video-imgBox .img1{height:4.01rem}
.video-footer .video-Box .video-right .video-col-1{height:2.64rem}
.video-footer .video-Box{gap:1%}
.video-footer .video-Box .video-left{width:49.06%}
.video-footer .video-Box .video-right1{height:5.47rem}
.video-footer .video-Box .video-left .video-cont .video-cont-txt a p{font-size:.24rem}
.video-footer .video-Box .video-left .video-cont .video-cont-txt a .date{font-size:.2rem}
.video-footer .video-Box .video-right .video-col-1 p{font-size:.2rem}
}
@media screen and (max-width:600px){
.video-footer .video-Box .video-left{width:100%;max-width:100%;margin-bottom:20px}
.video-footer .video-Box .video-left .video-cont .video-cont-txt a p{font-size:.26rem}
.video-footer .video-Box .video-left .video-cont .video-cont-txt a .date{font-size:.22rem}
.video-footer .video-Box .video-right{width:49%}
.video-footer .video-Box .video-right1{width:49%}
}
.video-show{width:50%;height:50%;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;text-align:center;top:10%;right:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);bottom:0;z-index:100}
.video-show .videx-box{width:100%;margin:0 auto;position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);top:15%;background-color:#fff;border-radius:5px;padding:5px}
.video-show .videx-box .video-imgBox{height:5.39rem;-o-object-fit:cover;object-fit:cover}
.video-show .videx-box .videx-pos{position:relative}
.video-show .videx-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.video-show .close-btn{display:block;width:80px;height:80px;border-radius:40px;background-color:rgba(98,64,64,.7);text-align:center;color:#fff;line-height:80px;position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);bottom:-125px!important;cursor:pointer}
.video-show .close-btn::after{content:'';display:block;width:1px;height:40px;background-color:#f6cbcbb8;position:absolute;top:-40px;left:37px}
.video-show .close-btn:hover{background-color:#961d1dc2}
@media screen and (max-width:800px){
.video-show{width:85%}
}
.shadeBox{width:100%;height:100%;display:none;position:fixed;top:0;right:0;left:0;bottom:0;z-index:99;background-color:#000000b8}
.footer-box{position:relative;margin-top:-2.12rem}