.s1{background:#232323;width:100%;height:100%;overflow:hidden}.s1 picture{display:block}.s1 img,.s1 video{display:block;width:100%;-o-object-fit:cover;object-fit:cover}.s1 .blocks{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.s1 .blocks ul{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;width:704px}.s1 .blocks li{width:64px;height:64px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:#000;opacity:0;-webkit-transition:opacity .12s linear;transition:opacity .12s linear}.s1 .slogan{position:absolute;left:50%;top:50%;width:704px;height:384px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}.s1 .slogan img{display:block;margin:0 auto;position:relative;width:calc(100% - 192px);top:100px;opacity:0;-webkit-transition:opacity .8s linear .3s;transition:opacity .8s linear .3s}.s1 .slogan p{position:absolute;text-align:center;font-size:20px;line-height:70px;font-weight:500;letter-spacing:10px;opacity:0;left:50%;top:192px;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .8s linear .5s;transition:opacity .8s linear .5s}@media screen and (max-width:1440px){.s1:not(.mobile) .blocks ul{width:550px}.s1:not(.mobile) .blocks li{width:50px;height:50px}.s1:not(.mobile) .slogan{height:300px;width:550px;padding-top:100px}.s1:not(.mobile) .slogan img{width:calc(100% - 150px);top:-22px}.s1:not(.mobile) p{font-size:16px;letter-spacing:8px;line-height:50px;top:150px}}.s1.mobile{width:100vw;height:100%;overflow-x:hidden;background-size:cover}.s1.mobile .poster-wapper{width:100%;position:relative;min-height:100vh;background:url(../img/poster-wap.19dd2c32.jpg) no-repeat 50%;background-size:cover}.s1.mobile .poster-wapper .play-btn{position:absolute;bottom:4rem;width:3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.s1.mobile video{width:110%;min-height:100%;-o-object-fit:fill;object-fit:fill;-webkit-animation:fadeIn .8s;animation:fadeIn .8s}.s1.mobile .slogan{padding-top:0;height:9.6rem}.s1.mobile .slogan img{width:70vw;top:4rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.s1.mobile .slogan p{font-size:.7rem;line-height:1.6rem;letter-spacing:.2rem;top:4.8rem}.s1.mobile .blocks ul{width:17.6rem;-webkit-transform:translate(0);transform:translate(0)}.s1.mobile .blocks li{-webkit-transform:scaleY(2);transform:scaleY(2);height:1.6rem;width:1.6rem}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}