#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{padding:0;margin:0}#nav{padding:.8rem}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.home{width:100%;height:100%;position:relative}.home .homebg{width:10rem;height:100vh;background:url(../img/homebg.6e1ce048.png) no-repeat;background-size:100% 100%;position:relative;overflow:hidden;z-index:10}.home .homebg .but{position:absolute;width:2.93333rem;top:13.33333rem;margin-left:-1.46667rem;left:50%;animation:thebut 1.5s linear infinite}@keyframes thebut{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.home .homebg .loding{position:absolute;width:8rem;left:50%;margin-left:-4rem;top:7.46667rem}.home .mp4-box{position:fixed;width:100%;height:100%;overflow:hidden;z-index:50}.home .mp4-box .mp4{object-fit:fill;width:100%;height:100vh;position:absolute;left:0;right:0;bottom:0}.home .mp4-box .skip{position:absolute;width:1.86667rem;top:.8rem;right:.53333rem;z-index:66}.home .content-box{position:absolute;width:100%;top:0;left:0}.home .content-box .content{width:100%;height:100vh;position:relative}.home .content-box .content .content_bg{width:100%;display:block}.home .content-box .content .music{position:fixed;top:.4rem;right:.4rem;width:1.33333rem;z-index:21;transform:rotate(250deg)}.home .content-box .content .music.zhuan{animation:turn 2s linear infinite}@keyframes turn{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}.home .content-box .content .title{position:absolute;width:8.53333rem;top:2.13333rem;left:50%;margin-left:-4.26667rem;animation:title-ani 3s ease 1 forwards}@keyframes title-ani{0%{transform:scale(.1);opacity:0}to{transform:scale(1);opacity:1}}.home .content-box .content .the1{position:absolute;width:8.53333rem;top:13.06667rem;left:50%;margin-left:-4.26667rem;animation:the1-ani 2s ease 1 forwards}@keyframes the1-ani{0%{top:13.86667rem;opacity:0}to{top:13.06667rem;opacity:1}}@keyframes show-ani{0%{left:1.86667rem;opacity:0}to{left:.72rem;opacity:1}}@keyframes show2-ani{0%{left:1.86667rem;opacity:0}to{left:.45333rem;opacity:1}}.home .content-box .content .tobottom{position:absolute;width:1.33333rem;right:.26667rem;top:13.33333rem;z-index:2}.home .content-box .content .p1-1{top:17.6rem}.home .content-box .content .p1-1,.home .content-box .content .p1-2{position:absolute;width:8.26667rem;left:.72rem;animation:show-ani 1s ease 1 forwards}.home .content-box .content .p1-2{top:26.13333rem}.home .content-box .content .p1-3{position:absolute;width:8.26667rem;left:.72rem;top:34.66667rem;animation:show-ani 1s ease 1 forwards}.home .content-box .content .the2{position:absolute;width:8.53333rem;top:42.66667rem;left:50%;margin-left:-4.26667rem;animation:the2-ani 2s ease 1 forwards}@keyframes the2-ani{0%{top:43.46667rem;opacity:0}to{top:42.66667rem;opacity:1}}.home .content-box .content .p2-1{position:absolute;width:8.26667rem;left:.72rem;top:50.66667rem;animation:show-ani 1s ease 1 forwards}.home .content-box .content .photo-box{position:absolute;width:100%;height:4rem;overflow:hidden;left:0;top:53.33333rem}.home .content-box .content .photo-box .box{display:flex;flex-direction:row-reverse;align-items:center;flex-wrap:wrap;position:absolute;animation:bg-ani 20s linear infinite alternate}@keyframes bg-ani{0%{left:0}to{left:-180%}}.home .content-box .content .photo-box .box .p2-1-1{height:4rem;display:block}.home .content-box .content .p2-2{top:58.13333rem}.home .content-box .content .p2-2,.home .content-box .content .p2-3{position:absolute;width:8.26667rem;left:.72rem;animation:show-ani 1s ease 1 forwards}.home .content-box .content .p2-3{top:62.13333rem}.home .content-box .content .the3{position:absolute;width:8.53333rem;top:68.8rem;left:50%;margin-left:-4.26667rem;animation:the3-ani 2s ease 1 forwards}@keyframes the3-ani{0%{top:69.6rem;opacity:0}to{top:68.8rem;opacity:1}}.home .content-box .content .p3-1{position:absolute;width:8.26667rem;left:.72rem;top:75.73333rem;animation:show-ani 1s ease 1 forwards}.home .content-box .content .p3-2{position:absolute;width:8.26667rem;left:.45333rem;top:90.13333rem;animation:show2-ani 1s ease 1 forwards}.home .content-box .content .photo-box2{position:absolute;width:100%;height:4rem;overflow:hidden;left:0;top:97.86667rem}.home .content-box .content .photo-box2 .box{display:flex;flex-direction:row-reverse;align-items:center;flex-wrap:wrap;position:absolute;animation:bg-ani2 15s linear infinite alternate}@keyframes bg-ani2{0%{left:10%}to{left:-115%}}.home .content-box .content .photo-box2 .box .p3-2-1{height:4rem;display:block}.home .content-box .content .p3-3{position:absolute;width:8.26667rem;left:.72rem;top:102.4rem;animation:show-ani 1s ease 1 forwards}.home .content-box .content .the4{position:absolute;width:8.53333rem;top:115.46667rem;left:50%;margin-left:-4.26667rem;animation:the4-ani 2s ease 1 forwards}@keyframes the4-ani{0%{top:116.26667rem;opacity:0}to{top:115.46667rem;opacity:1}}.home .content-box .content .p4-1{position:absolute;width:8.26667rem;left:.72rem;top:119.2rem;animation:show-ani 1s ease 1 forwards}.home .content-box .content .photo-box3{position:absolute;width:100%;height:4rem;overflow:hidden;left:0;top:125.33333rem}.home .content-box .content .photo-box3 .box{display:flex;flex-direction:row-reverse;align-items:center;flex-wrap:wrap;position:absolute;animation:bg-ani3 25s linear infinite alternate}@keyframes bg-ani3{0%{left:10%}to{left:-190%}}.home .content-box .content .photo-box3 .box .p4-1-1{height:4rem;display:block}.home .content-box .content .p4-2{position:absolute;width:8.26667rem;left:.72rem;top:133.86667rem;animation:show-ani 1s ease 1 forwards}.home .content-box .content .againbut{position:absolute;width:3.2rem;top:146.13333rem;left:55%}.home .content-box .content .sharebut{position:absolute;width:3.2rem;top:146.13333rem;left:15%}.home .content-box .content .theend{position:absolute;width:1.86667rem;left:50%;margin-left:-.93333rem;top:145.33333rem}.home .content-box .content .bottomlogo{position:absolute;width:4.26667rem;left:50%;margin-left:-2.13333rem;top:148rem}.home .content-box .content .tomp4box{position:absolute;width:4rem;left:50%;margin-left:-2rem;top:145.33333rem}.home .content-box .content .share-box{position:fixed;top:0;left:0;z-index:99;background-color:rgba(0,0,0,.619);width:100%;height:100vh}.home .content-box .content .share-box .share-tips{position:absolute;width:9.06667rem;left:.53333rem;top:1.33333rem}