@charset "utf-8";
/* style 空文件 */
.ebjz {
  display: flex;
  justify-content: space-between;
}
.sxjz {
  display: flex;
  align-items: center;
}
.m-0 {
  margin: 0 !important
}
.m-1 {
  margin: .25rem !important
}
.m-2 {
  margin: .5rem !important
}
.m-3 {
  margin: 1rem !important
}
.m-4 {
  margin: 1.5rem !important
}
.m-5 {
  margin: 3rem !important
}
.m-auto {
  margin: auto !important
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important
}
.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important
}
.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}
.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important
}
.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}
.mt-0 {
  margin-top: 0 !important
}
.mt-1 {
  margin-top: .25rem !important
}
.mt-2 {
  margin-top: .5rem !important
}
.mt-3 {
  margin-top: 1rem !important
}
.mt-4 {
  margin-top: 1.5rem !important
}
.mt-5 {
  margin-top: 3rem !important
}
.mt-auto {
  margin-top: auto !important
}
.me-0 {
  margin-right: 0 !important
}
.me-1 {
  margin-right: .25rem !important
}
.me-2 {
  margin-right: .5rem !important
}
.me-3 {
  margin-right: 1rem !important
}
.me-4 {
  margin-right: 1.5rem !important
}
.me-5 {
  margin-right: 3rem !important
}
.me-auto {
  margin-right: auto !important
}
.mb-0 {
  margin-bottom: 0 !important
}
.mb-1 {
  margin-bottom: .25rem !important
}
.mb-2 {
  margin-bottom: .5rem !important
}
.mb-3 {
  margin-bottom: 1rem !important
}
.mb-4 {
  margin-bottom: 1.5rem !important
}
.mb-5 {
  margin-bottom: 3rem !important
}
.mb-6 {
  margin-bottom: 4rem !important
}
.mb-7 {
  margin-bottom: 5rem !important
}
.mb-8 {
  margin-bottom: 6rem !important
}
.mb-auto {
  margin-bottom: auto !important
}
.ms-0 {
  margin-left: 0 !important
}
.ms-1 {
  margin-left: .25rem !important
}
.ms-2 {
  margin-left: .5rem !important
}
.ms-3 {
  margin-left: 1rem !important
}
.ms-4 {
  margin-left: 1.5rem !important
}
.ms-5 {
  margin-left: 3rem !important
}
.ms-auto {
  margin-left: auto !important
}
.p-0 {
  padding: 0 !important
}
.p-1 {
  padding: .25rem !important
}
.p-2 {
  padding: .5rem !important
}
.p-3 {
  padding: 1rem !important
}
.p-4 {
  padding: 1.5rem !important
}
.p-5 {
  padding: 3rem !important
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important
}
.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important
}
.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}
.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}
.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}
.py-27 {
  padding-top: .75rem !important;
  padding-bottom: .75rem !important
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}
.pt-0 {
  padding-top: 0 !important
}
.pt-1 {
  padding-top: .25rem !important
}
.pt-2 {
  padding-top: .5rem !important
}
.pt-3 {
  padding-top: 1rem !important
}
.pt-4 {
  padding-top: 1.5rem !important
}
.pt-5 {
  padding-top: 3rem !important
}
.pe-0 {
  padding-right: 0 !important
}
.pe-1 {
  padding-right: .25rem !important
}
.pe-2 {
  padding-right: .5rem !important
}
.pe-3 {
  padding-right: 1rem !important
}
.pe-4 {
  padding-right: 1.5rem !important
}
.pe-5 {
  padding-right: 3rem !important
}
.pb-0 {
  padding-bottom: 0 !important
}
.pb-1 {
  padding-bottom: .25rem !important
}
.pb-2 {
  padding-bottom: .5rem !important
}
.pb-3 {
  padding-bottom: 1rem !important
}
.pb-4 {
  padding-bottom: 1.5rem !important
}
.pb-5 {
  padding-bottom: 3rem !important
}
.ps-0 {
  padding-left: 0 !important
}
.ps-1 {
  padding-left: .25rem !important
}
.ps-2 {
  padding-left: .5rem !important
}
.ps-3 {
  padding-left: 1rem !important
}
.ps-4 {
  padding-left: 1.5rem !important
}
.ps-5 {
  padding-left: 3rem !important
}
.ps-7 {
  padding-left: 7rem !important
}
.ps-8 {
  padding-left: 8rem !important
}
.ps-9 {
  padding-left: 9rem !important
}
.gap-0 {
  gap: 0 !important
}
.gap-1 {
  gap: .25rem !important
}
.gap-2 {
  gap: .5rem !important
}
.gap-3 {
  gap: 1rem !important
}
.gap-4 {
  gap: 1.5rem !important
}
.gap-45 {
  gap: 2rem !important
}
.gap-5 {
  gap: 3rem !important
}
.font-655 {
  font-size: 6.55rem
}
.font-555 {
  font-size: 5.55rem
}
.font-455 {
  font-size: 4.55rem
}
.font-355 {
  font-size: 3.55rem
}
.font-255 {
  font-size: 2.55rem
}
.font-245 {
  font-size: 2.45rem
}
.font-235 {
  font-size: 2.25rem
}
.font-225 {
  font-size: 2.25rem
}
.font-215 {
  font-size: 2.15rem
}
.font-200 {
  font-size: 2rem
}
.font-195 {
  font-size: 1.95rem
}
.font-185 {
  font-size: 1.85rem
}
.font-175 {
  font-size: 1.75rem
}
.font-165 {
  font-size: 1.65rem
}
.font-155 {
  font-size: 1.55rem
}
.font-145 {
  font-size: 1.45rem
}
.font-135 {
  font-size: 1.35rem
}
.font-125 {
  font-size: 1.25rem
}
.font-120 {
  font-size: 1.2rem
}
.font-115 {
  font-size: 1.15rem
}
.font-110 {
  font-size: 1.1rem
}
.font-105 {
  font-size: 1.05rem
}
.font-100 {
  font-size: 1rem
}
.font-80 {
  font-size: .8rem
}
.font-85 {
  font-size: .85rem
}
.font-90 {
  font-size: .9rem
}
.font-95 {
  font-size: .95rem
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important
}
.fs-2 {
  font-size: calc(1.325rem + .9vw) !important
}
.fs-3 {
  font-size: calc(1.3rem + .6vw) !important
}
.fs-4 {
  font-size: calc(1.275rem + .3vw) !important
}
.fs-5 {
  font-size: 1.25rem !important
}
.fs-6 {
  font-size: 1rem !important
}
.ssann {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #307fe2; /* 基础蓝色 */
  text-align: center;
  line-height: 30px; /* 垂直居中文字 */
  display: inline-block;
  color: #fff; /* 文字白色（默认补充，避免文字与背景融合） */
  cursor: pointer; /*  hover 时显示指针，提示可交互 */
  transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); /* 缓动过渡，更自然 */
  position: relative; /* 用于承载外层光晕 */
  z-index: 1; /* 确保文字/主体在光晕上方 */
}
/* 外层光晕（hover 时显示） */
.ssann::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8); /* 初始缩小+居中 */
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(72, 128, 221, 0.6) 0%, rgba(72, 128, 221, 0) 70%);
  opacity: 0; /* 初始透明 */
  transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  z-index: -1; /* 光晕在主体下方 */
}
/* hover 交互效果 */
.ssann:hover {
  transform: scale(1.1); /* 主体轻微放大（1.15倍） */
  background-color: #3a6fc8; /* 背景色加深，增强反馈 */
  box-shadow: 0 4px 12px rgba(72, 128, 221, 0.5); /* 增加轻微阴影，提升立体感 */
}
.ssann:hover::after {
  transform: translate(-50%, -50%) scale(1.4); /* 光晕放大扩散 */
  opacity: 1; /* 光晕显示 */
}
/*banner文字*/
.carousel-txt {
  position: absolute;
  z-index: 999;
  max-width: 650px
}
.carousel-txt p.p1 {
  color: #fff;
  font-size: 3rem;
}
.carousel-txt p.p2 {
  color: #fff;
  font-size: 1.8rem;
  margin-top: 10px;
}
.font-w300 {
  font-weight: 300;
}
.font-w100 {
  font-weight: 100;
}
.font-w200 {
  font-weight: 200;
}
.tm08 {
  opacity: .8
}
.tm06 {
  opacity: .6
}
.ComXuan {
  position: fixed;
  right: 60px;
  display: flex;
  z-index: 9;
  flex-direction: column;
  justify-content: center;
  bottom: 35%;
}
.ComXuan_b {
  width: 50px;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);
  background-color: #969696;
  border-radius: 50%;
  height: 50px;
  margin-top: 15px;
  transition: all .4s ease;
}
.ComXuan_b:hover {
  background-color: #4880D4;
}
.ComXuan_b a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bold
}
.ComXuan_b i {
  font-size: 20px;
  font-weight: bold;
}
.ComXuan_T {
  width: 50px;
  height: 50px;
  background: #4880D4;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  transition: all .4s ease;
}
.ComXuan_T:hover {
  background-color: #969696;
}
.ComXuan_T a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}
.ComXuan_T a > img {
  width: 30px;
  height: 100%;
}
.ComXuan_T_Xing {
  background: url(../fonts/comxuan_t_xing.svg)center no-repeat;
  background-size: contain;
  width: 56px;
  height: 64px;
  position: absolute;
  top: -32px;
  left: 0px;
}
.ComXuan_T_Xing a {
  margin-top: 0px !important;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ComXuan_T_Xing a img {
  height: auto;
  width: auto;
}
.ComXuan_T .ER_max {
  position: absolute;
  left: -170px;
  bottom: -30px;
  display: none;
  width: 180px;
}
.ComXuan_T .ER_max > div {
  width: 156px;
  height: 178px;
  background: #FFFFFF;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 10px;
}
.ComXuan_T .ComXuan_T_img > img:nth-child(1) {
  position: absolute;
  opacity: 1;
  transition: all .4s ease;
}
.ComXuan_T .ComXuan_T_img > img:nth-child(2) {
  opacity: 0;
  transition: all .4s ease;
}
.ComXuan_T .ComXuan_T_img:hover > img:nth-child(1) {
  opacity: 0;
}
.ComXuan_T .ComXuan_T_img:hover > img:nth-child(2) {
  opacity: 1;
}
.lanih {
  display: inline-flex;
  align-items: center; /* 图标与文本垂直居中 */
  gap: 4px; /* 图标与文本间距：避免拥挤 */
  padding: 8px 1px;
  text-decoration: none;
  border-radius: 24px; /* 大圆角：柔和现代 */
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden; /* 裁剪背景填充效果 */
  background-color: transparent;
}
.lanih:hover {
  padding: 8px 20px;
}
/* 背景填充：hover时从左到右覆盖 */
.lanih::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0; /* 默认隐藏 */
  height: 100%;
  background-color: rgba(72, 128, 221, 0.1); /* 浅红背景：填充效果 */
  transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* 过渡曲线：先慢后快 */
  z-index: -1; /* 背景层级：在文本下方 */
}
.lanih:hover::before {
  width: 100%; /* 背景从0→100%：填充效果 */
}
/* 点击状态：按下反馈 */
.lanih:active {
  transform: scale(0.97);
  box-shadow: 0 2px 6px rgba(72, 128, 221, 0.1);
}
.diepic .swiper-slide {
  margin-top: 45px;
  opacity: 0.35 !important
}
.diepic .swiper-slide-active {
  margin-top: 0px;
  opacity: 1 !important
}
.diepic .slide-content {
  position: relative;
}
.diepic .slide-video {
  display: none; /* 默认隐藏视频，只显示海报图 */
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.diepic .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
  opacity: 0
}
.diepic .swiper-slide-active .play-button {
  opacity: 1;
}
.diepic .play-button i {
  color: white;
  font-size: 30px;
  margin-left: 5px; /* 让播放图标看起来居中 */
}
.diepic .play-button:hover {
  background-color: rgba(255, 255, 255, 0.8);
  transform: translate(-50%, -50%) scale(1.1);
}
.diepic .play-button:hover i {
  color: #000;
}
.diepic .slide-title {
  position: absolute;
  top: 15px;
  right: 15px;
  color: white;
  font-size: 16px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  padding: 2px 10px;
  border-radius: 5px;
}
.diepic .swiper-slide-active .slide-title {
  opacity: 1;
}
/* 视频弹窗样式 */
.video-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 1000;
  align-items: center;
  justify-content: center;
}
.modal-content {
  position: relative;
  width: 90%;
  max-width: 1200px;
}
.modal-title {
  color: white;
  margin-bottom: 15px;
  text-align: center;
}
.modal-video {
  width: 100%;
  max-height: 80vh;
}
.close-button {
  position: absolute;
  top: -40px;
  right: 0;
  color: white;
  font-size: 30px;
  cursor: pointer;
}
.close-button:hover {
  color: #ccc;
}
/* 核心交互卡片 - 控制背景图和所有内容 */
.interactive-card {
  width: 100%; /* 卡片宽度，可按需调整 */
  position: relative; /* 子元素绝对定位的基准 */
  overflow: hidden; /* 隐藏超出卡片的内容（hover区域初始在外部） */
  border-radius: 4px; /* 圆角优化视觉 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* 轻微阴影增加层次感 */
  cursor: pointer; /* 鼠标悬浮显示指针，提示可交互 */
}
/* 背景图样式 */
.card-bg {
  width: 100%;
  height: 100%;
  /* 示例背景图，可替换为自己的图片链接 */
  background-size: cover; /* 背景图铺满容器 */
  background-position: center; /* 背景图居中 */
}
.card-bg img {
  display: block
}
/* 黑色半透明遮罩层 - 增强文字可读性 */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3); /* 黑色半透明，0.3为透明度 */
  z-index: 5; /* 位于背景图之上，文字之下 */
}
/* 初始状态的居中两行文字 */
.initial-text {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%); /* 精确居中 */
  text-align: center;
  color: #fff; /* 白色文字，与背景图对比 */
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 文字阴影，增强可读性 */
  transition: all 0.3s ease; /* 文字轻微过渡，配合hover */
  z-index: 10; /* 确保文字在遮罩层和白色区域上方 */
}
.initial-text h2 {
  font-size: 20px;
  font-weight: normal
}
.initial-text p {
  font-size: 18px;
  opacity: 0.9;
}
/* hover时显示的白色背景区域（占卡片一半高度） */
.hover-content {
  position: absolute;
  top: 0; /* 从顶部开始 */
  left: 0;
  right: 0;
  height: 55%; /* 刚好一半高度 */
  background-color: #fff; /* 白色背景 */
  padding: 30px; /* 内部间距，避免文字贴边 */
  transform: translateY(-100%); /* 初始状态：完全隐藏在卡片顶部外部 */
  opacity: 0; /* 初始透明，增强过渡效果 */
  transition: transform 0.4s ease, opacity 0.4s ease; /* 平滑过渡动画 */ z-index: 20;
}
/* hover时的内容文字样式 */
.hover-content p {
  color: #333; /* 深色文字，与白色背景对比 */
  font-size: 16px;
  line-height: 1.6; /* 行高优化可读性 */
  margin-bottom: 12px;
}
/* 鼠标经过卡片时的状态变化 */
.interactive-card:hover .hover-content {
  transform: translateY(0); /* 滑入卡片内部 */
  opacity: 1; /* 显示不透明 */
}
/* 调整：hover时初始文字轻微下移，增强交互感 */
.interactive-card:hover .initial-text {
  transform: translate(-50%, 0);
  opacity: 0.8;
}
.qywh-container {
  width: 100%;
  margin: 0 auto;
}
/* 卡片容器样式 */
.qywh-values-container {
  width: 100%;
}
/* 桌面端网格布局 */
.qywh-desktop-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 20px;
}
/* 卡片基础样式 */
.qywh-value-card {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
  height: 500px;
}
.qywh-value-card:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
/* 卡片背景图 */
.qywh-card-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 1;
}
/* 卡片遮罩层 */
.qywh-card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 2;
}
/* 卡片文字内容 */
.qywh-card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  color: white;
  z-index: 3;
  box-sizing: border-box;
}
.qywh-card-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.qywh-card-desc {
  margin-bottom: 15px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.qywh-card-number {
  font-size: 60px;
  font-weight: bold;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.qywh-card-en {
  opacity: 0.9;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  margin-bottom: 15px;
}
/* 错落效果 - 单数卡片 */
.qywh-desktop-grid .qywh-value-card:nth-child(odd) {
  margin-top: 70px;
}
/* 错落效果 - 双数卡片 */
.qywh-desktop-grid .qywh-value-card:nth-child(even) {
  margin-top: 0px;
}
.szyy {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  /* 添加过渡效果，让变换更丝滑 */
  transition: all 0.3s ease; /* 0.3s是动画时长，ease是缓动函数 */
  transform: translateY(0); /* 初始位置 */
}
.szyy:hover {
  /* 向上移动3px */
  transform: translateY(-3px);
  /* 可选：增强阴影效果，提升悬浮感 */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6);
}
.szyy img {
  display: block;
}
.fugaosu {
  background-color: rgb(64, 137, 228, 0.95);
  margin-top: -55px;
  padding: 55px 0;
  z-index: 99;
  position: relative;
  box-sizing: border-box;
}
.fugaosus {
  background-color: rgb(64, 137, 228, 0.95);
  margin-top: -135px;
  padding: 55px;
  z-index: 99;
  box-sizing: border-box;
  position: relative
}
.fugaosu2 {
  position: relative;
  z-index: 100;
  transform: translateY(-35px);
  z-index: 999;
}
.kaidong {
  position: absolute;
  left: -30%;
  top: 35%;
}
.baibj {
  background-color: #fff;
}
.yinying {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.pin10 {
  padding: 10px;
  box-sizing: border-box;
}
.pin35 {
  padding: 0px 35px;
  box-sizing: border-box;
}
.pin1525 {
  padding: 10px 15px 35px 35px;
  box-sizing: border-box;
}
.huibj {
  background-color: #FAFAFA
}
.xiangxia100 {
  transform: translateY(150px);
}
.xiangxia200 {
  transform: translateY(250px);
}
/* 容器：用Flex让子元素水平排列并居中对齐 */
.title-wrapper {
  display: flex;
  align-items: center; /* 垂直居中文字与横线 */
}
/* 横线：通过flex-grow让两条横线平分剩余空间 */
.line {
  flex-grow: 1;
  height: 1px; /* 横线的粗细 */
  background-color: #ccc; /* 横线的颜色，可根据需求调整 */
}
/* 中间文字按钮 */
.title-text {
  padding: 0 60px; /* 文字左右的内边距，避免与横线过于紧凑 */
  background-color: #2b79d9; /* 蓝色背景（可根据需求换色） */
  color: #fff; /* 文字颜色（白色更醒目） */
  font-size: 22px; /* 文字大小 */
  line-height: 45px; /* 行高（控制按钮的高度） */
}
.lanan {
  padding: 5px 15px;
  background-color: #4880DD;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  transition: all 0.4s ease 0s;
}
.lanan:hover {
  background-color: #24416F;
}

 .cpfw_xq_img {

  position: relative;

  padding-top: 65%;

  overflow: hidden;

}

.cpfw_xq_img img {

  position: absolute;

  top: 0;

  left: 0;

  -o-object-fit: cover;

  object-fit: cover;

  height: 100%;

  width: 100%;

  -webkit-transition: all 1s;

  -o-transition: all 1s;

  -moz-transition: all 1s;

  transition: all 1s;

}

/*分页*/
.pager {text-align: center; margin: 20px 0;}
.pager ul {display: flex; flex-wrap: wrap; justify-content: center}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 5px 15px; border: #dddddd solid 1px; margin-left: -1px; display: inline-block;}
.pager ul li a:hover {border-color: #70c4f3; background-color: #70c4f3; color: #999}
.pager ul .active a {border: #3ea8e2 solid 1px; display: inline-block; background-color: #3ea8e2; color: #fff;}
.pager ul a:not([href]):not([class]):hover {border: #dddddd solid 1px; background-color: #fff}
.pager ul .active a:hover {color: #fff; border: #3ea8e2 solid 1px !important; background-color: #3ea8e2 !important}

@media screen and (max-width:960px) {
   
.ComXuan {
    right: 20px;
 
    bottom: 10%;
}   
    
    .zp .hei999{display: none !important}    
    
  .pin35 {
    padding: 0px;
    box-sizing: border-box;
  }
  .title-text {
    padding: 0 30px;
  }
  .xiangxia100 {
    transform: translateY(0px);
  }
  .xiangxia200 {
    transform: translateY(0px);
  }
  .fugaosu2 {
    position: relative;
    z-index: 100;
    transform: translateY(15px);
    px;
    z-index: 999;
  }
  .pin1525 {
    padding: 15px;
    box-sizing: border-box;
  }
  .nobj {
    background-image: url() !important;
  }
  .nobj .bai {
    color: #333 !important
  }
  .kaidong {
    position: absolute;
    left: 5%;
    top: 35%;
    max-width: 90%
  }
  .fugaosu {
    margin-top: -8px;
    padding: 25px 0;
  }
  .fugaosus {
    margin-top: 8px;
    padding: 25px 0;
  }
  .qywh-desktop-grid .qywh-value-card:nth-child(odd) {
    margin-top: 0px;
  }
  .gradient-bg {
    padding: 20px 5px !important;
  }
  .nofle {
    display: block !important
  }
  .qywh-desktop-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .qywh-value-card {
    height: 360px;
  }
  .qywh-card-title {
    font-size: 16px;
  }
  .qywh-card-desc {
    margin-bottom: 10px;
  }
  .qywh-card-number {
    font-size: 42px;
  }
  .indexcp {
    margin-bottom: 15px !important;
  }
  .ps-9 {
    padding-left: 3rem !important;
  }
  .row2-svar .col-3-1, .row2-svar .col-4-1, .row2-svar .col-5-1 {
    width: 48.5% !important;
    margin-right: 3% !important;
  }
  .row2-svar .col-5-1:nth-of-type(5n+5) {
    margin-right: 3%;
  }
  .row2-svar .col-5-1:nth-of-type(5n+1) {
    clear: none;
  }
  .row2-svar .col-3-1:nth-of-type(3n+3), .row2-svar .col-4-1:nth-of-type(3n+3), .row2-svar .col-5-1:nth-of-type(3n+3) {
    margin-right: 3%;
  }
  .row2-svar .col-3-1:nth-of-type(3n+1), .row2-svar .col-4-1:nth-of-type(3n+1), .row2-svar .col-5-1:nth-of-type(3n+1) {
    clear: none;
  }
  .row2-svar .col-3-1:nth-of-type(2n+2), .row2-svar .col-4-1:nth-of-type(2n+2), .row2-svar .col-5-1:nth-of-type(2n+2) {
    margin-right: 0 !important;
  }
  .row2-svar .col-3-1:nth-of-type(2n+1), .row2-svar .col-4-1:nth-of-type(2n+1), .row2-svar .col-5-1:nth-of-type(2n+1) {
    clear: both;
  }
  .carousel-txt {
    max-width: 90% !important;
    top: 40% !important;
    left: 5% !important
  }
  .carousel-txt p.p1 {
    font-size: 2.2rem;
  }
  .carousel-txt p.p2 {
    font-size: 1.6rem;
  }
  .footer-main .page-width {
    padding-top: 30px;
    padding-bottom: 5px;
  }
  .fs-4 {
    font-size: calc(1.875rem + .3vw) !important;
  }
  .diepic .swiper-slide {
    margin-top: 0px;
    opacity: 0.35
  }
  .diepic .slide-title {
    top: 5px;
    right: 5px;
    font-size: 14px;
  }
  .diepic .fs-3 {
    font-size: 3rem !important
  }
}