* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Microsoft YaHei', sans-serif;
  line-height:1.6vw;
}
a{text-decoration: none; color: #e62121;}
a:hover{color: #c72121;}
p{ text-indent: 2em; color: #6a6a6a;  font-size: 0.8vw;}
.fl{float: left; }  .fr{ float: right;}
.container {
  width: 100vw;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.page{
  max-width: 60vw;
  margin: 0 auto;
  overflow: hidden;}

.header {
  position: relative;
  width: 100vw;
  height: 41vw;
}

.banner {
  max-width: 100vw;
  margin: 0 auto;
  z-index: 9;
  position: relative;
  height:41vw;
}
.banner>img:nth-child(1){width:40%;left:0; right: 0; margin: 0 auto;top:3%;animation-delay:1s;  bottom:0; position: absolute;}
.banner>img:nth-child(2){width:40%;left:0; right: 0; margin: 0 auto;top:20%;animation-delay:1.2s;  bottom:0; position: absolute;}
.banner>img:nth-child(3){width:55%;left:0; right: 0; margin: 0 auto;top:46%;animation-delay:1.5s;  bottom:0;position: absolute; }

.mountain-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 41vw;
  background: url('../images/bg.png') no-repeat center;
  background-size: cover;
  z-index: 1;
}

.dy{ width: 100%; background: #2379c8;}
.dy p{ width: 64vw; margin: 0 auto; color: #fff; padding: 1vw;}
.dy p a{ color: #fff;}
.dy p a:hover{ color: #f7f79e;}

.section {
  margin: 3vw auto 0; overflow: hidden;
}

.title {
  margin-bottom: 2vw;
  text-align: center;
}

.title img {
  height:5.5vw;
}

.Paragraph{ padding:1vw;}
.news-list1{ width: 100%; background-color: #fff; border:0.8vw solid #b4cff7; overflow: hidden; padding: 1vw; margin-bottom:1.5vw;}

/* switch */
.switch{width:24vw;height:16.46vw;position:relative; }
.switch ul{width:100%;height:100%;position:relative;overflow:hidden;}
.switch li{width:100%;height:100%;position:absolute;top:0;left:0;}
.switch ul li img{width:24.38vw; height:16.46vw;position:absolute;top:0;left:0; border-radius: 0.4vw;}
.switch-nav{bottom:1.04vw;right:12vw;position:absolute;z-index:1;height:0.47vw;}
.switch-nav span.active{ background: #f7eade; border-radius:10vw; width:1.04vw; height:0.52vw;  }
.switch-nav span{margin:0 0.16vw;text-align:center;line-height:0.52vw;cursor:pointer;float:left;display:block;width:0.52vw;height:0.52vw; background: #fff; border-radius:2.6vw;color:#fff;  }

.news-item{width:31vw;}
.news-item h1{ background-color: #da2f25; color: #fff; font-size: 1.04vw; padding: 0.2vw; text-align: center; margin: 1vw 0 1vw 0;}
.p1{ padding-bottom: 1vw; overflow: hidden;}
.p2{overflow: hidden;}
.l_news{ width: 48%;  overflow:hidden; }
.l_news a {
  width:100%;
  overflow: hidden;
  line-height: 3vw;
  font-size: 1vw;
  color:#686868; display:block; float:left; background:url('../images/icon.png') no-repeat 0 1.2vw; padding-left:3%; border-bottom:0.13vw #d0cfcf dotted; padding-bottom:0.4vw; color: #252525; }
.l_news a:hover{color: #c32c2c;}


.p1 img{ width: 18vw;}
.news-item1{width:37vw;  }
.news-item1 h1{  color: #000; font-size: 1.2vw; padding: 0.2vw; text-align:left; margin: 0 0 0.5vw 0; line-height: 2vw;}

.news-list2{ width: 100%; background-color: #fff; border:0.8vw solid #fbd89a; overflow: hidden; padding: 1vw; margin-bottom:1.5vw;}
.p3{ padding-bottom: 2vw; overflow: hidden; border-bottom: 0.1vw dashed #fbd89a; margin: 2vw 0 0 0;}
.p3 img{ width: 18vw;}
.s4{ background-color: #2379c8; width: 100%;}


/* 基础布局 - 使用Flexbox实现4等分带间隔 */
.image-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 0.78125vw;
  width: 100%;
  padding: 0.52083vw;
  box-sizing: border-box;
}

.image-item {
  position: relative;
  flex: 1 1 calc(25% - 0.78125vw);
  min-width: calc(25% - 0.78125vw);
  overflow: hidden;
  border-radius: 0.41667vw;
}

.image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

/* 图片遮罩层和文字 */
.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.image-text {
  color: white;
  font-size: 1.2rem;
  text-align: center;
  padding: 0.78125vw;
}

/* 悬停效果 */
.image-item:hover img {
  transform: scale(1.1);
}

.image-item:hover .image-overlay {
  opacity: 1;
}
/* 添加阴影和更流畅的动画 */
.image-item {
  transition: all 0.3s ease;
  box-shadow: 0 0.15625vw 0.52083vw rgba(0, 0, 0, 0.1);
}

.image-item:hover {
  box-shadow: 0 0.41667vw 1.04167vw rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* 文字动画效果 */
.image-text {
  transform: translateY(1.04167vw);
  transition: transform 0.3s ease;
}

.image-item:hover .image-text {
  transform: translateY(0);
}


/*ling*/
.ling {
  height: 25vw;
  position: relative;
  margin: 3.125vw auto;
  width: 59.79167vw;
}

.ling img {
  display: block;
  position: absolute;
  width: 12.70833vw;
  height: 11.40625vw;
}

img.x1 {
  left: 0vw;
  top: 6.14583vw;
}

img.x2 {
  left: 11.71875vw;
  top: 0vw;
}

img.x3,
show2 {
  left: 11.71875vw;
  top: 12.1875vw;
}

img.x4 {
  left: 23.54167vw;
  top: 6.14583vw;
}

img.x5 {
  left: 35.20833vw;
  top: 0vw;
}

img.x6 {
  left: 35.20833vw;
  top: 12.1875vw;
}

img.x7 {
  left: 47.08333vw;
  top: 6.14583vw;
}

.show {
  position: absolute;
  top: 6.09375vw;
  left: 0vw;
  display: none;
}

.show_text {
  color: #fff;
  text-align: center;
  width: 9.375vw;
  height: 2.34375vw;
  position: absolute;
  top: 3.64583vw;
  text-indent: 0;
}

.show_text a {
  color: #fff;
  font-size: 0.83333vw;
}

.show1 {
  top: 0;
  left: 11.71875vw;
}

.show2 {
  left: 11.71875vw;
  top: 12.1875vw;
}

.show3 {
  left: 23.54167vw;
  top: 6.14583vw;
}

.show4 {
  left: 35.20833vw;
  top: 0vw;
}

.show5 {
  left: 35.20833vw;
  top: 12.13542vw;
}

.show6 {
  left: 47.08333vw;
  top: 6.14583vw;
}


.foot{background-color: #2379c8; line-height: 5vw; text-align: center; color: #fff; height: 6vw;}

/* g-part3 */
.g-part3 {
  width: 100%;
  padding: 4vw 0;
  background-color: #2379c8;
}
.m-main{  margin: 0 auto; overflow: hidden;}

.my-swiper {
  width: 100%;
  padding-bottom: 6vw;
  
}

/* 幻灯片样式 - 使用 vw 单位 */
.my-swiper .swiper-slide {
  width: 60vw;
  max-width: 20.83333vw;
  padding: 1vw;
  box-sizing: border-box;
  margin-top: 2vw;
  height:31vw;
}
.swiper-slide img {
  width: 100%;
  height: auto;
  max-width: 100%; /* 确保图片不超过容器大小 */
  object-fit: contain; /* 保持图片比例 */
}



/* 图片容器样式 */
.my-swiper .m-pic {
  position: relative;
  overflow: hidden;
  border-radius: 50vw;
  box-shadow: 0 0.26042vw 0.52083vw rgba(0,0,0,0.1);

}

.my-swiper .m-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: 0.20833vw solid #ffdd59;
  border-radius: 50vw;
}

/* 标题样式 */
.my-swiper h1 {
  margin-top: 1vw;
  text-align: center;
  color: #fff;
  text-align: center;
  font-size: 1.3vw;
  font-weight: bold;
}
.my-swiper p {
  margin-top:0.5vw;
  font-size: 0.7vw;

  color: #fff;
  width: 80%;
  margin: 0 auto;
  
}

.my-swiper p a {
  font-size:0.7vw;
  color: #fff;
  text-decoration: none;
  
  
  line-height: 1.3;
}
.my-swiper p a:hover { color: #f9ffb2;}




@media screen and (max-width: 1000px) {
  html, body {
    min-width: 1200px;
    overflow-x: auto;
  }
}