.swiper {
    overflow: hidden;
    width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.slide-text    {
 position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    text-shadow: 1px 1px 0px #835703, -1px -1px 0px #835703, 1px -1px 0px #835703, -1px 1px 0px #835703; /* 添加文字阴影以提高可读性 */
    z-index: 10;
  }

  /* 幻灯片标题样式 */
  .slide-text hh {
    font-size: 6rem;
    margin-bottom: 10px;
	opacity: 0.8;
	font-weight: bold;
  }

  /* 幻灯片副标题样式 */
  .slide-text hh2 {
    font-size: 3rem;
	opacity: 0.8;
	font-weight: bold;
  }

  /* 响应式设计，文字调整大小 */

  @media (max-width: 768px) {
	slide-text {
	  position: absolute;
	     top: 50%;
	     left: 50%;
	     transform: translate(-50%, -50%);
	     text-align: center;
	     color: white;
text-shadow: 1px 1px 0px #835703, -1px -1px 0px #835703, 1px -1px 0px #835703, -1px 1px 0px #835703; /* 添加文字阴影以提高可读性 */
    z-index: 10;

	     z-index: 10;
	   }    
	  
    .slide-text hh {
      font-size: 1.8rem;
	  font-weight: bold;
    }
    .slide-text hh2 {
      font-size: 0.7rem;
    }
  }

  @media (max-width: 480px) {
    .slide-text hh {
      font-size: 1.5rem;
	    font-weight: bold;
    }
    .slide-text hh2 {
      font-size: 0.7rem;
    }
  }

.container {
	display: flex;
	width: 100%;
	/* 自适应宽度 */
	flex-wrap: wrap;
	/* 允许换行 */
}

.image-container {
	width: 400px;
	/* 图片容器宽度 */
	height: 300px;
	/* 图片容器高度 */
	overflow: hidden;
	/* 超出部分不可见 */
	flex: 0 0 400px;
	/* 不允许缩放 */
}

.image-container img {
max-width: 100%;
	/* 图片宽度自动调整 */
	height: 100%;
	/* 图片高度占满容器 */
	object-fit: cover;
	/* 确保图片不拉伸变形 */
}

.text-container {
	flex: 1;
	/* 文字区域占剩余空间 */
	padding: 10px;
	/* 距离边框5px */
	width: 60%;
	/* 文字区域宽度为父容器的60% */
}

.text-container h2 {
	margin-top: 0;
	/* 去掉标题顶部的默认外边距 */
}

/* 媒体查询：在手机或窄屏时调整布局 */
@media (max-width: 768px) {
	.container {
		flex-direction: column;
		/* 垂直排列 */
	}

	.image-container {
		width: 100%;
		height: auto;
	}

	.text-container {
		width: 100%;
		/* 文字区域宽度占满 */
		padding: 5px;
		/* 距离边框5px */
	}
}

.container {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	/* padding: 20px; */
	align-items: center;
}

.block {
	width: 200px;
	height: 300px;
	margin: 20px;
	position: relative;
	transition: all 0.3s ease;
}

.hover-layer {
	width: 100%;
	height: 200px;
	position: relative;
	overflow: hidden;
}

.layer {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}


.block:hover .top-layer {
	transform: rotate(40deg);
}

.block:hover .middle-layer {
	transform: rotate(-40deg);
}

.block:hover .bottom-layer {
	transform: rotate(40deg);
}



@media (max-width: 768px) {
	.container {
		flex-direction: column;
	}

	.block {
		width: 40%;
		margin: 10px 0;
		align-items: center;
	}
}