body,html{padding:0;margin:0 auto;width:100%;line-height:normal;font-family:"Microsoft YaHei"}p{padding:0;margin:0;height:auto;font-family:"Microsoft YaHei"}img{padding:0;margin:0}.show{visibility:visible!important}.page-box{overflow-x:auto;min-width:1620px}.page-1{position:relative;height:1343px;background-image:url(https://static-assets-prod.okii.com/xtc-products/z5-dhf/pc/bg-1.jpg);background-position:center;text-align:center}.page-1 .right-icon{position:absolute;right:2%;bottom:2%}.page-1 .video-wrapper{position:relative}.page-1 .video-box{margin-top:144px;max-width:100%;margin-left:-40px}.page-1 .logo-box{text-align:center;margin-top:-80px}.page-1 .logo-box .logo{max-width:100%}.page-1 .text-1{margin-top:84px}.page-1 .play-btn{position:absolute;left:50%;top:55%;-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer}.page-2{position:relative;height:1050px;background-image:url(https://static-assets-prod.okii.com/xtc-products/z5-dhf/pc/bg-2.jpg);background-position:center;text-align:center}.page-2 .text2-box{position:absolute;right:23%;top:188px}.page-3{position:relative;height:1109px;background-image:url(https://static-assets-prod.okii.com/xtc-products/z5-dhf/pc/bg-3.jpg);background-position:center;text-align:center}.page-3 .text3-box{position:absolute;left:22%;top:209px}.page-4{position:relative;height:1340px;background-image:url(https://static-assets-prod.okii.com/xtc-products/z5-dhf/pc/bg-4.jpg);background-position:center;text-align:center}.page-4 .text4-box{position:absolute;right:20%;top:188px}.page-4 .btn-box{position:absolute;bottom:12%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page-4 a{display:inline-block}.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}