@charset "utf-8";
body {background:url(../images/bg.jpg) no-repeat 50% 0 / cover}

#section1 {}
#section1 .logo {width: 2.16rem;height:1.09rem;background: url(../images/logo.png) no-repeat 0 0 / contain ;top:.2rem;left:50%;margin-left: -1.08rem;}
#section1 .video-box {width: 12.69rem;height: 8.14rem;background: url(../images/bg-video.png) no-repeat 0 0 / contain;position: absolute;top:1.2rem;left: 50%;margin-left: -6.35rem;box-sizing: border-box;padding: 1.28rem 1.1rem 0 1.1rem;}
#section1 .video-box video,
#section1 .video-box .btn-play {width: 10.5rem;height: 5.9rem;display: block;}
#section1 .video-box .btn-play {top: 1.28rem;left: 1.1rem;background: rgba(0,0,0,.5) url(../images/btn-play.png) no-repeat 50% 50% / 1.48rem 1.47rem;width: 10.48rem;height: 5.9rem;cursor: pointer;z-index:10}
.btn-mouse-down {width:.5rem;height:.86rem;background: url(../images/btn-down.png) no-repeat 0 0 / contain;left:50%;margin-left:-.42rem;bottom:.5rem;z-index: 5;animation: waveMouse 1.3s linear infinite forwards;cursor: default;}

@keyframes waveMouse {
    0%,100% {transform: translateY(0);}
    50% {transform: translateY(20px);}
}
#section2 {
    background: url(../images/con-1.png) no-repeat 50% 30px / 10.25rem 7.73rem;
}
#section2 .btn-get {width: 4.16rem;height:1.18rem;top:8.2rem;left:50%;margin-left:-2.08rem;background: url(../images/btn-get.png) no-repeat 0 0 / contain;}
#section2 .btn-get:hover {filter: drop-shadow(0 0 10px #000) brightness(1.1);}
#section3 {
    background: url(../images/con-2.png) no-repeat 50% 30px / 9.37rem 9.56rem;
}


.pop {
    z-index: 9999;
    display: none;
    width:4.94rem;height:2.62rem;background: url(../images/pop.png?v=2) no-repeat 0 0 / contain;}
.pop .btn_close {width: .6rem;height: .5rem;top:0;right: 0.05rem;}