*{
  touch-action: none;
}

body {
  font-family:'microsoft yahei', "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  background: #fff;
  color: #6d6d6d;
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased !important;
}


/*css3动画*/
.runbox{
  height: 500px;
  width: 500px;
  background-image: url(../img/slider/css_sprites.png);
  /* 一直执行动画 */
  animation: run 1.5s steps(30) infinite;
}
/*css_sprites.png是15000*500；有30帧，所以需要29步  */
/* 伪类，鼠标放上去就开始移动 */

/* .runbox:hover{
  animation: run 5s steps(29) infinite;
} */

@keyframes run {
  to{
    background-position: 0 -15000px;
    /* y轴方向上移动29步*500=14500到最后一帧，y轴方向上负移动，为负 */
  }
}
/* css3动画结束 */

.gsproduct{
  height: 600px;
  width: 100%;
  background-size: 100% 100%;
  background-image: url(../img/slider/product-banner.png);
}
.move-div{
  height:500px;
  width:500px;
  top: 0%;
  left: 54%;
  overflow: hidden;
}


.all{
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-color: #040036; */
}
.pro-container{
  perspective: 80px;
  -webkit-perspective: 80px;
}

.inner{
  width: 20em;
  height: 18em;
  transition: transform 0.7s;
}
.inner img{
  /* width:100%; */
  /* max-width: 20em;
  max-height: 18em; */
}
.rotateImg{
  display: block;
}
.rotateImg:hover{
  animation: rotate 3s linear infinite;
}
@keyframes rotate {
  0%{
    transform: rotateY(-10deg) rotateY(10deg) rotateZ(-3deg);
  }
  20%{
    transform: rotateY(-5deg) rotateY(5deg) rotateZ(-2deg);
  }
  40%{
    transform: rotateY(0) rotateY(0deg) rotateZ(0deg);
  }
  60%{
    transform: rotateY(5deg) rotateY(-5deg) rotateZ(2deg);
  }
  80%{
    transform: rotateY(10deg) rotateY(-10deg) rotateZ(0deg);
  }
  100%{
    transform: rotateY(-10deg) rotateY(10deg) rotateZ(-3deg);
  }
}

.wangluo{
  height:700px;
  width:100%;
  padding: 120px 0;
  background-image: linear-gradient(315deg, #0054d9 0%, #dc48ff 100%);
}

.pro-title{
  display: flex;
}
.title-text{
  font-family: Source Han Sans CN;
  font-size: 26px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 18px;
  letter-spacing: 0px;
  margin-left: 5px;
  color: #ffffff;
}
.pro-triangle{
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-left: 15px solid white;
  border-bottom: 9px solid transparent;
}
.main-text{
  margin-top: 70px;
  font-family: Source Han Sans CN;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 44px;
  letter-spacing: 0px;
  color: #ffffff;
}
.shuju{
  height:700px;
  width:100%;
  padding: 120px 0;
  background-color: #040036;
}