html{color:#000}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}body{color:#000}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}section,header,article,time,nav,footer,figure,figcaption{display:block;margin:0;padding:0}input:focus,a:focus{outline:none}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}button,input,textarea,select{font-size:inherit;font-weight:inherit;line-height:1.5;vertical-align:middle}button,input,textarea,select{*font-size:100%}textarea{resize:none}legend{color:#000}a{vertical-align:baseline}a{text-decoration:none}a:hover{text-decoration:none}.clear{display:block;float:none;clear:both;overflow:hidden;visibility:hidden;width:0;height:0;background:none;border:0;font-size:0}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}input[type="button"],input[type="submit"],input[type="text"],textarea{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}a{-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;padding:0;margin:0}.hide{display:none}body{margin:0 auto;font-family:"Lato" !important;background:#000;color:#cfdbde;font-size:14px;text-align:center}.wrap{min-width:1200px;height:100%;position:relative;overflow:hidden}img{vertical-align:top}h1{font-weight:200}p{font-weight:100}.center{position:absolute;left:50%;top:50%}.XY50{transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%)}.scale-box{position:absolute;left:50%;top:50%;width:792px;height:792px;overflow:hidden;transform:translateX(-50%) translateY(-50%) rotate(-150deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(-150deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(-150deg);-webkit-transform:translateX(-50%) translateY(-50%) rotate(-150deg);-o-transform:translateX(-50%) translateY(-50%) rotate(-150deg)}.scale-box #scale{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.share-box{position:absolute;right:5%;bottom:8%;cursor:pointer}.share-icon1{position:absolute;left:0;top:-60px;cursor:pointer;animation:opacityIn 0.5s 0s linear both;-ms-animation:opacityIn 0.5s 0s linear both;-moz-animation:opacityIn 0.5s 0s linear both;-webkit-animation:opacityIn 0.5s 0s linear both;-o-animation:opacityIn 0.5s 0.2s linear both}.share-icon2{position:absolute;left:0;top:-120px;cursor:pointer;animation:opacityIn 0.5s 0.2s linear both;-ms-animation:opacityIn 0.5s 0.2s linear both;-moz-animation:opacityIn 0.5s 0.2s linear both;-webkit-animation:opacityIn 0.5s 0.2s linear both;-o-animation:opacityIn 0.5s 0.2s linear both}.share-icon3{position:absolute;left:0;top:-180px;cursor:pointer;animation:opacityIn 0.5s 0.4s linear both;-ms-animation:opacityIn 0.5s 0.4s linear both;-moz-animation:opacityIn 0.5s 0.4s linear both;-webkit-animation:opacityIn 0.5s 0.4s linear both;-o-animation:opacityIn 0.5s 0.4s linear both}.circle-box{position:absolute;left:50%;top:50%}#knob{width:100%;height:100%;position:absolute;left:0;top:0}.ctx-animation,.ctx{width:17px;height:17px;border:2px solid #fff;border-radius:50%;position:absolute;left:50%;top:-10px;margin-left:-11.5px;cursor:move;cursor:hand;cursor:-webkit-grab}.arrow{position:absolute;left:50%;top:50%;width:13px}.box{position:absolute;width:8px;height:8px;border:2px solid #fff;border-radius:50%;cursor:pointer;z-index:2}.box:hover{background:#01b8e2}.box1{left:49.2%;top:-0.5%}.box2{left:92.4%;top:24.1%}.box3{left:92.5%;top:74.1%}.box4{left:49.2%;top:99%}.box5{left:5.8%;top:74%}.box6{left:5.9%;top:24.2%}.ctx-animation{animation:scbig 2s linear 0s infinite;-ms-animation:scbig 2s linear 0s infinite;-moz-animation:scbig 2s linear 0s infinite;-webkit-animation:scbig 2s linear 0s infinite;-o-animation:scbig 2s linear 0s infinite}@keyframes scbig{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}100%{transform:scale(1.5);opacity:0}}@-ms-keyframes scbig{0%{-ms-transform:scale(1);opacity:1}50%{-ms-transform:scale(1.1);opacity:0.8}100%{-ms-transform:scale(1.5);opacity:0}}@-moz-keyframes scbig{0%{-moz-transform:scale(1);opacity:1}50%{-moz-transform:scale(1.1);opacity:0.8}100%{-moz-transform:scale(1.5);opacity:0}}@-webkit-keyframes scbig{0%{-webkit-transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);opacity:0.8}100%{-webkit-transform:scale(1.5);opacity:0}}@-o-keyframes scbig{0%{-o-transform:scale(1);opacity:1}50%{-o-transform:scale(1.1);opacity:0.8}100%{-o-transform:scale(1.5);opacity:0}}.page-1,.page-2,.page-3,.page-4,.page-5{width:690px;height:690px;border-radius:50%;overflow:hidden}.page-1-img{pointer-events:none;margin:-290px 0 0 -200px}.index-light{opacity:0;animation:opacity 2s 2s ease-out infinite;-ms-animation:opacity 2s 2s ease-out infinite;-moz-animation:opacity 2s 2s ease-out infinite;-webkit-animation:opacity 2s 2s ease-out infinite;-o-animation:opacity 2s 2s ease-out infinite}.scroll-box{box-sizing:border-box;width:20px;height:34px;padding-top:2%;background:url('https://opstatics.com/mage/images/events/dash-energy/1x/scroll-1.png?1620617890') no-repeat;background-size:100% 100%;position:absolute;left:50%;top:55%;overflow:hidden}.scroll-arrow{animation:mouse-wheel 1.7s 0s ease infinite;-ms-animation:mouse-wheel 1.7s 0s ease infinite;-moz-animation:mouse-wheel 1.7s 0s ease infinite;-webkit-animation:mouse-wheel 1.7s 0s ease infinite;-o-animation:mouse-wheel 1.7s 0s ease infinite}.video-box{position:absolute;left:0;top:0;z-index:999;background:#000;width:100%;height:100%}.up-box{position:absolute;left:0;top:0;width:100%;height:40px;background:#000}.close-box{position:absolute;right:5px;top:5px;width:30px;height:30px;background:url('https://opstatics.com/mage/images/events/dash-energy/1x/close.png?1620617890') no-repeat;background-size:100% 100%;cursor:pointer}.page-1-img img:nth-child(2){position:absolute;left:0;top:0}.page-1 h1{width:100%;text-align:center;font-size:28px;color:#fff;position:absolute;left:0;top:33%}.page-1 p{font-size:14px;width:462px;position:absolute;left:50%;top:44%;margin-left:-231px;text-align:center}.video-btn{position:absolute;left:50%;top:64%;margin-left:-40.5px;cursor:pointer}.page-2-img-box{margin-left:-194px;margin-top:-377px;pointer-events:none;animation:imgIn 1.8s 1.5s ease-out both;-ms-animation:imgIn 1.8s 1.5s ease-out both;-moz-animation:imgIn 1.8s 1.5s ease-out both;-webkit-animation:imgIn 1.8s 1.5s ease-out both;-o-animation:imgIn 1.8s 1.5s ease-out both}.page2-img-2{animation:opacity 2s .5s ease-out infinite;-ms-animation:opacity 2s .5s ease-out infinite;-moz-animation:opacity 2s .5s ease-out infinite;-webkit-animation:opacity 2s .5s ease-out infinite;-o-animation:opacity 2s .5s ease-out infinite}.page2-img-3{opacity:0;animation:opacity 1.3s 3s ease-out infinite;-ms-animation:opacity 1.3s 3s ease-out infinite;-moz-animation:opacity 1.3s 3s ease-out infinite;-webkit-animation:opacity 1.3s 3s ease-out infinite;-o-animation:opacity 1.3s 3s ease-out infinite}.page2-img-3-2{opacity:0;animation:opacity 1s 3.5s ease-out infinite;-ms-animation:opacity 1s 3.5s ease-out infinite;-moz-animation:opacity 1s 3.5s ease-out infinite;-webkit-animation:opacity 1s 3.5s ease-out infinite;-o-animation:opacity 1s 3.5s ease-out infinite}.page2-img-4{animation:imgIn 0.6s 3s ease-out both;-ms-animation:imgIn 0.6s 3s ease-out both;-moz-animation:imgIn 0.6s 3s ease-out both;-webkit-animation:imgIn 0.6s 3s ease-out both;-o-animation:imgIn 0.6s 3s ease-out both}.page-2-text{width:350px;height:170px;position:absolute;left:50%;bottom:8%;margin-left:-175px}.page-2-text h1{font-size:28px;margin-bottom:18px}.page-2-text ul,.page-4-content ul{position:absolute;left:0;bottom:0;width:100%}.page-2-text ul li,.page-4-content ul li{display:inline-block;width:6px;height:6px;border:1px solid #fff;border-radius:50%;margin:0 15px;cursor:pointer;background:#000}.page-2-text ul .active,.page-4-content ul .active{background:#fff}.page-3-content{width:380px}.page-3-content h1{font-size:28px;color:#fff;margin-bottom:30px}.page-3-content .font-size18{font-size:18px}.page-3-content p{margin-bottom:40px}.page-3-img-box{position:relative}.line-box{width:350px;height:128px;position:absolute;left:7.5%;bottom:26%;overflow:hidden}.line-box:nth-child(2){animation:widthIn 0.8s 2s linear both;-ms-animation:widthIn 0.8s 2s linear both;-moz-animation:widthIn 0.8s 2s linear both;-webkit-animation:widthIn 0.8s 2s linear both;-o-animation:widthIn 0.8s 2s linear both}.line-box:nth-child(3){animation:widthIn 0.8s 1.5s linear both;-ms-animation:widthIn 0.8s 1.5s linear both;-moz-animation:widthIn 0.8s 1.5s linear both;-webkit-animation:widthIn 0.8s 1.5s linear both;-o-animation:widthIn 0.8s 1.5s linear both}.page-3-img-box .active{width:350px}.line-box img{position:absolute;left:0;bottom:0}@keyframes widthIn{0%{width:0%}100%{width:100%}}@-ms-keyframes widthIn{0%{width:0%}100%{width:100%}}@-moz-keyframes widthIn{0%{width:0%}100%{width:100%}}@-webkit-keyframes widthIn{0%{width:0%}100%{width:100%}}@-o-keyframes widthIn{0%{width:0%}100%{width:100%}}.page-4-content{width:400px;height:400px;margin:-200px 0 0 -200px}.page-5-content h2{font-size:18px;color:#fff;margin-bottom:30px;animation:opacityIn 0.3s 0.2s linear both;-ms-animation:opacityIn 0.3s 0.2s linear both;-moz-animation:opacityIn 0.3s 0.2s linear both;-webkit-animation:opacityIn 0.3s 0.2s linear both;-o-animation:opacityIn 0.3s 0.2s linear both}.page-5-content p:nth-child(2){animation:opacityIn 0.3s 0.4s linear both;-ms-animation:opacityIn 0.3s 0.4s linear both;-moz-animation:opacityIn 0.3s 0.4s linear both;-webkit-animation:opacityIn 0.3s 0.4s linear both;-o-animation:opacityIn 0.3s 0.4s linear both}.page-5-content img{margin:30px 0;animation:opacityIn 0.3s 0.6s linear both;-ms-animation:opacityIn 0.3s 0.6s linear both;-moz-animation:opacityIn 0.3s 0.6s linear both;-webkit-animation:opacityIn 0.3s 0.6s linear both;-o-animation:opacityIn 0.3s 0.6s linear both}.page-5-content p:nth-child(4){animation:opacityIn 0.3s 0.8s linear both;-ms-animation:opacityIn 0.3s 0.8s linear both;-moz-animation:opacityIn 0.3s 0.8s linear both;-webkit-animation:opacityIn 0.3s 0.8s linear both;-o-animation:opacityIn 0.3s 0.8s linear both}.page-5-content span{display:inline-block;width:120px;height:36px;border:1px solid #666666;font-size:12px;line-height:36px;margin-top:40px;cursor:pointer;animation:opacityIn 0.3s 1s linear both;-ms-animation:opacityIn 0.3s 1s linear both;-moz-animation:opacityIn 0.3s 1s linear both;-webkit-animation:opacityIn 0.3s 1s linear both;-o-animation:opacityIn 0.3s 1s linear both}.op1{animation:opacityIn 0.5s 0.2s linear both;-ms-animation:opacityIn 0.5s 0.2s linear both;-moz-animation:opacityIn 0.5s 0.2s linear both;-webkit-animation:opacityIn 0.5s 0.2s linear both;-o-animation:opacityIn 0.5s 0.5s linear both}.op2{animation:opacityIn 0.3s 0.4s linear both;-ms-animation:opacityIn 0.3s 0.4s linear both;-moz-animation:opacityIn 0.3s 0.4s linear both;-webkit-animation:opacityIn 0.3s 0.4s linear both;-o-animation:opacityIn 0.3s 0.4s linear both}.op3{animation:opacityIn 0.3s 0.6s linear both;-ms-animation:opacityIn 0.3s 0.6s linear both;-moz-animation:opacityIn 0.3s 0.6s linear both;-webkit-animation:opacityIn 0.3s 0.6s linear both;-o-animation:opacityIn 0.3s 0.6s linear both}.op4{animation:opacityIn 0.3s 0.8s linear both;-ms-animation:opacityIn 0.3s 0.8s linear both;-moz-animation:opacityIn 0.3s 0.8s linear both;-webkit-animation:opacityIn 0.3s 0.8s linear both;-o-animation:opacityIn 0.3s 0.8s linear both}@keyframes opacityIn{0%{transform:translateY(40px);opacity:0}100%{transform:translateY(0px);opacity:1}}@-ms-keyframes opacityIn{0%{-ms-transform:translateY(40px);opacity:0}100%{-ms-transform:translateY(0px);opacity:1}}@-moz-keyframes opacityIn{0%{-moz-transform:translateY(40px);opacity:0}100%{-moz-transform:translateY(0px);opacity:1}}@-webkit-keyframes opacityIn{0%{-webkit-transform:translateY(40px);opacity:0}100%{-webkit-transform:translateY(0px);opacity:1}}@-o-keyframes opacityIn{0%{-o-transform:translateY(40px);opacity:0}100%{-o-transform:translateY(0px);opacity:1}}.opacityOut{animation:opacityOut 0.5s 0.3s linear both;-ms-animation:opacityOut 0.5s 0.3s linear both;-moz-animation:opacityOut 0.5s 0.3s linear both;-webkit-animation:opacityOut 0.5s 0.3s linear both;-o-animation:opacityOut 0.2s 0.3s linear both}@keyframes opacityOut{0%{transform:translateY(0px);opacity:1}100%{transform:translateY(-100px);opacity:0}}@-ms-keyframes opacityOut{0%{-ms-transform:translateY(0px);opacity:1}100%{-ms-transform:translateY(-100px);opacity:0}}@-moz-keyframes opacityOut{0%{-moz-transform:translateY(0px);opacity:1}100%{-moz-transform:translateY(-100px);opacity:0}}@-webkit-keyframes opacityOut{0%{-webkit-transform:translateY(0px);opacity:1}100%{-webkit-transform:translateY(-100px);opacity:0}}@-o-keyframes opacityOut{0%{-o-transform:translateY(0px);opacity:1}100%{-o-transform:translateY(-100px);opacity:0}}@keyframes indexIn1{0%{transform:translateY(70%) scale(1.2);opacity:0}100%{transform:translateY(70%) scale(1.2);opacity:1}}@-ms-keyframes indexIn1{0%{-ms-transform:translateY(70%) scale(1.2);opacity:0}100%{-ms-transform:translateY(70%) scale(1.2);opacity:1}}@-moz-keyframes indexIn1{0%{-moz-transform:translateY(70%) scale(1.2);opacity:0}100%{-moz-transform:translateY(70%) scale(1.2);opacity:1}}@-webkit-keyframes indexIn1{0%{-webkit-transform:translateY(70%) scale(1.2);opacity:0}100%{-webkit-transform:translateY(70%) scale(1.2);opacity:1}}@-o-keyframes indexIn1{0%{-o-transform:translateY(70%) scale(1.2);opacity:0}100%{-o-transform:translateY(70%) scale(1.2);opacity:1}}.indexIn1{animation:indexIn1 1.5s 0.5s ease-out both;-ms-animation:indexIn1 1.5s 0.5s ease-out both;-moz-animation:indexIn1 1.5s 0.5s ease-out both;-webkit-animation:indexIn1 1.5s 0.5s ease-out both;-o-animation:indexIn1 1.5s 0.5s ease-out both}.indexIn2{animation:indexIn2 1.5s 0.5s ease-out both;-ms-animation:indexIn2 1.5s 0.5s ease-out both;-moz-animation:indexIn2 1.5s 0.5s ease-out both;-webkit-animation:indexIn2 1.5s 0.5s ease-out both;-o-animation:indexIn2 1.5s 0.5s ease-out both}@keyframes indexIn2{0%{transform:translateY(70%) scale(1.2);opacity:1}100%{transform:translateY(0%) scale(1);opacity:1}}@-ms-keyframes indexIn2{0%{-ms-transform:translateY(70%) scale(1.2);opacity:1}100%{-ms-transform:translateY(0%) scale(1);opacity:1}}@-moz-keyframes indexIn2{0%{-moz-transform:translateY(70%) scale(1.2);opacity:1}100%{-moz-transform:translateY(0%) scale(1);opacity:1}}@-webkit-keyframes indexIn2{0%{-webkit-transform:translateY(70%) scale(1.2);opacity:1}100%{-webkit-transform:translateY(0%) scale(1);opacity:1}}@-o-keyframes indexIn2{0%{-o-transform:translateY(70%) scale(1.2);opacity:1}100%{-o-transform:translateY(0%) scale(1);opacity:1}}@keyframes opacity{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-ms-keyframes opacity{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-moz-keyframes opacity{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-webkit-keyframes opacity{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-o-keyframes opacity{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes imgIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes imgIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes imgIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes imgIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes imgIn{0%{opacity:0}100%{opacity:1}}.rotateIn1{animation:rotateIn1 0.5s 0.5s linear both;-ms-animation:rotateIn1 0.5s 0.5s linear both;-moz-animation:rotateIn1 0.5s 0.5s linear both;-webkit-animation:rotateIn1 0.5s 0.5s linear both;-o-animation:rotateIn1 0.5s 0.5s linear both}@keyframes rotateIn1{0%{transform:rotate(0deg) translateY(0px) translateX(0) scale(1)}100%{transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}}@-ms-keyframes rotateIn1{0%{-ms-transform:rotate(0deg) translateY(0px) translateX(0) scale(1)}100%{-ms-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}}@-moz-keyframes rotateIn1{0%{-moz-transform:rotate(0deg) translateY(0px) translateX(0) scale(1)}100%{-moz-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}}@-webkit-keyframes rotateIn1{0%{-webkit-transform:rotate(0deg) translateY(0px) translateX(0) scale(1)}100%{-webkit-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}}@-o-keyframes rotateIn1{0%{-o-transform:rotate(0deg) translateY(0px) translateX(0) scale(1)}100%{-o-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}}.upDown{animation:upDown 3s 0s linear infinite;-ms-animation:upDown 3s 0s linear infinite;-moz-animation:upDown 3s 0s linear infinite;-webkit-animation:upDown 3s 0s linear infinite;-o-animation:upDown 3s 0s linear infinite}@keyframes upDown{0%{transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}50%{transform:rotate(57deg) translateY(-0.5%) translateX(-20.5%) scale(0.9)}100%{transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}}@-ms-keyframes upDown{0%{-ms-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}50%{-ms-transform:rotate(57deg) translateY(-0.5%) translateX(-20.5%) scale(0.9)}100%{-ms-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}}@-moz-keyframes upDown{0%{-moz-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}50%{-moz-transform:rotate(57deg) translateY(-0.5%) translateX(-20.5%) scale(0.9)}100%{-moz-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}}@-webkit-keyframes upDown{0%{-webkit-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}50%{-webkit-transform:rotate(57deg) translateY(-0.5%) translateX(-20.5%) scale(0.9)}100%{-webkit-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}}@-o-keyframes upDown{0%{-o-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}50%{-o-transform:rotate(57deg) translateY(-0.5%) translateX(-20.5%) scale(0.9)}100%{-o-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}}@keyframes mouse-wheel{0%{opacity:.9}100%{opacity:0;transform:translateY(5px)}}@-ms-keyframes mouse-wheel{0%{opacity:.9}100%{opacity:0;-ms-transform:translateY(5px)}}@-moz-keyframes mouse-wheel{0%{opacity:.9}100%{opacity:0;-moz-transform:translateY(5px)}}@-webkit-keyframes mouse-wheel{0%{opacity:.9}100%{opacity:0;-webkit-transform:translateY(5px)}}@-o-keyframes mouse-wheel{0%{opacity:.9}100%{opacity:0;-o-transform:translateY(5px)}}.recovery{animation:recovery 1s 0s linear both;-ms-animation:recovery 1s 0s linear both;-moz-animation:recovery 1s 0s linear both;-webkit-animation:recovery 1s 0s linear both;-o-animation:recovery 1s 0s linear both}@keyframes recovery{0%{transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}100%{transform:rotate(0deg) translateY(0px) translateX(0) scale(1)}}@-ms-keyframes recovery{0%{-ms-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}100%{-ms-transform:rotate(0deg) translateY(0px) translateX(0) scale(1)}}@-moz-keyframes recovery{0%{-moz-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}100%{-moz-transform:rotate(0deg) translateY(0px) translateX(0) scale(1)}}@-webkit-keyframes recovery{0%{-webkit-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}100%{-webkit-transform:rotate(0deg) translateY(0px) translateX(0) scale(1)}}@-o-keyframes recovery{0%{-o-transform:rotate(57deg) translateY(0px) translateX(-20%) scale(0.9)}100%{-o-transform:rotate(0deg) translateY(0px) translateX(0) scale(1)}}.rightIn{animation:rightIn 0.3s 0.2s linear both;-ms-animation:rightIn 0.3s 0.2s linear both;-moz-animation:rightIn 0.3s 0.2s linear both;-webkit-animation:rightIn 0.3s 0.2s linear both;-o-animation:rightIn 0.3s 0.2s linear both}@keyframes rightIn{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0%);opacity:1}}@-ms-keyframes rightIn{0%{-ms-transform:translateX(100%);opacity:0}100%{-ms-transform:translateX(0%);opacity:1}}@-moz-keyframes rightIn{0%{-moz-transform:translateX(100%);opacity:0}100%{-moz-transform:translateX(0%);opacity:1}}@-webkit-keyframes rightIn{0%{-webkit-transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0%);opacity:1}}@-o-keyframes rightIn{0%{-o-transform:translateX(100%);opacity:0}100%{-o-transform:translateX(0%);opacity:1}}@media screen and (min-width: 1921px){.box1{left:49.3%;top:-0.5%}.box2{left:92.7%;top:24.3%}.box3{left:92.7%;top:74.2%}.box4{left:49.3%;top:99.5%}.box5{left:6%;top:74.3%}.box6{left:5.9%;top:24.4%}.close-box{width:50px;height:50px}.scroll-box{width:26px;height:44px}.page-1 h1{font-size:37px;top:28%}.page-1 p{font-size:18px;line-height:30px;top:41%}.scale-box{width:1056px;height:1056px}.circle-box .circle{width:959px}.page-1,.page-2,.page-3,.page-4,.page-5{width:920px;height:920px}.page-1-img{width:532px;margin:-420px 0 0 -266px}.page-1-img img{width:100%}.video-btn{width:108px;margin-left:-54px}.page-2-text ul li,.page-4-content ul li{width:10px;height:10px}.page-2-text{width:450px;height:272px;margin-left:-225px;bottom:6%}.page-2-text h1{font-size:37px;margin-bottom:25px}.page-2-text p{font-size:18px;line-height:30px}.page-2-img-box{width:452px;margin-left:-226px;margin-top:-372px}.page-2-img-box img{width:100%}.page-3-content h1{font-size:37px}.page-3-content .font-size18{font-size:25px}.page-3-content p{font-size:18px;line-height:30px}.page-3-content{width:570px}.page-3-img-box{width:468px;margin:0 auto}.list-img{width:468px}.line-box{width:535px;height:255px;left:4%}.line-1{width:355px}.line-2{width:444px}.page-4-content{width:500px;height:500px;margin:-250px 0 0 -250px}.page-4-content p{font-size:18px;line-height:30px}.page-4-content-box img{width:114px}.page-4-content-box h1{font-size:25px}.page-5-content h2{font-size:24px}.page-5-content p{font-size:18px;line-height:30px}.page-6-icon{width:114px}.page-6-icon-3{width:121px}}