@font-face {
  font-family: 'FF DIN Round Pro Black';
  src: url('../../fonts/FF-DIN-ROUND-PRO-BLACK.OTF');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FF DIN Round Pro Medium';
  src: url('../../fonts/FF-DIN-ROUND-PRO-MEDIUM.OTF');
  font-style: normal;
  font-display: swap;
}
.main-con .tit-con h3 {
  font-family: "FF DIN Round Pro Black";
  font-size: 3.6458vw;
  line-height: 3.75vw;
}
.main-con .tit-con p {
  font-family: "FF DIN Round Pro Medium";
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.banner {
  height: 56.25vw;
  background-image: url("../../image/products/donete/banner.jpg");
  background-size: cover;
}
.hot {
  height: 56.4583vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hot .hot-box {
  width: 83.8542vw;
  height: 39.1667vw;
}
.hot .hot-item {
  float: left;
  position: relative;
}
.hot .hot-item .hot-name {
  font-family: "FF DIN Round Pro Black";
  position: absolute;
  color: #a588ff;
  top: 0;
  left: 0;
  text-shadow: 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff;
  font-size: 2.0833vw;
  line-height: 2.3438vw;
}
.hot .hot-item:nth-child(1) {
  width: 26.6146vw;
  height: 39.1667vw;
  position: relative;
}
.hot .hot-item:nth-child(1) .hot-name {
  top: 34.8958vw;
  text-align: center;
  width: 100%;
}
.hot .hot-item:nth-child(1) .pro {
  position: absolute;
  width: 29.9479vw;
  height: 36.1979vw;
  bottom: 6.4063vw;
  left: -3.125vw;
}
.hot .hot-item:nth-child(2) {
  width: 18.9063vw;
  height: 18.75vw;
  margin-left: 1.7708vw;
  margin-bottom: 1.6667vw;
}
.hot .hot-item:nth-child(2) .hot-name {
  top: 12.6042vw;
  text-align: center;
  padding: 0 1.5625vw;
}
.hot .hot-item:nth-child(3) {
  width: 34.6875vw;
  height: 18.75vw;
  float: right;
  margin-bottom: 1.6667vw;
}
.hot .hot-item:nth-child(3) .hot-name {
  width: 100%;
  text-align: center;
  top: 1.6667vw;
}
.hot .hot-item:nth-child(4) {
  width: 14.7917vw;
  height: 18.75vw;
  float: left;
  margin-left: 1.7708vw;
}
.hot .hot-item:nth-child(4) .hot-name {
  top: 12.1354vw;
  left: 1.7188vw;
}
.hot .hot-item:nth-child(5) {
  width: 23.2813vw;
  height: 18.75vw;
  margin-left: 1.25vw;
}
.hot .hot-item:nth-child(5) .hot-name {
  top: 14.4792vw;
  text-align: center;
  width: 100%;
}
.hot .hot-item:nth-child(6) {
  width: 15.1563vw;
  height: 18.75vw;
  float: right;
}
.part1 {
  height: 56.25vw;
  position: relative;
}
.part1 .tit-con {
  position: absolute;
  z-index: 2;
}
.part1 .tit-con h3 {
  font-family: "FF DIN Round Pro Black";
  font-size: 3.75vw;
  line-height: 4.1667vw;
  color: #a588ff;
  text-shadow: 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff;
  margin-bottom: 0.5208vw;
}
.part1 .tit-con p {
  font-family: "FF DIN Round Pro Medium";
  font-size: 1.875vw;
  color: #a588ff;
}
.part1 .tit-con {
  top: 24.7396vw;
  width: 100%;
  text-align: center;
}
.part1 .tit-con2 {
  opacity: 0;
  top: 13.5417vw;
  left: 8.8542vw;
  width: fit-content;
}
.part1 .tit-con2 h3 {
  font-size: 6.6667vw;
  line-height: 7.7083vw;
  text-align: left;
  color: #a588ff;
  text-shadow: 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff;
}
.part1 video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  mix-blend-mode: darken;
  object-fit: cover;
}
.part2 {
  height: 56.25vw;
  position: relative;
}
.part2 video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  mix-blend-mode: darken;
  object-fit: cover;
}
.part3 {
  height: 56.25vw;
  position: relative;
}
.part3 video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  mix-blend-mode: darken;
  object-fit: cover;
}
.part4 {
  height: 56.4063vw;
  padding-top: 2.8125vw;
  position: relative;
}
.part4 .tit-con {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.75vw;
  font-family: "FF DIN Round Pro Black";
  color: #b563ed;
  margin-bottom: 2.0833vw;
  text-shadow: 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff;
}
.part4 .tit-con i {
  display: inline-block;
  width: 6.4583vw;
  height: 5.1042vw;
  margin-right: 0.9375vw;
}
.part4 .pro-swiper {
  height: 39.5833vw;
  width: 81.6146vw;
  margin: 0 auto;
}
.part4 .pro-swiper .swiper-slide {
  position: relative;
}
.part4 .pro-swiper .swiper-slide img {
  position: absolute;
  width: 21.875vw;
  height: 34.7396vw;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s;
}
.part4 .pro-swiper .swiper-slide.swiper-slide-active img {
  width: 25vw;
  height: 39.5833vw;
}
.part4 .swiper-pagination-donete {
  text-align: center;
  margin: 2.6042vw 0 0;
  width: 100%;
}
.part4 .swiper-pagination-donete span {
  display: inline-block;
  line-height: 0;
  font-size: 0;
  width: 1.0417vw;
  height: 1.0417vw;
  border-radius: 50%;
  margin: 0 0.7292vw;
  border: 0.2083vw solid #b563ed;
  background-color: transparent;
}
.part4 .swiper-pagination-donete span.swiper-pagination-bullet-active {
  background-color: #b563ed;
}
.part4 .swiper-button-prev,
.part4 .swiper-button-next {
  width: 1.5625vw;
  height: 2.1354vw;
  top: 31.0417vw;
}
.part4 .swiper-button-prev {
  background-image: url(../../image/products/donete/arrow.png);
  background-size: 3.0729vw 2.1354vw;
  background-position: left center;
  left: 6.25vw;
}
.part4 .swiper-button-next {
  background-image: url(../../image/products/donete/arrow.png);
  background-size: 3.0729vw 2.1354vw;
  background-position: -1.5625vw center;
  right: 5.2083vw;
}
.part5 {
  height: 56.5104vw;
  padding-top: 15.625vw;
  padding-left: 12.6042vw;
  position: relative;
}
.part5 .tit-con h3 {
  font-size: 3.75vw;
  color: #a588ff;
  margin-bottom: 1.5625vw;
  font-family: "FF DIN Round Pro Black";
  text-shadow: 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff;
}
.part5 .tit-con p {
  font-size: 1.875vw;
  line-height: 2.6651vw;
  color: #a588ff;
  font-family: "FF DIN Round Pro Medium";
  text-shadow: 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.2083vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff, 0 0 0.4167vw #ffffff;
}
.part5 .tit-con p span {
  font-family: "FF DIN Round Pro Black";
}
.part5 .pro {
  position: absolute;
  top: 11.7708vw;
  left: 60.2604vw;
  width: 25.8333vw;
  height: 35.4688vw;
}
.part6 {
  height: 56.4583vw;
  padding-top: 5.2083vw;
}
.part6 .tit {
  display: block;
  width: 39.0104vw;
  height: 4.2188vw;
  margin: 0 auto 0;
}
.donete-video {
  width: 100%;
  height: 56.25vw;
  object-fit: cover;
  vertical-align: middle;
  mix-blend-mode: darken;
}