.swiper-fullScreen {
    width: 100%;
    height: 100vh;

}

.swiper-fullScreen video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.swiper-fullScreen .swiper-slide {
    width: 100%;
    height: 100vh;
}
#bannerClickLeftOrRight{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
#bannerNext::after {
    display: none;
}

#bannerPrev::after {
    display: none;
}
#bannerNext{
    background: url(../img/banner/banner-right.png) no-repeat;
    width: .5625rem;
    height: .5625rem;
    background-size: 100%;
    position: absolute;
    margin: 0;
    right: .35rem;
}
#bannerPrev{
    background: url(../img/banner/banner-left.png) no-repeat;
    width: .5625rem;
    height: .5625rem;
    background-size: 100%;
    position: relative;
    margin: 0;
    left: .35rem;
}
.swiper-fullScreen img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

#swiperFullScreenPagination {
    width: max-content;
    right: 1.7125rem;
    left: auto;
    display: flex;
    align-items: center;
    bottom: .25rem;
}

#swiperFullScreenPagination .swiper-pagination-bullet-active {
    width: .3125rem !important;
    height: .3125rem !important;
    background: url(../img/header/swiper-fullScreen-pagHover.png) no-repeat !important;
    background-size: contain !important;
    border: none !important;
}

#swiperFullScreenPagination .swiper-pagination-bullet {
    width: 0.1375rem;
    height: 0.1375rem;
    background: none;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    opacity: 1;
    margin: 0 .2rem 0 0;
}


.index-illustratedRecords {
    position: relative;
}

.index-illustratedRecords img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index-illustratedRecords-swiper {
    height: 100%;
    width: 100%;
}

.index-illustratedRecords-swiper .swiper-slide {
    width: 100%;
    height: 12.6125rem;
}



.index-illustratedRecords-swiperThumbnail {
    width: 100%;
    height: 2.4rem;
    padding: 0.6375rem 0 .6375rem 0;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.32);
    box-sizing: border-box;
}

.index-illustratedRecords-swiperThumbnail .swiper-slide {
    width: 2.0625rem !important;
    height: 1.1rem !important;
    border: .0625rem solid #FFFFFF;
    transition: 1s;
    cursor: pointer;
}

.index-illustratedRecords-swiperThumbnail .swiper-slide-thumb-active {
    border: .0625rem solid #9C0C13;
}

.index-illustratedRecords-swiperThumbnail .swiper-slide:hover {
    transform: scale(1.1);
}

.swiper-slide-text {
    font-size: .5rem;
    position: absolute;
    color: #FFFFFF;
    bottom: 3.0625rem;
    left: 1.45rem;
    font-weight: bold;
    opacity: 0;
    transition: all 0.5s ease 0.4s;
}

.swiper-slide-text.select {
    left: 1.25rem;
    opacity: 1;
}

.last-animation {
    animation: picmove 40s linear alternate infinite
}