body,html{padding:0;margin:0 auto;width:100%;line-height:normal;font-family:"Microsoft YaHei"}p{padding:0;margin:0;height:auto}.container img{padding:0;margin:0;vertical-align:bottom}[v-cloak]{display:none}.white{color:#fff}.f65{font-size:.338542rem}.f60{font-size:.3125rem;letter-spacing:.015625rem}.f30{font-size:.15625rem}.f26{font-size:.135417rem;font-weight:400}.f24{font-size:.125rem}.f18{font-size:.09375rem;line-height:.15625rem}.f16{font-size:.083333rem;font-weight:400}.fb{font-weight:700}.w-400{font-weight:400}.w-600{font-weight:600}.center{text-align:center}.text-shadow{text-shadow:0 0 26px #fff}video{max-width:100%}.container{width:100%;overflow:hidden;background:#020202}.page{position:relative;margin-bottom:-.015625rem}.page>img{width:100%;vertical-align:middle}.default-img{width:100%}.canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.page0{height:100vh}.page0 .video-0{width:100%;display:block}.page1{background-image:url(../img/page1-bg.jpg);width:100%;height:5.625rem;background-size:contain;background-repeat:no-repeat}.page2 .video-cover{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.8)}.page2 .video-1{width:100%;display:block}.page2 .play-btn{width:.682292rem;height:.682292rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.page2 .desc-box{position:absolute;top:3.802083rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}.page2 .desc-box .f60{letter-spacing:.026042rem}.page2 .desc-box .f16{margin-top:.260417rem;letter-spacing:.010417rem;white-space:nowrap}.page3{background:#000;height:100vh}.page3 .video-2{width:100%;display:block}.page3 .desc-box{position:absolute;top:1.666667rem;left:5.901042rem;text-align:left;z-index:10}.page3 .desc-box .f60{margin-top:.104167rem}.page3 .desc-box .f18{margin-top:.260417rem;letter-spacing:.010417rem}.page4{background:#000}.page4 .video-3{width:100%;display:block}.page4 .desc-box{display:none;position:absolute;top:1.125rem;left:2.03125rem;text-align:left;z-index:10}.page4 .desc-box .f60{margin-top:.104167rem}.page4 .desc-box .f18{margin-top:.260417rem;letter-spacing:.010417rem}.page5{text-align:center;background:#000}.page5 .video-4{width:100%;display:block;padding-top:1.875rem}.page5 .desc-box{text-align:center;z-index:10;position:absolute;top:.78125rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page5 .desc-box .f60{margin-top:.104167rem}.page5 .desc-box .f18{margin-top:.260417rem;letter-spacing:.010417rem}.page6 .page6-bg{width:100%}.page6 .desc-box{position:absolute;top:1.822917rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}.page6 .desc-box .f30{margin-top:.104167rem}.page6 .mini-code{width:1.041667rem;position:absolute;bottom:2.96875rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:.104167rem}.page6 .jump-link{position:absolute;bottom:1.927083rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);letter-spacing:.010417rem;cursor:pointer}.slideInDown{animation-name:slideInDown;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:slideInDown}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);visibility:hidden}to{transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);visibility:visible}}@-webkit-keyframes slideInDown{from{transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);visibility:hidden}to{transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);visibility:visible}}@keyframes slideInUp{from{visibility:hidden;transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0)}to{visibility:visible;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:slideInUp}@-webkit-keyframes slideInUp{from{visibility:hidden;transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0)}to{visibility:visible;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDown{animation-name:fadeInDown;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:fadeInDown}