.multiple-cameras {
  margin-top: 4.375vw;
  padding-bottom: 8.3333vw;
}

#multipleCamerasVideoModal .video-model-play {
  color: #2f2f2f !important;
}
.multiple-cameras-banner {
  width: 100%;
  text-align: center;
  height: 33.8542vw;
}
.multiple-cameras-banner img {
  width: 100%;
  height: 100%;
}

.multiple-cameras .public-tabs {
  /* 自动布局 */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: #ffffff;
  z-index: 1;
}

.multiple-cameras .public-tabs {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 1004;
  transition: all 0.3s ease;
  line-height: 3.3333vw;
}
.multiple-cameras .public-tabs .tabs-list {
  width: 100%;
  height: 3.3333vw;
}
.multiple-cameras .public-tabs .tabs-list .tabs-li {
  font-family: "Montserrat-Medium";
  font-size: 0.7292vw;
  letter-spacing: 0em;
  z-index: 0;
  padding: 1.0417vw 0;
  margin-right: 2.0833vw;
  color: #000;
  font-style: normal;
  line-height: 150%;
}
.multiple-cameras .public-tabs .tabs-list .tabs-li:hover {
  color: #1677ff;
}
.multiple-cameras .public-tabs .tabs-list .tabs-li:last-child {
  margin-right: 0;
}
/* 激活状态样式 */
.multiple-cameras .public-tabs .tabs-list .tabs-li.tabs-li-active {
  color: #1677ff;
  border-bottom: 2px solid #1677ff;
}
.multiple-cameras-overview {
  width: 100%;
  height: 45.8333vw;
  position: relative;
}
.multiple-cameras-overview-img {
  width: 100%;
  height: 100%;
}
.multiple-cameras-overview-box {
  position: absolute;
  top: 5.4167vw;
  left: 12.5vw;
  width: 31.3021vw;
  height: 31.5104vw;
}
.overview-title {
  color: #303133;
  font-family: "Montserrat-Bold";
  font-size: 3.125vw;
  font-style: normal;
  line-height: normal;
}
.overview-desc {
  color: #303133;
  font-family: "Montserrat-Medium";
  font-size: 1.1458vw;
  font-style: normal;
  line-height: 150%;
  margin: 2.9167vw 0;
}
.overview-desc span {
  color: #000;
  font-family: "Montserrat-SemiBold";
  font-size: 1.1458vw;
  font-style: normal;
  line-height: 150%;
}
.overview-items {
  display: grid;
  flex-wrap: wrap;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25vw .625vw;
  width: 26.0417vw;
}
.overview-item-box {
  display: flex;
  align-items: center;
  gap: 0.625vw;
}
.overview-item-img {
  width: 3.3333vw;
  height: 3.3333vw;
}
.overview-item-img img {
  width: 100%;
  height: auto;
}
.overview-item-title {
  color: #303133;
  font-family: "Montserrat-Medium";
  font-size: 0.9375vw;
  font-style: normal;
  line-height: 150%;
}
.overview-title p {
  background: linear-gradient(
    270deg,
    #49abf8 78.69%,
    #5759f8 89.71%,
    #7201f6 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.multiple-cameras-wide-coverage {
  padding: 4.1667vw 0 0;
}
.wide-coverage-header {
  display: flex;
  flex-direction: column;
  width: 75vw;
  margin: 0 auto 3.3333vw;
  align-items: center;
}
.wide-coverage-header img {
  width: 4.1667vw;
  height: 4.1667vw;
  object-fit: contain;
}
.wide-coverage-title {
  color: #303133;
  font-family: "Montserrat-Bold";
  font-size: 3.125vw;
  font-style: normal;
  line-height: normal;
}
.wide-coverage-desc {
  color: #606266;
  text-align: center;
  font-family: "Montserrat-Medium";
  font-size: 1.1458vw;
  font-style: normal;
  line-height: 150%;
  margin-top: 0.8333vw;
  width: 41.6667vw;
}
.technical-box {
  max-width: 100vw;
  overflow: hidden;
}

.technical-box .solutions-bg {
  height: 29.1667vw;
  background-color: #000;
}

.technical-box .swiper {
  width: 75vw;
}
.technical-box .swiper-wrapper {
  margin-top: 4.8958vw;
}

.technical-box .swiper-slide {
  width: 75vw;
  height: 29.1667vw;
  margin: 0 auto;
}

.technical-box .swiper-slide .swiper-slide-img {
  width: 100%;
  height: 100%;
  border-radius: 1.5625vw;
  object-fit: contain;
}

.technical-swiper-pagination {
  width: 100%;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex;
  justify-content: center;
  max-width: 75vw;
  padding: 0 2.0833vw;
  height: 2.8125vw;
  /* gap: 4.1667vw; */
}

.technical-swiper-pagination .custom-bullet {
  width: 100%;
  height: 2.8125vw;
  text-align: center;
  padding-bottom: 1.25vw;
  border-bottom: 1px solid #494b4d;
  background: none;
  border-radius: 0;
  font-size: 0.9375vw;
  line-height: 150%;
  cursor: pointer;
  opacity: 1;
  color: #303133;
  text-align: center;
  font-family: "Montserrat-SemiBold";
  font-style: normal;
  line-height: 150%;
}

.technical-swiper-pagination .swiper-pagination-bullet-active {
  /* border-bottom: 3px solid #d9d9d9 !important; */
  border-bottom: 1px solid #494b4d !important;
  transform: scale(1) !important;
  /* color: var(--color-accent); */
}

.technical-swiper-pagination .custom-bullet .tab-title {
  margin-bottom: 1.25vw;
  display: block;
  width: 100%;
  white-space: nowrap;
}

.technical-swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  height: 100%;
  position: absolute;
  /* bottom: -3px; */
  bottom: -1px;
  left: 0;
  width: 0;
}

.technical-swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  transition: width 8s linear;
  width: 100% !important;
  height: 3px;
  /* background-color: var(--color-accent); */
  background: linear-gradient(270deg, #49abf8 49.47%, #7201f6 100%);
}
.multiple-cameras
  .swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 !important;
}

.multiple-cameras-panorama {
  padding: 4.1667vw 0 0;
  background: #fafafa;
  margin-top: 4.1667vw;
}
.panorama-content {
  width: 75vw;
  margin: 0 auto;
  overflow: visible;
}
.panorama-snapshot {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.panorama-snapshot-left {
  display: flex;
  gap: 1.25vw;
  align-items: center;
}
.panorama-snapshot-left img {
  width: 1.25vw;
  height: 1.4063vw;
}
.panorama-snapshot-left div {
  color: #303133;
  font-family: "Montserrat-SemiBold";
  font-size: 2.0833vw;
}
.linkage-snapshot-right {
  width: 39.0625vw;
  color: #606266;
  font-family: "Montserrat-Medium";
  font-size: 1.1458vw;
  font-style: normal;
  line-height: 150%;
}
.panorama-gif img {
  width: 100%;
  border-radius: 1.0417vw;
  margin: 3.3333vw 0 4.1667vw;
  height: 31.25vw;
}

.see-faster {
  display: flex;
  justify-content: space-between;
  gap: 3.6458vw;
}
.see-faster-left {
  width: 10.2083vw;
  display: flex;
  align-items: center;
}
.see-faster-title {
  color: #303133;
  font-family: "Montserrat-Bold";
  font-size: 3.125vw;
  font-style: normal;

  line-height: 150%;
}
.see-faster-title span {
  display: block;
  background: linear-gradient(270deg, #49abf8 49.47%, #7201f6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 150%;
}
.see-faster-right {
  flex: 1;
  border-radius: 1.0417vw;
  overflow: hidden;
}
.see-faster-content {
  display: flex;
  gap: 2.5vw;
  background: white;
  border-radius: 0.9896vw;
  padding: 1.6667vw;
  box-sizing: border-box;
}
.lightning-focus {
}
.see-context-title {
  color: #000;
  font-family: "Montserrat-SemiBold";
  font-size: 1.3542vw;
  font-style: normal;
  line-height: 150%;
}
.see-context-desc {
  color: #303133;
  font-family: "Montserrat-Medium";
  font-size: 1.1458vw;
  font-style: normal;
  line-height: 150%;
  margin: 0.8333vw 0 1.25vw;
  height: 2.1875vw;
}
.see-context-desc span {
  background: linear-gradient(270deg, #49abf8 49.47%, #7201f6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Montserrat-SemiBold";
  font-size: 1.4583vw;
  font-style: normal;
  line-height: 150%;
}
.lightning-focus-video video {
  width: 27.6563vw;
  height: 15.4688vw;
  border-radius: 1.0417vw;
}
.lightning-focus-video,
.dynamicAcceleration-video {
  position: relative;
  cursor: pointer;
}

.see-faster .icon-play,
.see-preciser .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.25vw;
  color: #fff;
  background: #2f2f2f;
  line-height: normal;
  border-radius: 50%;
  width: 3.4375vw;
  height: 3.4375vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 2px;
}
.dynamicAcceleration {
}
.dynamicAcceleration-video video {
  width: 27.6563vw;
  height: 15.4688vw;
  border-radius: 1.0417vw;
}
.card-border {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    99deg,
    #7201f6 0%,
    #ffffff 50.22%,
    transparent 98.57%
  );
  padding: 0.0521vw;
  box-sizing: border-box;
}
.see-preciser {
  display: flex;
  gap: 3.125vw;
  margin-top: 4.1667vw;
}
.see-preciser-left {
  width: 53.125vw;
  border-radius: 1.0417vw;
  overflow: hidden;
}
.see-preciser-content {
  background: #fff;
  display: flex;
  border-radius: 0.9896vw;
  padding: 1.6667vw;
  box-sizing: border-box;
  flex-direction: column;
}
.preciser-card-border {
  width: 100%;
  height: 100%;
  padding: 0.0521vw;
  box-sizing: border-box;
  background: linear-gradient(
    99deg,
    transparent 0%,
    #ffffff 50.22%,
    #7201f6 98.57%
  );
}
.see-preciser-content-box {
  display: flex;
  gap: 2.5vw;
}
.see-preciser-right {
  flex: 1;
  display: flex;
  align-items: center;
}
.see-preciser-content-left img {
  width: 31.25vw;
  height: 15.5208vw;
  border-radius: 0.8854vw;
}
.see-preciser-content-right img {
  height: 15.5208vw;
  width: 15.5208vw;
  border-radius: 0.8854vw;
}
.see-preciser-content-right .see-context-desc{
  width: 16.6667vw;
}

.linkage-tracking-box {
  position: relative;
  width: 100%;
  margin-top: 4.1667vw;
}
.linkage-tracking-bg {
  width: 100%;
}
.linkage-tracking-content {
  position: absolute;
  top: 5vw;
  left: 37.1875vw;
}
.linkage-tracking-header {
  display: flex;
  align-items: center;
  gap: 1.25vw;
}
.linkage-tracking-header img {
  width: 1.25vw;
  height: 1.3802vw;
}
.linkage-tracking-title {
  color: #303133;
  font-family: "Montserrat-SemiBold";
  font-size: 2.0833vw;
  font-style: normal;
  line-height: normal;
}
.linkage-tracking-desc {
  color: #303133;
  font-family: "Montserrat-Medium";
  font-size: 1.0417vw;
  font-style: normal;
  line-height: 150%;
  width: 33.75vw;
  margin: 2.0833vw 0 2.5vw;
}
.linkage-tracking-video {
  position: absolute;
  top: 10.4167vw;
  left: -2.9167vw;
}
.linkage-tracking-video video {
  border-radius: 1.0417vw;
  width: 37.7604vw;
  height: 22.8125vw;
  aspect-ratio: 48/29;
}
.multiple-cameras-ai-model {
  padding-top: 4.1667vw;
  margin-bottom: 2.0833vw;
}

/* AI Model Content Layout */
.ai-model-content {
  width: 75vw;
  margin: 0 auto;
  display: flex;
  /* gap: 2.0833vw; */
  padding: 1.25vw 0;
  background: #fafafa;
  border-radius: 1.0417vw;
  height: 41.6667vw;
}

/* Left Tabs */
.ai-model-tabs {
  width: 20.8333vw;
  display: flex;
  flex-direction: column;
}

.ai-tab-item {
  display: flex;
  align-items: center;
  gap: 0.625vw;
  padding: 1.6667vw;
  border-radius: 0.5208vw 0 0 0.5208vw;
  cursor: pointer;
  transition: all 0.3s ease;
  border-left: 0.2604vw solid transparent;
  height: 7.5vw;
  border-bottom: 1px solid #eef0f7;
}

.ai-tab-item:hover {
  background: #f1f5fc;
}
.ai-tab-item:hover span {
  color: #0f6ffb;
}
.ai-tab-item:hover .iconfont {
  color: #0f6ffb;
}
.ai-tab-item.active {
  background: #f1f5fc;
  border-left-color: #0f6ffb;
}

.ai-tab-item .iconfont {
  font-size: 2.0833vw;
  color: #606266;
  transition: color 0.3s ease;
}

.ai-tab-item.active .iconfont {
  color: #0f6ffb;
}

.ai-tab-item span {
  color: #606266;
  font-family: "Montserrat-SemiBold";
  font-size: 1.25vw;
  line-height: 150%;
  transition: color 0.3s ease;
}

.ai-tab-item.active span {
  color: #0f6ffb;
}

/* Right Panels */
.ai-model-panels {
  flex: 1;
  background: #fafafa;
  /* border-radius: 0.7813vw; */
  padding: 0.8333vw 2.0833vw;
  /* box-shadow: 0 0.2083vw 1.0417vw rgba(0, 0, 0, 0.08); */
}

.ai-panel {
  display: none;
}

.ai-panel.active {
  display: block;
}

.panel-header h3 {
  font-family: "Montserrat-SemiBold";
  color: #303133;
  font-size: 1.6667vw;
  font-style: normal;
  line-height: 150%;
}

.panel-header p {
  font-family: "Montserrat-SemiBold";
  line-height: 150%;
  margin: 1.25vw 0 2.0833vw;
  color: #909399;
  font-size: 1.1458vw;
  font-style: normal;
  line-height: 150%;
  width: 45.3125vw;
}

.panel-image {
  position: relative;
  border-radius: 1.0417vw;
  overflow: hidden;
  margin-bottom: 0.8333vw;
}
.panel-video {
  width: 100%;
  height: 28.125vw;
  position: relative;
  cursor: pointer;
}
.panel-video .icon-play,
.panel-video-animal .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.25vw;
  color: #fff;
  background: #2f2f2f;
  line-height: normal;
  border-radius: 50%;
  width: 3.4375vw;
  height: 3.4375vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 2px;
}

.panel-video video {
  width: 100%;
  height: 100%;
  border-radius: 1.0417vw;
}
.panel-video-animal {
  width: 100%;
  height: 25vw;
  position: relative;
  cursor: pointer;
}
.panel-video-animal video {
  width: 100%;
  height: 100%;
  border-radius: 1.0417vw;
  object-fit: fill;
}
.panel-video-animal video::-webkit-media-controls-panel {
  background: transparent;
}
.panel-video-animal video::-webkit-media-controls {
  background: transparent;
}
.panel-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 1.0417vw;
}

.panel-tags {
  display: flex;
  gap: 0.5208vw;
}

.tag-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5208vw;
  padding: 0.5208vw;
  background: #f1f5fc;
  border-radius: 0.4167vw;
  flex: 1;
  height: 6.25vw;
}

.tag-item .iconfont {
  font-size: 2.0833vw;
  color: #3a66fb;
}

.tag-item span {
  font-family: "Montserrat-SemiBold";
  color: #000;
  font-size: 1.3542vw;
  font-style: normal;
  line-height: 150%;
}
.tag-item img {
  width: 2.0833vw;
  height: 2.0833vw;
}

.panel-crowd-day {
  display: flex;
  gap: 13.3854vw;
  justify-content: center;
}
.crowd-day-item {
  display: flex;
  padding: 0.625vw 1.4583vw;
  justify-content: center;
  align-items: center;
  gap: 0.5208vw;
  border-radius: 5.2083vw;
  background: #0f6ffb;
}
.crowd-day-item img {
  width: 1.6667vw;
  height: 1.6667vw;
}
.crowd-day-item span {
  color: #fff;
  font-family: "Montserrat-SemiBold";
  font-size: 1.3542vw;
  font-style: normal;
  line-height: 150%;
}
.panel-crowd-img {
  display: flex;
  gap: 0.5208vw;
  margin: 1.0417vw 0 0.8333vw;
}
.crowd-img-item {
  flex: 1;
  height: 10.8333vw;
}
.crowd-img-item img {
  width: 100%;
  height: auto;
  border-radius: 0.5208vw;
}
.panel-crowd-num {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5208vw;
}
.crowd-num-item {
  display: flex;
  height: 7.6563vw;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 0.4167vw;
  background: #f1f5fc;
}
.num-item-desc {
  color: #000;
  font-family: "Montserrat-Medium";
  font-size: 1.1458vw;
  font-style: normal;
  line-height: 150%;
  text-align: center;
}
.num-item-desc strong {
  color: #0f6ffb;
  font-family: "Montserrat-SemiBold";
  font-size: 1.875vw;
  font-style: normal;
  line-height: 150%;
  margin-top: 0.3125vw;
  display: inline-block;
}
.num-item-desc img {
  width: 1.6667vw;
  height: 1.6667vw;
  margin-right: 0.3125vw;
}
.num-item-desc span {
  color: #000;
  font-size: 1.1458vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold";
  line-height: 150%;
  margin-top: 0.3125vw;
  display: inline-block;
  margin-left: 0.3125vw;
}
.multiple-cameras-adjustment {
  padding-top: 4.1667vw;
}
.adjustment-motorized-content {
  margin: 4.1667vw auto;
  width: 75vw;
}
.adjustment-motorized-content .panorama-snapshot {
  display: flex;
  flex-direction: column;
  gap: 2.7083vw;
  justify-content: center;
  align-items: center;
}
.adjustment-motorized-content .panorama-snapshot .linkage-snapshot-right {
  width: 62.5vw;
  text-align: center;
}
.ptrz-content {
  position: relative;
  margin-top: 6.1458vw;
  height: 37.5vw;
}
.ptrz-content img {
  width: 100%;
  height: 100%;
}
.ptrz-box {
  position: absolute;
  left: 6.25vw;
  bottom: 3.3333vw;
  display: flex;
  width: 62.5vw;
  gap: 0.8333vw;
}
.ptrz-box-item {
  display: flex;
  width: 15vw;
  height: 7.9167vw;
  padding: 1.25vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.0417vw;
  border-radius: 0.5208vw;
  background: #646973;
}
.ptrz-item-top {
  display: flex;
  gap: 0.625vw;
  align-items: center;
}
.ptrz-item-top img {
  width: 1.6667vw;
  height: 1.6667vw;
}
.ptrz-item-title {
  color: #fff;
  font-family: "Montserrat-SemiBold";
  font-size: 1.4583vw;
  font-style: normal;
  line-height: 150%;
}
.ptrz-item-bottom {
  color: #fff;
  font-family: Montserrat;
  font-size: 1.3542vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.ptrz-video {
  position: absolute;
  top: -3.5417vw;
  left: 0;
}
.ptrz-video video {
  width: 26.0417vw;
}
.multiple-cameras-application {
  padding-top: 4.1667vw;
  width: 100%;
  background: #fafafa;
  padding: 4.1667vw 0;
}
.multiple-cameras-application-title {
  font-family: "Montserrat-Bold";
  color: #303133;
  font-size: 3.125vw;
  font-style: normal;
  line-height: normal;
  text-align: center;
  margin-bottom: 4.1667vw;
}
.application-content {
  width: 75vw;
  margin: 0 auto;
}

/* Application List Styles */
.application-list {
  display: flex;
  gap: 0.625vw;
  width: 75vw;
  padding-top: 4.8958vw;
}

.application-item {
  position: relative;
  /* width: 10.4167vw; */
  height: 30.1042vw;
  border-radius: 0.5208vw;
  /* overflow: hidden; */
  cursor: pointer;
  transition: all 0.4s ease;
  flex-shrink: 0;
  flex: 1;
}

.application-item.active {
  /* width: 19.7917vw;
  flex: none; */
  flex: 1.9;
}

.application-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

/* .application-item:hover .application-bg {
  transform: scale(1.05);
} */

.application-name {
  position: absolute;
  top: 1.0417vw;
  left: 1.0417vw;
  color: #fff;
  font-family: "Montserrat-SemiBold";
  font-size: 1.25vw;
  line-height: 150%;
  text-shadow: 0 0.1042vw 0.2083vw rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease;
  width: 8.3333vw;
  word-wrap: break-word;
  word-break: break-word;
}

.application-item.active .application-name {
  width: auto;
  max-width: calc(100% - 13vw);
  white-space: nowrap;
}

.application-product {
  position: absolute;
  top: -94px;
  right: -0.7292vw;
  width: 10.4167vw;
  height: 10.4167vw;
  opacity: 0;
  transform: translateY(-0.5208vw);
  transition: all 0.4s ease;
  pointer-events: none;
}

.application-item.active .application-product {
  opacity: 1;
  transform: translateY(0);
}

.application-product img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0.2083vw 0.4167vw rgba(0, 0, 0, 0.2));
}
.multiple-cameras-product {
  padding-top: 4.1667vw;
  margin-bottom: 2.0833vw;
}
.multiple-cameras-product-content {
  width: 75vw;
  margin: 0 auto;
}
.product-content-title {
  color: #303133;
  font-family: "Montserrat-Bold";
  font-size: 3.125vw;
  font-style: normal;
  line-height: normal;
  margin-bottom: 3.3333vw;
  text-align: center;
}

/* Product Tabs */
.multiple-cameras-product-tabs {
  width: 100%;
}

.product-tabs-header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4167vw;
  padding: 0.4167vw;
  border-radius: 3.2292vw;
  background: #fafafa;
  width: fit-content;
  margin: 0 auto 3.3333vw;
}

.product-tab-item {
  color: #606266;
  font-family: "Montserrat-Medium";
  font-size: 0.9375vw;
  font-style: normal;
  line-height: 150%;
  padding: 0.4167vw 1.4583vw;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 3.2292vw;
}

.product-tab-item.active {
  border-radius: 3.2292vw;
  background: #fff;
  padding: 0.4167vw 1.4583vw;
  color: #000;
}

.product-tabs-content {
  width: 100%;
}

.product-tab-panel {
  display: none;
}

.product-tab-panel.active {
  display: block;
}

.product-list {
  display: flex;
  gap: 1.6667vw;
  flex-wrap: wrap;
}

.product-item {
  display: flex;
  padding: 1.4583vw 1.0417vw;
  flex-direction: column;
  align-items: center;
  gap: 0.2083vw;
  flex: 0 0 calc(25% - 1.25vw);
  border-radius: 0.5208vw;
  background: #fafafa;
  box-sizing: border-box;
}

.product-item-title {
  width: 11.875vw;
  height: 3.75vw;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #333;
  font-family: "Montserrat-SemiBold";
  font-size: 1.0417vw;
  font-style: normal;
  line-height: 150%;
  overflow: hidden;
}

.product-item-img {
  width: 12.5vw;
  height: 12.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.3s ease;
}

.product-item-btn {
  border-radius: 3.2292vw;
  border: 0.0521vw solid #333;
  display: flex;
  padding: 0.4167vw 1.4583vw;
  justify-content: center;
  align-items: center;
  gap: 0.5208vw;
  color: #000;
  font-family: "Montserrat-Medium";
  font-size: 1.0417vw;
  font-style: normal;
  line-height: 150%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.product-item-btn:hover {
  border-radius: 4.1667vw;
  background: linear-gradient(90deg, #ab72e8 0%, #2d8fd1 45.19%, #6eb5e6 100%);
  border-color: transparent;
  color: #fff;
  font-family: "Montserrat-SemiBold";
}
.product-item:hover .product-item-img img {
  transform: scale(1.1);
}
.product-item:hover .product-item-btn {
  border-color: transparent;
  border-radius: 4.1667vw;
  color: #fff;
  font-family: "Montserrat-SemiBold";
  background: linear-gradient(90deg, #ab72e8 0%, #2d8fd1 45.19%, #6eb5e6 100%);
}
.product-item-no-link {
  cursor: default;
}
.product-item-no-link .product-item-btn {
  cursor: default;
}

.multiple-cameras-new {
  padding-top: 4.1667vw;
  width: 75vw;
  margin: 0 auto 2.0833vw;
}
.multiple-cameras-new-title {
  color: #303133;
  font-family: "Montserrat-Bold";
  font-size: 3.125vw;
  font-style: normal;
  line-height: normal;
  margin-bottom: 3.3333vw;
  text-align: center;
}
.multiple-cameras-new-content {
  border-radius: 0.5208vw;
  background: #fafafa;
  display: flex;
  padding: 40px;
  width: 100%;
  align-items: flex-start;
  gap: 3.3333vw;
}
.multiple-cameras-new-content:hover .new-content-title {
  color: #1677ff;
}
.multiple-cameras-new-content:hover img {
  transform: scale(1.1);
}
.new-content-no-link {
  cursor: default;
}
.new-content-left img {
  width: 27.3438vw;
  height: 16.25vw;
  transition: all 0.3s ease;
  border-radius: 0.5208vw;
}
.new-content-right {
  flex: 1;
}
.new-content-title {
  color: #303133;
  font-family: "Montserrat-SemiBold";
  font-size: 1.3542vw;
  font-style: normal;
  line-height: 150%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.new-content-subTitle {
  color: #909399;
  font-family: "Montserrat-SemiBold";
  font-size: 1.0417vw;
  font-style: normal;
  line-height: 150%;
  margin-top: 1.25vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}
.multiple-cameras-download {
  padding-top: 4.1667vw;
  width: 75vw;
  margin: 0 auto;
}

.download-box {
  display: flex;
  flex-direction: column;
  gap: 0.8333vw;
}
.download-box .download-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.0938vw 2.5vw;
  border-radius: 0.5208vw;
  background: #fafafa;
}
.download-box .download-item .download-item-name {
  color: #000;
  font-family: Montserrat;
  font-size: 0.9375vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.download-box .download-item:hover {
  background: #1677ff;
  color: #fff !important;
  box-shadow: 0 0.1042vw 0.625vw rgba(0, 0, 0, 0.1);
}
.download-box .download-item:hover .download-item-name,
.download-box .download-item:hover .iconfont {
  color: #fff;
}
.download-box .download-item .iconfont {
  line-height: normal;
  font-size: 1.6667vw;
  color: #333;
}
/* Application List Mobile: hide PC list on mobile */
.application-list-mobile {
  display: none;
}

@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(0.69vw);
  }
}

.scroll-container {
  position: relative;
  height: 200vh;
}

#camera-section {
  position: sticky;
  top: 2.3438vw;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-height: calc(100vh - 2.3438vw);
}

#camera-canvas {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 768px) {
  .scroll-container {
    height: auto;
  }
  #camera-section {
    top: 32vw;
    height: auto;
    min-height: auto;
  }
}
@media (max-width: 768px) {
  .application-list {
    display: none;
  }

  .application-content {
    width: 100%;
  }

  .application-list-mobile {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 4vw;
  }

  .application-mobile-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 2.1333vw;
    border-radius: 2.1333vw;
    height: 25.6vw;
    transition: all 0.6s ease-in-out;
    cursor: pointer;
  }

  .application-mobile-item:last-child {
    margin-bottom: 0;
  }

  .application-mobile-item.active {
    height: 138.6667vw;
  }

  /* 背景图：始终展示，未展开时小图，展开后大图 */
  .application-mobile-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 0.6s ease-in-out;
  }

  /* 遮罩层 */
  .application-mobile-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(35, 24, 21, 0.6); */
    z-index: 1;
    transition: all 0.6s ease-in-out;
  }

  .application-mobile-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 3.2vw 4.2667vw;
    z-index: 3;
  }

  .application-mobile-name {
    font-family: "Montserrat-SemiBold";
    font-size: 4.2667vw;
    color: #fff;
    line-height: 150%;
  }

  /* 右上角产品图 */
  .application-mobile-product {
    position: absolute;
    top: 4vw;
    right: 4vw;
    z-index: 3;
    opacity: 0;
    transform: translateY(-1.0667vw);
    transition: all 0.4s ease;
    pointer-events: none;
  }

  .application-mobile-item.active .application-mobile-product {
    opacity: 1;
    transform: translateY(0);
  }

  .application-mobile-product img {
    width: 26.6667vw;
    height: 26.6667vw;
    object-fit: contain;
    filter: drop-shadow(0 0.5333vw 1.0667vw rgba(0, 0, 0, 0.2));
  }

  .application-mobile-item .app-mobile-icon {
    position: absolute;
    bottom: 2.6667vw;
    right: 2.6667vw;
    z-index: 4;
    font-size: 5.3333vw;
    color: #fff;
    transition: all 0.3s ease;
  }
}

/* Product Tabs Mobile Styles */
@media (max-width: 768px) {
  .multiple-cameras-product-content {
    margin: 8vw auto 0;
    width: 100%;
    padding: 0 4vw;
  }
  .product-tabs-header {
    gap: 1.0667vw;
    padding: 1.0667vw;
    border-radius: 8.2667vw;
    margin: 0 auto 5.3333vw;
  }
  .product-content-title {
    margin-bottom: 5.3333vw;
  }

  .product-tab-item {
    font-size: 2.4vw;
    padding: 1.0667vw;
    border-radius: 8.2667vw;
  }

  .product-tab-item.active {
    padding: 1.0667vw 3.7333vw;
    border-radius: 8.2667vw;
  }
  .product-content-title {
    font-size: 7.4667vw;
  }
  .product-list {
    gap: 2.1333vw;
  }

  .product-item {
    flex: 0 0 calc(50% - 1.0667vw);
    padding: 3.7333vw 2.6667vw;
    gap: 1.0667vw;
    border-radius: 2.6667vw;
  }

  .product-item-title {
    width: 100%;
    height: auto;
    font-size: 3.2vw;
    min-height: 8.8vw;
  }

  .product-item-img {
    width: 26.6667vw;
    height: 26.6667vw;
  }

  .product-item-btn {
    border-radius: 8.2667vw;
    border-width: 0.2667vw;
    padding: 1.0667vw 3.7333vw;
    gap: 1.3333vw;
    font-size: 3.2vw;
  }

  .product-item-btn:hover {
    border-radius: 10.6667vw;
  }

  .product-item-no-link .product-item-btn {
    cursor: default;
  }
}

/* AI Model Mobile Styles */
@media (max-width: 768px) {
  .ai-model-content {
    width: 100%;
    flex-direction: column;
    padding: 4vw;
    gap: 4vw;
  }

  .ai-model-tabs {
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .ai-tab-item {
    flex: 1 0 calc(50% - 2.1333vw);
    padding: 5.3333vw 1.0667vw;
    border-radius: 1.3333vw;
    border-left-width: 2px;
    justify-content: center;
    margin-bottom: 1.0667vw;
  }

  .ai-tab-item .iconfont {
    font-size: 3.7333vw;
  }

  .ai-tab-item span {
    font-size: 3.2vw;
  }

  .ai-model-panels {
    padding: 4vw;
    border-radius: 2vw;
  }

  .panel-header h3 {
    font-size: 4.2667vw;
    margin-bottom: 1.3333vw;
  }

  .panel-header p {
    font-size: 3.2vw;
    margin-bottom: 3.2vw;
  }

  .panel-image {
    border-radius: 1.3333vw;
    margin-bottom: 2.6667vw;
  }

  .distance-badge {
    font-size: 3.7333vw;
    bottom: 2.1333vw;
    right: 2.1333vw;
  }

  .panel-tags {
    gap: 2.1333vw;
  }

  .tag-item {
    padding: 2.1333vw 3.02vw;
    border-radius: 0.8vw;
    height: auto;
    gap: 1.0667vw;
  }

  .tag-item .iconfont {
    font-size: 3.2vw;
  }

  .tag-item span {
    font-size: 3.2vw;
  }
  .tag-item img {
    width: 5.3333vw;
    height: 5.3333vw;
  }
}

@media (max-width: 768px) {
  .multiple-cameras {
    margin-top: 12.8vw;
  }
  .multiple-cameras-banner {
    height: 100%;
  }
  .multiple-cameras-ai-model {
    padding-top: 8vw;
  }
  .multiple-cameras-application {
    padding-top: 8vw;
  }
  .multiple-cameras-application-title {
    font-size: 7.4667vw;
    margin-bottom: 5.3333vw;
  }
  .multiple-cameras-overview {
    height: 86.4vw;
  }
  .multiple-cameras-overview-box {
    width: 60%;
    top: 9.6vw;
    left: 6.9333vw;
  }
  .overview-title {
    font-size: 5.3333vw;
  }
  .overview-desc {
    font-size: 2.6667vw;
  }
  .overview-desc span {
    font-size: 2.6667vw;
  }
  .multiple-cameras-overview-img {
    height: 80vw;
    object-fit: cover;
  }
  .overview-item-img {
    width: 6.4vw;
    height: 6.4vw;
  }
  .overview-item-img img {
    width: 6.4vw;
    height: 6.4vw;
  }
  .overview-item-title {
    font-size: 2.4vw;
  }
  .overview-items {
    display: flex;
    flex-wrap: nowrap;
    width: 90vw;
  }
  .wide-coverage-header img {
    width: 10.6667vw;
    height: 10.6667vw;
  }
  .wide-coverage-title {
    font-size: 7.4667vw;
    text-align: center;
  }
  .wide-coverage-desc {
    width: 100%;
    font-size: 3.2vw;
  }
  .multiple-cameras .public-tabs {
    top: 12.8vw;
    z-index: 5;
    /* line-height: 17.066vw; */
  }
  .wide-coverage-header {
    margin: 0 auto 6.4vw;
  }
  .multiple-cameras-wide-coverage {
    padding: 8vw 0 0;
  }
  .multiple-cameras .public-tabs .tabs-list {
    max-width: 100vw;
    overflow: auto;
    white-space: nowrap;
    height: auto;
  }
  .multiple-cameras .public-tabs .tabs-list .tabs-li {
    font-size: 3.733vw;
    padding: 4.2667vw 0;
    margin-right: 5.3333vw;
  }
  .multiple-cameras .public-tabs .tabs-list .tabs-li:last-child {
    margin-right: 0;
  }
  .multiple-cameras .public-tabs .tabs-list .tabs-li.tabs-li-active {
    border-bottom: 2px solid #1677ff;
    color: #1677ff !important;
  }
  .multiple-cameras .public-tabs .tabs-list .tabs-li:hover {
    color: #000;
  }
  .technical-box .swiper {
  width: 100%;
}
  .technical-box .swiper-wrapper {
    margin-top: 16vw;
  }

  .technical-box .swiper-slide {
    width: 100%;
    height: auto;
  }

  .technical-swiper-pagination {
    max-width: 100%;
    height: 5.866vw;
    flex-wrap: wrap;
    padding: 2.1333vw;
    top: -3.733vw !important;
  }

  .technical-swiper-pagination .custom-bullet {
    height: auto;
    width: auto;
    flex: 1 0 calc(25% - 2.1333vw);
    padding: 3.2vw 0.8vw;
    margin: 0 !important;
    white-space: normal;
    text-align: center;
  }

  .technical-swiper-pagination .custom-bullet .tab-title {
    font-size: 2.4vw;
    display: block;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    line-height: 1.3;
    margin-bottom: 0;
  }

  .download-box {
    gap: 3.2vw;
  }
  .download-box .download-item {
    padding: 3.2vw 4.2666vw;
  }
  .download-box .download-item .download-item-name {
    font-size: 3.733vw;
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .download-box .download-item .iconfont {
    font-size: 4.2666vw;
  }
  .panel-video .icon-play,
  .panel-video-animal .icon-play,
  .see-faster .icon-play,
  .see-preciser .icon-play {
    font-size: 3.2vw;
    width: 8vw;
    height: 8vw;
  }
}

/* add */
/* Panorama Mobile Styles */
@media (max-width: 768px) {
  .multiple-cameras-panorama {
    padding: 8vw 0 0;
    margin-top: 8vw;
  }

  .panorama-content {
    width: 100%;
    padding: 0 4vw;
  }

  .panorama-snapshot {
    flex-direction: column;
    gap: 2.6667vw;
  }

  .panorama-snapshot-left {
    gap: 2.6667vw;
  }

  .panorama-snapshot-left img {
    width: 3.2vw;
    height: 3.7333vw;
  }

  .panorama-snapshot-left div {
    font-size: 5.3333vw;
  }

  .linkage-snapshot-right {
    width: 100%;
    font-size: 3.2vw;
  }

  .panorama-gif img {
    border-radius: 2.6667vw;
    margin: 5.3333vw 0;
    height: auto;
  }
}

/* Linkage Tracking Mobile Styles */
@media (max-width: 768px) {
  .linkage-tracking-box {
    margin-top: 8vw;
    overflow: hidden;
  }

  .linkage-tracking-bg {
    height: 89.3333vw;
    object-fit: cover;
    object-position: -20.2667vw center;
  }

  .linkage-tracking-content {
    left: 42.6667vw;
    top: 7.4667vw;
  }

  .linkage-tracking-header {
    gap: 2.6667vw;
  }

  .linkage-tracking-header img {
    width: 3.2vw;
    height: 3.7333vw;
  }

  .linkage-tracking-title {
    font-size: 5.3333vw;
  }

  .linkage-tracking-desc {
    font-size: 3.2vw;
    width: 100%;
    margin: 2.6667vw 0 4vw;
  }

  .linkage-tracking-video {
    position: static;
    width: 100%;
  }

  .linkage-tracking-video video {
    border-radius: 2.6667vw;
    width: 100%;
    height: auto;
    aspect-ratio: 48/29;
  }
}

/* AI Model Detail Mobile Styles */
@media (max-width: 768px) {
  .ai-model-content {
    height: auto;
    border-radius: 2.6667vw;
  }

  .panel-video {
    width: 100%;
    height: 47.2vw;
  }

  .panel-video video {
    border-radius: 2.6667vw;
    height: 47.2vw;
    object-fit: cover;
  }

  .panel-video-animal {
    width: 100%;
    height: 47.2vw;
  }

  .panel-video-animal video {
    border-radius: 2.6667vw;
    height: 47.2vw;
    object-fit: cover;
  }

  .panel-crowd-day {
    gap: 5.3333vw;
  }

  .crowd-day-item {
    padding: 1.3333vw 3.2vw;
    border-radius: 13.3333vw;
  }

  .crowd-day-item img {
    width: 4.2667vw;
    height: 4.2667vw;
  }

  .crowd-day-item span {
    font-size: 3.4667vw;
  }

  .panel-crowd-img {
    gap: 1.3333vw;
    margin: 2.1333vw 0 1.3333vw;
  }

  .crowd-img-item {
    height: auto;
  }

  .crowd-img-item img {
    border-radius: 1.3333vw;
  }

  .panel-crowd-num {
    gap: 2.1333vw;
    grid-template-columns: repeat(1, 1fr);
  }

  .crowd-num-item {
    height: auto;
    padding: 2.6667vw;
    border-radius: 1.0667vw;
  }

  .num-item-desc {
    font-size: 2.9333vw;
  }

  .num-item-desc strong {
    font-size: 4.8vw;
    margin-top: 0.5333vw;
  }

  .num-item-desc img {
    width: 4.2667vw;
    height: 4.2667vw;
    margin-right: 0.5333vw;
  }

  .num-item-desc span {
    font-size: 2.9333vw;
    margin-top: 0.5333vw;
    margin-left: 0.5333vw;
  }

  .panel-header p {
    width: 100%;
    font-size: 3.2vw;
  }
}

/* Easy Installation/Adjustment Mobile Styles */
@media (max-width: 768px) {
  .multiple-cameras-adjustment {
    padding-top: 8vw;
  }

  .adjustment-motorized-content {
    margin: 8vw auto 0;
    width: 100%;
    padding: 0 4vw;
  }

  .adjustment-motorized-content .panorama-snapshot {
    gap: 2.6667vw;
  }

  .adjustment-motorized-content .panorama-snapshot .linkage-snapshot-right {
    width: 100%;
    font-size: 3.2vw;
  }

  .ptrz-content {
    margin-top: 13.3333vw;
    height: auto;
    position: relative;
  }

  .ptrz-content > img {
    height: 106.6667vw;
    object-fit: cover;
  }

  .ptrz-box {
    width: 100%;
    flex-wrap: wrap;
    gap: 2.1333vw;
    left: 0;
    bottom: 0;
    padding: 5.3333vw;
  }

  .ptrz-box-item {
    width: calc(50% - 1.0667vw);
    height: auto;
    padding: 2.6667vw;
    gap: 1.3333vw;
    border-radius: 1.3333vw;
  }

  .ptrz-item-top {
    gap: 1.3333vw;
  }

  .ptrz-item-top img {
    width: 4.2667vw;
    height: 4.2667vw;
  }

  .ptrz-item-title {
    font-size: 3.7333vw;
  }

  .ptrz-item-bottom {
    font-size: 3.4667vw;
  }

  .ptrz-video {
    width: 100%;
    top: -10.6667vw;
    left: -17.0667vw;
  }

  .ptrz-video video {
    width: 100%;
    border-radius: 2.6667vw;
  }
}

/* News Mobile Styles */
@media (max-width: 768px) {
  .multiple-cameras-new {
    width: 100%;
    padding: 8vw 4vw 4vw;
  }

  .multiple-cameras-new-title {
    font-size: 7.4667vw;
    margin-bottom: 5.3333vw;
  }

  .multiple-cameras-new-content {
    flex-direction: column;
    padding: 4vw;
    gap: 4vw;
  }

  .new-content-left img {
    width: 100%;
    height: auto;
    border-radius: 2.6667vw;
  }

  .new-content-title {
    font-size: 3.7333vw;
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
  }

  .new-content-subTitle {
    font-size: 3.2vw;
    margin-top: 2.1333vw;
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
  }

  .new-content-no-link {
    cursor: default;
  }
}

/* See Faster & See Preciser Mobile Styles */
@media (max-width: 768px) {
  .see-faster {
    flex-direction: column;
    gap: 5.3333vw;
  }

  .see-faster-left {
    width: 100%;
    justify-content: center;
  }
  .see-faster-title span {
    display: inline;
  }
  .see-faster-title {
    font-size: 7.4667vw;
    line-height: 150%;
  }

  .see-faster-right {
    width: 100%;
    border-radius: 2.6667vw;
  }

  .card-border {
    padding: 0.2667vw;
    border-radius: 2.6667vw;
  }

  .see-faster-content {
    flex-direction: column;
    gap: 4vw;
    padding: 4vw;
    border-radius: 2.4vw;
  }

  .see-context-title {
    font-size: 5.3333vw;
    line-height: 150%;
  }

  .see-context-desc {
    font-size: 3.2vw;
    margin: 2.1333vw 0 3.2vw;
    line-height: 150%;
    height: auto;
  }
  .see-context-desc span {
    font-size: 3.7333vw;
  }

  .lightning-focus-video video,
  .dynamicAcceleration-video video {
    width: 100%;
    height: auto;
    border-radius: 2.6667vw;
    height: 46.9333vw;
    object-fit: cover;
  }

  .see-preciser {
    flex-direction: column-reverse;
    gap: 5.3333vw;
    margin-top: 10.6667vw;
  }

  .see-preciser-left {
    width: 100%;
    border-radius: 2.6667vw;
  }

  .preciser-card-border {
    padding: 0.2667vw;
    border-radius: 2.6667vw;
  }

  .see-preciser-content {
    padding: 4vw;
    border-radius: 2.4vw;
  }

  .see-preciser-content-box {
    flex-direction: column;
    gap: 4vw;
  }

  .see-preciser-content-left img {
    width: 100%;
    height: auto;
    border-radius: 1.3333vw;
  }

  .see-preciser-content-right img {
    width: 100%;
    height: auto;
    border-radius: 1.3333vw;
  }
  .see-preciser-content-right .see-context-desc{
    width: 100%;
  }

  .see-preciser-right {
    width: 100%;
    justify-content: center;
  }
}

/* Download Mobile Styles (additional) */
@media (max-width: 768px) {
  .multiple-cameras-download {
    width: 100%;
    padding: 8vw 4vw 0;
  }
}