body,html{width:100%;height:100%;background:#391898}.page-index{width:100%;overflow-x:hidden}.page-index .header{position:relative;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;-ms-flex-negative:0;flex-shrink:0;min-height:15.22667rem}.page-index .header .ui-img-bg{width:100%;height:15.22667rem}.page-index .header .__bd{width:100%;height:100%;position:absolute;top:0;left:0;display:inherit;-webkit-box-orient:inherit;-webkit-box-direction:inherit;-ms-flex-direction:inherit;flex-direction:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit}.page-index .header .ui-img-person{display:block;position:absolute;left:2.48rem;top:7.53333rem;width:4.26667rem;height:4.42667rem}.page-index .header .ui-img-shadow{display:block;position:absolute;left:3.2rem;bottom:2.64rem;width:3.53333rem;height:.14667rem;-webkit-animation:shadowMove .8s ease infinite alternate;animation:shadowMove .8s ease infinite alternate}.page-index .header .ui-img-mac{display:block;position:absolute;left:1.58667rem;top:7rem;width:1.38667rem;height:1.25333rem}.page-index .header .ui-earth .ui-img-cloud{display:block;position:absolute;right:.33333rem;top:5.12rem;width:2.25333rem;height:1.16rem}.page-index .header .ui-earth .ui-img-earth{display:block;position:absolute;right:.77333rem;top:4.98667rem;width:1.28rem;height:1.28rem;-webkit-animation:earthMove 3.2s linear infinite;animation:earthMove 3.2s linear infinite}.page-index .header .__ft{position:absolute;width:100%;padding:0 .65333rem;bottom:.34667rem;display:flex;justify-content:space-between;box-sizing:border-box}.page-index .header .__ft .ui-btn{position:relative;display:block;width:4.02667rem;height:1.38667rem}.page-index .header .__ft .ui-btn .ui-img{position:absolute;top:-.05333rem;right:.02667rem;width:1.45333rem;height:1.45333rem;-webkit-animation:btnMove .4s ease-out infinite alternate;animation:btnMove .4s ease-out infinite alternate}.page-index .header .__ft .ui-btn-1{background:url(../images/btn-1.png);background-size:100% 100%}.page-index .header .__ft .ui-btn-2{background:url(../images/btn-2.png);background-size:100% 100%}.page-index .container{padding-bottom:1.06667rem}.page-index .container .__hd{min-height:4.10667rem;margin-top:.6rem}.page-index .container .__hd .swiper-container{padding-left:.2rem;padding-right:.2rem;box-sizing:border-box}.page-index .container .__hd .swiper-container .swiper-wrapper .swiper-slide{width:1.94667rem}.page-index .container .__hd .swiper-container .swiper-wrapper .swiper-slide .ui-img{width:1.94667rem;height:1.94667rem}.page-index .container .__bd .ui-hd .ui-title{display:block;width:6.14667rem;height:.69333rem;margin:1rem auto 0}.page-index .container .__bd .ui-content{width:9.2rem;margin:.56rem auto 0}.page-index .container .__bd .ui-content .ui-link{display:block;width:9.2rem}.page-index .container .__bd .ui-content .ui-link:not(:last-child){margin-bottom:.4rem}.page-index .container .__bd .ui-content .ui-link .ui-img{width:9.2rem;height:4.37333rem}.page-index .container .__ft .ui-hd .ui-title{display:block;width:6.33333rem;height:.69333rem;margin:1rem auto 0}.page-index .container .__ft .ui-content{width:9.2rem;margin:.53333rem auto 0;display:flex;justify-content:space-between;flex-wrap:wrap}.page-index .container .__ft .ui-content .ui-link{display:block;width:4.48rem}.page-index .container .__ft .ui-content .ui-link:nth-of-type(1),.page-index .container .__ft .ui-content .ui-link:nth-of-type(2){margin-bottom:.21333rem}.page-index .container .__ft .ui-content .ui-link .ui-img{display:block;width:4.48rem;height:2.8rem}.page-index .container .__ft .ui-ft{display:block;width:8.72rem;margin:.53333rem auto 0}.page-index .container .__ft .ui-ft .ui-link{display:block;width:100%;height:100%}.page-index .container .__ft .ui-ft .ui-link .ui-img{width:8.72rem;height:2.37333rem}.page-index .ui-link{text-decoration:none}@-webkit-keyframes btnMove{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes btnMove{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes personMove{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@keyframes personMove{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@-webkit-keyframes shadowMove{from{-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1)}to{-webkit-transform:scaleX(.8) scaleY(.8);transform:scaleX(.8) scaleY(.8)}}@keyframes shadowMove{from{-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1)}to{-webkit-transform:scaleX(.8) scaleY(.8);transform:scaleX(.8) scaleY(.8)}}@-webkit-keyframes macMove{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}}@keyframes macMove{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}}@-webkit-keyframes earthMove{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes earthMove{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}