.sp-index{margin-bottom:100px}.sp-index__banner{min-height:960px;position:relative}.sp-index__banner .sp-bodyer{height:100%}.sp-index__swiper{height:960px;left:0;position:absolute;top:0;width:100%}.sp-index__swiper:after,.sp-index__swiper:before{content:"";left:0;pointer-events:none;position:absolute;right:0;z-index:11}@media screen and (min-width:768px){.sp-index__swiper:after{background:linear-gradient(180deg,#030d2600,#030d268c 60%,#030d268c);bottom:0;height:300px}.sp-index__swiper:before{background:linear-gradient(180deg,#030d2640,#030d2640 60%,#030d2600);height:148px;top:0}}.sp-index__swiper img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.sp-index__swiper-content{align-items:center;box-sizing:border-box;display:flex;height:840px;justify-content:center;padding:150px 24px 0;position:relative;z-index:11}.sp-index__swiper-desc{box-sizing:border-box;padding:80px 0 80px 80px;position:relative}.sp-index__swiper-desc h1{color:#fff;font-size:80px;letter-spacing:-1px;line-height:1.1;margin:0;padding:0 58px 0 0}.sp-index__swiper-dot{align-items:center;display:flex;height:48px;justify-content:center;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:48px}.sp-index__swiper-inner{animation-delay:1s;animation-duration:1s;animation-fill-mode:forwards;animation-name:dot;background:#009ee0;border-radius:50%;box-sizing:border-box}.sp-index__swiper-line:after,.sp-index__swiper-line:before{border-color:transparent;border-style:solid;content:"";position:absolute}.sp-index__swiper-line1:after,.sp-index__swiper-line1:before{animation-delay:1.8s;animation-duration:.3s;animation-fill-mode:forwards;animation-name:height50DynDesk;left:0;width:8px}.sp-index__swiper-line1:after{border-radius:0 0 0 8px;border-width:0 0 3px 3px;top:calc(50% + 61px)}.sp-index__swiper-line1:before{border-radius:8px 0 0;border-width:3px 0 0 3px;bottom:calc(50% + 61px)}.sp-index__swiper-line2:after,.sp-index__swiper-line2:before{animation-delay:2.1s;animation-duration:1.5s;animation-fill-mode:forwards;animation-name:widthFull;height:3px;width:0}.sp-index__swiper-line2:after{border-width:0 0 3px;bottom:0;left:8px}.sp-index__swiper-line2:before{border-width:3px 0 0;left:8px;top:0}.sp-index__swiper-line3:after,.sp-index__swiper-line3:before{animation-delay:3.6s;animation-duration:.4s;animation-fill-mode:forwards;animation-name:height50;height:0;right:0;width:8px}.sp-index__swiper-line3:before{border-radius:0 8px 0 0;border-width:3px 3px 0 0;top:0}.sp-index__swiper-line3:after{border-radius:0 0 8px;border-width:0 3px 3px 0;bottom:0}.sp-index__swiper+.sp-bodyer{align-items:center;display:flex;flex-direction:column;justify-content:space-between;min-height:960px}.sp-index__slider{margin-bottom:-120px;position:relative;width:100%;z-index:19}.sp-index__slider .swiper-slide{align-items:flex-start;background-color:#009ee0;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:auto;justify-content:space-between;min-height:226px;padding:48px 56px}.sp-index__slider .swiper-slide p{font-size:26px;font-weight:700;line-height:32px;margin:0 0 16px}.sp-index__slider .swiper-slide a{align-items:center;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect width='40' height='40' fill='%23fff' rx='20'/%3E%3Cpath stroke='%23009ee0' stroke-width='2' d='M11 20h16m-6 6 6-6-6-6'/%3E%3C/g%3E%3C/svg%3E") 0 no-repeat;color:#fff;display:flex;font-size:22px;height:50px;line-height:50px;padding-left:56px}.sp-index__slider-pc{align-items:flex-start;display:flex;gap:24px}.sp-index__slider-pc .swiper-slide{flex:1}.sp-index__slider-mobile{display:none}.sp-index__article{align-items:flex-start;display:flex;flex-wrap:wrap;gap:48px;overflow:hidden;padding:0 24px}.sp-index__article-content{flex:0 0 calc(50% - 24px);position:relative}.sp-index__article-content:nth-child(2){margin-top:120px}.sp-index__article-item{color:#fff;height:100%;margin-bottom:48px;position:relative;width:100%}.sp-index__article-item:before{content:"";display:block;padding-top:80%}.sp-index__article-hidden{display:none}.sp-index__article-info,.sp-index__article-pics{height:100%;left:0;position:absolute;top:0;width:100%}.sp-index__article-pics{z-index:1}.sp-index__article-pics img{display:block;height:100%;width:100%}.sp-index__article-info{background:linear-gradient(180deg,#030d2600,#030d268c 60%,#030d268c);box-sizing:border-box;padding:56px;z-index:9}.sp-index__article-info h2{font-style:48px;font-weight:700;-webkit-line-clamp:2;line-height:1.2;margin-bottom:16px}.sp-index__article-info h2,.sp-index__article-info p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.sp-index__article-info p{font-size:22px!important;-webkit-line-clamp:3;margin-bottom:32px!important}.sp-index__article-info a{display:inline-block;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-index__article-label{background-color:#b42823;color:#fff;font-size:20px;font-weight:700;padding:16px 8px;position:absolute;right:0;text-transform:uppercase;top:0;writing-mode:vertical-lr;z-index:11}@media screen and (max-width:768px){.sp-index+.sp-bodyer .sp-intro .h1,.sp-index+.sp-bodyer .sp-intro h1{font-size:36px}.sp-index__banner{min-height:593px}.sp-index__slider{display:none}.sp-index__slider .swiper-slide{padding:24px}.sp-index__slider .swiper-slide p{font-size:22px;min-height:96px}.sp-index__slider .swiper-slide a{font-size:18px}.sp-index__slider-pagination{margin:24px 0 36px 24px;position:relative!important;text-align:left!important}.sp-index__slider-pagination span{background:#fff;border:2px solid #030d26;border-radius:50%;box-sizing:border-box;height:12px;opacity:1;transition:all .3s;width:12px}.sp-index__slider-pagination span.swiper-pagination-bullet-active{background-color:#009ee0;border-color:#009ee0}.sp-index__slider-pagination span:not(:first-child){margin-left:16px}.sp-index__slider-mobile{box-sizing:border-box;display:block;margin:100px 0 -100px;width:calc(100% + 48px)}.sp-index__swiper{height:593px}.sp-index__swiper-content{height:auto;padding:120px 0 0}.sp-index__swiper-desc{padding:24px}.sp-index__swiper-desc h1{font-size:36px;margin-bottom:32px}.sp-index__swiper-dot{bottom:-18px;height:40px;left:50%;top:auto;transform:translate(-50%);width:40px}.sp-index__swiper-inner{animation-name:dotMobile;height:40px;width:40px}.sp-index__swiper-line1:after,.sp-index__swiper-line1:before{animation-delay:1.8s;animation-duration:.4s;animation-fill-mode:forwards;animation-name:width50Dyn;bottom:0;height:3px;width:0}.sp-index__swiper-line1:after{border-radius:0 0 8px;border-width:0 3px 3px 0;left:calc(50% + 56px);top:auto}.sp-index__swiper-line1:before{border-radius:0 0 0 8px;border-width:0 0 3px 3px;right:calc(50% + 56px)}.sp-index__swiper-line2:after,.sp-index__swiper-line2:before{animation-delay:2.2s;animation-duration:1s;animation-fill-mode:forwards;animation-name:heightFull;bottom:5px;height:0;width:3px}.sp-index__swiper-line2:after{border-radius:0 8px 0 0;border-width:3px 3px 0 0;left:auto;right:-3px}.sp-index__swiper-line2:before{border-radius:8px 0 0;border-width:3px 0 0 3px;left:0}.sp-index__swiper-line3:after,.sp-index__swiper-line3:before{animation-delay:3.2s;animation-duration:.5s;animation-fill-mode:forwards;animation-name:width50;height:3px;top:0;width:0}.sp-index__swiper-line3:after{border-radius:0 8px 0 0;border-width:3px 3px 0 0;right:0}.sp-index__swiper-line3:before{left:8px}.sp-index__swiper+.sp-bodyer{min-height:auto}.sp-index__article{display:block;padding:0}.sp-index__article-content:nth-child(2){display:none}.sp-index__article-item{margin-bottom:24px;min-height:575px}.sp-index__article-info{bottom:0;height:auto;padding:24px;top:auto}.sp-index__article-info a{font-size:16px}.sp-index__article-info h2{font-size:32px}.sp-index__article-info p{font-size:18px!important}.sp-index__article-hidden{display:block}}@keyframes height50DynDesk{0%{border-color:#fff;height:0;width:3px}95%{border-color:#fff;height:calc(50% - 64px);width:3px}to{border-color:#fff;height:calc(50% - 64px);width:8px}}@keyframes widthFull{0%{border-color:#fff;width:0}to{border-color:#fff;width:calc(100% - 16px)}}@keyframes width50{0%{border-color:#fff;height:3px;width:0}to{border-color:#fff;height:3px;width:50.1%}}@keyframes width50Dyn{0%{border-color:#fff;height:3px;width:0}95%{border-color:#fff;height:3px;width:calc(50% - 56px)}to{border-color:#fff;height:8px;width:calc(50% - 56px)}}@keyframes heightFull{0%{border-color:#fff;height:0;width:3px}95%{border-color:#fff;height:calc(100% - 8px);width:3px}to{border-color:#fff;height:calc(100% - 8px);width:8px}}@keyframes height50{0%{border-color:#fff;height:0;width:3px}5%{border-color:#fff;height:8px;width:8px}to{border-color:#fff;height:50%;width:8px}}@keyframes height50Dyn{0%{border-color:#fff;height:0;width:3px}95%{border-color:#fff;height:calc(50% - 56px);width:3px}to{border-color:#fff;height:calc(50% - 56px);width:8px}}@keyframes dot{0%{border:0 solid #fff;box-shadow:0 0 8px #009ee099;height:0;width:0}to{border:3px solid #fff;box-shadow:0 0 8px 24px #009ee099;height:48px;width:48px}}@keyframes dotMobile{0%{border:0 solid #fff;box-shadow:0 0 8px #009ee099;height:0;width:0}to{border:3px solid #fff;box-shadow:0 0 8px 20px #009ee099;height:40px;width:40px}}