html,
body {
  min-width: 1200px;
}
.smaBan {
  position: relative;
  height: 750px;
  min-width: 1200px;
  background-image: url(../imgs/back.jpg);
  overflow: hidden;
}
@-webkit-keyframes banneri {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.smaBan .elem1 {
  position: absolute;
  top: 125px;
  left: 50%;
  margin-left: -519px;
  width: 1039px;
  height: 185px;
  background: url(../imgs/bt.png) no-repeat;
  animation: banneri 1.5s forwards;
  z-index: 10;
}
@-webkit-keyframes yha {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
  55%,
  100% {
    opacity: 0;
  }
}
.smaBan .elem2 {
  position: absolute;
  top: -33px;
  left: 50%;
  margin-left: 0;
  width: 267px;
  height: 282px;
  background: url(../imgs/yh1.png) no-repeat;
  animation: yha 3s infinite;
}
.smaBan .elem3 {
  position: absolute;
  top: 60px;
  left: 50%;
  margin-left: -230px;
  width: 212px;
  height: 224px;
  opacity: 0;
  background: url(../imgs/yh2.png) no-repeat;
  animation: yha 3s 1.5s infinite;
}
@-webkit-keyframes deng {
  0%,
  1% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
.smaBan .elem4 {
  position: absolute;
  top: 125px;
  left: 50%;
  margin-left: 665px;
  width: 212px;
  height: 224px;
  opacity: 0.3;
  background: url(../imgs/guang.png) no-repeat;
  animation: deng 1.2s alternate infinite;
  transform: scale(0.7);
}
.smaBan .elem5 {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 565px;
  width: 212px;
  height: 224px;
  opacity: 0.3;
  background: url(../imgs/guang.png) no-repeat;
  animation: deng 1.2s 0.2s alternate infinite;
  transform: scale(0.5);
}
.smaBan .elem6 {
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -769px;
  width: 212px;
  height: 224px;
  opacity: 0.3;
  background: url(../imgs/guang.png) no-repeat;
  animation: deng 1.2s 0.4s alternate infinite;
  transform: scale(0.5);
}
.smaBan .elem7 {
  position: absolute;
  top: 42px;
  left: 50%;
  margin-left: -827px;
  width: 212px;
  height: 224px;
  opacity: 0.3;
  background: url(../imgs/guang.png) no-repeat;
  animation: deng 1.2s 0.5s alternate infinite;
  transform: scale(0.7);
}