@charset "utf-8";
/* CSS Document */

html, body {
      overflow: hidden;
    }
    .header {
      z-index: 1000;
    }
    .full-swiper {
      position: relative;
      z-index: 100;
      width: 100%;
      height: 100vh;
    }
     .full-swiper > .swiper-wrapper > .swiper-slide {
      position: relative;
      height: 100vh;
      position: relative;
      transition: all 1.4s ease-in-out;
    }
    .full-swiper > .swiper-wrapper > .swiper-slide.swiper-slide-active {
      z-index: 10;
    }
    .full-swiper > .swiper-wrapper > .swiper-slide.swiper-slide-prev {
      transform: translateY(20%);
      z-index: 5;
    }
    .full-swiper > .swiper-wrapper > .swiper-slide.swiper-slide-next {
      z-index: 15;
    }
    .pic, .big, .video {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .casePic {
      width: 100%;
      height: 100%;
      position: relative;
    }