@font-face {
  font-family: Helvetica;
  src: url(/wp-content/uploads/et-fonts/Helvetica.ttf);
  font-weight: normal;
}
.p80dThe {
  background-color: #000;
  padding: 2.91vw 11.51vw 4.01vw 11.51vw;
  text-align: center;
  font-family: Helvetica;
}
.p80dTheTit {
  font-size: 0.93vw;
  line-height: 1.45vw;
  color: #d4d4d4;
  padding: 0 6.99vw 0 6.77vw;
}
.p80dTheCon {
  position: relative;
  margin-top: 2.81vw;
  display: flex;
  justify-content: center;
}
.p80dTheFlex {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.83vw 0.57vw;
  justify-content: center;
  margin-right: 0.52vw;
}
.p80dThePos {
  position: relative;
  overflow: hidden;
}
.p80dThePos img {
  transition: transform 0.3s ease;
  width: 100%;
  display: block;
}
.p80dThePos:hover img {
  transform: scale(1.05);
}
.p80dTheSubTit {
  position: absolute;
  color: #fff;
  top: 1.71vw;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.66vw;
  line-height: 1.66vw;
  font-weight: bold;
  white-space: nowrap;
}
.p80dDia {
  background: url('/wp-content/uploads/2024/08/P80D_28.webp') no-repeat top center;
  background-size: cover;
  padding: 7.6vw 61.19vw 16.35vw 4.94vw;
  color: #fff;
  font-family: Helvetica;
}
.p80dDiaTit {
  font-size: 3.55vw;
  line-height: 3.46vw;
  font-weight: bold;
}
.p80dDiaSubTit {
  font-size: 0.83vw;
  line-height: 1.04vw;
}
.p80dDiaMar {
  margin: 0.52vw 0 1.56vw 0;
}
.p80dDual {
  background: url('/wp-content/uploads/2024/08/P80D_29.webp') no-repeat top center;
  background-size: cover;
  padding: 5.99vw 0 44.79vw 0;
  color: #000;
  text-align: center;
  font-family: Helvetica;
}
.p80dDualTit {
  font-size: 3.79vw;
  line-height: 3.7vw;
  font-weight: bold;
}
.p80dDualSubTit {
  font-size: 1.09vw;
  line-height: 1.04vw;
}
.p80dPower {
  background: url('/wp-content/uploads/2024/08/P80D_30.webp') no-repeat top center;
  background-size: cover;
  padding: 6.51vw 0 44.53vw 0;
  color: #fff;
  text-align: center;
  font-family: Helvetica;
}
.p80dPowerLine {
  line-height: 3.46vw !important;
}
.p80dDif {
  background: url('/wp-content/uploads/2024/08/P80D_31.webp') no-repeat top center;
  background-size: cover;
  padding: 24.37vw 13.03vw 21.51vw 61.61vw;
  color: #000;
  font-family: Helvetica;
}
.p80dDifWrap {
  white-space: nowrap;
}
.p80dDifLine {
  line-height: 1.45vw !important;
}
.p80dOLED {
  background: url('/wp-content/uploads/2024/08/P80D_32.webp') no-repeat top center;
  background-size: cover;
  padding: 12.24vw 51.06vw 34.79vw 10.93vw;
  color: #000;
  font-family: Helvetica;
}
.p80dOLEDLine {
  line-height: 1.45vw !important;
  margin-top: 0.88vw;
}
.p80dAmp {
  background: url('/wp-content/uploads/2024/08/P80D_33.webp') no-repeat top center;
  background-size: cover;
  padding: 8.43vw 0 4.27vw 0;
  color: #fff;
  text-align: center;
  font-family: Helvetica;
}
.p80dAmpFlex {
  display: flex;
  justify-content: center;
  column-gap: 27.39vw;
  margin-top: 10.62vw;
}
.p80dAmpGrid {
  display: grid;
  gap: 3.59vw;
  justify-content: center;
}
.p80dAmpGrid img {
  width: 19.16vw;
}
.p80dAmpSubTit {
  font-weight: bold;
  font-size: 2.08vw;
  line-height: 1.92vw;
}
.p80dTwo {
  background: url('/wp-content/uploads/2024/08/P80D_34.webp') no-repeat top center;
  background-size: cover;
  padding: 5.46vw 0;
  color: #fff;
  text-align: center;
  font-family: Helvetica;
}
.p80dTwoFlex {
  display: flex;
  justify-content: center;
  column-gap: 1.82vw;
  margin-top: 1.92vw;
}
.p80dTwoPos, .p80dCentPos {
  position: relative;
  overflow: hidden;
}
.p80dCentPos {
  width: 35.52vw;
}
.p80dTwoPos img {
  width: 46.09vw;
  display: block;
  transition: transform 0.3s ease;
}
.p80dTwoPos:hover img {
  transform: scale(1.05);
}
.p80dCent {
  background: url('/wp-content/uploads/2024/08/P80D_35.webp') no-repeat top center;
  background-size: cover;
  padding: 6.71vw 9.635vw 4.94vw 10.677vw;
  color: #fff;
  text-align: center;
  font-family: Helvetica;
}
.p80CentFlex {
  display: flex;
  align-items: center;
  margin-top: 7.03vw;
  column-gap: 9.37vw;
}
.p80dTwoAbs {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.19vw;
}
.p80dCentTit {
  font-weight: bold;
  font-size: 1.71vw;
  line-height: 2.39vw;
}
.p80dCentSubTit {
  font-size: 0.83vw;
  line-height: 1.04vw;
  white-space: nowrap;
}
.p80dAll {
  background: url('/wp-content/uploads/2024/08/P80D_38.webp') no-repeat top center;
  background-size: cover;
  padding: 3.64vw 0 2.24vw 0;
  color: #000;
  text-align: center;
  font-family: Helvetica;
}
.p80dAllBot {
  padding-bottom: 42.44vw;
}
.p80dAllCol {
  color: #fff;
  line-height: 1.45vw !important;
}
.p80dRus {
  background-color: #fff;
  padding: 5.05vw 3.9vw 5.93vw 3.9vw;
  text-align: center;
  font-family: Helvetica;
  color: #000;
}
.p80dRusTop {
  top: 1.5vw;
}
.p80dRusTop1 {
  top: 0.5vw;
}
.p80dRusFlex {
  display: flex;
  justify-content: center;
  column-gap: 1.04vw;
  margin-top: 5.31vw;
}
.p80dRusTit {
  font-weight: bold;
  font-size: 1vw;
  line-height: 2;
}
.p80dRusSubTit {
  font-size: 0.65vw;
  line-height: 1;
}
.p80dRusPos {
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.p80dRusPos img {
  transition: transform 0.3s ease;
  width: 100%;
  display: block;
}
.p80dRusPos:hover {
  border-radius: 10px;
}
.p80dRusPos:hover img {
  transform: scale(1.05);
}
.p80dRusAbs {
  position: absolute;
  bottom: 1.3vw;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.p80dRusCol {
  color: #fff;
}
.p80dRusGrid {
  display: grid;
  gap: 1vw;
}
.p80dAvai {
  background: url('/wp-content/uploads/2024/08/P80D_36.webp') no-repeat top center;
  background-size: cover;
  padding: 9.89vw 6.51vw;
  color: #fff;
  text-align: center;
  font-family: Helvetica;
}
.p80dAvaiFlex {
  display: flex;
  column-gap: 5.46vw;
  justify-content: center;
  margin-top: 10.41vw;
}
.p80dAvaiGrid {
  display: grid;
  gap: 2.34vw;
  justify-items: center;
}
.p80dAvaiGrid img {
  transition: all .3s linear;
}
.p80dAvaiGrid:hover img {
  margin-top: -15px;
}
.p80dAvaiTit {
  font-size: 1.25vw;
  line-height: 1.94vw;
}
.p80dSpec {
  background: url('/wp-content/uploads/2024/08/P80D_37.webp') no-repeat top center;
  background-size: cover;
  padding: 17.7vw 11.77vw 2.6vw 11.3vw;
  color: #fff;
  text-align: center;
  font-family: Helvetica;
}
.p80dTpd {
  background-color: #000;
  padding: 1.56vw 11.77vw 1.56vw 11.3vw;
  display: grid;
  justify-items: center;
  gap: 1.04vw;
}
.p80dSpecTit {
  font-weight: bold;
  font-size: 3.22vw;
  line-height: 4.37vw;
}
.p80dSpecTits {
  font-size: 1.719vw;
  line-height: 3.137vw;
}
.p80dSpecSubTit1 {
  font-size: 1.05vw;
  line-height: 1.59vw;
}
.p80dSpecSubTit2 {
  font-size: 0.93vw;
  line-height: 1.59vw;
}
.p80dSpecTop {
  border-top: 1px solid #363636;
}
.p80dSpecFlex {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #363636;
}
.p80dSpecLeft {
  text-align: left;
  width: 27.08vw;
}
.p80dBotFlex {
  display: flex;
  padding-top: 14.84vw;
  justify-content: space-between;
  align-items: center;
}
.p80dBotImg {
  width: 33.85vw;
  height: 34.37vw;
}
.p80dLeftTop {
  padding: 0.52vw 0 5.1vw 0;
}
.p80dOver {
  background-color: #eeeeee;
  color: #000;
  text-align: center;
  padding: 6.25vw 0;
}
.p80dOver img {
  margin-top: 5.46vw;
  width: 46.97vw;
}
.p80CentImg {
  width: 34.37vw;
}
@media only screen and (max-width: 768px) {
  .p80dThe {
    padding: 2.91vw 2.13vw 4.01vw 2.13vw;
  }
  .p80dTheTit {
    font-size: 2.93vw;
    line-height: 3.45vw;
    text-align: justify;
    padding: 0;
  }
  .p80dTheFlex {
    position: relative;
    top: 0;
    transform: none;
    border: 5px solid #28272a;
    border-radius: 15px;
    grid-template-columns: repeat(1, 1fr);
    gap: 2vw;
  }
  .p80dTheImg {
    display: none;
  }
  .p80dTheSubTit {
    font-size: 3vw;
    line-height: 3vw;
  }
  .p80dThePos {
    flex: 0 0 calc(50% - 0.57vw);
  }
  .p80dDual, .p80dPower {
    padding: 1.99vw 2.13vw 52.8vw 2.13vw;
  }
  .p80dDualTit {
    font-size: 5.79vw;
    line-height: 5.7vw;
  }
  .p80dDualSubTit {
    font-size: 3.09vw;
    line-height: 3.04vw !important;
  }
  .p80CentFlex {
    flex-wrap: wrap;
    gap: 5vw 0;
  }
  .p80CentImg, .p80dCentPos {
    width: auto;
  }
  .p80dCentSubTit {
    font-size: 2.83vw;
    line-height: 3.04vw;
  }
  .p80dTwoAbs {
    bottom: 5.2vw;
  }
  .p80dCent {
    padding: 6.71vw 2.13vw 4.94vw 2.13vw;
  }
  .p80dAll {
    padding-left: 3.64vw 2.13vw 2.24vw 2.13vw;
  }
  .p80dAmp {
    padding: 8.43vw 2.13vw 4.27vw 2.13vw;
  }
  .p80dTpd {
    padding: 1.56vw 2.13vw 1.56vw 2.13vw;
  }
  .p80dCentTit {
    font-size: 3.71vw;
    line-height: 4.39vw;
  }
  .p80dDiaTit {
    font-size: 5.55vw;
    line-height: 5.46vw;
  }
  .p80dDiaSubTit {
    font-size: 2.83vw;
    line-height: 3.04vw;
  }
  .p80dDia img {
    width: 37vw;
  }
  .p80dDia {
    padding: 7.6vw 31.19vw 16.35vw 2.13vw;
  }
  .p80dOLED {
    padding: 5.24vw 34vw 45.8vw 2.13vw;
  }
  .p80dDif {
    padding: 24.37vw 2.13vw 21.51vw 55.6vw;
  }
  .p80dAmpSubTit {
    font-size: 3.08vw;
    line-height: 2.92vw;
  }
  .p80dRusFlex {
    flex-wrap: wrap;
    gap: 1vw 0;
  }
  .p80dRusTit {
    font-size: 4.3vw;
    line-height: 4.39vw;
  }
  .p80dRusSubTit {
    font-size: 2.83vw;
    line-height: 3.04vw;
  }
  .p80dSpec {
    padding: 17.7vw 2.13vw 2.6vw 2.13vw;
  }
  .p80dAvai {
    padding: 9.89vw 2.13vw;
  }
  .p80dAvaiFlex {
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10vw 0;
  }
  .p80dAvaiTit {
    font-size: 3.25vw;
    line-height: 3.94vw;
  }
  .p80dOver img {
    width: 70vw;
  }
  .p80dSpecTit {
    font-size: 6.22vw;
    line-height: 7.37vw;
  }
  .p80dSpecLeft {
    width: 52.58vw;
  }
  .p80dSpecTits {
    font-size: 3.719vw;
    line-height: 5.137vw;
  }
  .p80dSpecSubTit1 {
    font-size: 3.05vw;
    line-height: 3.59vw;
  }
  .p80dSpecSubTit2 {
    font-size: 2.93vw;
    line-height: 3.59vw;
    text-align: right;
  }
  .carousel-btn {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
}

/* 轮播图样式 */
.carousel-container {
  position: relative;
  width: 100%;
  padding: 0 60px;
  box-sizing: border-box;
}

.carousel-images {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carousel-slide {
  min-width: 100%;
  height: auto;
  flex-shrink: 0;
}

.carousel-btn {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  color: #000;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 24px;
  font-weight: bold;
  transition: background 0.3s ease, transform 0.2s ease;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
}

.carousel-btn:hover {
  background: rgba(255, 255, 255, 1);
  transform: translateY(-50%) scale(1.1);
}

.carousel-btn-left {
  left: 0;
}

.carousel-btn-right {
  right: 0;
}
