@charset "utf-8";
.zong_width {
  width: 1000px;
  margin: 0 auto;
}
.pg {
  height: 712px;
  position: relative;
  overflow: hidden;
}
.hzwNoviceBootPage {
  width: 100%;
  background: #ffffff;
}
.hzwNoviceBootPage .hzwContainer {
  width: 1100px;
  margin: 0 auto;
  position: relative;
}
.hzwNoviceBootPage .page01-animate04 {
  width: 198px;
  height: 134px;
  position: absolute;
  top: 26px;
  right: 461px;
  animation: p6 1s ease-in 1.8s both;
  -webkit-animation: p6 1s ease-in 1.6s both;
  -moz-animation: p6 1s ease-in 1.6s both;
  -o-animation: p6 1s ease-in 1.6s both;
}
.hzwNoviceBootPage .page01-animate04 a {
  padding-left: 62px;
  display: inline-block;
  height: 55px;
  line-height: 55px;
  background: rgba(225, 225, 225, 0.2);
  width: 136px;
  margin-top: 13px;
  font-size: 16px;
  color: #ffffff;
  border-radius: 5px;
}
.hzwNoviceBootPage .page01-animate04 .one {
  background: url("../../images/loadPage/loadPageiphone_03.png") rgba(225, 225, 225, 0.2) no-repeat 22px center;
}
.hzwNoviceBootPage .page01-animate04 .two {
  background: url("../../images/loadPage/loadPageandrow_03.png") rgba(225, 225, 225, 0.2) no-repeat 22px center;
}
.hzwNoviceBootPage .page01-animate04 .one:hover {
  background: url("../../images/loadPage/loadPageiphone_03.png") #ff8900 no-repeat 22px center;
}
.hzwNoviceBootPage .page01-animate04 .two:hover {
  background: url("../../images/loadPage/loadPageandrow_03.png") #ff8900 no-repeat 22px center;
}
.hzwNoviceBootPage .page05-animate04 {
  width: 198px;
  height: 134px;
  position: absolute;
  top: 37px;
  left: 248px;
  animation: f1w 1s ease 0.6s both;
  -webkit-animation: f1w 1s ease 0.6s both;
  -moz-animation: f1w 1s ease 0.6s both;
  -o-animation: f1w 1s ease 0.6s both;
}
.hzwNoviceBootPage .page05-animate04 a {
  padding-left: 62px;
  display: inline-block;
  height: 55px;
  line-height: 55px;
  background: rgba(225, 225, 225, 0.2);
  width: 136px;
  margin-top: 13px;
  font-size: 16px;
  color: #ffffff;
  border-radius: 5px;
}
.hzwNoviceBootPage .page05-animate04 .one {
  background: url("../../images/loadPage/loadPageiphone_03.png") rgba(225, 225, 225, 0.2) no-repeat 22px center;
}
.hzwNoviceBootPage .page05-animate04 .two {
  background: url("../../images/loadPage/loadPageandrow_03.png") rgba(225, 225, 225, 0.2) no-repeat 22px center;
}
.hzwNoviceBootPage .page05-animate04 .one:hover {
  background: url("../../images/loadPage/loadPageiphone_03.png") #ff8900 no-repeat 22px center;
}
.hzwNoviceBootPage .page05-animate04 .two:hover {
  background: url("../../images/loadPage/loadPageandrow_03.png") #ff8900 no-repeat 22px center;
}
.hzwNoviceBootPage .loadPageSection {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.hzwNoviceBootPage .page01 {
  width: 100%;
  height: 440px;
  background: url("../../images/loadPage/loadPageBanner01_02.png") no-repeat top center;
}
.hzwNoviceBootPage .page01 .page01-animate01 {
  position: absolute;
  top: 70px;
  left: 0%;
  animation: p1 1.2s ease 0.6s both;
  -webkit-animation: p1 1.2s ease 0.6s both;
  -moz-animation: p1 1.2s ease 0.6s both;
  -o-animation: p1 1.2s ease 0.6s both;
}
.hzwNoviceBootPage .page01 .page01-animate02 {
  position: absolute;
  top: 66px;
  right: 183px;
  animation: s1 1s ease 0.6s both;
  -webkit-animation: s1 1s ease 0.6s both;
  -moz-animation: s1 1s ease 0.6s both;
  -o-animation: s1 1s ease 0.6s both;
}
.hzwNoviceBootPage .page01 .page01-animate03 {
  position: absolute;
  top: 255px;
  right: 263px;
  animation: p4 1s ease-in 1.4s both;
  -webkit-animation: p4 1s ease-in 1.4s both;
  -moz-animation: p4 1s ease-in 1.4s both;
  -o-animation: p4 1s ease-in 1.4s both;
}
.hzwNoviceBootPage .page02 {
  width: 100%;
  height: 480px;
}
.hzwNoviceBootPage .page02 .page02-animate01 {
  display: block;
  position: absolute;
  top: 98px;
  left: 0px;
  animation: f1 0.8s ease 0.6s both;
  -webkit-animation: f1 0.8s ease 0.6s both;
  -moz-animation: f1 0.8s ease 0.6s both;
  -o-animation: f1 0.8s ease 0.6s both;
}
.hzwNoviceBootPage .page02 .page02-animate03 {
  display: block;
  position: absolute;
  top: 208px;
  left: 16%;
  animation: f1 1.5s ease 0.6s both;
  -webkit-animation: f1 1.5s ease 0.6s both;
  -moz-animation: f1 1.5s ease 0.6s both;
  -o-animation: f1 1.5s ease 0.6s both;
}
.hzwNoviceBootPage .page02 .page02-animate02 {
  display: block;
  position: absolute;
  top: 106px;
  right: 0px;
  animation: w9 1.4s ease 1s both;
  -webkit-animation: w9 1.4s ease 1s both;
  -moz-animation: w9 1.4s ease 1s both;
  -o-animation: w9 1.4s ease 1s both;
}
.hzwNoviceBootPage .page03 {
  height: 480px;
  width: 100%;
  background: url("../../images/loadPage/loadPagebg01_04.jpg") no-repeat top center;
}
.hzwNoviceBootPage .page03 .page03-animate01 {
  position: absolute;
  left: 17%;
  top: 74px;
  animation: s5 1s ease-in 0.3s both;
  -webkit-animation: s5 1s ease-in 0.3s both;
  -moz-animation: s5 1s ease-in 0.3s both;
  -o-animation: s5 1s ease-in 0.3s both;
  z-index: 5;
}
.hzwNoviceBootPage .page03 .page03-animate02 {
  position: absolute;
  top: 142px;
  left: 7.5%;
  animation: s4 1.2s ease-in 0.4s both;
  -webkit-animation: s4 1.2s ease-in 0.4s both;
  -moz-animation: s4 1.2s ease-in 0.4s both;
  -o-animation: s4 1.2s ease-in 0.4s both;
  z-index: 4;
}
.hzwNoviceBootPage .page03 .page03-animate03 {
  position: absolute;
  top: 180px;
  left: 0.2%;
  animation: s3 1.5s ease-in 0.5s both;
  -webkit-animation: s3 1.5s ease-in 0.5s both;
  -moz-animation: s3 1.5s ease-in 0.5s both;
  -o-animation: s3 1.5s ease-in 0.5s both;
}
.hzwNoviceBootPage .page03 .page03-animate04 {
  position: absolute;
  top: 100px;
  right: 94px;
  animation: w09 1s ease 0.6s both;
  -webkit-animation: w09 1s ease 0.6s both;
  -moz-animation: w09 1s ease 0.6s both;
  -o-animation: w09 1s ease 0.6s both;
}
.hzwNoviceBootPage .page03 .page03-animate05 {
  position: absolute;
  top: 219px;
  right: 94px;
  animation: w09 1.2s ease 0.6s both;
  -webkit-animation: w09 1.2s ease 0.6s both;
  -moz-animation: w09 1.2s ease 0.6s both;
  -o-animation: w09 1.2s ease 0.6s both;
}
.hzwNoviceBootPage .page05 {
  width: 100%;
  height: 234px;
  background: url("../../images/loadPage/loadPagebg02_06.jpg") no-repeat top center;
}
.hzwNoviceBootPage .page05 .page05-animate01 {
  position: absolute;
  top: 50px;
  right: 265px;
  animation: f3 1.4s ease 0.6s both;
  -webkit-animation: f3 1.4s ease 0.6s both;
  -moz-animation: f3 1.4s ease 0.6s both;
  -o-animation: f3 1.4s ease 0.6s both;
}
/*第二屏animation*/
/*2*/
@keyframes p2 {
  0% {
    top: -522px;
  }
  100% {
    top: 117px;
    opacity: 1;
  }
}
@-webkit-keyframes p2 {
  0% {
    top: -522px;
  }
  100% {
    top: 117px;
    opacity: 1;
  }
}
@-moz-keyframes p2 {
  0% {
    top: -522px;
  }
  100% {
    top: 117px;
    opacity: 1;
  }
}
@-o-keyframes p2 {
  0% {
    top: -522px;
  }
  100% {
    top: 117px;
    opacity: 1;
  }
}
/*3*/
@keyframes p3 {
  0% {
    top: -200px;
  }
  50% {
    top: 130px;
  }
  60% {
    top: 90px;
  }
  70% {
    top: 130px;
  }
  80% {
    top: 110px;
  }
  100% {
    top: 130px;
    opacity: 1;
  }
}
@-webkit-keyframes p3 {
  0% {
    top: -200px;
  }
  50% {
    top: 130px;
  }
  60% {
    top: 90px;
  }
  70% {
    top: 130px;
  }
  80% {
    top: 110px;
  }
  100% {
    top: 130px;
    opacity: 1;
  }
}
@-moz-keyframes p3 {
  0% {
    top: -200px;
  }
  50% {
    top: 130px;
  }
  60% {
    top: 90px;
  }
  70% {
    top: 130px;
  }
  80% {
    top: 110px;
  }
  100% {
    top: 130px;
    opacity: 1;
  }
}
@-o-keyframes p3 {
  0% {
    top: -200px;
  }
  50% {
    top: 130px;
  }
  60% {
    top: 90px;
  }
  70% {
    top: 130px;
  }
  80% {
    top: 110px;
  }
  100% {
    top: 130px;
    opacity: 1;
  }
}
/*4*/
@keyframes p4 {
  0% {
    top: -200px;
  }
  50% {
    top: 255px;
  }
  60% {
    top: 230px;
  }
  70% {
    top: 255px;
  }
  80% {
    top: 220px;
  }
  100% {
    top: 255px;
    opacity: 1;
  }
}
@-webkit-keyframes p4 {
  0% {
    top: -200px;
  }
  50% {
    top: 255px;
  }
  60% {
    top: 230px;
  }
  70% {
    top: 255px;
  }
  80% {
    top: 220px;
  }
  100% {
    top: 255px;
    opacity: 1;
  }
}
@-moz-keyframes p4 {
  0% {
    top: -200px;
  }
  50% {
    top: 255px;
  }
  60% {
    top: 230px;
  }
  70% {
    top: 255px;
  }
  80% {
    top: 220px;
  }
  100% {
    top: 255px;
    opacity: 1;
  }
}
@-o-keyframes p4 {
  0% {
    top: -200px;
  }
  50% {
    top: 255px;
  }
  60% {
    top: 230px;
  }
  70% {
    top: 255px;
  }
  80% {
    top: 220px;
  }
  100% {
    top: 255px;
    opacity: 1;
  }
}
/*5*/
@keyframes p5 {
  0% {
    top: -200px;
  }
  50% {
    top: 53px;
  }
  60% {
    top: 20px;
  }
  70% {
    top: 53px;
  }
  80% {
    top: 30px;
  }
  100% {
    top: 53px;
    opacity: 1;
  }
}
@-webkit-keyframes p5 {
  0% {
    top: -200px;
  }
  50% {
    top: 53px;
  }
  60% {
    top: 20px;
  }
  70% {
    top: 53px;
  }
  80% {
    top: 30px;
  }
  100% {
    top: 53px;
    opacity: 1;
  }
}
@-moz-keyframes p5 {
  0% {
    top: -200px;
  }
  50% {
    top: 53px;
  }
  60% {
    top: 20px;
  }
  70% {
    top: 53px;
  }
  80% {
    top: 30px;
  }
  100% {
    top: 53px;
    opacity: 1;
  }
}
@-o-keyframes p5 {
  0% {
    top: -200px;
  }
  50% {
    top: 53px;
  }
  60% {
    top: 20px;
  }
  70% {
    top: 53px;
  }
  80% {
    top: 30px;
  }
  100% {
    top: 53px;
    opacity: 1;
  }
}
/*6*/
@keyframes p6 {
  0% {
    top: -200px;
  }
  50% {
    top: 244px;
  }
  60% {
    top: 160px;
  }
  70% {
    top: 244px;
  }
  80% {
    top: 200px;
  }
  100% {
    top: 244px;
    opacity: 1;
  }
}
@-webkit-keyframes p6 {
  0% {
    top: -200px;
  }
  50% {
    top: 244px;
  }
  60% {
    top: 160px;
  }
  70% {
    top: 244px;
  }
  80% {
    top: 200px;
  }
  100% {
    top: 244px;
    opacity: 1;
  }
}
@-moz-keyframes p6 {
  0% {
    top: -200px;
  }
  50% {
    top: 244px;
  }
  60% {
    top: 160px;
  }
  70% {
    top: 244px;
  }
  80% {
    top: 200px;
  }
  100% {
    top: 244px;
    opacity: 1;
  }
}
@-o-keyframes p6 {
  0% {
    top: -200px;
  }
  50% {
    top: 244px;
  }
  60% {
    top: 160px;
  }
  70% {
    top: 244px;
  }
  80% {
    top: 200px;
  }
  100% {
    top: 244px;
    opacity: 1;
  }
}
/*1*/
@keyframes p1 {
  0% {
    left: -1000px;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@-webkit-keyframes p1 {
  0% {
    left: -1000px;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@-moz-keyframes p1 {
  0% {
    left: -1000px;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@-o-keyframes p1 {
  0% {
    left: -1000px;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
/*第三屏*/
/*1*/
@keyframes s1 {
  0% {
    right: -1000px;
  }
  100% {
    right: 183px;
    opacity: 1;
  }
}
@-webkit-keyframes s1 {
  0% {
    right: -1000px;
  }
  100% {
    right: 183px;
    opacity: 1;
  }
}
@-moz-keyframes s1 {
  0% {
    right: -1000px;
  }
  100% {
    right: 183px;
    opacity: 1;
  }
}
@-o-keyframes s1 {
  0% {
    right: -1000px;
  }
  100% {
    right: 183px;
    opacity: 1;
  }
}
/*2*/
@keyframes s2 {
  0% {
    right: 1000px;
  }
  100% {
    right: 477px;
    opacity: 1;
  }
}
@-webkit-keyframes s2 {
  0% {
    right: 1000px;
  }
  100% {
    right: 477px;
    opacity: 1;
  }
}
@-moz-keyframes s2 {
  0% {
    right: 1000px;
  }
  100% {
    right: 477px;
    opacity: 1;
  }
}
@-o-keyframes s2 {
  0% {
    right: 1000px;
  }
  100% {
    right: 477px;
    opacity: 1;
  }
}
/*3*/
@keyframes s3 {
  0% {
    left: -1000px;
  }
  100% {
    left: 0.2%;
    opacity: 1;
  }
}
@-webkit-keyframes s3 {
  0% {
    left: -1000px;
  }
  100% {
    left: 0.2%;
    opacity: 1;
  }
}
@-moz-keyframes s3 {
  0% {
    left: -1000px;
  }
  100% {
    left: 0.2%;
    opacity: 1;
  }
}
@-o-keyframes s3 {
  0% {
    left: -1000px;
  }
  100% {
    left: 0.2%;
    opacity: 1;
  }
}
/*4*/
@keyframes s4 {
  0% {
    left: -1000px;
  }
  100% {
    right: 7.5%;
    opacity: 1;
  }
}
@-webkit-keyframes s4 {
  0% {
    left: -1000px;
  }
  100% {
    right: 7.5%;
    opacity: 1;
  }
}
@-moz-keyframes s4 {
  0% {
    left: -1000px;
  }
  100% {
    right: 7.5%;
    opacity: 1;
  }
}
@-o-keyframes s4 {
  0% {
    left: -1000px;
  }
  100% {
    right: 7.5%;
    opacity: 1;
  }
}
/*5*/
@keyframes s5 {
  0% {
    left: -1000px;
  }
  100% {
    left: 17%;
    opacity: 1;
  }
}
@-webkit-keyframes s5 {
  0% {
    left: -1000px;
  }
  100% {
    left: 17%;
    opacity: 1;
  }
}
@-moz-keyframes s5 {
  0% {
    left: -1000px;
  }
  100% {
    left: 17%;
    opacity: 1;
  }
}
@-o-keyframes s5 {
  0% {
    left: -1000px;
  }
  100% {
    left: 17%;
    opacity: 1;
  }
}
/*6*/
@keyframes s6 {
  0% {
    right: 250px;
    top: 311px;
  }
  100% {
    right: 50px;
    top: 111px;
    opacity: 1;
  }
}
@-webkit-keyframes s6 {
  0% {
    right: 250px;
    top: 311px;
  }
  100% {
    right: 50px;
    top: 111px;
    opacity: 1;
  }
}
@-moz-keyframes s6 {
  0% {
    right: 250px;
    top: 311px;
  }
  100% {
    right: 50px;
    top: 111px;
    opacity: 1;
  }
}
@-o-keyframes s6 {
  0% {
    right: 250px;
    top: 311px;
  }
  100% {
    right: 50px;
    top: 111px;
    opacity: 1;
  }
}
/*7*/
@keyframes s7 {
  0% {
    right: 386px;
    top: 342px;
  }
  100% {
    right: 186px;
    top: 142px;
    opacity: 1;
  }
}
@-webkit-keyframes s7 {
  0% {
    right: 386px;
    top: 342px;
  }
  100% {
    right: 186px;
    top: 142px;
    opacity: 1;
  }
}
@-moz-keyframes s7 {
  0% {
    right: 386px;
    top: 342px;
  }
  100% {
    right: 186px;
    top: 142px;
    opacity: 1;
  }
}
@-o-keyframes s7 {
  0% {
    right: 386px;
    top: 342px;
  }
  100% {
    right: 186px;
    top: 142px;
    opacity: 1;
  }
}
/*第四屏*/
/*1*/
@keyframes f1 {
  0% {
    left: -1000px;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes f1 {
  0% {
    left: -1000px;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}
@-moz-keyframes f1 {
  0% {
    left: -1000px;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}
@-o-keyframes f1 {
  0% {
    left: -1000px;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}
/*f1w*/
@keyframes f1w {
  0% {
    left: -1000px;
  }
  100% {
    left: 248px;
    opacity: 1;
  }
}
@-webkit-keyframes f1w {
  0% {
    left: -1000px;
  }
  100% {
    left: 248px;
    opacity: 1;
  }
}
@-moz-keyframes f1w {
  0% {
    left: -1000px;
  }
  100% {
    left: 248px;
    opacity: 1;
  }
}
@-o-keyframes f1w {
  0% {
    left: -1000px;
  }
  100% {
    left: 248px;
    opacity: 1;
  }
}
/*2*/
@keyframes f2 {
  0% {
    left: -233px;
  }
  100% {
    left: 455px;
    opacity: 1;
  }
}
@-webkit-keyframes f2 {
  0% {
    left: -233px;
  }
  100% {
    left: 455px;
    opacity: 1;
  }
}
@-moz-keyframes f2 {
  0% {
    left: -233px;
  }
  100% {
    left: 455px;
    opacity: 1;
  }
}
@-o-keyframes f2 {
  0% {
    left: -233px;
  }
  100% {
    left: 455px;
    opacity: 1;
  }
}
/*3*/
@keyframes f3 {
  0% {
    top: -524px;
  }
  100% {
    top: 50px;
    opacity: 1;
  }
}
@-webkit-keyframes f3 {
  0% {
    top: -524px;
  }
  100% {
    top: 50px;
    opacity: 1;
  }
}
@-moz-keyframes f3 {
  0% {
    top: -524px;
  }
  100% {
    top: 50px;
    opacity: 1;
  }
}
@-o-keyframes f3 {
  0% {
    top: -524px;
  }
  100% {
    top: 50px;
    opacity: 1;
  }
}
/*4*/
@keyframes f4 {
  0% {
    top: 223px;
    left: 392px;
    width: 0px;
    height: 0px;
  }
  50% {
    top: 135px;
    left: 304px;
    width: 176px;
    height: 176px;
  }
  60% {
    top: 173px;
    left: 342px;
    width: 100px;
    height: 100px;
  }
  70% {
    top: 135px;
    left: 304px;
    width: 176px;
    height: 176px;
  }
  80% {
    top: 153px;
    left: 322px;
    width: 140px;
    height: 140px;
  }
  100% {
    top: 135px;
    left: 304px;
    width: 176px;
    height: 176px;
    opacity: 1;
  }
}
@-webkit-keyframes f4 {
  0% {
    top: 223px;
    left: 392px;
    width: 0px;
    height: 0px;
  }
  50% {
    top: 135px;
    left: 304px;
    width: 176px;
    height: 176px;
  }
  60% {
    top: 173px;
    left: 342px;
    width: 100px;
    height: 100px;
  }
  70% {
    top: 135px;
    left: 304px;
    width: 176px;
    height: 176px;
  }
  80% {
    top: 153px;
    left: 322px;
    width: 140px;
    height: 140px;
  }
  100% {
    top: 135px;
    left: 304px;
    width: 176px;
    height: 176px;
    opacity: 1;
  }
}
@-moz-keyframes f4 {
  0% {
    top: 223px;
    left: 392px;
    width: 0px;
    height: 0px;
  }
  50% {
    top: 135px;
    left: 304px;
    width: 176px;
    height: 176px;
  }
  60% {
    top: 173px;
    left: 342px;
    width: 100px;
    height: 100px;
  }
  70% {
    top: 135px;
    left: 304px;
    width: 176px;
    height: 176px;
  }
  80% {
    top: 153px;
    left: 322px;
    width: 140px;
    height: 140px;
  }
  100% {
    top: 135px;
    left: 304px;
    width: 176px;
    height: 176px;
    opacity: 1;
  }
}
@-o-keyframes f4 {
  0% {
    top: 223px;
    left: 392px;
    width: 0px;
    height: 0px;
  }
  50% {
    top: 135px;
    left: 304px;
    width: 176px;
    height: 176px;
  }
  60% {
    top: 173px;
    left: 342px;
    width: 100px;
    height: 100px;
  }
  70% {
    top: 135px;
    left: 304px;
    width: 176px;
    height: 176px;
  }
  80% {
    top: 153px;
    left: 322px;
    width: 140px;
    height: 140px;
  }
  100% {
    top: 135px;
    left: 304px;
    width: 176px;
    height: 176px;
    opacity: 1;
  }
}
/*5*/
@keyframes f5 {
  0% {
    top: 150px;
    right: 167px;
    width: 0px;
    height: 0px;
  }
  50% {
    top: 75px;
    right: 92px;
    width: 150px;
    height: 150px;
  }
  60% {
    top: 110px;
    right: 127px;
    width: 80px;
    height: 80px;
  }
  70% {
    top: 75px;
    right: 92px;
    width: 150px;
    height: 150px;
  }
  80% {
    top: 90px;
    right: 107px;
    width: 120px;
    height: 120px;
  }
  100% {
    top: 75px;
    right: 92px;
    width: 150px;
    height: 150px;
    opacity: 1;
  }
}
@-webkit-keyframes f5 {
  0% {
    top: 150px;
    right: 167px;
    width: 0px;
    height: 0px;
  }
  50% {
    top: 75px;
    right: 92px;
    width: 150px;
    height: 150px;
  }
  60% {
    top: 110px;
    right: 127px;
    width: 80px;
    height: 80px;
  }
  70% {
    top: 75px;
    right: 92px;
    width: 150px;
    height: 150px;
  }
  80% {
    top: 90px;
    right: 107px;
    width: 120px;
    height: 120px;
  }
  100% {
    top: 75px;
    right: 92px;
    width: 150px;
    height: 150px;
    opacity: 1;
  }
}
@-moz-keyframes f5 {
  0% {
    top: 150px;
    right: 167px;
    width: 0px;
    height: 0px;
  }
  50% {
    top: 75px;
    right: 92px;
    width: 150px;
    height: 150px;
  }
  60% {
    top: 110px;
    right: 127px;
    width: 80px;
    height: 80px;
  }
  70% {
    top: 75px;
    right: 92px;
    width: 150px;
    height: 150px;
  }
  80% {
    top: 90px;
    right: 107px;
    width: 120px;
    height: 120px;
  }
  100% {
    top: 75px;
    right: 92px;
    width: 150px;
    height: 150px;
    opacity: 1;
  }
}
@-o-keyframes f5 {
  0% {
    top: 150px;
    right: 167px;
    width: 0px;
    height: 0px;
  }
  50% {
    top: 75px;
    right: 92px;
    width: 150px;
    height: 150px;
  }
  60% {
    top: 110px;
    right: 127px;
    width: 80px;
    height: 80px;
  }
  70% {
    top: 75px;
    right: 92px;
    width: 150px;
    height: 150px;
  }
  80% {
    top: 90px;
    right: 107px;
    width: 120px;
    height: 120px;
  }
  100% {
    top: 75px;
    right: 92px;
    width: 150px;
    height: 150px;
    opacity: 1;
  }
}
/*6*/
@keyframes f6 {
  0% {
    top: 382.5px;
    right: 426.5px;
    width: 0px;
    height: 0px;
  }
  50% {
    top: 322px;
    right: 366px;
    width: 121px;
    height: 121px;
  }
  60% {
    top: 352.5px;
    right: 396.5px;
    width: 60px;
    height: 60px;
  }
  70% {
    top: 322px;
    right: 366px;
    width: 121px;
    height: 121px;
  }
  80% {
    top: 337.5px;
    right: 381.5px;
    width: 90px;
    height: 90px;
  }
  100% {
    top: 322px;
    right: 366px;
    width: 121px;
    height: 121px;
    opacity: 1;
  }
}
@-webkit-keyframes f6 {
  0% {
    top: 382.5px;
    right: 426.5px;
    width: 0px;
    height: 0px;
  }
  50% {
    top: 322px;
    right: 366px;
    width: 121px;
    height: 121px;
  }
  60% {
    top: 352.5px;
    right: 396.5px;
    width: 60px;
    height: 60px;
  }
  70% {
    top: 322px;
    right: 366px;
    width: 121px;
    height: 121px;
  }
  80% {
    top: 337.5px;
    right: 381.5px;
    width: 90px;
    height: 90px;
  }
  100% {
    top: 322px;
    right: 366px;
    width: 121px;
    height: 121px;
    opacity: 1;
  }
}
@-moz-keyframes f6 {
  0% {
    top: 382.5px;
    right: 426.5px;
    width: 0px;
    height: 0px;
  }
  50% {
    top: 322px;
    right: 366px;
    width: 121px;
    height: 121px;
  }
  60% {
    top: 352.5px;
    right: 396.5px;
    width: 60px;
    height: 60px;
  }
  70% {
    top: 322px;
    right: 366px;
    width: 121px;
    height: 121px;
  }
  80% {
    top: 337.5px;
    right: 381.5px;
    width: 90px;
    height: 90px;
  }
  100% {
    top: 322px;
    right: 366px;
    width: 121px;
    height: 121px;
    opacity: 1;
  }
}
@-o-keyframes f6 {
  0% {
    top: 382.5px;
    right: 426.5px;
    width: 0px;
    height: 0px;
  }
  50% {
    top: 322px;
    right: 366px;
    width: 121px;
    height: 121px;
  }
  60% {
    top: 352.5px;
    right: 396.5px;
    width: 60px;
    height: 60px;
  }
  70% {
    top: 322px;
    right: 366px;
    width: 121px;
    height: 121px;
  }
  80% {
    top: 337.5px;
    right: 381.5px;
    width: 90px;
    height: 90px;
  }
  100% {
    top: 322px;
    right: 366px;
    width: 121px;
    height: 121px;
    opacity: 1;
  }
}
/*第五屏*/
/*1*/
@keyframes w1 {
  0% {
    top: 148px;
    right: -302px;
  }
  100% {
    top: 148px;
    right: 102px;
    opacity: 1;
  }
}
@-webkit-keyframes w1 {
  0% {
    top: 148px;
    right: -302px;
  }
  100% {
    top: 148px;
    right: 102px;
    opacity: 1;
  }
}
@-moz-keyframes w1 {
  0% {
    top: 148px;
    right: -302px;
  }
  100% {
    top: 148px;
    right: 102px;
    opacity: 1;
  }
}
@-o-keyframes w1 {
  0% {
    top: 148px;
    right: -302px;
  }
  100% {
    top: 148px;
    right: 102px;
    opacity: 1;
  }
}
/*2*/
@keyframes w2 {
  0% {
    top: 210px;
    left: -485px;
  }
  100% {
    top: 210px;
    left: 15px;
    opacity: 1;
  }
}
@-webkit-keyframes w2 {
  0% {
    top: 210px;
    left: -485px;
  }
  100% {
    top: 210px;
    left: 15px;
    opacity: 1;
  }
}
@-moz-keyframes w2 {
  0% {
    top: 210px;
    left: -485px;
  }
  100% {
    top: 210px;
    left: 15px;
    opacity: 1;
  }
}
@-o-keyframes w2 {
  0% {
    top: 210px;
    left: -485px;
  }
  100% {
    top: 210px;
    left: 15px;
    opacity: 1;
  }
}
/*3*/
@keyframes w3 {
  0% {
    top: 231px;
    left: -466px;
    width: 428px;
  }
  75% {
    left: 33px;
    top: 231px;
    width: 428px;
  }
  100% {
    top: 150px;
    left: 47px;
    width: 457px;
    opacity: 1;
  }
}
@-webkit-keyframes w3 {
  0% {
    top: 231px;
    left: -466px;
    width: 428px;
  }
  75% {
    left: 33px;
    top: 231px;
    width: 428px;
  }
  100% {
    top: 150px;
    left: 47px;
    width: 457px;
    opacity: 1;
  }
}
@-moz-keyframes w3 {
  0% {
    top: 231px;
    left: -466px;
    width: 428px;
  }
  75% {
    left: 33px;
    top: 231px;
    width: 428px;
  }
  100% {
    top: 150px;
    left: 47px;
    width: 457px;
    opacity: 1;
  }
}
@-o-keyframes w3 {
  0% {
    top: 231px;
    left: -466px;
    width: 428px;
  }
  75% {
    left: 33px;
    top: 231px;
    width: 428px;
  }
  100% {
    top: 150px;
    left: 47px;
    width: 457px;
    opacity: 1;
  }
}
/*9*/
@keyframes w9 {
  0% {
    right: -1000px;
  }
  100% {
    right: 0%;
    opacity: 1;
  }
}
@-webkit-keyframes w9 {
  0% {
    right: -1000px;
  }
  100% {
    right: 0%;
    opacity: 1;
  }
}
@-moz-keyframes w9 {
  0% {
    right: -1000px;
  }
  100% {
    right: 0%;
    opacity: 1;
  }
}
@-o-keyframes w9 {
  0% {
    right: -1000px;
  }
  100% {
    right: 0%;
    opacity: 1;
  }
}
/*09*/
@keyframes w09 {
  0% {
    right: -1000px;
  }
  100% {
    right: 10%;
    opacity: 1;
  }
}
@-webkit-keyframes w09 {
  0% {
    right: -1000px;
  }
  100% {
    right: 10%;
    opacity: 1;
  }
}
@-moz-keyframes w09 {
  0% {
    right: -1000px;
  }
  100% {
    right: 10%;
    opacity: 1;
  }
}
@-o-keyframes w09 {
  0% {
    right: -1000px;
  }
  100% {
    right: 10%;
    opacity: 1;
  }
}
/*10*/
@keyframes w10 {
  0% {
    top: -55px;
  }
  50% {
    top: 326px;
  }
  60% {
    top: 286px;
  }
  70% {
    top: 326px;
  }
  80% {
    top: 300px;
  }
  100% {
    top: 326px;
    opacity: 1;
  }
}
@-webkit-keyframes w10 {
  0% {
    top: -55px;
  }
  50% {
    top: 326px;
  }
  60% {
    top: 286px;
  }
  70% {
    top: 326px;
  }
  80% {
    top: 300px;
  }
  100% {
    top: 326px;
    opacity: 1;
  }
}
@-moz-keyframes w10 {
  0% {
    top: -55px;
  }
  50% {
    top: 326px;
  }
  60% {
    top: 286px;
  }
  70% {
    top: 326px;
  }
  80% {
    top: 300px;
  }
  100% {
    top: 326px;
    opacity: 1;
  }
}
@-o-keyframes w10 {
  0% {
    top: -55px;
  }
  50% {
    top: 326px;
  }
  60% {
    top: 286px;
  }
  70% {
    top: 326px;
  }
  80% {
    top: 300px;
  }
  100% {
    top: 326px;
    opacity: 1;
  }
}
.page03 .page03-animate01,
.page03 .page03-animate02,
.page03 .page03-animate03,
.page03 .page03-animate04,
.page03 .page03-animate05,
#page04,
#page05 {
  display: none;
}