/* 第三个幻灯片图片布局样式 */
/* 响应式调整 */
@media (min-width: 768px) {


.slide3-images-container {
  position: absolute;
  /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
  width: 85%;
  height: 66%;
  z-index: 10;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px;
}

.slide3-image-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide3-image-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain!important;
}

.top-left {
  grid-column: 1;
  grid-row: 1;
  justify-content: flex-start;
  align-items: flex-start;
}

.top-right {
  grid-column: 2;
  grid-row: 1;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
}

.bottom-left {
  grid-column: 1;
  grid-row: 2;
  justify-content: flex-end;
  align-items: flex-end;
}

.bottom-right {
  grid-column: 2;
  grid-row: 2;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
}
.mySwiper .slide-content .slide3-image1{
  width: 521px;
  height: 248px;
}
.mySwiper .slide-content .slide3-image2{
  width: 459px;
  height: 45px;
  right: 0;
  margin-left: auto;
}
.mySwiper .slide-content .slide3-image3{
  width: 715px;
  height: 246px;

}
.mySwiper .slide-content .slide3-image4{
  width: 281px;
  height: 271px;
  right: 0;
  margin-left: auto;
}

}
/* 响应式调整 */
@media (max-width: 768px) {
  .slide3-images-container {
    width: 90%;
    height: 60%;
    gap: 10px;
  }
  
  .slide3-image-item img {
    width: 100%;
    height: auto;
  }
  
  .bottom-left {
    justify-content: flex-end;
  }
}

/* 图片悬停效果 */
/* .slide3-image-item img {
  transition: transform 0.3s ease;
}

.slide3-image-item img:hover {
  transform: scale(1.05);
} */