.page1{
    position: relative;
    width: 100vw;
    height: 100vh;
    background: url("../img/page1-new-bg.jpg") top center no-repeat;background-size: cover;;
}

.top-top{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:1.35rem ;
    background:url('../img/tf-top.png') top center no-repeat;background-size: 100% 1.35rem;
}
.tf-pre{
    width: 2.52rem;
    height: 0.56rem;
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    background:url('../img/tf-pre.png') top center no-repeat;background-size: 2.52rem 0.56rem;
}
.slogn{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 60%;
    width: 6.19rem;
    height: 0.9rem;
    background:url('../img/slogan-new.png') top center no-repeat;background-size: 6.19rem 0.9rem;
}
.play{
    position: absolute;
    width: 1.72rem;
    height: 1.71rem;
    top: 50%;
    left: 50%;
    margin: -0.86rem 0 0 -0.86rem;
    background: url("../img/play-btn.png") no-repeat;
    background-size: contain;
}
.bg1{display:none;position: absolute;width: 7.5rem;height: 100%;left: 0;top: 0;right: 0;bottom: 0;margin: auto;background-color: rgba(0,0,0,0.9);z-index: 102;}
.video-box{position: fixed;top:3rem;z-index:103;width:7.5rem;height:4.8rem;}
.video-box video{margin-top:0.5rem;}
.close-btn{width: 0.3rem;height: 0.35rem;z-index: 103;top: 0.1rem;right: 0.1rem;position: absolute;background:url("../img/close.png") no-repeat;background-size: contain;cursor: pointer;}
.download{
    width: 3.66rem;
    height: 0.95rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 80%;
    background:url('../img/download.png') top center no-repeat;background-size: 3.66rem 0.95rem;
    
}