.step-loop>div{opacity:0}.step-loop>div:nth-child(2){animation:fadeRight .6s ease-out forwards;animation-delay:0s}.step-loop>div:nth-child(4){animation:fadeRight .6s ease-out forwards;animation-delay:.2s}.step-loop>div:nth-child(6){animation:fadeRight .6s ease-out forwards;animation-delay:.4s}.step-loop>div:nth-child(8){animation:fadeRight .6s ease-out forwards;animation-delay:.6s}.step-loop>div:nth-child(odd){animation:fadeLoop 2s ease-in-out 1s infinite}.step-loop-mobile .loop-item{opacity:0}.step-loop-mobile .loop-item.item1{animation:fadeIn .6s ease-out forwards;animation-delay:0s}.step-loop-mobile .loop-item.item2{animation:fadeIn .6s ease-out forwards;animation-delay:.2s}.step-loop-mobile .loop-item.item3{animation:fadeIn .6s ease-out forwards;animation-delay:.4s}.step-loop-mobile .loop-item.item4{animation:fadeIn .6s ease-out forwards;animation-delay:.6s}.step-loop-mobile .loop-item.arrow1{animation:fadeLoopMobile 2s ease-in-out 1s infinite}.step-loop-mobile .loop-item.arrow2{animation:fadeLoopMobile90 2s ease-in-out 1s infinite}.step-loop-mobile .loop-item.arrow3{animation:fadeLoopMobile180 2s ease-in-out 1s infinite}.autoview1 img{transition:all .3s ease-in-out}.active .autoview1 .img-box{animation:fadeUp .6s ease-out forwards}.active .autoview1 .switch{background-color:#9484fd;transition-delay:1s}.active .autoview1 .switch .circle{left:calc(100% - 17px);transition-delay:1s}.active .autoview1 .img3{opacity:0;transition-delay:1s}.active .autoview1 .img3_on{opacity:1;transition-delay:1s}.active .autoview1 .type-tablet .circle{left:calc(100% - 12px)}.active .autoview1 .type-mobile .circle{left:calc(100% - 11px)}.active .autoview2 img:not(:first-child){animation:fadeUp .5s ease-out forwards}.active .autoview2 img:nth-child(2){animation-delay:.3s}.active .autoview2 img:nth-child(3){animation-delay:.4s}.active .autoview2 img:nth-child(4){animation-delay:.5s}.active .autoview2 img.last-blink{animation:fadeUp .5s ease-out .6s forwards,blink 1s ease-in-out 1.1s infinite}.active .autoview2 .type-tablet img:nth-child(5){animation-delay:.6s}.active .autoview2 .type-tablet img.last-blink{animation:fadeUp .5s ease-out .6s forwards,blink 1s ease-in-out 1.2s infinite}.autoview3{perspective:1000px}.autoview3 .flip{transform-style:preserve-3d;transition:transform .8s ease}.autoview3 .flip .flip-face{backface-visibility:hidden}.active .autoview3 .flip,.autoview3 .flip .flip-face.back{transform:rotateY(180deg)}.active .autoview3 .flip{transition-delay:.4s}.active .manageview1 .img-box{animation:fadeUp .5s ease-out forwards}.active .manageview1 .img-box-inner img{animation:fadeIn .5s ease-out forwards}.active .manageview1 .img-box-inner img:first-child{animation-delay:.7s}.active .manageview1 .img-box-inner img:nth-child(2){animation-delay:1s}.active .manageview1 .img-box-inner img:nth-child(3){animation-delay:1.3s}.active .manageview1 .img-box-inner img:nth-child(4){animation-delay:1.6s}.active .manageview2 .img-box img,.active .manageview3 .img-box img{animation:fadeUp .5s ease-out forwards;animation-delay:.35s}.active .manageview4 .img-box{animation:fadeUp .5s ease-out forwards}.active .manageview4 .img-box-inner img{animation:fadeIn .5s ease-out forwards}.active .manageview4 .img-box-inner img:first-child{animation-delay:.7s}.active .manageview4 .img-box-inner img:nth-child(2){animation-delay:1s}.active .manageview4 .img-box-inner img:nth-child(3){animation-delay:1.3s}.active .manageview4 .img-box-inner img:nth-child(4){animation-delay:1.6s}.active .monitoringview1 .img-box{animation:fadeUp .5s ease-out forwards;animation-delay:.3s}.active .monitoringview2 .img-box{animation:fadeUp .5s ease-out forwards}.active .monitoringview2 .img-box-inner img{animation:fadeIn .5s ease-out forwards}.active .monitoringview2 .img-box-inner img:first-child{animation-delay:.7s}.active .monitoringview2 .img-box-inner img:nth-child(2){animation-delay:1s}.active .monitoringview2 .img-box-inner img:nth-child(3){animation-delay:1.3s}.active .monitoringview2 .img-box-inner img:nth-child(4){animation-delay:1.6s}.active .serviceview1 .img-box{animation:fadeUp .5s ease-out forwards}.active .serviceview1 .img-box.img1{animation-delay:.5s}.active .serviceview1 .img-box.img2{animation-delay:.6s}.active .serviceview1 .img-box img:nth-child(2){animation:onOff 2s ease-in-out infinite}.active .serviceview2 .img-animate,.active .serviceview3 .img-animate{animation:fadeUp .5s ease-out forwards;animation-delay:.2s}