.banner-tpl{padding-top:100px;min-height:600px}
.banner-scale-up{animation:scale-up 4s ease-in forwards}
@keyframes scale-up{0{transform:scale3d(1,1,1)}
100%{transform:scale3d(1.05,1.05,1) rotate(0.02deg)}
}
.banner-fadeIn{animation:fadeIn 1s forwards}
@keyframes fadeIn{0{opacity:0}
100%{opacity:1}
}
.banner-fadeOut{animation:fadeOut 1s forwards}
.banner-fadeOut-degrade{animation:fadeOut 1s forwards}
@keyframes fadeOut{0{opacity:1}
100%{opacity:0}
}
[data-enter-transition="banner-trans-fadeInUp"]{opacity:0;transform:translate3d(0,100px,0)}
.banner-trans-fadeInUp{opacity:1;transition:1s;transform:translate3d(0,0,0)}
.banner-trans-fadeOutUp{transition:1s;opacity:0;transform:translate3d(0,-100px,0)}
.banner-trans-fadeInUp-degrade{opacity:1;transition:1s;transform:translate3d(0,0,0)}
.banner-trans-fadeOutUp-degrade{transition:1s;opacity:0;transform:translate3d(0,-100px,0)}
@media(max-width:1023px){.banner-tpl{display:none}
}
@media(min-width:1024px){.banner{position:relative;z-index:0;width:100%;height:100vh;min-height:600px;background-color:#000e1d}
.banner .carousel-container{width:100%;height:100%}
.banner .carousel-wrapper{position:relative;width:100%;height:100%}
.banner .carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0}
.banner .carousel-slide-current{visibility:visible;opacity:1}
.banner .carousel-slide-current a{z-index:2}
.banner .carousel-slide-active{z-index:1;opacity:1;visibility:visible}
.carousel-indicator-wrapper{position:absolute;z-index:2;bottom:228px;left:50%;-ms-transform:translate(-50%,0);transform:translate(-50%,0);font-size:0}
.carousel-indicator{display:inline-block;width:32px;height:16px;margin:0 7px;line-height:16px;text-align:left;cursor:pointer}
.carousel-indicator div{display:inline-block;vertical-align:middle;width:100%;height:4px;background-color:rgba(255,255,255,0.4);transition:background-color .2s}
.carousel-indicator span{display:block;background:#f66f6a;width:0;height:100%}
.carousel-indicator-active div{border-left:solid 2px #f66f6a}
.carousel-indicator-wrapper[data-theme="light"] .carousel-indicator div{background-color:rgba(255,255,255,0.4)}
.carousel-indicator-wrapper[data-theme="light"] .carousel-indicator:hover div{background-color:rgba(255,255,255,0.8)}
.carousel-indicator-wrapper[data-theme="dark"] .carousel-indicator div{background-color:rgba(160,162,168,0.4)}
.carousel-indicator-wrapper[data-theme="dark"] .carousel-indicator:hover div{background-color:rgba(160,162,168,0.8)}
}
@media(min-width:1024px) and (max-height:899px),(min-width:1024px) and (max-width:1599px){.carousel-indicator-wrapper{bottom:168px}
}
@media(min-width:1024px) and (max-height:649px),(min-width:1024px) and (max-width:1279px){.carousel-indicator-wrapper{bottom:134px}
}
@keyframes indicatorProgress{0{width:0}
100%{width:100%}
}
@media(max-width:1023px){.banner{position:relative}
.carousel-container{position:relative}
.carousel-slide:first-child{min-height:148vw;background:#333438}
.carousel-slide img{display:block;width:100%;background:#333438}
.swiper-container-horizontal .carousel-indicator-wrapper{position:absolute;z-index:2;bottom:107px;font-size:0;text-align:center}
.swiper-container-horizontal .carousel-indicator-wrapper .swiper-pagination-bullet{display:inline-block;width:20px;height:20px;margin:0 4px;background:transparent;opacity:1;line-height:20px;cursor:pointer}
.swiper-container-horizontal .carousel-indicator-wrapper .swiper-pagination-bullet:before{content:"";display:block;height:4px;margin-top:8px;-webkit-transition:.8s;transition:.8s}
.swiper-container-horizontal .carousel-indicator-wrapper .swiper-pagination-bullet-active:before{background-color:#f66f6a !important}
.swiper-container-horizontal .carousel-indicator-wrapper[data-theme="light"] .swiper-pagination-bullet:before{background:rgba(255,255,255,0.4)}
.swiper-container-horizontal .carousel-indicator-wrapper[data-theme="dark"] .swiper-pagination-bullet:before{background:rgba(0,0,0,0.4)}
}
.banner-tpl1{height:100%;box-sizing:border-box}
.banner-tpl1-a{display:block;position:relative;height:100%}
.banner-tpl1-a[href="#"],.banner-tpl1-a[href="javascript:"],.banner-tpl1-a[href="javascript:void(0)"]{cursor:default}
.banner-tpl1-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}
.banner-tpl1-bg .banner-tpl1-bg-inner{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#252b3a;background-position:center;background-size:cover}
.banner-tpl1-bg video{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;margin:auto;min-width:100%;min-height:100%;background:transparent}
.banner-tpl1-bg video[data-cut="height"]{width:100%}
.banner-tpl1-bg video[data-cut="width"]{height:100%}
[data-enter-animation="animation-lightning"]{opacity:.3}
.animation-lightning{animation:lightning 5s ease infinite}
.animation-lightning-degrade{opacity:.5}
@keyframes lightning{0{opacity:.3}
5%{opacity:.3}
50%{opacity:1}
70%{opacity:1}
100%{opacity:.3}
}
.banner-tpl1-main{position:relative;padding-left:9.375%;padding-right:9.375%;margin:0 auto;height:100%}
.banner-tpl1-img{position:absolute;top:calc((100% - 238px) / 2);right:6.25%;-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.banner-tpl1-img img{float:right}
.banner-tpl1-text{position:absolute;top:calc((100% - 238px) / 2);max-width:710px;-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.banner-tpl1-text em{font-style:normal;color:#f66f6a}
.banner-tpl1-text .h2{margin-bottom:20px;font-size:26px;line-height:32px;color:#fff}
.banner-tpl1-text .h1{font-size:60px;line-height:76px;color:#fff}
.banner-tpl1-text p{margin-top:20px;font-size:24px;line-height:30px;color:#fff}
.banner-tpl1-text .banner-tpl1-btn-box{margin-top:60px}
.carousel-slide[data-theme="light"] .banner-tpl1-text .h2{color:#666a75}
.carousel-slide[data-theme="light"] .banner-tpl1-text .h1{color:#252b3a}
.carousel-slide[data-theme="light"] .banner-tpl1-text p{color:#666a75}
@media(max-height:899px),(max-width:1599px){.banner-tpl1-main{padding-left:9.25%;padding-right:9.25%}
.banner-tpl1-img{top:calc((100% - 178px) / 2);right:7%}
.banner-tpl1-text{top:calc((100% - 178px) / 2);max-width:618px}
.banner-tpl1-text .h2{margin-bottom:14px;font-size:20px;line-height:26px}
.banner-tpl1-text .h1{font-size:46px;line-height:58px}
.banner-tpl1-text p{margin-top:14px;font-size:18px;line-height:22px}
.banner-tpl1-text .banner-tpl1-btn-box{margin-top:50px}
.banner-tpl1-text .banner-tpl1-btn-box .cui-btn{height:40px;padding-left:30px;padding-right:30px;font-size:14px;line-height:38px}
.banner-tpl1-text img{width:70%}
.banner-tpl1-img img{width:77%}
}
@media(max-height:649px),(max-width:1279px){.banner-tpl1-main{padding-left:8%;padding-right:8%}
.banner-tpl1-img{top:calc((100% - 144px) / 2);right:3.8%}
.banner-tpl1-text{top:calc((100% - 144px) / 2);max-width:500px}
.banner-tpl1-text .h2{margin-bottom:10px;font-size:16px;line-height:20px}
.banner-tpl1-text .h1{font-size:36px;line-height:46px}
.banner-tpl1-text p{margin-top:10px;font-size:16px;line-height:20px}
.banner-tpl1-text .banner-tpl1-btn-box{margin-top:20px}
.banner-tpl1-text-img img{width:55.14%}
.banner-tpl1-img img{width:61.6%}
}
@media(max-width:1559px){.banner-tpl1-img img{right:0}
}
.banner-tpl2{height:100%;box-sizing:border-box}
.banner-tpl2-a{display:block;position:relative;height:100%}
.banner-tpl2-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}
.banner-tpl2-bg .banner-tpl2-bg-inner{width:100%;height:100%;background-color:#fff;background-position:center;background-size:cover}
.banner-tpl2-bg video{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;margin:auto;min-width:100%;min-height:100%;object-position:center;object-fit:cover;background:transparent}
.banner-tpl2-text{position:absolute;top:34%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.events{position:absolute;z-index:2;left:0;right:0;bottom:0;padding-bottom:74px}
.events-wrapper{margin-left:40px;margin-right:40px}
.events-wrapper>ul{padding-left:30px;padding-right:30px}
.events-wrapper>ul:before,.events-wrapper>ul:after{content:" ";display:table}
.events-wrapper>ul:after{clear:both}
.events-wrapper>ul>li{float:left;position:relative;width:20%}
.events-wrapper>ul>li+li:before{content:"";display:block;position:absolute;left:0;top:50%;height:60px;border:solid 1px;margin-top:-30px;opacity:.1}
.events-wrapper[data-cols="4"]>ul>li{width:25%}
.events-wrapper a{display:block;padding:30px 10px;text-align:center}
.events-wrapper h2{font-size:24px;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.2s}
.events-wrapper p{margin-top:4px;font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.2s}
.events[data-theme="light"]{color:#fff}
.events[data-theme="light"] li{border-color:rgba(255,255,255,0.25)}
.events[data-theme="light"] a:hover h2{color:#f66f6a}
.events[data-theme="dark"]{color:#252b3a}
.events[data-theme="dark"] li{border-color:rgba(0,0,0,0.25)}
.events[data-theme="dark"] a:hover h2{color:#f66f6a}
@media(max-height:899px),(max-width:1599px){.events{padding-bottom:54px}
.events-wrapper{margin-left:30px;margin-right:30px}
.events-wrapper>ul>li:before{height:50px;margin-top:-25px}
.events-wrapper a{padding:22px 10px}
.events-wrapper h2{font-size:20px;line-height:24px}
.events-wrapper p{margin-top:8px;font-size:12px;line-height:24px}
}
@media(max-height:649px),(max-width:1279px){.events{padding-bottom:44px}
.events-wrapper{margin-left:20px;margin-right:20px}
.events-wrapper>ul>li:before{height:40px;margin-top:-20px}
.events-wrapper a{padding:15px 10px}
.events-wrapper h2{font-size:18px;line-height:22px}
.events-wrapper p{margin-top:10px;font-size:12px;line-height:16px}
}
@media(max-width:1023px){.events{padding-bottom:11px;margin:0;-ms-transform:none;transform:none}
.events-wrapper>ul{padding-left:0;padding-right:0;margin-left:-3px;margin-right:-3px}
.events-wrapper>ul>li{width:50% !important;padding:3px}
.events-wrapper>ul>li:before{content:none !important}
.events-wrapper>ul>li:nth-child(4) ~ li{display:none}
.events-wrapper>ul>li a{padding:8px;text-align:center;border:solid 1px}
.events-wrapper a{padding:10px 15px}
.events-wrapper h2{font-size:16px;line-height:22px}
.events-wrapper p{display:none}
.events[data-theme="light"] a{color:#fff;border:solid 1px rgba(255,255,255,0.2)}
.events[data-theme="dark"] a{color:#000;border:solid 1px rgba(0,0,0,0.2)}
}
.page-next{position:absolute;z-index:10;left:50%;bottom:26px;width:32px;height:32px;margin-left:-16px;font-size:0;line-height:32px;text-align:center;cursor:pointer;animation:page-next .8s infinite alternate}
.page-next span{display:block;width:12px;height:12px;margin:7px auto 0;-ms-transform:rotate(225deg);transform:rotate(225deg)}
.page-next span:before{content:"";display:block;width:100%;border-top:solid 1px}
.page-next span:after{content:"";display:block;width:1px;height:100%;border-left:solid 1px;margin-top:-1px}
.page-next:hover{animation-play-state:paused;color:#f66f6a !important}
.page-next[data-theme="light"]{color:#fff}
.page-next[data-theme="dark"]{color:#252b3a}
@keyframes page-next{0{margin-bottom:-10px}
100%{margin-bottom:0}
}
.page-next-banner{bottom:16px}
@media(max-height:899px),(max-width:1599px){.page-next-banner{bottom:10px}
}
@media(max-height:649px),(max-width:1279px){.page-next-banner{bottom:6px}
}
@media(max-width:1023px){.page-next-banner{display:none}
}

#content{background-color:transparent}