@charset "utf-8";
.swiper-arrow{position:absolute;top:50%;left:0;right:0;margin-top:-2.5rem;display:flex;justify-content:space-between}
.swiper-arrow a{font-size:3.5rem;font-weight:100;line-height:5rem}

#focus{min-height:calc(100vh - 7em);color:#fff;position:relative;--swiper-pagination-bottom:1rem;--swiper-pagination-bullet-width:1rem;--swiper-pagination-bullet-height:1rem;--swiper-navigation-color:#000}
#focus .parallax-bg{position: absolute;left:0;top:0;width:130%;height:100%;background:rgb(15,80,180) url(/res/img/swiper-bg.jpg) no-repeat center center;-webkit-background-size:cover;background-size:cover;background-position:center}
#focus .swiper-wrapper{min-height:calc(100vh - 7em);display:flex}
#focus .swiper-slide{margin:auto}
#focus .swiper-item{width:80%;margin:0 auto;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#focus .swiper-left{width:45%}
#focus .swiper-left img{display:block;margin:0 auto}
#focus .swiper-right{width:50%}
#focus .swiper-right h2{font-size:2.5rem}
#focus .swiper-right .content{max-width:40em;font-size:1.2rem;line-height:1.5em;font-weight:200;margin:1em 0}
#focus .swiper-right .content p+p{margin-top:1em}
#focus .swiper-right .btns{display:flex;align-items:center}
#focus .swiper-right .btns .lnk-btn-2{color:#fff!important}
#focus .swiper-pagination{text-align:right;padding:0 1rem;box-sizing:border-box}
#focus a.lnk-btn-1,#focus .lnk-btn-1{background:#fff;color:#111}
#focus a.lnk-btn-1:hover,#focus .lnk-btn-1:hover{color:#d72113}

#scrolling{width:100%}
#scrolling .rolling-page{background:#eef0f4 no-repeat 15% 100%;background-attachment:fixed;background-size:36% auto;padding:0 2rem;box-sizing:border-box}
#scrolling .rolling-page:nth-child(2n){background-color:#fff;background-position:80% 100%}
#scrolling .wrap{min-height:calc(100vh - 7em);display:flex;align-items:center;box-sizing:border-box;padding:3rem 0}
#scrolling .photo{width:40%;margin:0 auto;overflow:hidden}
#scrolling .photo img{margin:auto auto 0;transition:all .2s}
#scrolling .detail{width:40%;margin:auto 0 auto 55%}
#scrolling .rolling-page:nth-child(2n) .detail{margin:auto 55% auto 0}
#scrolling h2{font-size:2.5rem;line-height:1.2em}
#scrolling .content{padding:2rem 0}
#scrolling .content p+p{margin-top:1em}
#scrolling .btns{display:flex;align-items:center}

.video-wrap,.news-wrap,.about-wrap{width:100%;padding:4rem 2rem;box-sizing:border-box}
.news-wrap{background:#eee}
.index-title{display:flex}
.index-title h2{font-size:2.4rem}
.index-title h2::after{display:block;content:'';margin:1.5rem 0;width:1em;height:4px;background:#d72113;overflow:hidden;clear:both}

.index-list{display:flex;justify-content:space-between}
.index-list .item{width:31%}
.index-list .item .cover{display:block;overflow:hidden}
.index-list .item .cover img{display:block;width:100%;transition:all .3s}
.index-list .item .cover:hover img{transform:scale(1.15)}
.index-list .item h3{font-size:1.35rem;padding:1rem 0 .8rem}
.index-list .item p{padding:0 0 1rem;color:#999;line-height:1.5}
.index-list .item .btns{display:flex;align-items:center}
.index-news .item{width:23%}
.index-news .cover img{aspect-ratio:4/3!important;height:auto}

@media (max-width: 1199px) {
    .index-list{flex-wrap:wrap}
    .index-list .item{width:100%}
    .index-list .item+.item{margin-top:1.5rem}
    .index-news .item{width:48%}
    .index-news .item:nth-child(2){margin-top:0}
}
@media (max-width: 425px) {
    a.skip-swiper{display:none}
    .index-list .item:nth-child(2){margin-top:1.5rem}
    .index-news .item{width:100%}
    #scrolling .rolling-page{background-attachment:scroll;background-size:auto 14rem;background-position:center 12%!important}
    #scrolling .wrap{padding:75% 5% 9%}
    #scrolling .detail{width:100%;margin:0}
    #scrolling .rolling-page:nth-child(2n) .detail{margin:0}
}