body {
  margin: 0;
  padding: 0;
}
body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

a{
  text-decoration: none;
}
/* 公共工具类 */
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-baseline {
  align-self: baseline;
}
.self-stretch {
  align-self: stretch;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.relative {
  position: relative;
}

/* 间距类 */
.ml-2 {
  margin-left: 0.1042vw;
}
.mt-2 {
  margin-top: 0.1042vw;
}
.ml-4 {
  margin-left: 0.2083vw;
}
.mt-4 {
  margin-top: 0.2083vw;
}
.ml-6 {
  margin-left: 0.3125vw;
}
.mt-6 {
  margin-top: 0.3125vw;
}
.ml-8 {
  margin-left: 0.4167vw;
}
.mt-8 {
  margin-top: 0.4167vw;
}
.ml-10 {
  margin-left: 0.5208vw;
}
.mt-10 {
  margin-top: 0.5208vw;
}
.ml-12 {
  margin-left: 0.625vw;
}
.mt-12 {
  margin-top: 0.625vw;
}
.ml-14 {
  margin-left: 0.7292vw;
}
.mt-14 {
  margin-top: 0.7292vw;
}
.ml-16 {
  margin-left: 0.8333vw;
}
.mt-16 {
  margin-top: 0.8333vw;
}
.ml-18 {
  margin-left: 0.9375vw;
}
.mt-18 {
  margin-top: 0.9375vw;
}
.ml-20 {
  margin-left: 1.0417vw;
}
.mt-20 {
  margin-top: 1.0417vw;
}
.ml-22 {
  margin-left: 1.1458vw;
}
.mt-22 {
  margin-top: 1.1458vw;
}
.ml-24 {
  margin-left: 1.25vw;
}
.mt-24 {
  margin-top: 1.25vw;
}
.ml-26 {
  margin-left: 1.3542vw;
}
.mt-26 {
  margin-top: 1.3542vw;
}
.ml-28 {
  margin-left: 1.4583vw;
}
.mt-28 {
  margin-top: 1.4583vw;
}
.ml-30 {
  margin-left: 1.5625vw;
}
.mt-30 {
  margin-top: 1.5625vw;
}
.ml-32 {
  margin-left: 1.6667vw;
}
.mt-32 {
  margin-top: 1.6667vw;
}
.ml-34 {
  margin-left: 1.7708vw;
}
.mt-34 {
  margin-top: 1.7708vw;
}
.ml-36 {
  margin-left: 1.875vw;
}
.mt-36 {
  margin-top: 1.875vw;
}
.ml-38 {
  margin-left: 1.9792vw;
}
.mt-38 {
  margin-top: 1.9792vw;
}
.ml-40 {
  margin-left: 2.0833vw;
}
.mt-40 {
  margin-top: 2.0833vw;
}
.ml-42 {
  margin-left: 2.1875vw;
}
.mt-42 {
  margin-top: 2.1875vw;
}
.ml-44 {
  margin-left: 2.2917vw;
}
.mt-44 {
  margin-top: 2.2917vw;
}
.ml-46 {
  margin-left: 2.3958vw;
}
.mt-46 {
  margin-top: 2.3958vw;
}
.ml-48 {
  margin-left: 2.5vw;
}
.mt-48 {
  margin-top: 2.5vw;
}
.ml-50 {
  margin-left: 2.6042vw;
}
.mt-50 {
  margin-top: 2.6042vw;
}
.ml-52 {
  margin-left: 2.7083vw;
}
.mt-52 {
  margin-top: 2.7083vw;
}
.ml-54 {
  margin-left: 2.8125vw;
}
.mt-54 {
  margin-top: 2.8125vw;
}
.ml-56 {
  margin-left: 2.9167vw;
}
.mt-56 {
  margin-top: 2.9167vw;
}
.ml-58 {
  margin-left: 3.0208vw;
}
.mt-58 {
  margin-top: 3.0208vw;
}
.ml-60 {
  margin-left: 3.125vw;
}
.mt-60 {
  margin-top: 3.125vw;
}
.ml-62 {
  margin-left: 3.2292vw;
}
.mt-62 {
  margin-top: 3.2292vw;
}
.ml-64 {
  margin-left: 3.3333vw;
}
.mt-64 {
  margin-top: 3.3333vw;
}
.ml-65 {
  margin-left: 3.3854vw;
}
.ml-66 {
  margin-left: 3.4375vw;
}
.mt-66 {
  margin-top: 3.4375vw;
}
.ml-68 {
  margin-left: 3.5417vw;
}
.mt-68 {
  margin-top: 3.5417vw;
}
.ml-70 {
  margin-left: 3.6458vw;
}
.mt-70 {
  margin-top: 3.6458vw;
}
.ml-72 {
  margin-left: 3.75vw;
}
.mt-72 {
  margin-top: 3.75vw;
}
.ml-74 {
  margin-left: 3.8542vw;
}
.mt-74 {
  margin-top: 3.8542vw;
}
.ml-75 {
  margin-left: 3.9063vw;
}
.ml-76 {
  margin-left: 3.9583vw;
}
.mt-76 {
  margin-top: 3.9583vw;
}
.ml-78 {
  margin-left: 4.0625vw;
}
.mt-78 {
  margin-top: 4.0625vw;
}
.ml-80 {
  margin-left: 4.1667vw;
}
.mt-80 {
  margin-top: 4.1667vw;
}
.ml-82 {
  margin-left: 4.2708vw;
}
.mt-82 {
  margin-top: 4.2708vw;
}
.ml-84 {
  margin-left: 4.375vw;
}
.mt-84 {
  margin-top: 4.375vw;
}
.ml-86 {
  margin-left: 4.4792vw;
}
.mt-86 {
  margin-top: 4.4792vw;
}
.ml-88 {
  margin-left: 4.5833vw;
}
.mt-88 {
  margin-top: 4.5833vw;
}
.ml-90 {
  margin-left: 4.6875vw;
}
.mt-90 {
  margin-top: 4.6875vw;
}
.ml-92 {
  margin-left: 4.7917vw;
}
.mt-92 {
  margin-top: 4.7917vw;
}
.ml-94 {
  margin-left: 4.8958vw;
}
.mt-94 {
  margin-top: 4.8958vw;
}
.ml-96 {
  margin-left: 5vw;
}
.mt-96 {
  margin-top: 5vw;
}
.ml-98 {
  margin-left: 5.1042vw;
}
.mt-98 {
  margin-top: 5.1042vw;
}
.ml-100 {
  margin-left: 5.2083vw;
}
.mt-100 {
  margin-top: 5.2083vw;
}
.mt-13 {
  margin-top: 0.6771vw;
}
.ml-3 {
  margin-left: 0.1563vw;
}
.mt-19 {
  margin-top: 0.9896vw;
}
.ml-9 {
  margin-left: 0.4688vw;
}
.ml-320 {
  margin-left: 16.6667vw;
}
.mt-5 {
  margin-top: 0.2604vw;
}
.ml-158 {
  margin-left: 8.2292vw;
}
.ml-139 {
  margin-left: 7.2396vw;
}
.mt-3 {
  margin-top: 0.1563vw;
}
.ml-220 {
  margin-left: 11.4583vw;
}
.mt-15 {
  margin-top: 0.7813vw;
}
.ml-43 {
  margin-left: 2.2396vw;
}
.ml-13 {
  margin-left: 0.6771vw;
}
.mt-53 {
  margin-top: 2.7604vw;
}
.mt-55 {
  margin-top: 2.8646vw;
}
.mt-25 {
  margin-top: 1.3021vw;
}
.mt-91 {
  margin-top: 4.7396vw;
}
.ml-17 {
  margin-left: 0.8854vw;
}
.ml-5 {
  margin-left: 0.2604vw;
}
.mt-11 {
  margin-top: 0.5729vw;
}
.mt-29 {
  margin-top: 1.5104vw;
}
.mt-7 {
  margin-top: 0.3646vw;
}
.mt-43 {
  margin-top: 2.2396vw;
}
.ml-63 {
  margin-left: 3.2813vw;
}
.mt-23 {
  margin-top: 1.1979vw;
}
.ml-33 {
  margin-left: 1.7188vw;
}

/* 导航栏样式 */
.TopPadingBox {
  padding-bottom: 8.3333vw;
}
.TopHeader {
  background-color: #f5f5f5;
  width: 100%;
  height: 33.75vw;
  background: url("../img/header.png") no-repeat center center;
  background-size: cover;
  padding: 0 3.125vw;
  position: relative;
}

.NavBar {
  width: 100%;
  margin-top: 0.7292vw;
  height: 4.5833vw;
  background: url("../img/navBg.png") no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rightBox {
  display: flex;
  margin-left: 15.625vw;
  align-items: center;
}

.menu {
  display: flex;
  list-style: none;
}

.menu li {
  margin: 0 1.3021vw;
  font-size: 1.0417vw;
  cursor: pointer;
  position: relative;
}

.menu li a {
  color: #f8f8f8;
  text-decoration: none;
  /* font-weight: bold; */
  position: relative;
  display: inline-block; /* 确保下划线效果完整覆盖文字 */
  transition: transform 0.3s ease;
}

.menu li a:hover {
  transform: scale(1.05);
}
/* 子菜单核心样式 */
.liChildren {
  position: absolute;
  top: 120%; /* 子菜单顶部对齐父项底部（比 bottom 更灵活） */
  border-radius: 0.2604vw;
  padding: 0.5208vw 0; /* 增加内边距，优化子项间距 */
  box-shadow: 0 0.1042vw 0.4167vw rgba(0, 0, 0, 0.2); /* 加阴影，增强层级感 */
  /* 初始隐藏子菜单（关键） */
  opacity: 0; /* 透明度为0，视觉隐藏 */
  visibility: hidden; /* 隐藏元素，避免占用点击区域 */
  transition: all 0.3s ease; /* 子菜单显示/隐藏的过渡动画 */
  color: #000;
}

/* 子菜单中的链接样式（单独优化，避免继承父链接样式） */
.liChildren a {
  white-space: nowrap; /* 防止子菜单换行 */
  display: block; /* 子链接占满整行，优化点击区域 */
  color: #fff !important;
  padding: 0.4167vw 1.0417vw; /* 增加内边距，扩大点击范围 */
  font-size: 0.9375vw; /* 子菜单文字略小，区分层级 */
  position: relative; /* 确保伪元素定位正确 */
}

/* 子菜单链接 hover 效果（与父链接区分） */
.liChildren a:hover {
}

/* 父项 hover 时显示子菜单（核心逻辑） */
.menu li:hover .liChildren {
  opacity: 1; /* 透明度恢复1，显示 */
  visibility: visible; /* 恢复可见性 */
  transform: translateY(0); /* 偏移归位 */
  z-index: 999;
}
.menu li a:hover {
  /* color: #4a90e2; */
}

.menu li a::after {
  content: "";
  position: absolute;
  left: 0;
  
  bottom: -0.5604vw;
  width: 100%;
  height: 0.1042vw;
  /* background-color: #4a90e2; */
  background: #fff;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

.liChildren a::after {
  content: "";
  position: absolute;
  left: 0;
  
  bottom: -0.1604vw !important;
  width: 100%;
  height: 0.1042vw;
  /* background-color: #4a90e2; */
  background: #fff;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

.liChildren a:hover::after {
  transform: scaleX(1);
}


.menu li a:hover::after {
  transform: scaleX(1);
}

/* 当前页面选中效果 */
.menu li.active > a {
  /* color: #4a90e2; */
}

.menu li.active > a::after {
  transform: scaleX(1);
}

/* 子菜单当前页面选中效果 */
.liChildren a.active::after {
  transform: scaleX(1);
}
.search-bar {
  padding: 0.2604vw 0.5208vw;
  border: none;
  border-radius: 0.2604vw;
}

.searchBox {
  display: flex;
  width: 12.5vw;
  height: 2.0833vw;
  border-radius: 2.0833vw;
  background: rgba(255, 255, 255, 0.3);
  position: relative;
  padding-left: 2.0833vw;
}

.searchIcon {
  position: absolute;
  top: 0.5208vw;
  left: 0.5208vw;
  width: 1.0417vw;
  height: 1.0417vw;
}

.searchInput {
  width: 100%;
  height: 100%;
  border-bottom-right-radius: 2.0833vw;
  border-top-right-radius: 2.0833vw;
  border: none;
  background: transparent;
}

.centerSwpierBox {
  width: 93.75vw;
  height: 41.6667vw;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}


.centerSwpierBox .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}
.centerSwpierBox .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
}


/* 页脚页脚样式  */
footer .info {
  width: 100%;
  height: 18.75vw;
  background: url("../img/bg.png") no-repeat center center;
  background-size: cover;
  padding-left: 12.5vw;
  padding-right: 13.1771vw;
  padding-top: 2.3958vw;
  padding-bottom: 1.9792vw;
  justify-content: space-between;
  display: flex;
}

.rejects {
  width: 100%;
  height: 3.125vw;
  background: rgba(13, 69, 98, 1);
}

.footer-leftBox {
}
.footer-title {
  color: rgba(255, 255, 255, 1);
  font-family: "PingFang SC";
  font-weight: bold;
  font-size: 1.0417vw;
  line-height: 1.4583vw;
  margin-bottom: 0.8333vw;
}

.footer-contentBox {
  margin-bottom: 1.25vw;
}
.footer-item {
  display: flex;
  align-items: start;
  margin-bottom: 0.625vw;
  color: rgba(255, 255, 255, 1);
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.7292vw;
  line-height: 1.0417vw;
}
.footer-item .left {
  display: flex;
  align-items: center;
}
.footer-item .left img {
  width: 0.8333vw;
  margin-right: 0.2604vw;
  height: 0.8333vw;
}

.footer-item .right {
  max-width: 20.3125vw;
}

.footer-centerBox {
  /* margin-left: 128px; */
  width: 23.4375vw;
}

.footer-centerBox .contactBox {
  margin-bottom: 1.25vw;
}

.footer-centerBox .contactItem {
  display: flex;
  width: 10.9896vw;
  color: rgba(255, 255, 255, 1);
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.7292vw;
  line-height: 1.0417vw;
  margin-bottom: 0.625vw;
}

.footer-centerBox .contactItem div {
  margin-right: 2.0833vw;
}

.footer-rightBox {
  /* margin-left: 128px; */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer-rightBox .title {
  color: rgba(255, 255, 255, 1);
  font-family: "PingFang SC";
  font-weight: 500;
  font-size: 0.8333vw;
  line-height: 1.1458vw;
}
.footer-rightBox .phone {
  margin-top: 0.7813vw;
  margin-bottom: 1.25vw;
  color: rgba(255, 255, 255, 1);
  font-family: "PingFang SC";
  font-size: 1.25vw;
  padding: 0.1563vw;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}

.footer-rightBox  .code {
  width: 7.9688vw;
  height: 7.9688vw;
  margin-bottom: 0.625vw;
}
.footer-rightBox .codeText {
  color: rgba(255, 255, 255, 1);
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.1458vw;
}

.rejects{
    color: rgba(255, 255, 255, 1);
  font-family: "PingFang SC";
  font-weight: 400;
  font-size: 0.7292vw;
  line-height: 1.0417vw;
  display: flex;
  justify-content: center;
  align-items: center;
}