@charset "UTF-8";
.chn-name{z-index:8;top: 2.6rem;}
.index-swiper-iphone{display: none;}
.resuorces-tit {display: flex;align-items: center; justify-content: center; margin:0.8rem 0 0 0;padding:0 1.6rem;flex-wrap: wrap; /* 基础允许换行，为移动端布局铺垫 */}
.resuorces-tit a {display: inline-block;display: flex;height: 1rem; align-items: center;padding:0.33rem 0.4rem ;margin: 0.15rem 0; border:1px solid #f0f0f0; color:#a4a4a4 ;text-decoration: none;font-size: 0.2rem;text-align: center;}
.resuorces-tit a:hover{background-color: #131885; color: #fff;}
.resuorces-tit .divider:nth-of-type(7) {
      display: none; 
    }
.bblue{background-color:#131885 !important; color: #fff !important;}
.resuorces-tit .divider {width:0.15rem; height:0.02rem; background-color: #ccc; margin: 0 0.1rem; }
.resuorces-tit .divider:last-of-type {
  display: none !important;
}
.resuorces-tit a:nth-of-type(9) {
/*width: 2.2rem !important;*/
}
/*.resuorces-tit a:nth-of-type(11) {
width: 2.5rem !important;
}*/   /*11个城市样式*/

.resuorces-tit a:last-of-type {
width: 2.5rem !important;
}  /*6个城市样式*/

 /* 活页夹内容样式 */
.huoyejia {
  padding: 0.8rem 0;
}

/* 内容项默认隐藏 */
.huoyejia-content {
  display: none;
  animation: fadeIn 0.5s ease;
}

/* 激活的内容项显示 */
.huoyejia-content.active {
  display: block;
}

/* 淡入动画 */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.box-one{display:flex;width: 100%;}
.video-one{width: 50%;box-sizing: border-box;padding: 0 0.2rem 0 0;}
.video-one video{display: block;width: 90%; margin-bottom:0.1rem;}
.video-one img{width: 90%; margin-bottom:0.1rem;}
.text-one{width: 50%;box-sizing: border-box;padding: 0 0.2rem 0 0;}
.text-one h4{font-size: 0.34rem;line-height: 0.46rem;color: #251713;margin-bottom: 0.2rem;font-weight: bold;}
.text-one .zy{font-size: 0.32rem;color: #251713;line-height: 0.46rem;}
.text-one .zy p{margin-bottom: 0.45rem;}
.video-controls{position: absolute;left: 40%;bottom: 40%;width: 0.5rem;z-index: 10;width:10% !important;}
/* 播放中隐藏按钮的类 */
.a-video.playing .video-controls {
    opacity: 0; /* 播放时透明隐藏 */
}
.a-video{display: block;position: relative;}
.a-img{display: block;cursor: default;}

/**********滚图样式***************/
/* 基础布局 - 适配Swiper 4.5.3 */
.lbpc{display: block;}
.lbphone{display: none;}

.sw-chai {
  width: 100%;
  margin-bottom: 0.4rem;
  position: relative; /* 箭头定位父容器 */
  margin-top: 1rem;
}
.sw-chai h2 {
  text-align: center;
  padding: 0.4rem 0.5rem;
  background-color: #131885;
  color: #fff;
  font-size: 0.5rem;
  margin-bottom: 0.1rem;
  font-weight: bold;
}

/* Swiper 核心样式修复（全端通用） */
.sw-chai .swiper-container {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.sw-chai .swiper-wrapper {
  box-sizing: border-box;
}

/* 滑块基础样式（全端通用）- 扩展到11个Swiper */
.sw-visit-one .swiper-slide,
.sw-visit-two .swiper-slide,
.sw-visit-three .swiper-slide,
.sw-visit-four .swiper-slide,
.sw-visit-five .swiper-slide,
.sw-visit-six .swiper-slide,
.sw-visit-seven .swiper-slide,
.sw-visit-eight .swiper-slide,
.sw-visit-nine .swiper-slide,
.sw-visit-ten .swiper-slide,
.sw-visit-eleven .swiper-slide {
  display: block;
  position: relative;
  flex-shrink: 0; /* 禁止滑块收缩 */
}

/* PC端（769px以上）：3.5列布局 - 扩展到11个Swiper */
@media (min-width: 769px) {
  .sw-visit-one .swiper-slide,
  .sw-visit-two .swiper-slide,
  .sw-visit-three .swiper-slide,
  .sw-visit-four .swiper-slide,
  .sw-visit-five .swiper-slide,
  .sw-visit-six .swiper-slide,
  .sw-visit-seven .swiper-slide,
  .sw-visit-eight .swiper-slide,
  .sw-visit-nine .swiper-slide,
  .sw-visit-ten .swiper-slide,
  .sw-visit-eleven .swiper-slide {
    width: calc(100% / 3.5 - 10px); /* 匹配JS的spaceBetween:10 */
  }
  /* PC端保留箭头 */
  [class^="sw-visit-"] .swiper-button-prev,
  [class^="sw-visit-"] .swiper-button-next {
    display: block;
  }
}

/* 移动端（768px及以下）：100%宽度 - 扩展到11个Swiper */
@media (max-width: 768px) {
  .sw-visit-one .swiper-slide,
  .sw-visit-two .swiper-slide,
  .sw-visit-three .swiper-slide,
  .sw-visit-four .swiper-slide,
  .sw-visit-five .swiper-slide,
  .sw-visit-six .swiper-slide,
  .sw-visit-seven .swiper-slide,
  .sw-visit-eight .swiper-slide,
  .sw-visit-nine .swiper-slide,
  .sw-visit-ten .swiper-slide,
  .sw-visit-eleven .swiper-slide {
    width: 100% !important; /* 一屏占满 */
  }
  /* 移动端可选隐藏箭头（仅保留触摸滑动），如需显示可删除此段 */
  [class^="sw-visit-"] .swiper-button-prev,
  [class^="sw-visit-"] .swiper-button-next {
    display: none;
  }

  /* 滑块内元素样式（全端通用）- 扩展到11个Swiper */
  .sw-visit-one .swiper-slide h4,
  .sw-visit-two .swiper-slide h4,
  .sw-visit-three .swiper-slide h4,
  .sw-visit-four .swiper-slide h4,
  .sw-visit-five .swiper-slide h4,
  .sw-visit-six .swiper-slide h4,
  .sw-visit-seven .swiper-slide h4,
  .sw-visit-eight .swiper-slide h4,
  .sw-visit-nine .swiper-slide h4,
  .sw-visit-ten .swiper-slide h4,
  .sw-visit-eleven .swiper-slide h4 {
    color: #fff!important;
    font-size: 0.3rem !important;
    width: 100% !important;
    font-weight: bold !important;
    text-align: right !important; 
    bottom: 0 !important;
  }
  .sw-visit-one .swiper-slide img,
  .sw-visit-two .swiper-slide img,
  .sw-visit-three .swiper-slide img,
  .sw-visit-four .swiper-slide img,
  .sw-visit-five .swiper-slide img,
  .sw-visit-six .swiper-slide img,
  .sw-visit-seven .swiper-slide img,
  .sw-visit-eight .swiper-slide img,
  .sw-visit-nine .swiper-slide img,
  .sw-visit-ten .swiper-slide img,
  .sw-visit-eleven .swiper-slide img {
    height: 5rem !important;
  }
}

/* 滑块内元素样式（全端通用）- 扩展到11个Swiper */
.sw-visit-one .swiper-slide h4,
.sw-visit-two .swiper-slide h4,
.sw-visit-three .swiper-slide h4,
.sw-visit-four .swiper-slide h4,
.sw-visit-five .swiper-slide h4,
.sw-visit-six .swiper-slide h4,
.sw-visit-seven .swiper-slide h4,
.sw-visit-eight .swiper-slide h4,
.sw-visit-nine .swiper-slide h4,
.sw-visit-ten .swiper-slide h4,
.sw-visit-eleven .swiper-slide h4 {
  position: absolute;
  padding: 0.2rem;
  color: #fff;
  font-size: 0.3rem;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.sw-visit-one .swiper-slide img,
.sw-visit-two .swiper-slide img,
.sw-visit-three .swiper-slide img,
.sw-visit-four .swiper-slide img,
.sw-visit-five .swiper-slide img,
.sw-visit-six .swiper-slide img,
.sw-visit-seven .swiper-slide img,
.sw-visit-eight .swiper-slide img,
.sw-visit-nine .swiper-slide img,
.sw-visit-ten .swiper-slide img,
.sw-visit-eleven .swiper-slide img {
  width: 100%;
  display: block;
  object-fit: cover;
  height: 3.2rem;
}

/* Swiper箭头样式（全端通用，移动端被媒体查询控制显示/隐藏） */
[class^="sw-visit-"] .swiper-button-prev,
[class^="sw-visit-"] .swiper-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
  left: 10px;
  right: auto;
}
[class^="sw-visit-"] .swiper-button-next,
[class^="sw-visit-"] .swiper-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
  right: 10px;
  left: auto;
}
/***********滚图样式end**************/

/**********滑块样式**********/
.sb-wi {
  width: 98%;
  /*height: 10rem;
  overflow-y: scroll;*/
  /* 增加内边距，避免内容贴边 */
  padding-right: 0.5rem;
  /* 隐藏原生滚动条（仅针对 IE/Edge） */
  /*-ms-overflow-style: none;*/
  /* 隐藏原生滚动条（仅针对 Firefox） */
  /*scrollbar-width: thin;*/
  /* 自定义滚动条宽度（Firefox） */
  /*scrollbar-color: #000000 #cacaca;*/
}

/* 隐藏 Chrome/Safari 等 Webkit 内核浏览器的默认滚动条轨道 */
.sb-wi::-webkit-scrollbar {
  /* 滚动条宽度（垂直滚动条） */
  width: 2px;
  /* 滚动条高度（水平滚动条，这里不需要可以设0） */
  height: 0;
}

/* 滚动条轨道样式 */
.sb-wi::-webkit-scrollbar-track {
  /* 轨道背景色 */
  background: #cfcfcf;
  /* 轨道圆角 */
  border-radius: 10px;
}

/* 滚动条滑块样式 */
.sb-wi::-webkit-scrollbar-thumb {
  /* 滑块背景色 */
  background: #000;
  /* 滑块圆角 */
  border-radius: 2px;
  /* 去掉默认边框 */
  border: none;
}

/* 滑块hover状态 */
.sb-wi::-webkit-scrollbar-thumb:hover {
  /* hover时加深颜色 */
  background: #000000;
}

/* 滑块active状态 */
.sb-wi::-webkit-scrollbar-thumb:active {
  /* 点击时颜色更深 */
  background: #000000;
}
/***********滑块样式end**************/

/* 响应式调整 */
@media (max-width: 768px) {
  .index-swiper{height:4.6rem !important;margin-bottom: 0;}
  .index-swiper .swiper-slide .img-wrap{height:4.6rem !important}
  .lbphone{display: block;}
  .lbpc{display: none;}
  .sb-wi{padding-right: 0;height:auto !important;width: 100%;}
  .sw-chai{margin-top: 0;}
  .sw-chai h2{background: none;text-align: left;color:#131885;font-weight: bold;font-size: 0.4rem;}
  .chn-name{position: absolute;z-index: 10;top: 2.09rem;height: auto !important;}
  .index-swiper{}
  .index-swiper-iphone{display:none}
  .index-swiper-iphone .swiper-slide {display: block;width: 100%;height: 9.6rem;}
  .index-swiper-iphone .swiper-slide  img{width: 100%;height: 100%;object-fit: cover;}

  /* 手机版banner滚图end */

  .resuorces-tit { flex-wrap: wrap;justify-content: center;padding:0 0.1rem ;margin:0.4rem 0rem 0.2rem; row-gap: 0;}
  .resuorces-tit a {padding:0.4rem 0.3rem ;font-size: 0.2rem;justify-content: center;width: 2.1rem; flex: 0 0 calc(32% - 0.24rem); margin: 0.12rem;}
   .resuorces-tit a:last-of-type {width: 2.1rem !important;} 

 .resuorces-tit .divider{display: none;}
/*.resuorces-tit a:nth-of-type(11) {width: 2.3rem !important;}*/
  .huoyejia {
    margin-top:0.1rem;
    padding:0rem 0 0.3rem 0;
  }
  .box-one{display: block;padding: 0 0.4rem 0rem 0.4rem;}
  .video-one{width: 100%;padding:0.2rem 0 0 0;}
  .video-one img{width: 100%;}
  .video-one video{width:100%;}
  .text-one{width: 100%;padding:0.2rem 0 0.5rem 0;}
  .video-controls{left: 44% !important;}
}



/* 仅 iPad（iPadOS）的 Safari 浏览器，覆盖为 4px */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait),
       only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Safari 专属前缀 -webkit- 配合 @supports 精准识别 */
  @supports (-webkit-touch-callout: none) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)) {
    .resuorces-tit {
      gap: 16px !important; /* !important 确保覆盖默认 rem 样式 */
      row-gap: 16px !important;
    }

  }
}