@font-face {
  font-family: 'HarmonyOS Sans SC';
  src: url('HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

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

/* 从左到右动画 */
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* 从右到左动画 */
@keyframes slideInFromRight {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}

a {
  text-decoration: none;
  color: #fff;
}

ul li {
  list-style: none;
}

html,
body {
  font-family: 'HarmonyOS Sans SC', sans-serif;
  width: 100%;
  box-sizing: border-box;
}

.bgc {
  width: 100%;
  height: 11.25rem;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.bgcheader {
  position: fixed;
  width: 100%;
  /* height: 2rem; */
  z-index: 100;
  /* background-color: #bfbfbf; */
}
.bgc-pc {
  display: block;
}
.bgc-yidong {
  display: none;
}
.bgc .swiper-wrapper img {
  width: 100%;
}
.bgc1 {
  display: block;
  width: 100%;
  height: 8.375rem;
  /* background-image: url(../img/24.png); */
  background-size: 100% 100%;
  box-sizing: border-box;
}
.bgc1pro {
  display: none;
  width: 100%;
  height: 8.375rem;
  /* background-image: url(../img/24.png); */
  background-size: 100% 100%;
  box-sizing: border-box;
}
.bgc2 {
  display: block;
  width: 100%;
  height: 8.375rem;
  /* background-image: url(../img/57.png); */
  background-size: 100% 100%;
  box-sizing: border-box;
}
.bgc2pro {
  display: none;
  width: 100%;
  height: 8.375rem;
  /* background-image: url(../img/57.png); */
  background-size: 100% 100%;
  box-sizing: border-box;
}
.bgc3 {
  width: 100%;
  height: 12.375rem;
  /* background-image: url(../img/67.png); */
  background-size: 100% 100%;
  box-sizing: border-box;
}
.bgc4 {
  display: block;
  width: 100%;
  height: 8.375rem;
  /* background-image: url(../img/70.png); */
  background-size: 100% 100%;
  box-sizing: border-box;
}
.bgc4pro {
  display: none;
  width: 100%;
  height: 8.375rem;
  /* background-image: url(../img/70.png); */
  background-size: 100% 100%;
  box-sizing: border-box;
}
.bgc5 {
  display: block;
  width: 100%;
  height: 8.375rem;
  /* background-image: url(../img/78.png); */
  background-size: 100% 100%;
  box-sizing: border-box;
}
.bgc5pro {
  display: none;
  width: 100%;
  height: 8.375rem;
  /* background-image: url(../img/78.png); */
  background-size: 100% 100%;
  box-sizing: border-box;
}
/* pc端导航样式 */
.navbar {
  height: 1.25rem;
  box-sizing: border-box;
  padding: 0 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.navbar img {
  height: 0.4875rem;
  vertical-align: middle;
}

.navbar .nav-links {
  display: flex;
  align-items: center;
}

.navbar .nav-links a {
  font-size: 0.225rem;
  margin-left: 0.85rem;
  position: relative;
}

.navbar .nav-links a:nth-child(5) {
  margin-right: 0;
}

/* 下划线 */
.navbar .nav-links a.active::after {
  content: '';
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 50%;
  height: 2px;
  background-color: #fff;
  transform: translateX(50%);
}

/* ======== 移动端导航 ======== */
.nav-toggle {
  display: none;
  background: transparent;
  border: none;
  padding: 6px;
}
.nav-toggle img {
  display: block;
}

.contents {
  width: 100%;
  height: auto;
  background-image: url(../img/129.png);
  background-size: 100% 120%;
}

.contents1 {
  width: 100%;
  height: 22.7rem;
  background-image: url(../img/129.png);
  background-size: 100% 120%;
}
.contents2 {
  width: 100%;
  min-height: 24rem;
  background-image: url(../img/129.png);
  background-size: 100% 120%;
}
.contents3 {
  width: 100%;
  min-height: 60rem;
  background-image: url(../img/129.png);
  background-size: 100% 120%;
  overflow: hidden;
}

.contents .contentFirst {
  padding: 0 3.2375rem;
  padding-top: 1.65rem;
  text-align: center;
}

.yewu {
  font-size: 0.65rem;
  color: #01183b;
  font-weight: bold;
}
.lixing {
  font-size: 0.4rem;
  color: #032849;
  margin-top: 0.3375rem;
  padding: 0 1.5rem;
}
.lixing1 {
  font-size: 0.3rem;
  color: #032849 !important;
  margin-top: 0.3375rem !important;
}
.lixing2 {
  font-size: 0.4rem;
  color: #032849;
  margin-top: 0.3375rem;
  padding: 0;
}
.contents .contentTwo {
  padding: 0 3.2375rem;
  padding-top: 1.2625rem;
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}

/* 卡片列容器 */
.card-col {
  position: relative;
  cursor: pointer;
  width: 5.3875rem; /* 小卡片宽度 */
  height: 5.6375rem; /* 小卡片高度 */
  /* transition: width 0.3s ease; */
}

/* 小卡片样式（默认显示） */
.twoRight {
  height: 5.6375rem;
  width: 5.3875rem;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 0.25rem;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
}

/* 大图样式（默认隐藏） */
.twoLeft {
  height: 5.6375rem;
  width: 11.325rem; /* 大图宽度是两个小卡片加间距 */
  background-image: url(../img/43.png);
  background-size: 100% 100%;
  cursor: pointer;
  padding-left: 0.875rem;
  position: absolute;
  top: 0;
  left: 0;
  display: none; /* 默认隐藏 */
  z-index: 10;
  transition: all 0.3s ease;
}

/* 左侧卡片列激活时 */
.card-col:first-child.is-expanded {
  width: 11.325rem; /* 展开到大图宽度 */
}
.card-col:first-child.is-expanded .twoLeft {
  display: block;
}
.card-col:first-child.is-expanded .twoRight {
  display: none;
}

/* 右侧卡片列激活时 */
.card-col:last-child.is-expanded {
  width: 11.325rem; /* 展开到大图宽度 */
}
.card-col:last-child.is-expanded .twoLeft {
  display: block;
}
.card-col:last-child.is-expanded .twoRight {
  display: none;
}

/* 大图内部样式 */
.leftbox img {
  height: 0.4875rem;
  margin-top: 1.625rem;
}

.leftbox1 img {
  height: 3.5875rem;
  position: absolute;
  top: -0.4875rem;
  right: -0.4875rem;
  max-width: 100%; /* 防止图片溢出 */
}

.leftbox4 img {
  height: 3.5875rem;
  position: absolute;
  top: -0.4875rem;
  right: 0.4875rem;
  max-width: 100%; /* 防止图片溢出 */
}

.leftbox2 .shixuan {
  font-weight: bold;
  font-size: 0.65rem;
  color: #01183b;
  position: relative;
  top: -0.4rem;
}

.leftbox2 .box2Title {
  width: 70%; /* 改为百分比，适配宽度 */
  height: auto; /* 取消固定高度，避免文字溢出 */
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.225rem;
  color: #68747f;
  line-height: 0.425rem;
  position: relative;
  top: -0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 最多显示3行 */
  -webkit-box-orient: vertical;
}

.leftbox3 {
  width: 2.675rem;
  height: 0.725rem;
  background: #1680f0;
  border-radius: 0.3625rem;
  position: relative;
  margin-top: 0.2rem;
}

.leftbox3 img {
  height: 0.1rem;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

/* 小卡片内部样式 */
.rightbox3 img {
  height: 2.6375rem;
  padding-left: 0.2rem;
  margin-top: 0.6rem;
}

.twoRight .rightbox img {
  height: 4.5rem;
  padding-left: 0.5125rem;
  max-width: 90%; /* 防止图片溢出 */
}

.twoRight .rightbox1 span {
  font-weight: bold;
  font-size: 0.4rem;
  color: #01183b;
  padding-left: 0.5125rem;
  position: absolute;
  bottom: 0.5rem;
}

.rightbox2 {
  width: 0.725rem;
  height: 0.725rem;
  background: #1680f0;
  border-radius: 0.3625rem;
  position: absolute;
  bottom: -0.35rem;
  left: 0.3rem;
}

.rightbox2 img {
  height: 0.1rem;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.contentThree {
  display: flex;
  justify-content: center;
}
.contentThree img {
  height: 5.625rem;
  margin-top: 0.7875rem;
}
.contentFour {
  margin-top: 1.5375rem;
}
.contentFour .fourOne {
  text-align: center;
}
.contentFour .fourTwo {
  padding: 0 2.175rem;
  padding-top: 0.9375rem;
}
.contentFour .fourTwoBgc {
  height: 8.2rem;
  background-image: url(../img/11.png);
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.fourTwoBgc .TwoBgcBox {
  position: absolute;
  left: 0.45rem;
}
/* 左侧内容初始状态 - 隐藏+位移 */
.jiaotong,
.jiaotong1,
.jiaotong2 {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 0.5s ease;
}
/* 右侧内容初始状态 - 隐藏+位移 */
.jiaotong4,
.jiaotong5,
.jiaotong6 {
  opacity: 0;
  transform: translateX(50px);
  transition: all 0.5s ease;
}
/* 动画激活类 */
.slide-active {
  animation: slideInFromLeft 0.8s ease-out forwards;
}
.slide-right-active {
  animation: slideInFromRight 0.8s ease-out forwards;
}
/* 左侧内容延迟 */
.jiaotong1.slide-active {
  animation-delay: 0.3s;
}
.jiaotong2.slide-active {
  animation-delay: 0.6s;
}
/* 右侧内容延迟 */
.jiaotong5.slide-right-active {
  animation-delay: 0.3s;
}
.jiaotong6.slide-right-active {
  animation-delay: 0.6s;
}

.jiaotong4 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 0.4675rem;
}
.jiaotong5 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0.45rem;
}
.jiaotong6 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 0.0875rem;
  margin-top: 0.42rem;
}
.yuanquan {
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 0.0875rem;
  border: 0.0375rem solid #1680f0;
  display: inline-block;
}
.fals {
  font-weight: bold;
  font-size: 0.3rem;
  color: #01183b;
}
.zhilis {
  width: 5.075rem;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.175rem;
  color: #68747f;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin-left: 0.4375rem;
}
.zhilis1 {
  width: 5.075rem;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.175rem;
  color: #68747f;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  position: relative;
  right: 0.4rem;
}
.jiaotong {
  position: relative;
}
.jiaotong1 {
  position: relative;
  left: -0.5rem;
  top: 0.45rem;
}
.jiaotong2 {
  position: relative;
  left: -0.35rem;
  top: 0.9rem;
}
/* 中间 */
.fourTwoBgc .TwoBgcBox1 {
  position: absolute;
  left: 10rem;
}
.fourTwoBgc .TwoBgcBox1 .img12 img {
  height: 0.8875rem;
}
.fourTwoBgc .TwoBgcBox1 .img13 img {
  height: 0.8875rem;
}
.fourTwoBgc .TwoBgcBox1 .img14 img {
  height: 0.8875rem;
}
.fourTwoBgc .TwoBgcBox1 .img15 img {
  height: 0.8875rem;
}
.fourTwoBgc .TwoBgcBox1 .img16 img {
  height: 0.8875rem;
}
.fourTwoBgc .TwoBgcBox1 .img17 img {
  height: 0.8875rem;
}
.fourTwoBgc .TwoBgcBox1 .img12 {
  position: absolute;
  top: 0.9rem;
  right: 1.6375rem;
}
.fourTwoBgc .TwoBgcBox1 .img13 {
  position: absolute;
  top: 0.9rem;
  left: 1.6375rem;
}
.fourTwoBgc .TwoBgcBox1 .img14 {
  position: absolute;
  top: 3.5rem;
  right: 3rem;
}
.fourTwoBgc .TwoBgcBox1 .img15 {
  position: absolute;
  top: 3.5rem;
  left: 2.7rem;
}
.fourTwoBgc .TwoBgcBox1 .img16 {
  position: absolute;
  top: 6rem;
  right: 1.7rem;
}
.fourTwoBgc .TwoBgcBox1 .img17 {
  position: absolute;
  top: 6rem;
  left: 1.7rem;
}
.fourTwoBgc .TwoBgcBox2 {
  position: absolute;
  right: 0;
}
.contentFive {
  padding: 0 3.2375rem;
  margin-top: 1.2125rem;
}
.contentFive .swipers {
  margin-top: 0.8625rem;
}
.swipers .swiper-wrapper {
  height: 4.65rem;
  border-radius: 0.125rem;
}
.swipers .swiper-slide {
  height: 4.65rem;
}
.swiperImgs {
  width: 100%;
  height: 2.45rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.swiper-slide .swiperImgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-slide .swiperTitle {
  width: 100%;
  height: 2.2rem;
  background: #f3f8fe;
  border-radius: 0px 0px 0.125rem 0.125rem;
  box-sizing: border-box;
  padding: 0.375rem;
}
.swiperWen {
  font-weight: 500;
  font-size: 0.3rem;
  color: #01183b;
}
.swiperWen1 {
  font-weight: 400;
  font-size: 0.175rem;
  color: #68747f;
  margin-top: 0.1625rem;
}
/* 导航按钮样式 */
.swiper-button-prev1,
.swiper-button-next1 {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  color: #333;
  top: 50%;
  margin-top: -0.312rem;
  z-index: 100;
  transition: all 0.3s ease;
  display: none;
}
.swipers1 {
  margin-top: 0.75rem;
  width: 100%;
  overflow: hidden;
}
.swipers1 .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}
/* 证书卡片 */
.swipers1 .swiper-slide {
  width: 280px;
  height: 400px;
  transform-style: preserve-3d;
}

/* 活动卡片（中间的）- 正立显示 */
.swipers1 .swiper-slide-active {
  filter: blur(0);
  transform: translateX(0) scale(1);
  z-index: 10;
}

/* 证书图片样式 */
.swipers1 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 4px;
}

/* 导航按钮样式 */
.swiper-button-prev,
.swiper-button-next {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
  color: #333;
  top: 50%;
  margin-top: -25px;
  z-index: 100;
  transition: all 0.3s ease;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: none !important;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  transform: scale(1.1);
  box-shadow: none;
}

/* 隐藏默认的箭头图标 */
.swiper-button-prev:after,
.swiper-button-next:after {
  display: none !important;
}

/* 自定义导航图标样式 */
.swiper-button-prev img,
.swiper-button-next img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.swiper2 {
  margin-top: 0.75rem;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}
.swiper2 .swiper-slide img {
  width: 100%;
  height: 100%;
}
.certificate-slider1 {
  width: 100%;
  box-sizing: border-box;
  padding-left: 0.3rem !important;
}
.zhanShi {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.zhanShi .gengDuo {
  width: 2.675rem;
  height: 0.725rem;
  background: #1680f0;
  border-radius: 0.3625rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.3rem;
}
.zhanShi .gengDuo span {
  font-weight: 400;
  font-size: 0.225rem;
  color: #f9fafd;
}
.zhanShi .gengDuo img {
  width: 0.35rem;
  height: 0.1rem;
}
.contentSeven {
  margin-top: 1.2875rem;
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contentSeven .contentGrid {
  margin-top: 0.5rem;
  box-sizing: border-box;
}
.contentSeven .grids {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.contentSeven .contentGrid .grids a {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
.contentSeven .contentGrid .grids img {
  height: 1.25rem;
  cursor: pointer;
}
.contentSeven .contentGrid .grids .client-item:hover {
  background: #ffffff;
  box-shadow: 0px 0px 40px 0px rgba(0, 43, 46, 0.1);
}
.contentLian {
  /* margin-top: 1.1125rem; */
}
.contentLian .lianXi {
  height: 5.625rem;
  width: 100%; /* 大图宽度是两个小卡片加间距 */
  background-image: url(../img/23.png);
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.lianXi .lianWen {
  font-weight: bold;
  font-size: 0.65rem;
  color: #ffffff;
  text-align: center;
}

.lianXi .huanying {
  font-weight: 300;
  font-size: 0.4rem;
  color: #ffffff;
  display: flex;
  justify-content: center;
  margin-top: 0.25rem;
}
.contentBottom {
  height: 3.325rem;
  background-color: #000;
  padding: 0 3.2375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile-contentBottom {
  display: none;
}
.bottomLeft {
  display: flex;
  align-items: center;
}
.bottomLeft .yianl {
  font-weight: 400;
  font-size: 0.525rem;
  color: #ffffff;
}
.bottomLeft .xian {
  width: 1px;
  height: 0.2rem;
  background: #cccccc;
  margin: 0 0.25rem;
}
.bottomLeft .yibu {
  font-weight: 400;
  font-size: 0.35rem;
  color: #ffffff;
}
.copeys .copeysOne {
  font-size: 0.175rem;
  color: #777777;
  margin-top: 0.675rem;
}
.copeys .copeysTwo {
  font-size: 0.175rem;
  color: #777777;
  margin-top: 0.1rem;
}
.kefu {
  font-weight: 400;
  font-size: 0.2rem;
  color: #666666;
  text-align: right;
}
.tel {
  font-weight: 900;
  font-size: 0.4rem;
  color: #ffffff;
  text-align: right;
}
.rightenstwo {
  display: flex;
}
.rightenstwo span {
  display: inline-block;
  width: 1px;
  height: 0.15rem;
  background-color: #fff;
  margin-right: 0.2rem;
}
.rightenstwo :nth-child(4) span {
  display: none;
}
.rightenstwo a {
  font-size: 0.2rem;
  color: #ffffff;
  margin-right: 0.2rem;
}
.rightenstwo :nth-child(4) a {
  margin-right: 0 !important;
}
.vrBgc {
  width: 100%;
  height: auto;
  background-image: url(../img/25.png);
  background-size: 100% 100%;
  overflow: hidden;
}
.edBgc {
  width: 100%;
  height: 50rem;
  background-image: url(../img/25.png);
  background-size: 100% 100%;
}

.gaiKuang {
  padding: 0 3.2375rem;
  padding-top: 1.875rem;
  display: flex;
  justify-content: center;
  /* 加个动画 */
  transition: all 1s ease;
}
.jutinei {
  width: 9.45rem;
  font-size: 0.45rem;
  color: #68747f;
  line-height: 0.6rem;
  margin-top: 0.75rem;
}
.jutinei1 {
  width: 11.7rem;
  font-size: 0.25rem;
  color: #68747f;
  line-height: 0.35rem;
  margin-top: 0.75rem;
}
.jutier {
  margin-top: 0.2125rem;
}
.gaiKuang .zhuangBiao {
  font-weight: 300;
  font-size: 0.4rem;
  color: #032849;
  margin-top: 0.3375rem;
}
.gaiShu {
  font-size: 0.65rem;
  color: #01183b;
  font-weight: bold;
}
.gaiKuangRight .gaiKuangRightBgc {
  height: 2.75rem;
  background-image: url(../img/26.png);
  background-size: 100% 100%;
  margin-top: 0.25rem;
}
.gaiKuangRightBgc img {
  height: 3.6rem;
  margin-top: 0.5rem;
}
.gaiKuangRight1 .gaiKuangRightBgc1 {
  width: 9.7rem;
  height: 2.75rem;
  background-image: url(../img/58.png);
  background-size: 100% 100%;
}
.gaiKuangRightBgc1 img {
  height: 5.4125rem;
  margin-top: -1.25rem;
  margin-left: 1.25rem;
}
.chuanTong {
  margin-top: 0.5rem;
  transition: all 1s ease;
}
.tongImg {
  display: flex;
  justify-content: center;
}

.tongImg img {
  height: 8.0125rem;
  margin-top: 0.6375rem;
}
.youshi {
  margin-top: 0.5rem;
}
.juShiGrid {
  padding: 0 3.2375rem;
  margin-top: 0.775rem;
}
.gbids {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0.3rem;
}
.gbids .grIdBox {
  height: 5.775rem;
  background-image: url(../img/29.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.gbids .grIdBox1 {
  height: 5.775rem;
  background-image: url(../img/30.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.gbids .grIdBox2 {
  height: 5.775rem;
  background-image: url(../img/31.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.gbids .grIdBox3 {
  height: 5.775rem;
  background-image: url(../img/32.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.boxone {
  font-weight: 500;
  font-size: 0.3rem;
  color: #ffffff;
  line-height: 0.45rem;
  text-align: center;
  margin-top: 0.575rem;
}
.boxTwo span {
  font-weight: 400;
  font-size: 0.325rem;
  color: #ffffff;
  display: block;
  text-align: center;
  margin-top: 0.1625rem;
}
.heang {
  width: 0.325rem;
  height: 0.05rem;
  background: #ffffff;
  border-radius: 0.025rem;
  margin: 0.25rem auto;
}
.mobansl {
  width: 3.85rem;
  height: 3rem;
  background: #ffffff;
  border-radius: 0.1255em;
  padding: 0.275rem;
  font-weight: 400;
  font-size: 0.225rem;
  color: #68747f;
  line-height: 0.45rem;
  /* 超出5行省略号 */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  /* -webkit-box-orient: vertical; */
}
/* 轮播图样式 */
.swiper3 {
  width: 100%;
  margin-top: 0.8625rem;
  padding: 0 2rem;
  box-sizing: border-box;
}
.swiper3 .swiper-wrapper {
  height: 4rem;
}
.swiper3 .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper3 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.125rem;
}
.jiejue {
  margin-top: 0.975rem;
}
.jietu {
  padding: 0 3.2375rem;
  margin-top: 1.1875rem;
}
.jietu img {
  height: 5.5375rem;
}
.jietu2 img {
  display: none;
}
.dantu img {
  height: 10.25rem;
  margin-top: 0.975rem;
}
.ziyan {
  margin-top: 0.5rem;
  padding-left: 4.1625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 7.5rem;
  position: relative;
}
.zuowen span:nth-child(1) {
  font-weight: bold;
  font-size: 0.65rem;
  color: #01183b;
}
.zuowen .yitiao {
  font-weight: 300;
  font-size: 0.4rem;
  color: #032849;
}
.youTu {
  position: absolute;
  top: 1.2rem;
  right: 0;
  margin-right: 1.6rem;
}
.youTu img {
  height: 6.325rem;
}
.shetus {
  display: flex;
}
.shetus img {
  height: 9.225rem;
  margin-top: -0.25rem;
  padding-left: 3.575rem;
}
.sheWen {
  margin-left: 1.6875rem;
}
.sheWen .sheBiao {
  font-weight: bold;
  font-size: 0.65rem;
  color: #01183b;
}
.yinQing {
  font-weight: 300;
  font-size: 0.4rem;
  color: #032849;
}
.chanpin {
  font-size: 0.25rem;
  color: #01183b;
  font-weight: bold;
  display: block;
  margin-top: 0.5875rem;
}
.jiayi {
  margin-top: 0.125rem;
}
.toukuia {
  font-size: 0.2rem;
  color: #032849;
  margin-top: 0.15rem;
}
.anzhuan {
  margin-top: 1rem;
}
/* 案例展示按钮 */
.swiper4 {
  position: relative;
}
.swiper4 .swiper-button-prev {
  top: 0.2rem;
  left: 4rem;
}
.swiper4 .swiper-button-next {
  right: 4rem;
  top: 0.2rem;
}

.swiper3One {
  padding: 0 3.2rem;
  width: 100%;
  position: relative;
  top: -1.95rem;
}
.swiper3One img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.swiper3One .swiper-wrapper {
  width: 100%;
}
.certificate-slider {
  width: 100%;
}
/* .certificate-slider .swiper-slide{
            width: 33.333%;
        } */
/* 轮播文字样式 */
.carousel-text {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 0.25rem;
  /* height: 1.5rem; */
  overflow: hidden;
}
.carousel-text .text-content {
  display: none;
  font-size: 0.3rem;
  color: #333;
  line-height: 0.5rem;
  white-space: nowrap;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  padding-bottom: 8px;
}
.carousel-text .text-content:hover {
  color: #1680f0 !important;
}
.carousel-text .text-content:hover::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.3rem;
  height: 0.05rem;
  background-color: #1680f0;
  z-index: 1;
}
.carousel-text .text-content.active {
  display: inline-block;
  color: #68747f;
  font-weight: bold;
}
.carousel-text .text-content.current-active {
  display: inline-block;
  color: #1680f0;
  font-weight: bold;
  position: relative;
}
.carousel-text .text-content.current-active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.3rem;
  height: 0.05rem;
  background-color: #1680f0;
  z-index: 1;
}
.lanse {
  height: 3.7375rem;
  background: #1f7afa;
  margin-top: 2.2rem;
}
.dingZhi {
  margin-top: 0.5rem;
  position: relative;
}
.dingtus {
  padding: 0 3.2375rem;
  padding-top: 0.6625rem;
}
.dingtus img {
  height: 7.1rem;
}
.Dingzuoimgs {
  position: absolute;
  bottom: 1.5rem;
  left: 1.25rem;
}
.Dingrigimgs {
  position: absolute;
  top: -1.6rem;
  right: -2.7rem;
}
.Dingrigimgs3 {
  position: absolute;
  top: -1.1rem;
  right: -2.7rem;
}
.Dingrigimgs1 {
  position: absolute;
  top: -1rem;
  right: -2.7rem;
}
.Dingrigimgs img {
  height: 5.3625rem;
}
.Dingrigimgs3 img {
  height: 5.3625rem;
}
.Dingrigimgs1 img {
  height: 5.3625rem;
}
.Dingzuoimg img {
  height: 1rem;
}
.Dingrigimgs1 {
  position: absolute;
  top: 2.4rem;
  right: 1.7rem;
}
.Dingrigimgs1 img {
  height: 0.625rem;
}
.sanChang {
  margin-top: 1rem;
}
.sanChang .sanBgc {
  width: 100%;
  height: 9.225rem;
  background-image: url(../img/54.png);
  background-size: 100% 100%;
}
.sanTitle {
  font-weight: bold;
  font-size: 0.4rem;
  color: #01183b;
  text-align: center;
  padding-top: 0.575rem;
}
.saoping {
  margin-top: 0.55rem;
  display: flex;
  justify-content: center;
}
.tuxianl {
  width: 11.825rem;
  height: 0.125rem;
  background: #ffffff;
  border-radius: 0.0625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.santu6 {
  left: -1rem;
}
.santu61 {
  left: 1.5rem;
}
.santu62 {
  left: 4.1rem;
}
.santu63 {
  left: 6.5rem;
}
.santu64 {
  left: 8.6rem;
}
.santu65 {
  left: 10.5rem;
}
.santu6,
.santu61,
.santu62,
.santu63,
.santu64,
.santu65 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -0.2375rem;
  width: 2.5rem;
}
.santu6,
.santu61,
.santu62,
.santu63,
.santu64,
.santu65 span {
  font-weight: 300;
  font-size: 0.3rem;
  color: #032849;
}
.xinsan {
  width: 0.575rem;
  height: 0.575rem;
  background: #a0c8ff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.2125rem;
}
.xiaoyaun {
  width: 0.5rem;
  height: 0.5rem;
  background: #237dfa;
  border-radius: 50%;
  font-weight: 600;
  font-size: 0.3rem;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tus55 {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}
.tus55 img {
  height: 4.9rem;
}
.zhensmo {
  margin-top: 0.475rem;
}
.swiper5 {
  padding: 0 2.8rem;
  margin-top: 0.6375rem;
}
.swiper5 img {
  height: 3.75rem;
  border-radius: 0.5rem;
}
.swiper5 .swiper-button-prev {
  left: 0.1rem;
}
.swiper5 .swiper-button-next {
  right: 0.1rem;
}
.duoduan {
  margin-top: 2rem;
  padding: 0 3.2375rem;
}
.duozhens {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.3rem;
}
.duoOne {
  width: 5.4625rem;
  height: 3.6375rem;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0.25rem;
  border: 1px solid #ffffff;
  background-image: url(../img/60.png);
  background-size: 100% 100%;
  padding: 0.575rem 0.4625rem 0;
}
.duoxuan {
  font-weight: 500;
  font-size: 0.3rem;
  color: #01183b;
  text-align: center;
}
.featru {
  font-weight: 400;
  font-size: 0.325rem;
  color: #1680f0;
  text-align: center;
  margin-top: 0.225rem;
}
.duoXia {
  width: 0.325rem;
  height: 0.05rem;
  background: #1680f0;
  border-radius: 0.025rem;
  margin: 0.15rem auto;
}
.saoqing {
  font-weight: 400;
  font-size: 0.225rem;
  color: #68747f;
  line-height: 0.4rem;
  text-align: center;
}
.zuopins {
  padding: 0 3.2375rem;
  margin-top: 1.1375rem;
}
.grid6s {
  margin-top: 0.6875rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.3rem;
}
.tukuanl {
  height: 3.9rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  transition: all 0.3s ease;
}
.tukuanl:hover {
}
.tukuanl:hover img {
  /* 图片放大 缓慢放大*/
  transform: scale(1.08);
  transition: all 0.5s ease;
}
.grid6sItem {
  border-radius: 0.25rem;
}
.tukuanl::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* 黑色半透明 */
  opacity: 0; /* 默认隐藏 */
  z-index: 1; /* 遮罩层在图片上方 */
  border-radius: 0.25rem;
}

.tukuanl:hover::before {
  opacity: 1; /* 显示黑色遮罩 */
  transform: translateY(0);
}
.tukuanl:hover::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -80%);
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(../img/66.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.grid6sItem:hover .zhewen {
  color: #1680f0;
}
.tukuanl img {
  width: 100%;
  border-radius: 0.5rem;
}
.zhewen {
  font-weight: 400;
  font-size: 0.3rem;
  color: #01183b;
  text-align: center;
}
.english-text {
  font-weight: 400;
  font-size: 0.225rem;
  color: #68747f;
  text-align: center;
  margin-top: 0.1rem;
}
.tu68 {
  margin-top: 0.9125rem;
  display: flex;
  justify-content: center;
}
.tu68 img {
  height: 9.2875rem;
}
.tu69 {
  margin-top: 1.025rem;
  display: flex;
  justify-content: center;
}
.tu69 img {
  height: 10.95rem;
}
.zhiMing {
  padding: 0 3.2375rem;
  padding-top: 0.7625rem;
}
.grids7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 0.3375rem;
}
.grid7sItem {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0.0625rem 0.1rem 0.36rem 0px rgba(171, 204, 238, 0.31);
  border-radius: 0.25rem;
  border: 1px solid #ffffff;
  width: 2.2125rem;
  height: 2.1375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.grid7sItem img {
  height: 1.3rem;
}
.weilai {
  text-align: center;
  font-weight: 300;
  font-size: 0.3rem;
  color: #032849;
  margin-top: 0.4rem;
}
.women {
  padding: 0 3.2375rem;
  margin-top: 2.0125rem;
  display: flex;
  justify-content: space-between;
}
.adree {
  font-weight: 300;
  font-size: 0.3rem;
  color: #68747f;
}
.womenRight {
  margin-top: -0.6rem;
}
.womenadImg {
  display: flex;
}
.womenadImg img {
  height: 0.45rem;
}
.womenadImg span {
  font-weight: 500;
  font-size: 0.3rem;
  color: #01183b;
}
.womenRightTwo {
  display: flex;
  margin-top: -0.5rem;
}
.diImgs77 {
  margin: 0 3.2375rem;
  margin-top: 0.7875rem;
}
.diImgs77 img {
  height: 6.775rem;
}
.dibuForm {
  margin-top: 0.3125rem;
  padding: 0 3.2375rem;
  padding-bottom: 0.5rem;
}
.forms {
  height: 7.925rem;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0.125rem;
  border: 1px solid #ffffff;
  box-shadow: 0.0625rem 0.1rem 0.36rem 0px rgba(171, 204, 238, 0.31);
  box-sizing: border-box;
  padding: 0.625rem;
}
.formsOne {
  display: flex;
  justify-content: space-between;
}
.formsOneLeft {
  display: flex;
  flex-direction: column;
}
.formsOneLeft .cjemgs {
  font-weight: 400;
  font-size: 0.3rem;
  color: #01183b;
}
.formsOneLeft2 {
  display: flex;
  flex-direction: column;
}
.yikuan input {
  width: 8rem;
  height: 0.875rem;
  background: #ffffff;
  border-radius: 0.075rem;
  border: 1px solid #c6d4e4;
  margin-top: 0.2875rem;
}
.yikuan input {
  width: 8rem;
  height: 0.875rem;
  background: #ffffff;
  border-radius: 0.075rem;
  border: 1px solid #c6d4e4;
  padding-left: 0.2rem;
}
/* 输入框高亮红色 */
.yikuan input:focus {
  border-color: #1680f0;
  outline: none;
}

.formsOneLeft input {
  width: 8rem;
  height: 0.875rem;
  background: #ffffff;
  border-radius: 0.075rem;
  border: 1px solid #c6d4e4;
  margin-top: 0.2875rem;
  padding-left: 0.2rem;
  font-family: 'HarmonyOS Sans SC';
  font-size: 0.3rem;
}
/* 输入框高亮蓝色 */
.formsOneLeft input:focus {
  border-color: #1680f0;
  outline: none;
}

.formsOneLeft input::placeholder {
  font-weight: 400;
  font-size: 0.3rem;
  color: #cccccc;
  padding-left: 0.2rem;
}

.formsOneLeft2 input {
  width: 6rem;
  height: 0.875rem;
  background: #ffffff;
  border-radius: 0.075rem;
  border: 1px solid #c6d4e4;
  margin-top: 0.2875rem;
  padding-left: 0.2rem;
  font-family: 'HarmonyOS Sans SC';
  font-size: 0.3rem;
}
/* 输入框高亮蓝色 */
.formsOneLeft2 input:focus {
  border-color: #1680f0;
  outline: none;
}

.formsOneLeft2 input::placeholder {
  font-weight: 400;
  font-size: 0.3rem;
  color: #cccccc;
  padding-left: 0.2rem;
}
.treas {
  margin-top: 0.2rem;
}
.treas textarea {
  max-height: 3rem;
  max-width: 100%;
  min-width: 100%;
  min-height: 3rem;
  border: 1px solid #c6d4e4;
  border-radius: 0.08rem;
  padding-left: 0.2rem;
  padding-top: 0.2rem;
  line-height: 0.3rem;
  font-family: 'HarmonyOS Sans SC';
  font-size: 0.3rem;
}
.treas textarea::placeholder {
  font-weight: 400;
  font-size: 0.3rem;
  color: #cccccc;
  padding-left: 0.2rem;
  font-family: 'HarmonyOS Sans SC';
}
.treas textarea:focus {
  border-color: #1680f0;
  outline: none;
}
.formsThree {
  margin-left: 1.25rem;
  margin-top: -0.325rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.yikuan1 {
  margin-top: 0.25rem;
  margin-left: 0.175rem;
}
.fasong {
  width: 3.625rem;
  height: 0.875rem;
  background: #1680f0;
  border-radius: 0.175rem;
  font-weight: 400;
  font-size: 0.3rem;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.yanzheng {
  /* height: 0.875rem; */
  width: 2.5rem;
  margin-top: 0.3rem;
  margin-left: -2.3rem;
  padding-right: 0.5rem;
}
.jieShao {
  padding: 0 3.2375rem;
  display: flex;
  transition: all 1s ease;
}
.jieziti {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.225rem;
  color: #68747f;
  line-height: 0.6rem;
}
.zhenshis {
  font-size: 0.3rem;
  color: #1680f0;
}
.img79 {
  height: 7.525rem;
  margin-top: -0.3rem;
}
.jieZhenr {
  position: relative;
}
.img51s {
  position: absolute;
  left: -1.2rem;
  top: 2rem;
  height: 1rem;
}
.img53s {
  position: absolute;
  right: 0rem;
  top: 6.5rem;
  height: 0.625rem;
}
.sikuan {
  padding: 0 3.2375rem;
}
.kuanone {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.2rem;
}
.kuanGrid4 {
  height: 5.3625rem;
  background-image: url(../img/83.png);
  background-size: 100% 100%;
  padding: 0.5625rem;
}
.kuanGrid5 {
  height: 4.5375rem;
  background-image: url(../img/82.png);
  background-size: 100% 100%;
  margin-top: 0.4rem;
  padding: 0.5625rem;
}
.kuanGrid6 {
  height: 4.5375rem;
  background-image: url(../img/81.png);
  background-size: 100% 100%;
  padding: 0.5625rem;
  margin-top: 0.4rem;
}
.kuanGrid7 {
  height: 5.3625rem;
  background-image: url(../img/84.png);
  background-size: 100% 100%;
  padding: 0.5625rem;
  margin-top: 0.4rem;
}
.zuoimgs {
  width: 2.425rem;
  height: 0.6625rem;
  background-image: url(../img/86.png);
  background-size: 100% 100%;
}
.zuoimgs1 {
  width: 2.425rem;
  height: 0.6625rem;
  background-image: url(../img/85.png);
  background-size: 100% 100%;
}

.yibu {
  font-weight: 500;
  font-size: 0.3rem;
  color: #ffffff;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 0.2rem;
  padding-top: 0.08rem;
}
.xianagzhen {
  font-weight: 400;
  font-size: 0.225rem;
  color: #68747f;
  line-height: 0.45rem;
  margin-top: 0.2875rem;
  width: 3.2rem;
}
.kuantwo {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -1.3rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.kuantwo img {
  height: 4.7rem;
}
.kuanThree {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.5rem;
  margin-top: -0.8rem;
}
.kuanLeft {
  width: 8.5125rem;
  height: 2.3875rem;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0.25rem;
  border: 1px solid #ffffff;
  background-image: url('../img/88.png');
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.kuanRight {
  width: 8.5125rem;
  height: 2.3875rem;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0.25rem;
  border: 1px solid #ffffff;
  background-image: url('../img/88.png');
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.yuanjing {
  font-weight: 500;
  font-size: 0.35rem;
  color: #01183b;
}
.misg {
  font-weight: 400;
  font-size: 0.325rem;
  color: #1680f0;
}
.xuniziti {
  font-weight: 400;
  font-size: 0.225rem;
  color: #68747f;
  line-height: 0.4rem;
  text-align: center;
}
.beishao {
  width: 100%;
  height: 3.875rem;
  background-image: url(../img/89.png);
  background-size: 100% 100%;
  margin-top: -1.25rem;
  position: relative;
}
.sandawu {
  margin-top: 1rem;
}
.shiyun {
  margin-top: 0.7rem;
}
.shiyunGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.5rem;
}
.gridkuan3 {
  width: 5.45rem;
  height: 6.125rem;
  background-image: url(../img/90.png);
  background-size: 100% 100%;
  padding: 0 0.5875rem;
  padding-top: 0.6875rem;
}
.gridkuan31 {
  width: 5.45rem;
  height: 6.125rem;
  background-image: url(../img/91.png);
  background-size: 100% 100%;
  padding: 0 0.5875rem;
  padding-top: 0.6875rem;
}
.gridkuan32 {
  width: 5.45rem;
  height: 6.125rem;
  background-image: url(../img/92.png);
  background-size: 100% 100%;
  padding: 0 0.5875rem;
  padding-top: 0.6875rem;
}

.xunl {
  font-weight: bold;
  font-size: 0.4rem;
  color: #ffffff;
  line-height: 0.525rem;
}
.stasgg {
  font-weight: 400;
  font-size: 0.325rem;
  color: #ffffff;
  line-height: 0.375rem;
  margin-top: 0.1875rem;
  font-weight: bold;
}
.hengxian {
  width: 0.325rem;
  height: 0.05rem;
  background: #ffffff;
  border-radius: 2px;
  margin-top: 0.575rem;
}
.genju {
  font-weight: 400;
  font-size: 0.25rem;
  color: #ffffff;
  line-height: 0.45rem;
  margin-top: 0.525rem;
}
.zizuo {
  display: flex;
}
.zizuoLeft {
  display: flex;
  flex-direction: column;

  padding-left: 0.2rem;
}
.yikuan {
  font-weight: 400;
  font-size: 0.325rem;
  color: #106ed5;
  margin-top: 0.25rem;
}
.erkuan {
  width: 0.4rem;
  height: 1px;
  background: #e6e6e6;
  border-radius: 1px;
}
.zizuoRight {
  font-weight: 400;
  font-size: 0.2rem;
  color: #68747f;
  line-height: 0.4rem;
  width: 3.85rem;
  margin-top: 0.25rem;
  margin-left: 0.25rem;
}
.zhenZuihou {
  padding: 0 3.2375rem;
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
}
.zuiGrid {
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.zuiGrid5 {
  width: 5.45rem;
  height: 5.475rem;
  display: flex;
  flex-direction: column;
}
.zuiGrid5 img {
  width: 5.45rem;
  height: 3.25rem;
}
.erbeil {
  width: 5.45rem;
  height: 2.2rem;
  background: #f3f8fe;
  border-radius: 0px 0px.125rem 0.125rem;
  box-sizing: border-box;
  padding: 0.3875rem;
}
.ertuls {
  font-weight: 500;
  font-size: 0.3rem;
  color: #01183b;
}
.kaoshi {
  font-weight: 400;
  font-size: 0.2rem;
  color: #68747f;
  line-height: 0.35rem;
}
.mobile-solution-swiper {
  display: none; /* 隐藏移动端解决方案轮播图 */
}
.mobile-nav {
  display: none; /* 隐藏移动端导航栏 */
}
/* detail页面图片样式 */
.contents2-img {
  text-align: center;
  margin-top: 0.9125rem;
}
.contents2-img p:first-child img {
  width: 17.05rem;
  padding-bottom: 0.5rem;
}
.contents2-img p:nth-child(2) {
  position: relative;
  height: 11.3rem;
}
.contents2-img p:nth-child(2) img:nth-child(1) {
  position: absolute;
  left: 3.48rem;
}
.contents2-img p:nth-child(2) img:nth-child(2) {
  position: absolute;
  right: 3.48rem;
}
.contents2-img p:last-child img {
  width: 17.05rem;
  padding-top: 0.5rem;
}
.zoom-pan {
  position: relative;
  overflow: hidden;
  touch-action: none;
  cursor: grab;
}

.zoom-pan img {
  display: block;
  width: 100%;
  height: auto;
  transform-origin: 0 0;
  user-select: none;
  -webkit-user-drag: none;
}

.zoom-pan.is-dragging {
  cursor: grabbing;
}
.swiper3One .certificate-slider {
  padding-left: 0 !important;
}
/*解决点击框背景问题 */
.swiper-button-next:hover {
  -webkit-tap-highlight-color: transparent;
}
.swiper-button-prev:hover {
  -webkit-tap-highlight-color: transparent;
}

/* 媒体查询 - 移动设备 */
@media screen and (max-width: 768px) {
  html,
  body {
    font-family: 'HarmonyOS Sans SC', sans-serif;
    width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  /* 自定义滚动条 */
  ::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }
  .navbar {
    height: 2rem;
  }
  .navbar img {
    height: 1.1rem;
    vertical-align: middle;
  }
  .fourTwoBgc {
    display: none !important;
  }
  .navbar .nav-links a {
    font-size: 0.3rem;
  }

  .navbar .nav-links a.active::after {
    bottom: -0.8rem;
  }
  .contents {
    width: 100%;
    height: auto;
  }
  .contents1 {
    width: 100%;
    height: 82.4rem;
  }
  .contents2 {
    width: 100%;
    min-height: 35rem;
    height: auto;
  }
  .contents .contentFirst {
    padding: 0;
    padding-top: 1.65rem;
    text-align: center;
  }
  /* 移动端卡片布局调整 */
  .contents .contentTwo {
    flex-direction: column; /* 纵向布局 */
    align-items: center; /* 居中对齐 */
    gap: 1rem; /* 增加卡片间距 */
    padding: 0 1.2rem !important;
    padding-top: 1.2625rem !important;
  }

  /* 移动端卡片容器 */
  .card-col {
    width: 100%; /* 适应屏幕宽度 */

    height: 13rem; /* 增大卡片高度 */
    position: static; /* 重置定位 */
  }

  /* 移动端直接显示大图，隐藏小卡片 */
  .twoRight {
    display: none; /* 隐藏小卡片 */
  }

  .twoLeft {
    display: block; /* 显示大图 */
    width: 100%; /* 适应容器宽度 */
    height: 13rem; /* 增大卡片高度 */
    position: static; /* 重置定位 */
    z-index: 1; /* 重置层级 */
  }

  /* 移除hover效果 */
  .card-col.is-expanded {
    width: 90%; /* 保持原宽度 */
  }

  /* 移动端卡片内部元素调整 */
  .leftbox img {
    height: 1rem; /* 增大图片高度 */
    margin-top: 2rem; /* 调整图片位置 */
  }

  .leftbox1 img {
    height: 4rem; /* 进一步减小图片高度 */
    position: static; /* 重置定位为静态 */
    margin: -2.5rem -0.5rem 0 0; /* 增加负上边距，使图片更靠上 */
    float: right; /* 右浮动 */
    max-width: 65%; /* 进一步限制最大宽度 */
    margin-bottom: 0.3rem;
    margin-right: 0.3rem;
  }

  .leftbox4 img {
    height: 4rem; /* 进一步减小图片高度 */
    position: static; /* 重置定位为静态 */
    margin: -2.5rem 0 0 0; /* 增加负上边距，使图片更靠上 */
    float: right; /* 右浮动 */
    max-width: 65%; /* 进一步限制最大宽度 */
    margin-bottom: 0.3rem;
    margin-right: 0.3rem;
  }

  .leftbox2 .shixuan {
    font-size: 0.9rem; /* 增大文字大小 */
    top: -0.2rem; /* 调整文字位置 */
  }

  .leftbox2 .box2Title {
    font-size: 0.75rem; /* 增大文字大小 */
    line-height: 1.3rem; /* 调整文字行高 */
    width: 85%; /* 调整文字宽度 */
    position: relative;
    top: 0; /* 调整文字位置 */
    -webkit-box-orient: inherit;
    text-align: justify;
  }

  .leftbox3 {
    width: 4rem; /* 增大按钮宽度 */
    height: 1.2rem; /* 增大按钮高度 */
    border-radius: 0.6rem; /* 调整按钮圆角 */
    margin-top: 0.8rem; /* 调整按钮位置 */
  }
  .leftbox3 img {
    height: 0.3rem; /* 增大箭头图标高度 */
  }
  .yewu {
    font-size: 1rem !important;
    color: #01183b;
    font-weight: bold;
  }
  .lixing {
    font-size: 0.75rem;
    color: #032849 !important;
    margin: 0.5rem 1.5rem;
    text-align: center;
    padding: 0;
  }
  .lixing1 {
    font-size: 0.65rem;
    color: #032849 !important;
    margin-top: 0.3375rem !important;
  }
  .lixing2 {
    font-size: 0.75rem;
    color: #032849 !important;
    margin: 0.5rem 1.5rem;
    text-align: center;
    padding: 0;
  }
  .zhilis {
    width: 5.075rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 400;
    font-size: 0.3125rem;
    color: #68747f;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .zhilis1 {
    width: 5.075rem;
    font-family: HarmonyOS Sans SC;
    font-weight: 400;
    font-size: 0.3125rem;
    color: #68747f;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
    right: 0.4rem;
  }
  .swipers .swiper-wrapper {
    height: 16rem !important;
    border-radius: 0.125rem;
  }
  .swipers .swiperImgs {
    height: 10rem !important;
  }
  .swipers .swiperTitle {
    height: 6rem !important;
  }
  .swipers .swiperWen {
    font-size: 0.8rem !important;
  }
  .swipers .swiperWen1 {
    font-size: 0.75rem !important;
    line-height: 1.3rem;
  }

  .contentSeven .contentGrid {
    margin-top: 0.5rem;
    box-sizing: border-box;
    padding: 0 0.2rem;
    box-sizing: border-box;
  }
  .contentSeven .grids {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .contentSeven .contentGrid .grids img {
    width: 100%;
    height: 100%;
  }
  .contentSeven .contentGrid .grids a {
    padding: 0.3rem;
  }
  .gaiKuang {
    flex-direction: column;
  }
  .zhanShi .gengDuo {
    width: 5.5rem;
    height: 1.7rem;
    background: #1680f0;
    border-radius: 0.5rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 0.6rem;
  }
  .zhanShi .gengDuo img {
    height: 0.3rem;
    width: 1rem;
  }
  .gaiShu {
    font-size: 1.2rem;
    text-align: center;
  }
  .gaiKuang .zhuangBiao {
    font-size: 0.8rem;
  }
  .vrBgc {
    height: auto;
    background-size: 100% 130%;
  }
  .gaiKuang {
    padding: 0 1.2375rem;
    padding-top: 1.875rem;
  }
  .jutinei {
    width: 100%;
    line-height: 1.3rem;
    margin-top: 0.75rem;
    font-size: 0.75rem;
    text-align: center;
  }
  .gaiKuangRightBgc img {
    height: 8.6rem;
  }
  .gaiKuangRight .gaiKuangRightBgc {
    width: 100%;
    height: 6.75rem;
    background-image: url(../img/26.png);
    background-size: 100% 100%;
    margin-top: 0.6rem;
  }
  .gaiKuangRight1 .gaiKuangRightBgc1 {
    width: 100%;
    height: 6.75rem;
    background-image: url(../img/58.png);
    background-size: 100% 100%;
    margin-top: 2rem;
  }
  .gaiKuangRightBgc1 img {
    height: 11.4125rem;
    margin-top: -1.25rem;
    margin-left: 4.25rem;
  }
  .chuanTong {
    margin-top: 2.7125rem;
  }
  .juShiGrid {
    padding: 0 1.2375rem;
    margin-top: 0.775rem;
  }
  .gbids {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.5rem;
  }
  .gbids .grIdBox,
  .gbids .grIdBox1,
  .gbids .grIdBox2,
  .gbids .grIdBox3 {
    border-radius: 0.25rem;
    height: 19.375rem;
    cursor: pointer;
  }
  .boxone {
    font-weight: 500;
    font-size: 0.75rem;
    color: #ffffff;
    line-height: 1.3rem;
    text-align: center;
    margin-top: 0.775rem;
  }
  .boxTwo span {
    font-weight: 400;
    font-size: 0.75rem;
    color: #ffffff;
    display: block;
    text-align: center;
    margin-top: 0.3625rem;
  }
  .mobansl {
    width: 90%;
    height: 13rem;
    background: #ffffff;
    border-radius: 0.1255em;
    padding: 0.675rem;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.3rem;
    /* 超出5行省略号 */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
  }

  .youTu img {
    width: 100%;
    height: 15.325rem;
  }
  .zuowen span {
    display: block;
    text-align: center;
  }
  .yinQing {
    font-size: 0.8rem;
    margin-top: 0.4rem;
  }
  .chanpin {
    font-size: 0.8rem;
    color: #01183b;
    font-weight: bold;
    display: block;
    margin-top: 0.5875rem;
  }
  .toukuia {
    font-size: 0.75rem;
    color: #032849;
    margin-top: 0.15rem;
    text-align: justify;
  }
  .zuoimgs {
    width: 100%;
    height: 0.6625rem;
    background-image: url(../img/86.png);
    background-size: 100% 100%;
  }
  /* 表单样式 */
  .dibuForm {
    padding: 0 1.2rem;
    margin-top: 2rem;
  }
  .forms {
    background: #ffffff;
    border-radius: 0.25rem;
    padding: 1.5rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  }
  .form-row {
    display: flex;
    margin-bottom: 1.2rem;
    gap: 1.5rem;
  }
  .form-group {
    flex: 1;
  }
  .form-group.full-width {
    flex: 100%;
  }
  .form-group label {
    display: block;
    font-weight: 400;
    font-size: 0.45rem;
    color: #01183b;
    margin-bottom: 0.375rem;
  }
  .form-group input {
    width: 100%;
    height: 1.25rem;
    border: 1px solid #e1e5e9;
    border-radius: 0.125rem;
    padding: 0 0.375rem;
    font-size: 0.4rem;
    color: #68747f;
    outline: none;
    transition: border-color 0.3s ease;
  }
  .form-group input:focus {
    border-color: #1680f0;
  }
  .form-group input:hover {
    border-color: #ff0000;
  }
  .form-group textarea {
    width: 100%;
    height: 3rem;
    border: 1px solid #e1e5e9;
    border-radius: 0.125rem;
    padding: 0.375rem;
    font-size: 0.4rem;
    color: #68747f;
    outline: none;
    resize: none;
    transition: border-color 0.3s ease;
  }
  .form-group textarea:focus {
    border-color: #1680f0;
  }
  .form-group textarea:hover {
    border-color: #ff0000;
  }
  .captcha-container {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  .captcha-container input {
    flex: 1;
  }
  .captcha-image {
    width: 2.5rem;
    height: 1.25rem;
    background: #f3f4f6;
    border-radius: 0.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.4rem;
    color: #68747f;
    font-weight: bold;
    letter-spacing: 0.1rem;
  }
  .send-btn {
    width: 100%;
    height: 1.25rem;
    background: #1680f0;
    border: none;
    border-radius: 0.125rem;
    font-size: 0.45rem;
    color: #ffffff;
    font-weight: 400;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  .send-btn:hover {
    background: #0e66d6;
  }
  .swiper3One {
    padding: 0 !important;
    width: 100%;
  }
  .lanse {
    height: 5rem;
    background: #1f7afa;
    margin-top: 9rem;
  }
  .swiper3One {
    position: relative;
    top: -8.5rem;
  }
  .carousel-text .text-content {
    display: none;
    font-size: 0.75rem !important;
    margin-top: 0.5rem;
  }
  .dingZhi {
    margin-top: 1rem !important;
  }
  .dingtus {
    padding: 0 2.65rem !important;
    padding-top: 1.2rem !important;
  }
  .dingtus img {
    height: 8rem;
  }
  .Dingrigimgs {
    position: absolute;
    top: -2rem;
    right: -2.7rem;
  }
  .sanTitle {
    font-size: 0.7rem;
  }
  .swiper5 img {
    height: 11rem;
  }
  .duoduan {
    margin-top: 5rem;
    padding: 0 1.2375rem;
  }
  .duozhens {
    grid-template-columns: repeat(1, 1fr);
  }
  .duoOne {
    width: 100%;
    height: 9rem;
    margin-bottom: 0.3rem;
  }
  .duoxuan {
    font-size: 1.2rem;
    margin-top: 0.7rem;
  }
  .featru {
    font-size: 1rem;
  }
  .duoXia {
    width: 0.8rem !important;
    height: 0.1rem !important;
    background: #1680f0;
    border-radius: 0.04rem;
    margin: 0.15rem auto;
  }
  .saoqing {
    font-weight: 400;
    font-size: 0.7rem;
    color: #68747f;
    line-height: 1.4rem;
    text-align: center;
  }
  .zuopins {
    padding: 0 1.2375rem;
    margin-top: 1.1375rem;
  }
  .grid6s {
    margin-top: 0.6875rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.6rem;
  }
  .zhewen {
    font-size: 0.7rem;
  }
  .tu68 img {
    height: 11.2875rem;
  }
  .tu69 img {
    height: 13.3rem;
  }
  .zhiMing {
    padding: 0 1.2375rem 0 0.8rem;
    padding-top: 0.7625rem;
  }
  .grids7 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.55rem;
  }
  .grid7sItem {
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0.0625rem 0.1rem 0.36rem 0px rgba(171, 204, 238, 0.31);
    border-radius: 0.25rem;
    border: 1px solid #ffffff;
    width: 100%;
    height: 5.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .grid7sItem img {
    height: 4rem;
  }
  .women {
    padding: 0 1.2375rem;
    margin-top: 2.0125rem;
    display: block;
    /* justify-content: space-between; */
  }
  .adree {
    font-weight: 300;
    font-size: 0.75rem;
    color: #68747f;
    margin-top: 0.3rem;
  }
  .womenRight {
    margin-top: -0.1rem;
    margin-left: 0.5rem;
  }
  .womenadImg {
    display: flex;
  }
  .womenadImg img {
    height: 1.2rem;
    margin-right: 0.5rem;
  }
  .womenadImg span {
    font-weight: 500;
    font-size: 0.65rem;
    line-height: 1.38rem;
    color: #01183b;
  }
  .womenRightTwo {
    display: block;
    height: 3rem;
    flex-direction: column;
    margin-top: 0.2rem;
  }
  .womenRightTwo-phone {
    float: left;
    padding-right: 2rem;
  }
  .zhesg {
    margin-left: 0 !important;
  }
  .diImgs77 {
    padding: 0;
    margin: 0 1.2375rem;
    margin-top: 0.7875rem;
    overflow: hidden;
  }
  .diImgs77 img {
    width: 100%;
    object-position: center;
    height: 100%;
    object-fit: cover;
    transform: scale(2);
  }
  .dibuForm {
    margin-top: 0.6125rem;
    padding: 0 1.2375rem;
    padding-bottom: 1rem;
  }

  .forms {
    height: 13.925rem;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 0.125rem;
    border: 1px solid #ffffff;
    box-shadow: 0.0625rem 0.1rem 0.36rem 0px rgba(171, 204, 238, 0.31);
    box-sizing: border-box;
    padding: 0.625rem;
  }
  .formsThree {
    margin-top: 0.3rem;
  }
  .fasong {
    width: 3.625rem;
    height: 1.8rem;
    background: #1680f0;
    border-radius: 0.175rem;
    font-weight: 400;
    font-size: 0.75rem;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .formsOneLeft input {
    width: 9.5rem;
    height: 1.875rem;
    background: #ffffff;
    border-radius: 0.075rem;
    border: 0.0125rem solid #c6d4e4;
    margin-top: 0.2875rem;
    padding-left: 0.2rem;
    font-size: 0.75rem;
  }
  .formsOneLeft .cjemgs {
    font-weight: 400;
    font-size: 0.75rem;
    color: #01183b;
  }
  .formsOneLeft input::placeholder {
    font-weight: 400;
    font-size: 0.75rem !important;
    color: #cccccc;
    padding-left: 0.5rem;
    position: relative;
    top: -0.05rem;
  }
  /* 输入框高亮红色 */
  .formsOneLeft textarea:focus {
    border-color: #1680f0;
    outline: none;
    font-size: 1rem !important;
  }
  .formsOneLeft2 input {
    width: 11rem;
    height: 1.875rem;
    background: #ffffff;
    border-radius: 0.075rem;
    border: 0.0125rem solid #c6d4e4;
    margin-top: 0.2875rem;
    padding-left: 0.2rem;
    font-size: 0.75rem;
  }
  .formsOneLeft2 input::placeholder {
    font-weight: 400;
    font-size: 0.75rem !important;
    color: #cccccc;
    padding-left: 0.5rem;
    position: relative;
    top: -0.05rem;
  }
  /* 输入框高亮红色 */
  .formsOneLeft2 textarea:focus {
    border-color: #1680f0;
    outline: none;
    font-size: 1rem !important;
  }
  .treas textarea::placeholder {
    font-weight: 400;
    font-size: 0.75rem;
    color: #cccccc;
    position: relative;
    top: 0.3rem !important;
  }
  .yanzheng {
    width: 5rem;
    /* height: 1.7rem; */
    margin-top: 0.2rem;
    margin-left: -4.8rem;
  }
  .Dingrigimgs3 img {
    height: 5.3625rem;
  }
  .jieShao {
    padding: 0 1.2375rem;
    flex-direction: column;
    margin-top: 1rem;
  }
  .jieziti {
    font-family: HarmonyOS Sans SC;
    font-weight: 400;
    font-size: 0.75rem;
    color: #68747f;
    line-height: 1.3rem;
  }
  .zhenshis {
    font-size: 0.8rem;
    color: #1680f0;
  }
  .contents3 {
    width: 100%;
    min-height: 170rem !important;
    background-image: url(../img/129.png);
    background-size: 100% 100%;
  }
  .img79 {
    width: 60%;
    height: 60%;
    margin-left: 4rem;
    margin-top: 1rem;
  }
  .img51s {
    position: absolute;
    left: 1.2rem;
    top: 5rem;
    height: 2.5rem;
  }
  .img53s {
    position: absolute;
    right: 5rem;
    top: 15rem;
    height: 1.5rem;
  }
  .sikuan {
    padding: 0 1.2375rem;
    box-sizing: border-box;
  }
  .kuanone {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    margin-top: 0.5rem;
  }
  .kuanGrid4 {
    width: 100%;
    height: 11em;
    background-image: url(../img/83.png);
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    padding-top: 1.2rem;
  }
  .kuanGrid5 {
    width: 100%;
    height: 11rem;
    background-image: url(../img/82.png);
    background-size: 100% 100%;
    margin-top: 0.6rem;
    display: flex;
    justify-content: center;
    padding-top: 1.2rem;
  }
  .kuanGrid6 {
    width: 100%;
    height: 13rem;
    background-image: url(../img/81.png);
    background-size: 100% 100%;
    margin-top: 0.4rem;
    display: flex;
    justify-content: center;
    padding-top: 1.2rem;
  }
  .kuanGrid7 {
    width: 100%;
    height: 14rem;
    background-image: url(../img/84.png);
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    padding-top: 1.2rem;
  }
  .yibu {
    font-weight: 500;
    font-size: 0.8rem;
    color: #ffffff;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 0.6rem;
    padding-top: 0.08rem;
    padding-left: 0.6rem;
  }
  .xianagzhen {
    font-weight: 400;
    font-size: 0.75rem;
    color: #68747f;
    line-height: 1.3rem;
    margin-top: 0.8rem;
    width: 100% !important;
    text-align: justify;
  }
  .zuoimgs {
    width: 80%;
    height: 1.5rem;
    background-image: url(../img/86.png);
    background-size: 100% 100%;
  }
  .zuoimgs1 {
    width: 80%;
    height: 1.5rem;
    background-image: url(../img/85.png);
    background-size: 100% 100%;
  }
  .kuantwo {
    display: flex;
    justify-content: center;
    margin-top: -2.4rem;
  }
  .kuantwo img {
    width: 50%;
    height: 50% !important;
  }
  .kuanThree {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
    margin-top: -1.25rem;
  }
  .kuanLeft {
    width: 100%;
    height: 6rem;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 0.25rem;
    border: 1px solid #ffffff;
    background-image: url('../img/88.png');
    background-size: 100% 100%;
  }
  .kuanRight {
    width: 100%;
    height: 6rem;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 0.25rem;
    border: 1px solid #ffffff;
    background-image: url('../img/88.png');
    background-size: 100% 100%;
  }
  .beishao {
    width: 100%;
    height: 3.875rem;
    background-image: url(../img/89.png);
    background-size: 100% 100%;
    margin-top: 4rem;
    margin-bottom: 0.5rem;
    position: relative;
  }
  .kuantwo {
    display: flex;
    justify-content: center;
    position: absolute;
    top: -4.4rem;
    left: 0;
    right: 0;
  }
  .yuanjing {
    font-weight: 500;
    font-size: 0.9rem;
    color: #01183b;
  }
  .misg {
    font-weight: 400;
    font-size: 0.7rem;
    color: #1680f0;
    margin: 0.3rem 0;
  }
  .xuniziti {
    font-weight: 400;
    font-size: 0.75rem;
    color: #68747f;
    line-height: 1.3rem;
    text-align: center;
  }
  .shiyunGrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
    text-align: center;
  }
  .gridkuan3 {
    width: 80%;
    height: 11.125rem;
    background-image: url(../img/90.png);
    background-size: 100% 100%;
    padding: 0 0.5875rem;
    padding-top: 0.6875rem;
    margin-left: 2.15rem;
  }
  .gridkuan31 {
    width: 80%;
    height: 11.125rem;
    background-image: url(../img/91.png);
    background-size: 100% 100%;
    padding: 0 0.5875rem;
    padding-top: 0.6875rem;
    margin-left: 2.15rem;
  }
  .gridkuan32 {
    width: 80%;
    height: 11.125rem;
    background-image: url(../img/92.png);
    background-size: 100% 100%;
    padding: 0 0.5875rem;
    padding-top: 0.6875rem;
    margin-left: 2.15rem;
  }
  .xunl {
    font-weight: bold;
    font-size: 0.9rem;
    color: #ffffff;
    line-height: 0.525rem;
    margin-top: 0.25rem;
  }
  .stasgg {
    font-weight: 400;
    font-size: 0.5rem;
    color: #ffffff;
    line-height: 0.375rem;
    margin-top: 0.5875rem;
    font-weight: bold;
  }
  .hengxian {
    width: 0.325rem;
    height: 0.05rem;
    background: #ffffff;
    border-radius: 2px;
    margin-top: 0.575rem;
    margin-left: 7.9rem;
  }
  .genju {
    font-weight: 400;
    font-size: 0.75rem;
    text-align: justify;
    color: #ffffff;
    line-height: 1.3rem;
    margin-top: 0.525rem;
  }
  .zizuoLeft {
    padding-left: 2.2rem;
  }
  .zizuoRight {
    width: 73.5%;
    font-weight: 400;
    font-size: 0.75rem;
    color: #68747f;
    line-height: 1.3rem;
    margin-top: 0.8rem;
    margin-left: 0.25rem;
    text-align: justify;
  }
  .yikuan {
    font-weight: 400;
    font-size: 0.8rem;
    color: #106ed5;
    margin-top: 0.8rem;
  }
  .erkuan {
    width: 0.9rem;
    height: 1px;
    background: #e6e6e6;
    border-radius: 1px;
  }
  .zhenZuihou {
    padding: 0 1.2375rem;
    padding-top: 1.25rem;
    padding-bottom: 1rem;
  }
  .zuiGrid {
    margin-top: 1.25rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0.8rem;
  }
  .zuiGrid5 {
    width: 100%;
    height: 17rem;
    display: flex;
    flex-direction: column;
  }
  .zuiGrid img {
    width: 100%;
    height: 11rem;
  }
  .erbeil {
    width: 100%;
    height: 6.475rem;
    background: #f3f8fe;
    border-radius: 0px 0px0.125rem 0.125rem;
    box-sizing: border-box;
    padding: 0.3875rem;
  }
  .ertuls {
    font-weight: 500;
    font-size: 0.75rem;
    color: #01183b;
  }
  .kaoshi {
    font-weight: 400;
    font-size: 0.75rem;
    color: #68747f;
    line-height: 1.3rem;
    margin-top: 0.2rem;
  }
  .contentThree img {
    width: 100%;
    height: 9.625rem;
    margin-top: 0.7875rem;
    padding: 0 1.2375rem;
  }
  .contentFive {
    padding: 0 1.2375rem;
    padding-bottom: 1rem;
  }

  .zhanShi .gengDuo span {
    font-weight: 400;
    font-size: 0.7rem;
    line-height: 0.5rem;
    color: #f9fafd;
  }
  .swiper2 .swiper-slide img {
    width: 100%;
    height: 100%;
  }
  .jiaotong {
    position: relative;
  }
  .jiaotong1 {
    position: relative;
    left: -0.5rem;
    top: 0.75rem;
  }
  .jiaotong2 {
    position: relative;
    left: -0.35rem;
    top: 1.2rem;
  }
  .jiaotong4 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 0.7675rem;
  }
  .jiaotong5 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 0.75rem;
  }
  .jiaotong6 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 0.0875rem;
    margin-top: 0.772rem;
  }
  /* 移动端背景 */
  .bgc {
    background-size: cover;
    height: 13.75rem;
  }
  .bgcheader {
    position: fixed;
    width: 100%;
    height: 2rem;
    z-index: 100;
    background-color: #1680f0;
  }
  .bgc .swiper-wrapper {
    padding-top: 2rem;
  }
  .bgc .swiper-wrapper img {
    width: 100%;
  }
  .bgc-pc {
    display: none;
  }
  .bgc-yidong {
    display: block;
  }
  .bgc1 {
    display: none;
    background-size: cover;
    /* background-image: url(../img/102.jpg); */
  }
  .bgc1pro {
    display: block;
    background-size: cover;
    /* background-image: url(../img/102.jpg); */
  }
  .bgc2 {
    display: none;
    background-size: cover;
    /* background-image: url(../img/101.jpg); */
  }
  .bgc2pro {
    display: block;
    background-size: cover;
    /* background-image: url(../img/101.jpg); */
  }
  .bgc4 {
    display: none;
    background-size: cover;
    /* background-image: url(../img/100.jpg); */
  }
  .bgc4pro {
    display: block;
    background-size: cover;
    /* background-image: url(../img/100.jpg); */
  }
  .bgc5 {
    display: none;
    background-size: cover;
    /* background-image: url(../img/99.jpg); */
  }
  .bgc5pro {
    display: block;
    background-size: cover;
    /* background-image: url(../img/99.jpg); */
  }

  /* 显示移动端轮播 */
  .mobile-solution-swiper {
    display: block;
    width: 100%;
    padding: 0 1.2rem !important;
    padding-bottom: 1.5rem !important;
  }
  .mobile-solution-swiper .swiper-wrapper .swiper-slide {
    width: 100% !important;
  }
  .solution-card {
    /* background: #fff; */
    border-radius: 0.25rem;
    overflow: hidden;
    /* box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1); */
    height: 11rem;
  }

  .solution-img {
    margin: 0.625rem 0 0 7.6rem;
    width: 2rem;
    height: 2rem;
    object-fit: cover;
  }

  .solution-content {
    padding: 0 0.2rem 0.1rem 0.2rem;
  }

  .solution-title {
    font-size: 1rem;
    color: #01183b;
    margin: 0 0 0.25rem 0;
    text-align: center;
  }

  .solution-desc {
    font-size: 0.75rem;
    color: #68747f;
    line-height: 1.3rem;
    margin: 0;
    text-align: justify;
  }

  /* 分页器样式 */
  .swiper-pagination {
    bottom: 0.1rem !important;
  }

  .swiper-pagination-bullet {
    width: 0.25rem;
    height: 0.25rem;
    background: #ccc;
    opacity: 1;
  }

  .swiper-pagination-bullet-active {
    background: #1680f0;
  }

  /* 小屏：隐藏 PC 链接，显示内联菜单图标；下拉式菜单（相对于 .navbar） */
  .navbar {
    position: relative;
  }
  .navbar .nav-links {
    display: none;
  }
  .nav-toggle {
    display: block;
    margin-left: auto;
    z-index: 10002;
    padding: 0;
  }
  .navbar .nav-toggle img {
    width: 28px;
    height: 28px;
  }

  .mobile-nav {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.22s ease;
    z-index: 10001;
    overflow: hidden;
  }
  .mobile-nav.open {
    transform: scaleY(1);
    display: block;
  }
  .mobile-nav a {
    display: block;
    padding: 0.75rem 1.375rem;
    color: #333;
    font-size: 1rem;
    border-bottom: 1px solid #eee;
  }

  /* 点击/聚焦/激活效果 */
  .mobile-nav a.active {
    /* background: #009aff;
    font-weight: 600;
    color: white; */
  }

  /* 全屏遮罩：覆盖页面并可点击关闭菜单 */
  .mobile-nav-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    visibility: hidden;
    transition:
      opacity 0.2s ease,
      visibility 0.2s ease;
    z-index: 10000;
    top: 2rem;
  }
  .mobile-nav-backdrop.show {
    opacity: 1;
    visibility: visible;
  }
  .lianXi .lianWen {
    font-size: 1rem !important;
  }
  .sheWen .sheBiao {
    font-size: 1rem !important;
  }
  .jutinei1 {
    width: 100%;
    font-size: 0.75rem;
    color: #68747f;
    line-height: 1.3rem;
    margin-top: 0.75rem;
    text-align: justify;
  }
  .jietu {
    padding: 0 2rem;
    margin-top: 1.1875rem;
  }
  .jietu img {
    height: 9rem;
    display: none;
  }
  .jietu2 {
    padding: 0 2rem;
    margin-top: 1.1875rem;
  }
  .jietu2 img {
    display: block;
    height: 9rem;
  }
  .saoping {
    margin-top: 0.55rem;
    display: flex;
    justify-content: center;
  }
  .tuxianl {
    width: 18rem;
    height: 0.25rem;
    background: #ffffff;
    border-radius: 0.0625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }
  .santu6 {
    left: -1.45rem;
  }
  .santu61 {
    left: 2.45rem;
  }
  .santu62 {
    left: 6.5rem;
  }
  .santu63 {
    left: 10rem;
  }
  .santu64 {
    left: 13.1rem;
  }
  .santu65 {
    left: 16rem;
  }
  .santu6,
  .santu61,
  .santu62,
  .santu63,
  .santu64,
  .santu65 span {
    font-weight: 300;
    font-size: 0.5rem;
    color: #032849;
  }
  .santu6,
  .santu61,
  .santu62,
  .santu63,
  .santu64,
  .santu65 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -0.55rem;
    width: 3.5rem;
  }
  .xinsan {
    width: 1.3rem;
    height: 1.3rem;
    background: #a0c8ff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.2125rem;
  }
  .xiaoyaun {
    width: 1.3rem;
    height: 1.3rem;
    background: #237dfa;
    border-radius: 50%;
    font-weight: 600;
    font-size: 0.6rem;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* 移动端导航按钮样式 */
  .swiper-button-prev,
  .swiper-button-next {
    width: 27px !important;
    height: 44px !important;
    border-radius: 50%;
    color: #333;
    top: 50%;
    margin-top: -25px;
    z-index: 100;
    transition: all 0.3s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: none !important;
  }
  .swiper4 .swiper-button-prev {
    top: 8rem;
    left: 1rem;
  }
  .swiper4 .swiper-button-next {
    right: 1rem;
    top: 8rem;
  }
  .youTu {
    position: initial;
    /* top: 2.2rem; */
    /* right: 0; */
    margin-right: 0rem;
  }
  .ziyan {
    margin-top: 1.3375rem;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 18rem;
    /* position: relative; */
  }
  .ziyan1 {
    text-align: center;
  }
  .shetus {
    display: flex;
    margin-bottom: 2.2rem;
    margin-top: 1rem;
  }
  .weilai {
    text-align: center;
    font-weight: 300;
    font-size: 0.75rem;
    color: #032849;
    margin-top: 0.4rem;
  }
  .treas textarea {
    max-height: 3rem;
    max-width: 100%;
    min-width: 100%;
    min-height: 5rem;
    border: 1px solid #c6d4e4;
    border-radius: 0.08rem;
    padding-left: 0.2rem;
    padding-top: 0.4rem;
    line-height: 1.3rem;
    font-family: 'HarmonyOS Sans SC';
    font-size: 0.75rem;
  }
  .treas textarea::placeholder {
    font-weight: 400;
    font-size: 0.8rem;
    color: #cccccc;
    padding-left: 0.5rem;
    font-family: 'HarmonyOS Sans SC';
  }
  .sanChang .sanBgc {
    width: 100%;
    height: 13.225rem;
    background-image: url(../img/54.png);
    background-size: 100% 100%;
  }
  .sanTitle {
    font-weight: bold;
    font-size: 1rem;
    color: #01183b;
    text-align: center;
    padding: 1rem 0;
  }
  .tus55 {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
  }
  .shetus img {
    height: 9.225rem;
    margin-top: -0.25rem;
    padding-left: 1.575rem;
  }
  .sheWen {
    margin-left: 0.6875rem;
    margin-right: 1rem;
  }
  .contents2 p img {
    height: 12.765rem;
  }
  .contents2-img p:first-child img {
    width: 19.6rem;
    padding-bottom: 0.5rem;
  }
  .contents2-img p:nth-child(2) {
    position: relative;
    height: 13.3rem;
  }
  .contents2-img p:nth-child(2) img:nth-child(1) {
    position: absolute;
    left: 2.2rem;
  }
  .contents2-img p:nth-child(2) img:nth-child(2) {
    position: absolute;
    right: 2.2rem;
  }
  .contents2-img p:last-child img {
    width: 19.6rem;
    padding-top: 0.5rem;
  }
  /* 移动端底部栏样式 */
  .contentLian .lianXi {
    height: 7.625rem;
  }
  .lianXi .huanying {
    font-size: 0.75rem;
  }
  .contentBottom {
    display: none !important;
  }
  .mobile-contentBottom {
    display: block;
    background-color: #000;
    padding: 0 1.2375rem;
    align-items: center;
    height: 9rem;
    text-align: center;
  }
  .bottomLeft {
    display: flex;
    align-items: center;
    padding-left: 6.75rem;
    padding-top: 0.5rem;
  }
  .bottomLeft .yianl {
    font-size: 0.75rem;
  }
  .bottomLeft .xian {
    height: 0.5rem;
  }
  .bottomLeft .yibu {
    font-size: 0.75rem;
  }
  .kefu {
    font-size: 0.75rem;
    text-align: center;
  }
  .tel {
    font-size: 0.6rem;
  }
  .rightens {
    margin-top: 0.5rem;
  }
  .rightenstwo {
    padding-left: 4.3rem;
    padding-top: 0.5rem;
  }
  .rightenstwo a {
    font-size: 0.75rem;
    color: #ffffff;
    margin-right: 0.2rem;
  }
  .copeys .copeysOne {
    font-size: 0.7rem;
    color: #777777;
    margin-top: 0.5rem;
  }
  .copeys .copeysTwo {
    font-size: 0.75rem;
    color: #777777;
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column !important;
  }
  .copeys img {
    height: 0.6rem;
  }
  .youshi {
    margin-top: 1rem;
  }
  .zhensmo {
    margin-top: 1rem;
    padding-bottom: 1rem;
  }
  .swiper5 .certificate-slider1 {
    padding-left: 1.2rem !important;
  }
  .swiper3One img {
    width: 16.6rem;
    border-radius: 0.5rem;
  }
  .swiper3One .certificate-slider {
    padding-left: 3.6rem !important;
  }
  .tukuanl {
    height: 7.5rem;
  }
}
/* PC端滚动后头部样式 */
@media (min-width: 1024px) {
  .bgcheader {
    transition:
      background-color 0.3s ease,
      box-shadow 0.3s ease,
      backdrop-filter 0.3s ease;
  }

  .is-scrolled {
    background: rgba(15, 23, 42, 0.92);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(8px);
  }
}