﻿#EventsB1 .Imgs img{width:100%;}
#EventsB1 .Body .L1{opacity:0;}
#EventsB1 .Body .L1:first-child{opacity:1;}
#EventsB1 .Body .L1.swiper-slide{-webkit-transition-property:opacity;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);will-change:opacity;}
#EventsB1 .Body .swiper-button-next,
#EventsB1 .Body .swiper-button-prev{--swiper-navigation-size:35px !important;color:#fff !important;}
#EventsB1 .Body .swiper-pagination-bullet{position:relative;display:inline-block;margin:0 2.5px;width:16px;height:16px;line-height:16px;font-size:1.2rem;text-align:center;background:rgba(0, 0, 0, 0.5);color:#ffffff;opacity:1;border-radius:50%;}
#EventsB1 .Body .swiper-pagination-bullet-active{color:#ffffff;background-color:#ff0000;}
#EventsB1 .Body .swiper-pagination-bullet .num{display:block;}
#EventsB1 .Body .swiper-pagination-bullet .thumb{display:none;position:absolute;bottom:40px;left:50%;z-index:100;width:90px;height:60px;border:2px solid #ffffff;border-radius:4px;background:#000000;box-shadow:0 4px 10px rgb(0 0 0 / 30%);transform:translateX(-50%);overflow:hidden;}
#EventsB1 .Body .swiper-pagination-bullet .thumb img{display:block;width:100%;height:100%;object-fit:cover;}
#EventsB1 .Body .swiper-pagination-bullet:hover .thumb{display:block;}
#EventsB1 .Body .swiper-button-pause{position:absolute;bottom:10px;right:15px;z-index:99;width:10px;height:13px;cursor:pointer;border-radius:2px;background:linear-gradient(to right,#ffffff 0%,#ffffff 30%,transparent 30%,transparent 70%,#ffffff 70%,#ffffff 100%);}
#EventsB1 .Body .swiper-button-pause.play{background:none;}
#EventsB1 .Body .swiper-button-pause.play::before{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent white;border-radius:2px;}
#EventsB1 .Body .FadeIn{position:absolute;bottom:15%;left:10%;z-index:1;display:flex;flex-direction:column;;align-content:center;align-items:center;width:80%;text-shadow:1px 1px 2px #000;}
#EventsB1 .Body .Title{line-height:1.5;font-size:3.5rem;color:#fff;}
#EventsB1 .Body .Text{line-height:1.7;font-size:2rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#fff;}

img{display:block;}
.Z0001,.Z0003,.Z0004,.Z0005{padding-top:100px;padding-bottom:100px;}
.Z0002{padding-top:0;padding-bottom:0;}
.Z0001 .Kind{color:#fff;}
.S11 .Body .L1{transition:all 0.5s ease;}
#TabsB1 > .Bodyer{display:flex;flex-wrap:wrap;gap:5rem 10px;justify-content:space-between;}
#TabsB1 .Head{flex:1;gap:25px;justify-content:flex-end;border-radius:10px 10px 0 0;border-bottom:1px solid #fff;box-sizing:border-box;}
#TabsB1 label{flex-shrink:0;padding:0 2px;line-height:2.5;color:#fff;font-weight:500;writing-mode:inherit;box-sizing:border-box;text-shadow:0 0 3px #000;transition:all 0.2s ease;}
#TabsB1 label.active{border:0;border-top:4px solid #ae8c4d;color:#fff;box-sizing:border-box;}
#TabsB1 label.active:after{display:none;}
#TabsB1 > * > .Body{width:100%;}
#TabsB1 .Body > .L1s > .L1.active{padding:0;margin:0;border:none;}
.Z0001{background-attachment:initial !important;}
.Z0001 .B1z .L1s .L1{padding:10px;box-sizing:border-box;background-color:#fff;}
.Z0001 .L1 img{transition:transform 1s ease;}
.Z0001 .B1z .L1:hover img{transform:scale(1.07);}
.Z0001 .Footer{display:flex;justify-content:center;}
.Z0001 .Footer .More{position:relative;line-height:2.5;font-size:2rem;text-transform:uppercase;border-radius:4px;}
.Z0001 .Footer .More::before,
.Z0001 .Footer .More::after{content:"";position:absolute;top:50%;right:15px;width:15px;height:2px;background-color:#fff;transition:transform 0.4s ease-in-out;}
.Z0001 .Footer .More::before{transform:translate(-50%, -50%) rotate(0deg);}
.Z0001 .Footer .More::after{transform:translate(-50%, -50%) rotate(90deg);}
.Z0001 .Footer .More:hover::before{transform:translate(-50%, -50%) rotate(180deg);}
.Z0001 .Footer .More:hover::after{transform:translate(-50%, -50%) rotate(270deg);}
.Z0001 .Footer .More a{position:relative;display:block;padding:0 50px 0 30px;color:#fff;background-color:rgb(0 0 0 / 20%);}
.Z0001 .Footer .More a::before,
.Z0001 .Footer .More a::after{content:"";position:absolute;width:0;height:0;box-sizing:border-box;border:1px solid transparent;}
.Z0001 .Footer .More a::before{top:0;left:0;transition:width 0.2s linear 0.6s, height 0.2s linear 0.4s, border-color 0s linear 0.8s;}
.Z0001 .Footer .More a::after{bottom:0;right:0;transition:width 0.2s linear 0.2s, height 0.2s linear 0s, border-color 0s linear 0.4s;}
.Z0001 .Footer .More a:hover::before{width:100%;height:100%;border-top-color:#fff;border-right-color:#fff;transition:width 0.2s linear 0s, height 0.2s linear 0.2s, border-color 0s linear 0s;}
.Z0001 .Footer .More a:hover::after{width:100%;height:100%;border-bottom-color:#fff;border-left-color:#fff;transition:width 0.2s linear 0.4s, height 0.2s linear 0.6s, border-color 0s linear 0.4s;}

.Z0002{position:relative;width:100%;}
.Z0002 .Body,
.Z0005 .Body{margin:0 auto;width:100% !important;}
.Z0002 .L1s{display:grid;grid-template-columns:repeat(4, 1fr);}
.Z0002 .L1{position:relative;flex:1;display:flex;height:250px;transition:all 0.5s ease-in;}
.Z0002 .L1.i1{background-color:#25423b;}
.Z0002 .L1.i2{background-color:#363d60;}
.Z0002 .L1.i3{background-color:#2c615b;}
.Z0002 .L1.i4{background-color:#25423b;}
.Z0002 .L1:hover{background-color:#ae8c4d;}
.Z0002 .L1 .Title{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12%;width:76%;letter-spacing:1px;font-size:2.5rem;color:#fff;}
.Z0002 .L1 .Title:before,
.Z0002 .L1 .Title:after{content:'';position:absolute;border-width:1px;border-style:solid;border-color:#eee;box-sizing:border-box;transition:all 0.5s ease-in;}
.Z0002 .L1 .Title:before{top:30px;right:30px;width:calc(100% - 60px);height:calc(100% - 60px);}
.Z0002 .L1 .Title:after{top:35px;right:35px;width:calc(100% - 70px);height:calc(100% - 70px);}
.Z0002 .L1 .Title:hover:before{top:0px;right:0px;width:100%;height:100%;}
.Z0002 .L1 .Title:hover:after{top:5px;right:5px;width:calc(100% - 10px);height:calc(100% - 10px);}
.Z0003{float:left;padding-left:10%;padding-right:5%;width:44%;}
.Z0003 .Bodyer{display:flex;gap:50px 0;flex-direction:column;align-items:flex-start;}
.Z0004 .B1z.E000 .L1{background-color:rgb(0 0 0 / 50%);}
.Z0004{padding-right:10%;padding-left:5%;width:26%;overflow:hidden;}
#mhSlider > .Bodyer{display:flex;flex-wrap:wrap;gap:50px 0;}
#mhSlider .Body{padding-top:100px;margin-top:-100px;}
#mhSlider .Body .Fade{display:flex;flex-wrap:wrap;}
#mhSlider .Body .Imgs img{width:100%;aspect-ratio:1 / 1.4;object-fit:cover;}
#mhSlider .Body .swiper-button-next,
#mhSlider .Body .swiper-button-prev{--swiper-navigation-size:25px !important;color:#111 !important;top:12px;left:auto;margin-top:0;}
#mhSlider .Body .swiper-button-next{right:10px;}
#mhSlider .Body .swiper-button-prev{right:100px;}
#mhSlider .Body .swiper-pagination-fraction{top:10px;right:38px;left:auto;bottom:auto;transform:none;width:auto;padding:0 10px;height:30px;line-height:30px;font-size:1.6rem;background:transparent;}
.Z0004 .B1z{width:100%;overflow:hidden;}
.Z0004 .B1z .FadeIn,
.Z0004 .B1z .FadeIn a{color:#fff;}
.Z0005 .L1{background-color:rgb(0 0 0 / 50%);}
.Z0005 .L1 .Title{color:#fff;}
.S11 .B1z .L1{transition:background-color 0.3s ease-in;}
.S11 .B1z .L1s .L1:hover{background-color:rgb(255 255 255 / 90%);}
@keyframes snowing {
	0% {bottom:50%;transform:rotate(0deg);opacity:.2;}
	50% {opacity:1;}
	100% {bottom:-10%;transform:rotate(-70deg);opacity:.5;}
}
@keyframes snowing2 {
	0% {bottom:100%;}
	50% {-webkit-transform:rotate(1080deg);}
	100% {-webkit-transform:rotate(0deg) translate3d(50px, 50px, 50px);}
}
.B1z.A003 .L1 .FadeIn .PostTime{color:#999;}
.B1z.A003 .L1{box-shadow:0 0 5px #CCC;background-color:#fff;}
.B1z.A003 .L1 .Title:before{background-color:#6aae74;}
.B1z.A700 .L1 .Tag{color:#eee;}
.B1z.A700 .L1 .Imgs{border-color:#ddd;}
.B1z.A700 .L1:hover .Imgs{border-color:#99cca1;}
.B1z.A700 .L1:hover .Imgs:after{border-color:#6aae74;}
.B1z.A700 .L1:hover .Title{color:#0e8d64;}
.B1z.A901 .L1{position:relative;padding:2%;width:42%;overflow:inherit;}
.B1z.A901 .L1 .Title{position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin:0 0 10px;width:100%;line-height:37.5px;font-size:21px;text-indent:35px;overflow:hidden;}
.B1z.A901 .L1 .Title:before{content:'';position:absolute;top:8px;left:0;width:20px;height:20px;}
.B1z.A901 .L1 .FadeIn{margin:30px auto 20px;width:90%;}
.B1z.A901 .L1 .FadeIn .Text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0 0 20px;height:50px;overflow:hidden;}
.B1z.A901 .L1 .FadeIn .PostTime{float:left;font-size:16.5px;}
.B1z.A901 .L1 .FadeIn .Readmore a{display:block;float:right;width:30px;height:30px;text-indent:-9999px;background-image:url(/s/r/i/Readmore-bg.png);background-repeat:no-repeat;background-position:center;background-size:100%;}
@media screen and (min-width:960px) and (max-width:1249px){
	.Z0002 .L1 .Title{font-size:2.2rem;}
	.Z0001 .Img1,
	.Z0001 .Img2{width:30%;}
	.Z0001 .Imgs img{width:100%;}
	.Z0001 .Bodyer .Img1{width:100%;}
	.Z0003{padding:8vh 0 8vh 7.5%;margin-right:3%;width:45%;}
	.Z0004{padding:8vh 7.5% 8vh 3%;width:34%;}
}
@media screen and (max-width:959px){
	#TabsB1 > .Bodyer{gap:30px 0;justify-content:space-between;flex-direction:column;}
	#TabsB1 .Head{justify-content:center;gap:4px;}
	#TabsB1 label,
	#TabsB1 label.active{padding:5px;line-height:2;font-size:1.4rem;}
	#TabsB1 label.active:after{bottom:-15px;height:20px;}
	.Z0002 .L1{height:190px;}
	.Z0003 .Bodyer,
	#mhSlider > .Bodyer{gap:30px 0;}
	#mhSlider .Body{padding-top:70px;margin-top:-70px;}
	.Z0003 .Img1{top:10vh;width:50%;}
	.Z0003 .Imgs img{width:100%;}
	.Z0003 .Bodyer .Img1{top:initial;width:100%;}
}
@media screen and (min-width:640px) and (max-width:959px){
	#EventsB1 .Bodyer .Title{line-height:2;font-size:2rem;}
	#EventsB1 .Bodyer .Text{line-height:1.2;font-size:1.5rem;-webkit-line-clamp:2;}
	.Z0001,.Z0003,.Z0004,.Z0005{padding:50px 0;}
	.Z0003{padding-right:3%;padding-left:5%;width:47%;}
	.Z0004{padding-right:5%;padding-left:3%;width:37%;}
	.Z0002 .L1s{display:grid;grid-template-columns:repeat(2, 1fr);}
	.Z0002 .L1 .Title{font-size:1.9rem;;}
	.Z0005 > * > .Body{padding:0 5% !important;}
}
@media screen and (max-width:639px){
	#EventsB1 .Body .swiper-pagination-bullets{--swiper-pagination-bottom:0 !important;}
	#EventsB1 .Body .swiper-button-pause{bottom:6px;width:8px;height:12px;}
	#EventsB1 .Body .swiper-button-next,
	#EventsB1 .Body .swiper-button-prev{--swiper-navigation-size:25px !important;}
	#EventsB1 .Bodyer .FadeIn{bottom:25px;}
	#EventsB1 .Bodyer .Title{line-height:1.8;font-size:1.6rem;}
	#EventsB1 .Bodyer .Text{line-height:1.2;font-size:1.35rem;-webkit-line-clamp:1;}
	.Z0001{background-size:100%;}
	.Z0001,.Z0003,.Z0004,.Z0005{padding:40px 0;}
	.Z0002 .L1s{display:grid;grid-template-columns:repeat(1, 1fr);}
	.Z0002 .L1 .Title{font-size:2rem;}
	.Z0003,
	.Z0004{float:none;margin:0;width:100%;}
	.Z0003 .Img1{top:10vh;width:90%;}
	.Z0005 > * > .Body,
	.Z0004 > * > .Body,
	.Z0003 > * > .Body{padding:0 5% !important;}
}