.video-section {
  display: flex;
  background: #ffffff;
  height: 560px;
}

.video-section>video {
  height: 100%;
  width: 776px;
  object-fit: cover;
}
a {text-decoration: none;color: #666666;}
.video-section div.product {
  background: #ffffff;
  height: 100%;
  padding: 0px 45px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  
}
.video-section div.product:hover{
  transition: all 0.3s linear;
  box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 30%);
}

.video-section div.product img.productImg {
  object-fit: contain;
}

.video-section div.product p.title {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  color: #333333;
  margin-top: 70px;
}

.video-section div.product p.text {
  font-size: 16px;
  color: #808080;
  margin-top: 10px;
}

.video-section div.product p.price {
  font-size: 24px;
  color: #930683;
  margin-top: 40px;
}

.VR-section {}

.news-section {
  margin-bottom: 100px;
}

.titleBox {
  display: flex;
  margin: 50px auto 30px;
  justify-content: space-between;
  align-items: center;
}

.titleBox p.title {
  font-size: 30px;
  color: #000000;
  line-height: 40px;
}

.titleBox p.detail {
  font-size: 18px;
  color: #666666;
  cursor: pointer;
}

.titleBox p.detail::after {
  content: '>>';
  margin-left: 0.5em;
}

#swiperBox {
  width: 1200px;
  height: 616px;
  overflow: hidden;
  position: relative;
}

#swiperBox .slide-item {
  height: 100%;
  position: relative;
}

#swiperBox .slide-item img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#swiperBox .ripple-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -80%);
}

#swiperBox .ripple-box .centerBox {
  width: 90px;
  height: 90px;
  background-size: cover;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAYAAACuwEE+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0N0M0MDQ4NTBFNTExRURCOEI1QThFRjIzNTMyN0NDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE0N0M0MDQ5NTBFNTExRURCOEI1QThFRjIzNTMyN0NDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTQ3QzQwNDY1MEU1MTFFREI4QjVBOEVGMjM1MzI3Q0MiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTQ3QzQwNDc1MEU1MTFFREI4QjVBOEVGMjM1MzI3Q0MiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5r+RypAAALqElEQVR42uydC7BV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);
}

#swiperBox .ripple-box .ripple1,
#swiperBox .ripple-box .ripple2,
#swiperBox .ripple-box .ripple3 {
  position: absolute;
  width: 180px;
  height: 180px;
  left: 50%;
  top: -50%;
  margin-left: -90px;
  border-radius: 50%;
  opacity: 0;
  z-index: -1;
  border: 1px solid #930683;
}

#swiperBox .ripple-box .ripple1 {
  animation: ripple 1.5s linear;
  animation-iteration-count: infinite;
}
#swiperBox .ripple-box .ripple2 {
  animation: ripple 1.5s linear;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
}
#swiperBox .ripple-box .ripple3 {
  animation: ripple 1.5s linear;
  animation-delay: 1s;
  animation-iteration-count: infinite;
}


#functionList {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  height: 90px;
  display: flex;
  justify-content: space-evenly;
  align-items: stretch;
  color: #ffffff;
  font-size: 16px;
}

#functionList .item {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.6;
  background: #000000;
  cursor: pointer;
}

#functionList .active {
  opacity: 1;
  background: linear-gradient(0deg, #be0081 0%, #601986 100%);
}

#newsBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 30px;
  justify-items: stretch;
  align-items: stretch;
}

#newsBox .head-news:hover,#newsBox  .normal-news:hover {
  transition: all 0.3s linear;
  box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 30%);
}

#newsBox .head-news {
  grid-column: 1/3;
  background: #ffffff;
}

#newsBox .head-news img {
  height: 338px;
  width: 100%;
  object-fit: cover;
  display: block;
}

#newsBox .head-news div.boxInfo {
  padding: 34px;
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
}

#newsBox .head-news div.boxInfo>p.detail {
  font-size: 16px;
  color: #808080;
  line-height: 24px;
  margin-top: 10px;
}

#newsBox .normal-news {
  font-size: 16px;
  color: #808080;
  line-height: 24px;
  background: #ffffff;
}

#newsBox .normal-news img {
  height: 190px;
  width: 100%;
  object-fit: cover;
  display: block;
}

#newsBox .normal-news div.boxInfo {
  padding: 34px;
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  line-height: 30px;
}
#newsBox .normal-news div.boxInfo>p.title { min-height: 60px; }
#newsBox .normal-news div.boxInfo>p.detail {
  font-size: 16px;
  color: #808080;
  line-height: 24px;
  margin-top: 30px;
  margin-bottom: 50px;
}

#newsBox .normal-news div.boxInfo>p.kown-more {
  font-size: 14px;
  color: #808080;
  cursor: pointer;
}

#newsBox .normal-news div.boxInfo>p.kown-more:hover {
  color: #930683;
}

#newsBox .normal-news div.boxInfo>p.kown-more::after {
  content: '\2192';
  margin-left: 0.5em;
}

@keyframes ripple {
  0% {
    transform: scale(1);
    opacity: 0.05;
  }

  25% {
    transform: scale(1.2);
    opacity: 0.5;
  }

  50% {
    transform: scale(1.4);
    opacity: 1;
  }

  75% {
    transform: scale(1.6);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.8);
    opacity: 0.05;
  }
}