@charset "utf-8";


#video-container {  position: relative;  overflow: hidden;  z-index: 0;  width: 100%; background:#000;}

.slider_wrap{}
.swiper-container{ overflow:hidden  }
.swiper-slide{width:100%; box-sizing:border-box; display: flex !important; align-items: center;}

.swiper_control button{display: block; width: 38px; height: 38px; border: 0; font-size: 0; position: absolute; z-index: 99; top: 50%; margin-top: -19px; cursor: pointer;}
.swiper_control .btn_prev{background: url(https://umings.github.io/images/btn_slide_prev.png) no-repeat center; left: 3%;}
.swiper_control .btn_next{background: url(https://umings.github.io/images/btn_slide_next.png) no-repeat center; right: 3%;}

.swiper-slide b {position:relative; top:-20px; transition: all 0.5s; opacity:0; color:#fff }
.swiper-slide .swiper_text_effict {  }
.swiper-slide .text0 {  text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.1);}
.swiper-slide .text1 {position:relative; bottom:-10px; transition: all 0.5s; opacity:0;  text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.1);   }
.swiper-slide .text2 {position:relative; bottom:-10px; transition: all 0.5s; opacity:0;  text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.1);  }
.swiper-slide .text3 {position:relative; bottom:-10px; transition: all 0.5s; opacity:0;  margin-top:15px !important; }
.swiper-slide .text3 a { font-size: 20px !important;}

.swiper-slide-active b, .swiper-slide-duplicate-active b  {opacity: 1; top: 0px; transition-delay: 0.2s;}
.swiper-slide-active .text1, .swiper-slide-duplicate-active .text1, 
.swiper-slide-active .text2, .swiper-slide-duplicate-active .text2, 
.swiper-slide-active .text3, .swiper-slide-duplicate-active .text3 {opacity: 1; bottom: 0px; transition-delay: 0.2s;}

.swiper-slide-active .text1, .swiper-slide-duplicate-active .text1 {transition-delay: 0.4s;}
.swiper-slide-active .text2, .swiper-slide-duplicate-active .text2 {transition-delay: 0.6s;}
.swiper-slide-active .text3, .swiper-slide-duplicate-active .text3 {transition-delay: 0.8s;}

.slide-bg { position: relative; width: 100%; height: 100%; overflow: hidden; }
.slide-bg::before {  content: "";  position: absolute;  top: 0; left: 0;  width: 100%; height: 100%;  background-size: cover;  
  background-position: center;  background-repeat: no-repeat; z-index: 0; background-image: var(--slide-bg);}
.slide-bg > .container {  position: relative;  z-index: 1; }

.swiper-pagination-bullet { width: 12px; height: 12px; background: transparent; border: 1px solid white; opacity: 1; }
.swiper-pagination-bullet-active { width: 40px; transition: width .5s; border-radius: 5px; background: white; border: 1px solid transparent; }