/* 工厂实拍走马灯样式 */

.factory-showcase {
  padding: 80px 0; /* 增加内边距，让整个区域更加宽敞 */
  background-color: #f8f8f8;
}

.factory-carousel-container {
  position: relative;
  max-width: 1440px;
  margin: 40px auto 0; /* 增加顶部边距，与标题保持更好的间距 */
  overflow: hidden;
  padding: 10px 0; /* 添加上下内边距，防止阴影被裁剪 */
}

.factory-carousel {
  display: flex;

}



.factory-item {
  flex: 0 0 400px; /* 增加宽度，从300px到400px */
  height: 270px; /* 等比例增加高度，从200px到270px */
  margin: 0 15px; /* 增加间距，使布局更加舒适 */
  border-radius: 6px; /* 略微增加圆角 */
  overflow: hidden;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); /* 增强阴影效果 */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.factory-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.factory-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease, filter 0.6s ease;
  filter: brightness(0.95); /* 略微降低亮度，使图片看起来更加专业 */
}

.factory-item:hover img {
  transform: scale(1.08); /* 增加放大比例 */
  filter: brightness(1.05); /* 悬停时增加亮度，提高对比度 */
}

.factory-controls {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.factory-control {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  border-radius: 50%;
  background-color: #ddd;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.factory-control.active {
  background-color: #333;
}

/* 响应式设计 */
@media (max-width: 1200px) {
  .factory-item {
    flex: 0 0 350px;
    height: 240px;
  }
}

@media (max-width: 992px) {
  .factory-item {
    flex: 0 0 300px;
    height: 200px;
    margin: 0 12px;
  }
}

@media (max-width: 768px) {
  .factory-item {
    flex: 0 0 250px;
    height: 170px;
    margin: 0 10px;
  }
}

@media (max-width: 576px) {
  .factory-item {
    flex: 0 0 200px;
    height: 140px;
    margin: 0 8px;
  }
}

@media (max-width: 480px) {
  .factory-item {
    flex: 0 0 160px;
    height: 120px;
    margin: 0 5px;
  }
}