body {overflow-x: hidden;}
.swiper{position:relative;}
.swiper #html5zoo{width:100vw!important;height:100vh!important;}
.swiper #html5zoo img{display:block;width:100vw!important;height:100vh!important;object-fit: cover;}
.swiper .mask{position:absolute;top:50%;left:50%;margin-top:-133.5px;margin-left:-650px;width:1300px;}
.swiper .mask .title{position:relative;margin-bottom:15px;margin-left:-100%;color:#fbbb00;font-weight:700;font-size:30px;transition:all .5s linear;}
.swiper .mask .subtitle{position:relative;margin-bottom:20px;color:#fbbb00;letter-spacing:1px;font-weight:700;font-size:50px;transition:all .5s linear;transform:translateX(200%);}
.swiper .mask .attr{position:relative;color:#fff;font-size:26px;transition:all .5s linear;transform:translateY(1000%);}
.swiper .mask .line{position:relative;display:block;margin-bottom:20px;margin-left:-100%;width:111px;height:2px;background:#fff;transition:all .5s linear;}
.swiper .mask .call-btn{position:relative;display:block;margin-top:40px;width:228px;height:48px;border:1px solid #fff;color:#fff;text-align:center;line-height:48px;transition:all .2s linear;transition:all .5s linear;transform:translateY(1000%);}
.swiper .mask .call-btn:hover{border-color:#005dae;background:#005dae;}
.swiper .mask.animate .line,.swiper .mask.animate .title{margin-left:0;}
.swiper .mask.animate .subtitle{transform:translateX(0);}
.swiper .mask.animate .attr,.swiper .mask.animate .call-btn{transform:translateY(0);}
.swiper #html5zoo div[class^=html5zoo-bullet-] {border-radius: 50px;}
.h-half-screen {height: 50vh;}

.bgImage h1 {transform: translateY(2000%);transition: all .5s linear;}
.bgImage h3 {transform: translateY(-2000%);transition: all .5s linear;}
.bgImage span {transform: translateX(-2000%);transition: all .4s linear;}
.bgImage.animate h1 {transform: translateY(0);}
.bgImage.animate h3 {transform: translateY(0);}
.bgImage.animate span {transform: translateX(0);}