.showPlatform {
  position: relative;
  top: 0;
  width: 100%;
  height: 628px;
  z-index: 0;
}
.showPlatform p.light {
  opacity: 0;
  position: absolute;
  top: -63px;
  left: 477px;
  z-index: 1;
}
.showPlatform div.item {
  position: absolute;
  bottom: -5px;
}
.showPlatform div.item.building {
  width: 691px;
  height: 0;
  right: 0;
  background: url(/images/index_v2/building.png) left bottom no-repeat;
}
.showPlatform div.item.atom {
  width: 981px;
  height: 399px;
  left: 27px;
  background: url(/images/index_v2/atom.png?t=201811160950) left bottom no-repeat;
}
.showPlatform div.item.shining {
  width: 972px;
  height: 478px;
  top: -102px;
  left: 80px;
  background: url(/images/index_v2/shining.png?t=201811160950) left bottom no-repeat;
}
.showPlatform div.item.words {
  width: 805px;
  height: 343px;
  top: -30px;
  left: 140px;
  background: url(/images/index_v2/words.png?t=201811160950) left bottom no-repeat;
}
.showPlatform .platformParent {
  position: absolute;
  top: 169px;
  width: 980px;
  right: 0 ;
  height: 396px ;
}
.changeHeight {
  -webkit-animation: changeHeight 1s ease-in both;
  animation: changeHeight 1s ease-in both;
}
@-webkit-keyframes changeHeight {
  from {
    height: 0;
  }
  to {
    height: 396px;
  }
}
@keyframes changeHeight {
  from {
    height: 0;
  }
  to {
    height: 396px;
  }
}
.changeAtomHeight {
  -webkit-animation: changeAtomHeight 1s ease-in both;
  animation: changeAtomHeight 1s ease-in both;
}
@-webkit-keyframes changeAtomHeight {
  from {
    height: 0;
  }
  to {
    height: 399px;
  }
}
@keyframes changeAtomHeight {
  from {
    height: 0;
  }
  to {
    height: 399px;
  }
}
.changeShining {
  -webkit-animation: changeShining 1s 1s ease-in both;
  animation: changeShining 1s 1s ease-in both;
}
@-webkit-keyframes changeShining {
  from {
    width: 0;
  }
  to {
    width: 972px;
  }
}
@keyframes changeShining {
  from {
    width: 0;
  }
  to {
    width: 972px;
  }
}
.changeWords {
  -webkit-animation: changeWords 1s 2s ease-in both;
  animation: changeWords 1s 2s ease-in both;
}
@-webkit-keyframes changeWords {
  from {
    width: 0;
  }
  to {
    width: 805px;
  }
}
@keyframes changeWords {
  from {
    width: 0;
  }
  to {
    width: 805px;
  }
}
.lightShining {
  -webkit-animation: lightShining 2s linear 3s infinite;
  animation: lightShining 2s linear 3s infinite;
}
@-webkit-keyframes lightShining {
  0% {
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes lightShining {
  0% {
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}