html,
body {
  padding: 0;
  margin: 0;
}

h2,
p,
div {
  padding: 0;
  margin: 0;
}

.section-photo .copy-wrapper {
  text-align: center;
  width: 75vw;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .section-photo .copy-wrapper {
    width: 82.9333333333vw;
  }
}

.section-photo .copy-wrapper .title {
  font-size: 3.125vw;
  text-shadow: 0 0 1.0416666667vw #ca31d3, 0 0 3.125vw #fe00ed;
  font-weight: 600;
  line-height: 150%;
  text-transform: capitalize;
}

@media screen and (max-width: 768px) {
  .section-photo .copy-wrapper .title {
    font-size: 7.4666666667vw;
  }
}

.section-photo .copy-wrapper .copy {
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 150%;
  margin-top: 0.8333333333vw;
}

@media screen and (max-width: 768px) {
  .section-photo .copy-wrapper .copy {
    font-size: 3.7333333333vw;
  }
}

.section-photo .photo-container {
  padding: 5.2083333333vw 0 10.4166666667vw;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container {
    padding: 10.6666666667vw 0 0;
  }
}

.section-photo .photo-container img {
  display: block;
  width: 100%;
  height: 100%;
}

.section-photo .photo-container .object-fit {
  -o-object-fit: cover;
  object-fit: cover;
}

.section-photo .photo-container .object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.section-photo .photo-container .swiper-container-photo {
  overflow: initial;
  height: 42.5520833333vw;
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo {
    width: 74.6666666667vw;
    margin: 0 auto;
    height: 132.8vw;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide,
.section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 19.3229166667vw;
  height: 34.375vw;
  cursor: pointer;
  transition: all 0.7s ease;
  border-radius: 0.8333333333vw;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.50);
  box-shadow: 0 2px 15px 0 rgba(168, 192, 255, 0.20);
}

@media screen and (max-width: 768px) {

  .section-photo .photo-container .swiper-container-photo .swiper-slide,
  .section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate {
    position: static;
    width: 100%;
    height: 100%;
    transform: none;
    border-radius: 2.133vw;
    overflow: visible;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide .img-wrapper,
.section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate .img-wrapper {
  background-image: url("https://www.dahuasecurity.com/_nuxt/img/border.0345798.png");
  background-size: 100% 100%;
  padding: 0.1041666667vw;
  border-radius: 0.3125vw;
  overflow: hidden;
  box-shadow: 0 2px 15px 0 rgba(168, 192, 255, 0.20);
}
.section-photo .photo-container .swiper-container-photo .swiper-slide-active .img-wrapper,
.section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate-active .img-wrapper {
  border-radius: 0.8333vw;
}

@media screen and (max-width: 768px) {

  .section-photo .photo-container .swiper-container-photo .swiper-slide .img-wrapper,
  .section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate .img-wrapper {
    background-image: url("https://www.dahuasecurity.com/_nuxt/img/border@mob.25582bb.png");
    background-size: 100% 100%;
    padding: 0.2667vw;
    border-radius: 2.1333333333vw;
    transform: scale(0.7964) rotate(0);
    transition: transform 0.5s ease;
    box-shadow: 0 0.80426vw 6.0325vw 0 rgba(168, 192, 255, 0.2);
  }

  /* 底部进度条样式 */
  .swiper-pagination-progressbar {
    width: 45% !important;
    height: 2px !important;
    position: absolute;
    bottom: -11.73vw !important;
    top: unset !important;
    left: 50% !important;
    border-radius: 0.53vw;
    transform: translate(-50%, 0) !important;
    background: rgba(255, 255, 255, 0.20) !important;
    margin: 0 auto !important;
  }

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #3A66FB !important;
  }

  /* 左右按钮样式 */
  .section-photo.prevBtn,
  .section-photo.nextBtn {
    position: absolute;
    bottom: -17.066vw;
    width: 10.66vw;
    height: 10.66vw;
    background-color: rgba(255, 255, 255, 0.06);
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .section-photo.prevBtn .iconfont,
  .section-photo.nextBtn .iconfont {
    font-size: 3.73vw;
    line-height: normal;
    color: #fff;
  }
  .section-photo.nextBtn .iconfont {
    transform: rotate(180deg);
  }

  .section-photo.prevBtn {
    left: 12.8vw;
  }

  .section-photo.nextBtn {
    right: 12.8vw;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide .img-wrapper img,
.section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate .img-wrapper img {
  border-radius: 0.8333333333vw;
  filter: brightness(0.5);
  transition: all 0.7s ease;
}

@media screen and (max-width: 768px) {

  .section-photo .photo-container .swiper-container-photo .swiper-slide .img-wrapper img,
  .section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate .img-wrapper img {
    border-radius: 2.1333333333vw;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide-active,
.section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate-active {
  box-shadow: 0 0.2083vw 1.5625vw 0 rgba(168, 192, 255, 0.2);
  overflow: visible;
  z-index: 5;
}

@media screen and (max-width: 768px) {

  .section-photo .photo-container .swiper-container-photo .swiper-slide-active,
  .section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate-active {
    box-shadow: 0 0.8vw 5.8667vw 0 rgba(168, 192, 255, 0.2);
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide-active .img-wrapper,
.section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate-active .img-wrapper {
  padding: 0.0520833333vw;
}

@media screen and (max-width: 768px) {

  .section-photo .photo-container .swiper-container-photo .swiper-slide-active .img-wrapper,
  .section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate-active .img-wrapper {
    padding: 0.2667vw;
    transform: scale(1) rotate(0);
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide-active .img-wrapper img,
.section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate-active .img-wrapper img {
  filter: brightness(1);
  transition: all 0.7s ease;
}

.section-photo .photo-container .swiper-container-photo .swiper-slide-next .img-wrapper,
.section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate-next .img-wrapper {
  transform-origin: 0 50%;
}

.section-photo .photo-container .swiper-container-photo .swiper-slide-prev .img-wrapper,
.section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate-prev .img-wrapper {
  transform-origin: 100% 50%;
}

.section-photo .photo-container .swiper-container-photo .swiper-slide.is-hover,
.section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate.is-hover {
  filter: brightness(1);
  box-shadow: 0 0.2083vw 1.5625vw 0 rgba(168, 192, 255, 0.2);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide.is-hover .img-wrapper img,
.section-photo .photo-container .swiper-container-photo .swiper-slide-duplicate.is-hover .img-wrapper img {
  filter: brightness(1);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="1"] {
  transform: translateX(-9.6875vw) translateY(-19.21875vw);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="1"] {
    transform: none;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="2"] {
  transform: translateX(4.5833333333vw) translateY(-25.2083333333vw) scale(0.4798);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="2"].is-hover {
  transform: translateX(4.5833333333vw) translateY(-25.2083333333vw) scale(0.5298);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="2"] {
    transform: none;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="3"] {
  transform: translateX(13.8541666667vw) translateY(-17.03125vw) scale(0.2938);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="3"].is-hover {
  transform: translateX(13.8541666667vw) translateY(-17.03125vw) scale(0.3438);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="3"] {
    transform: none;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="4"] {
  transform: translateX(18.2291666667vw) translateY(-29.0625vw) scale(0.4987);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="4"].is-hover {
  transform: translateX(18.2291666667vw) translateY(-29.0625vw) scale(0.5487);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="4"] {
    transform: none;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="5"] {
  transform: translateX(30.0520833333vw) translateY(-29.4791666667vw) scale(0.2938);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="5"].is-hover {
  transform: translateX(30.0520833333vw) translateY(-29.4791666667vw) scale(0.3438);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="5"] {
    transform: none;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="6"] {
  transform: translateX(30.46875vw) translateY(-8.59375vw) scale(0.2938);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="6"].is-hover {
  transform: translateX(30.46875vw) translateY(-8.59375vw) scale(0.3438);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="6"] {
    transform: none;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="7"] {
  transform: translateX(25.625vw) translateY(-20.2083333333vw) scale(0.4259);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="7"].is-hover {
  transform: translateX(25.625vw) translateY(-20.2083333333vw) scale(0.4759);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="7"] {
    transform: none;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="8"] {
  transform: translateX(8.4895833333vw) translateY(-5.5208333333vw) scale(0.4987);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="8"].is-hover {
  transform: translateX(8.4895833333vw) translateY(-5.5208333333vw) scale(0.5487);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="8"] {
    transform: none;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="9"] {
  transform: translateX(21.5625vw) translateY(-3.90625vw) scale(0.372);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="9"].is-hover {
  transform: translateX(21.5625vw) translateY(-3.90625vw) scale(0.422);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="9"] {
    transform: none;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="10"] {
  transform: translateX(-23.4375vw) translateY(-32.7604166667vw) scale(0.2938);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="10"].is-hover {
  transform: translateX(-23.4375vw) translateY(-32.7604166667vw) scale(0.3438);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="10"] {
    transform: none;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="11"] {
  transform: translateX(-23.6458333333vw) translateY(-14.21875vw) scale(0.4987);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="11"].is-hover {
  transform: translateX(-23.6458333333vw) translateY(-14.21875vw) scale(0.5487);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="11"] {
    transform: none;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="12"] {
  transform: translateX(-33.3333333333vw) translateY(-20.9375vw) scale(0.2938);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="12"].is-hover {
  transform: translateX(-33.3333333333vw) translateY(-20.9375vw) scale(0.3438);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="12"] {
    transform: none;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="13"] {
  transform: translateX(-39.2708333333vw) translateY(-29.1145833333vw) scale(0.442);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="13"].is-hover {
  transform: translateX(-39.2708333333vw) translateY(-29.1145833333vw) scale(0.492);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="13"] {
    transform: none;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="14"] {
  transform: translateX(-48.4895833333vw) translateY(-21.1979166667vw) scale(0.2938);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="14"].is-hover {
  transform: translateX(-48.4895833333vw) translateY(-21.1979166667vw) scale(0.3438);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="14"] {
    transform: none;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="15"] {
  transform: translateX(-44.0625vw) translateY(-9.4791666667vw) scale(0.4474);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="15"].is-hover {
  transform: translateX(-44.0625vw) translateY(-9.4791666667vw) scale(0.4974);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="15"] {
    transform: none;
  }
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="16"] {
  transform: translateX(-30.7291666667vw) translateY(-3.5416666667vw) scale(0.4987);
}

.section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="16"].is-hover {
  transform: translateX(-30.7291666667vw) translateY(-3.5416666667vw) scale(0.5487);
}

@media screen and (max-width: 768px) {
  .section-photo .photo-container .swiper-container-photo .swiper-slide[data-index="16"] {
    transform: none;
  }
}

/*# sourceMappingURL=photo.css.map */