.text-red {
  color: #ffffff;
}


.more-btn {
  /* 基础样式 */
  display: inline-block;
  padding: 12px 30px;
  color: white;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  border-radius: 25px; /* 圆角大小 */
  overflow: hidden; /* 隐藏溢出的背景 */
  position: relative; /* 定位参考 */
  
  /* 渐变背景 */
  background: linear-gradient(135deg, #ff4b4b, #ff1a75); /* 红色到玫红渐变 */
  box-shadow: 0 4px 12px rgba(255, 0, 51, 0.2); /* 阴影效果 */
  
  /* 过渡动画 */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.more-btn:hover {
  /* 悬停时的动画效果 */
 color: #fff;
  transform: translateY(-2px); /* 向上轻微移动 */
  box-shadow: 0 6px 20px rgba(255, 0, 51, 0.3); /* 加深阴影 */
}

.more-btn::before {
  /* 渐变高光伪元素 */
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.3), transparent); /* 半透明高光 */
  transform: rotate(45deg); /* 旋转高光 */
  opacity: 0; /* 初始隐藏 */
  transition: opacity 0.5s ease; /* 淡入动画 */
}

.more-btn:hover::before {
  /* 悬停时显示高光 */
  opacity: 1;
}

.slider {
  width: 88%;
  overflow: hidden;
  margin: 0 auto;
}

.slide-track {
  display: flex;
  width: calc(465px * 6); /* 12张图片 */
  animation: scroll 30s linear infinite;
}

.slide-track:hover {
  animation-play-state: paused;
}

.slide {
  width: 465px;
  height: 560px;
  margin-right: 20px;
gap: 80px;
}

.slide img {
  width: 465px;
  height: 295px;
  object-fit: cover;
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-300px * 6)); }
}

.hero-section {
  height: 880px; /* 视口高度 */
  width: 100%;
  background-image: url('/images/zhu1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center; /* 垂直居中内容 */
  justify-content: center; /* 水平居中内容 */
}


.hero-ssection {
  height: 460px; /* 视口高度 */
  width: 100%;
  background-image: url('/images/beijing2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center; /* 垂直居中内容 */
  justify-content: center; /* 水平居中内容 */
}


hr {
  border: none;
  height: 1px;
  background-color: #ccc;
  margin: 20px 0;
}

        .image-container {
            display: inline-block;
            border-radius: 15px;
 border-radius: 10px; /* 圆角大小 */
  border: 1px solid #c9d4e5; /* 边框宽度和颜色 */
  padding: 2px; /* 可选：图片与边框的间距 */
            overflow: hidden;
            transition: transform 0.8s;
            transform-style: preserve-3d;
        }

        .image-container:hover {
            animation: flip 1.5s ease-in-out 3;
        }

        @keyframes flip {
            0% { transform: rotateY(0deg); }
            50% { transform: rotateY(180deg); }
            100% { transform: rotateY(360deg); }
        }

        .fullscreen-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9);
            z-index: 1000;
            justify-content: center;
            align-items: center;
        }

        .fullscreen-image {
            max-width: 90%;
            max-height: 90%;
            object-fit: contain;
        }
 
.custom-link {
  color: #fff; /* 默认绿色 */
font-size:18px;
  text-decoration: none;
  transition: color 0.3s;
}

.custom-link:hover {
font-size:18px;
  color: #c30d23; /* 悬停时深绿色 */
}

.ccustom-link {
  color: #000; /* 默认绿色 */
  text-decoration: none;
  transition: color 0.3s;
}

.ccustom-link:hover {
  text-decoration: none;
color: #c30d23; /* 悬停时深绿色 */
}