.maxbox .stage,
.maxbox .ring,
.maxbox .hpimg {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  user-select: none;
  position:relative;
}

.maxbox .tit{width: 100%; height: 30px; line-height: 30px; text-align: center; position: absolute; left: 0; bottom: 14%; color: #fff; font-size: 30px;
-webkit-box-reflect: below 2px
-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3))); 
}

.maxbox .stage {
  overflow: hidden;
 
transform:scale(1.8);
}

.maxbox .hpimg {
  background-repeat: no-repeat;
  position: absolute;
 background-size: auto 120%;
  background-position: center center;
 /* background-size: 100% 100%;
  background-position: 0px 0px !important; */ 
}
.maxbox .hpimg .inimg{width: 100%; height: 100%; background-color: #eee; overflow: hidden;}

.maxbox .hpimg .inimg img {
 height: 100%;
}
/* 
div,
svg {
  position: absolute;
} */

.maxbox .hpcontainer {
  perspective: 550px;  /*控制景深程序，值越小越深*/
  width: 300px;
  height: 50%;
  left: 29%;
  /* right: 50%; */
  top: 50%;
  transform: translate(50%, -50%);
  position: absolute;
}



.maxbox .box2 {
  bottom: -14%;
  width: 110%;
  height: 50%;
  border-radius: 100%;
  background:#000;

  position: absolute;
  z-index: 500;
  transform: rotateX(180deg) rotateZ(0deg) rotateY(0deg);
  left: -5%;

}

.maxbox .box3 {
  top: -13%;
  width: 110%;
  height: 50%;
  border-radius: 100%;
  background: #000;
  position: absolute;
  z-index: 500;
  transform: rotateX(180deg) rotateZ(0deg) rotateY(30deg);
  left: -5%;
}

.maxbox .zi {
  font-size: 14px;
  color: #fff;
  position: absolute;
  bottom: -30px;
  padding-left: 10px;

}

.maxbox .stage {
  width: 1400px !important;
  height: 800px !important;
  position: relative;
  top: calc(50% - 400px);
}

.maxbox .prev {
  width: 40px;
  height: 40px;
  /* background: #fff; */
  position: absolute;
  left: 20px;
  top: calc(50% - 20px);
  z-index: 9999;
  display: block;
  cursor: pointer;
}

.maxbox .next {
  width: 40px;
  height: 40px;
  /* background: #fff; */
  position: absolute;
  right: 20px;
  top: calc(50% - 20px);
  z-index: 9999;
  display: block;
  cursor: pointer;
}

.maxbox .prev img,
.maxbox .next img {
  width: 100%;
}

.maxbox {
  width: 90vw;
  height: 100vh;
  overflow: hidden;

  position: absolute;
}

.maxbox .box {
  width: 90%;
  height: 800px;
  overflow: hidden;
}