.content_box {
  width: 100%;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /* background: url("../images/dig_bg.gif") no-repeat 100% 100%; */
  /*   
background: url("../images/dig_bg.gif") no-repeat;
background-size:100% 100%;
background-attachment:fixed; */
}

.video {
  width: 100%;
  min-height: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -o-object-fit: fill;
  object-fit: fill;
  display: inline-block;
  position: absolute;
  left: -1px;
  top: -1px;
  transform: translate(1px, 1px);
  z-index: -1;
}

video::-webkit-media-controls {
  /*不显示时间条*/
  object-fit: fill;
  /*设置预览图铺满*/
  display: none !important;
}

.banxin {
  width: 1400px;
  margin: 80px auto 0px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.icon_left {
  width: 120px;
  height: 50px;
  display: block;
  position: absolute;
  top: 31px;
  left: 64px;
}

.icon_right {
  width: 105px;
  height: 76px;
  position: absolute;
  top: 21px;
  right: 67px;
}

.titile {
  width: 711px;
  height: 118px;
  margin: 0 auto;
  background: url("../images/title.png") no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tit_top {
  font-size: 36px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #EFF7FF;
  text-align: center;
}

.tit_bottom {
  font-size: 22px;
  font-family: Myriad Pro;
  font-weight: 400;
  color: rgba(225, 227, 239, 0.5);
  text-align: center;
}

.contentImgs {


  width: 100%;
  height: 512px;
  margin: 124px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

@media (max-width:450px) {
  .content_box {
    width: 1200px;
    min-height: 200vh;
    position: relative;
    overflow: auto;
    display: flex;
    flex-direction: column;
    /* background: url("../images/dig_bg.gif") no-repeat 100% 100%; */
    /*   
  background: url("../images/dig_bg.gif") no-repeat;
  background-size:100% 100%;
  background-attachment:fixed; */
  }

}

@media (min-height:1000px) {
  .contentImgs {
    width: 100%;
    height: 648px;
    margin: 124px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex: none;
  }
}

@media (min-height:1200px) {
  .contentImgs {
    width: 100%;
    height: 740px;
    margin: 124px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex: none;
  }
}

@media (min-height:1400px) {
  .contentImgs {
    width: 100%;
    height: 740px;
    margin: 170px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex: none;
  }

  .footer {
    height: 54px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 36px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: 120px;
  }
}

.item {
  width: 200px;
  height: 180px;
  position: relative;
  cursor: pointer;
  margin-right: 100px;
  text-align: center;
}

.item_text {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #51C3FF;
  text-shadow: 0px 9px 5px rgba(7, 21, 47, 0.23);
  text-align: center;
}

.item:nth-child(5n) {
  margin-right: 0px;
}

.tu1 {
  width: 145px;
  height: 156px;
  position: absolute;
  top: -65px;
  left: 36px;
}

.tu2 {
  width: 172px;
  height: 126px;
  position: absolute;
  top: -44px;
  left: 14px;
}

.tu3 {
  width: 121px;
  height: 140px;
  position: absolute;
  top: -55px;
  left: 45px;
}

.tu4 {
  width: 145px;
  height: 145px;
  position: absolute;
  top: -49px;
  left: 34px;
}

.tu5 {
  width: 145px;
  height: 145px;
  position: absolute;
  top: -49px;
  left: 34px;
}

.tu6 {
  width: 157px;
  height: 135px;
  position: absolute;
  top: -48px;
  left: 26px;
}

.tu7 {
  width: 149px;
  height: 149px;
  position: absolute;
  top: -55px;
  left: 34px;
}

.tu8 {
  width: 94px;
  height: 110px;
  position: absolute;
  top: -45px;
  left: 54px;
}
.tu4_1{
  width: 135px;
  height: 147px;
  position: absolute;
  top: -53px;
  left: 36px;
}
.tu8_1{
  width: 142px;
  height: 144px;
  position: absolute;
  top: -54px;
  left: 38px;
}
.tu {
  z-index: -1;
}

.item:hover .tu {
  transform: scale(1.1);
}



@keyframes jelly {
  25% {
    transform: scale(0.9, 1.1);
  }

  50% {
    transform: scale(1.1, 0.9);
  }

  75% {
    transform: scale(0.95, 1.05);
  }
}

@keyframes shake {
  0% {
    transform: scale(1);
  }

  /* 关键帧开始时为原始大小 */
  20%,
  80% {
    transform: scale(1.1);
  }

  /* 关键帧中间会放大一定比例 */
  40%,
  60% {
    transform: scale(0.9);
  }

  /* 关键帧中间会缩小一定比例 */
  100% {
    transform: scale(1);
  }

  /* 关键帧结束时为原始大小 */
}

.footer {
  height: 54px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 36px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}