#xmzd a{
    transition: all 0.3s ease; /* 过渡效果 */
    text-decoration: none;
}
#xmzd a:hover{
    /* background-color: aqua; */
    transform: scale(1.1); /* 鼠标悬浮时放大 */
    background-color: transparent; /* 设置鼠标悬浮时的背景颜色为透明 */
}

#xmzd ul{
    
    list-style-type: none; /* 移除列表项前的默认项目符号 */
    padding: 0; /* 移除默认的内边距 */
}

#xmzd ul li{
    text-align: left;
    /* background-color: blue; */
    transition: background-color 0.3s; /* 平滑的背景色过渡效果 */
    border-bottom: 1px solid #EEE;
    height: 40px;
    line-height: 40px;
    width: 248px;
    height: 40px;
}

#xmzd ul li:hover{
    display: block;
    background-color: #007bff;;
    transform: scale(1.1); /* 鼠标悬浮时放大 */
}


#img1{
    text-align: center;
    width: 600px;
    height: 300px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    transition: transform 0.3s ease;
}
#img1:hover{
    transform: scale(1.1);
    /* filter: grayscale(100%); */
}


/**/
.image-container {
    display: flex;
    justify-content: center;
    align-items: center; 
    gap: 50px; 
    overflow: hidden; 
    flex-wrap: wrap;
  }
  
  .image2 {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    width: 400px;
    height: 200px;
    display: block;
    border-radius: 10px; /* 给图片的包裹元素添加圆角 */
  overflow: hidden; /* 防止图片超出圆角范围 */
  }
  
  /* 初始时，所有图片都不可见 */
  .image2.visible {
    opacity: 1;
  }

  .gsjs{
   background-image: url(../images/about.jpg);
   background-size: cover; 
   background-position: center; /* 图片居中显示 */
   background-repeat: no-repeat; /* 不重复图片 */
   display: flex;
   flex-direction: column; /* 文本垂直排列 */
   justify-content: center; /* 水平居中文本 */
   align-items: center; /* 垂直居中文本 */
   height: 100vh; /* 容器高度占满整个视口高度 */
   width: 100%; /* 容器宽度占满整个屏幕 */
    padding: 40px;
    color: white; /* 根据背景颜色调整文本颜色 */
   text-align: center; /* 文本居中对齐 */
  }

  .fade-in {
    opacity: 0; /* 初始透明度为0，完全透明 */
    animation: fadeIn 5s forwards; /* 应用淡入动画 */
}

@keyframes fadeIn {
    to {
        opacity: 1; /* 动画结束时透明度为1，完全不透明 */
    }
}



.image-with-text {
    position: relative;
    width: 20%; /* 根据需要调整宽度，确保在一行中显示四个图片 */
    margin-bottom: 20px;
}



.text-overlay {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    color: white;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */
    padding: 10px;
    border-radius: 10px;
}

.text-overlay h2 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
}

.text-overlay p {
    font-size: 1em;
    text-align: center;
}




.background-container {
    position: relative;
    width: 100%;
    height: 600px; /* 根据需要调整高度 */
    background-image: url('../images/ptfazhan.jpg');
    background-size: cover;
    background-position: center;
}

.fazhan {
    position: absolute;
    top: 20px; /* 调整顶部位置 */
    left: 20px; /* 调整左侧位置 */
    text-align: left; /* 确保文本靠左对齐 */
    color: white;
    width: 100%;
}

.title {
    margin-bottom: 80px; /* 为标题和下面的模块增加间距 */
    text-align: center;
}
.yewu{
    text-align: center;
    margin-left: 40px;

}

.sections-container {
    display: flex;
    justify-content: space-around;

}

.section {
    opacity: 0;
    transition: opacity 1s;
    width: 20%; /* 根据需要调整每个模块的宽度 */
}

.section p{
    font-size: 18px;
}

.about_h3 {
    position: relative;
    text-align: center;
}

.divider {
    border: none;
    height: 2px;
    background-color: white;
    width: 100%;
    margin: 15px 0; /* 调整横线与文本的间距 */
}

/* 动画样式 */
.fadeIn {
    opacity: 1;
}

  /* CSS样式 */
  .video-container {
    position: relative;
    width: 100%;
    max-width: 720px; /* 可以根据需要调整 */
    margin: auto; /* 使视频容器居中 */
  }
  video {
    width: 100%; /* 视频宽度填满容器 */
    height: auto; /* 视频高度自适应 */
  }

  /* styles.css */
body, html {
  height: 100%;
  margin: 0;
}

.background-image {
  /* 使用你的背景图片 */
  background-image: url('your-background-image.jpg');
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 2em;
  text-align: center;
  /* 这里可以添加动画效果 */
  animation: fadeIn 2s ease-in-out;
}

/* 简单的浮现动画 */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.zhandian{
    text-align: center;
}