.homePage .fragment001 {
  width: 100%;
  aspect-ratio: 1920 / 600;
  min-height: 400px;
  max-height: 600px;
  background: url("/img/mainPageBanner.png") no-repeat center center;
  background-size: cover;
  position: relative;
}

.homePage .fragment001 .con {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  top: 19.666%;
  left: 19.94%;
}

.homePage .fragment001 .con .title {
  height: 73px;
  line-height: 73px;
  font-weight: bold;
  font-size: 52px;
  color: #1d1d1f;
  text-align: left;
}

.homePage .fragment001 .con .sub-title {
  height: 31px;
  line-height: 31px;
  font-weight: bold;
  font-size: 22px;
  color: #1d1d1f;
  text-align: left;
  margin-top: 16px;
}

.homePage .fragment001 .free-btn {
  position: absolute;
  width: 160px;
  height: 58px;
  background: #1870ff;
  border: none;
  border-radius: 100px 100px 100px 100px;
  left: 19.94%;
  top: 70.333%;
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}

/* 视频展示部分 开始 */
.homePage .fragment002 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 120px 0;
  background: #f7f8f9;
}

.homePage .fragment002 .video-con {
  width: 642px;
  min-width: 642px;
  height: 361px;
  position: relative;
  overflow: hidden;
}

.homePage .fragment002 .video-con .video {
  width: 100%;
  height: 100%;
  object-fit: contain; /* 显示完整视频，空白区域会留出来 */
  background: black; /* 建议配背景色 */
}

.homePage .fragment002 .info-con {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  width: 508px;
  min-width: 508px;
  height: auto;
  position: relative;
  margin-left: 50px;
}

.homePage .fragment002 .info-con .title {
  font-size: 36px;
  color: #1d1d1f;
  margin-bottom: 24px;
  font-weight: bold;
  text-align: start;
}

.homePage .fragment002 .info-con .text {
  text-align: start;
  font-size: 16px;
  color: #90949e;
}

.homePage .fragment002 .ad-con {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 26px;
  gap: 100px;
}

.homePage .fragment002 .ad-con .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.homePage .fragment002 .ad-con .item .ad-title {
  font-weight: bold;
  color: #1d1d1f;
  font-size: 48px;
}
.homePage .fragment002 .ad-con .item .ad-sub-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 26px;
  font-weight: 400;
  font-size: 16px;
  color: #90949e;
  line-height: 26px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.homePage .fragment002 .ad-con .item .sub-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #90949e;
  font-size: 16px;
}
/* 视频展示部分 结束 */

/* 信息标签页 开始 */
.homePage .fragment003 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 54px;
  background-color: white;
  padding: 100px 0 74px 0;
}

.homePage .fragment003 .title {
  font-weight: bold;
  font-size: 36px;
  color: #1d1d1f;
  text-align: center;
}

.homePage .fragment003 .tabs {
  width: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 58px;
  margin-bottom: 35px;
}

.homePage .fragment003 .tabs .tab-item {
  height: 72px;
  position: relative;
  padding: 0 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 20px;
  color: #434446;
  text-wrap: nowrap;
  border-radius: 8px 8px 0px 0px;
}
.homePage .fragment003 .tabs .tab-item img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  object-fit: cover;
}
.homePage .fragment003 .tabs .tab-item.active {
  color: #1890ff;
  background: #edf7ff;
  font-weight: bold;
}
.homePage .fragment003 .tabs .tab-item.active::after {
  position: absolute;
  bottom: 0;
  height: 4px;
  width: 70%;
  content: "";
  background-color: #1890ff;
}
.fragment003 .carousel {
  width: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  min-width: 0;
  position: relative;
}
.fragment003 .carousel #tab-page-con {
  display: flex;
  width: 1200px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow-x: auto; /* 横向滚动 */
  scroll-behavior: smooth; /* 平滑滚动 */
  /* 隐藏滚动条 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}
.fragment003 .carousel #tab-page-con ::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}

.fragment003 .carousel .info-tabs-page {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: start;
  text-decoration: none;
}

.fragment003 .carousel .info-tabs-page .info-con {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  margin-left: 34px;
}

.fragment003 .carousel .info-tabs-page .info-con .title {
  font-size: 24px;
  color: #1d1d1f;
  font-weight: bold;
  margin-bottom: 12px;
}

.fragment003 .carousel .info-tabs-page .info-con .subtitle {
  font-size: 16px;
  color: #90949e;
  margin-bottom: 49px;
}

.fragment003 .carousel .info-tabs-page .info-con .ad-grid {
  width: 320px;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 两列 */
  grid-template-rows: repeat(4, auto); /* 四行（高度自适应内容） */
  column-gap: 0px;
  row-gap: 28px;
}

.fragment003 .carousel .info-tabs-page .info-con .ad-grid .ad-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #434446;
  font-size: 20px;
  gap: 12px;
}
.fragment003 .carousel .info-tabs-page .info-con .ad-grid .ad-item span {
  min-width: 155px;
}

.fragment003 .carousel .info-tabs-page {
  width: 1200px;
  min-width: 1200px;
}

.fragment003 .carousel .arrow-con {
  position: absolute;
  max-width: 1280px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none; /* 默认穿透 */
}
.fragment003 .carousel .arrow {
  pointer-events: auto; /* 只有箭头能点 */
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 10;
}
/* .fragment003 .carousel .arrow.left {
}
.fragment003 .carousel .arrow.right {
} */

/* 信息标签页 结束 */

/* 解决方案展示 开始*/
.fragment004 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 88px 0;
  background-color: #eef5ff;
}

.fragment004 .title {
  font-size: 36px;
  font-weight: bold;
  color: #1d1d1f;
}

.fragment004 .subTitle {
  margin-top: 10px;
  font-size: 18px;
  color: #90949e;
  font-weight: 400;
  text-align: center;
}

.fragment004 .solution-con {
  width: auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* 六列 */
  grid-template-rows: repeat(2, auto); /* 两行（高度自适应内容） */
  gap: 24px;
  margin-top: 52px;
}

.fragment004 .solution-con .item-con {
  position: relative;
  width: 180px;
  height: 210px;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
}

.fragment004 .solution-con .item-con img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fragment004 .solution-con .item-con .tex {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  width: 100%;
  height: 40px;
  font-size: 16px;
  color: white;
  background-color: rgba(5, 5, 5, 0.6);
}

/* 解决方案展示 结束*/

/* 保障方案展示 开始 */
.fragment005 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 108px;
  padding-bottom: 100px;
}

.fragment005 .title {
  font-size: 36px;
  font-weight: bold;
  color: #1d1d1f;
}

.fragment005 .protect-con {
  margin-top: 80px;
  width: auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 五列 */
  grid-template-rows: repeat(2, auto); /* 两行（高度自适应内容） */
  column-gap: 88px;
  row-gap: 58px;
}

.fragment005 .protect-con .protect-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  font-size: 20px;
  color: #434446;
}
.fragment005 .protect-con .protect-item img {
  width: 72px;
  height: 72px;
  object-fit: cover;
}
.fragment005 .protect-con .protect-item .tex {
  height: 25px;
  line-height: 28px;
  font-weight: 400;
  font-size: 20px;
  color: #434446;
  text-align: center;
  white-space: nowrap;
}

/* 保障方案展示 结束 */

/* 客户展示 开始 */
.fragment006 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 90px;
  padding-bottom: 100px;
  background-color: #f7f8f9;
}

.fragment006 .title {
  font-size: 36px;
  font-weight: bold;
  color: #1d1d1f;
}

.fragment006 .subTitle {
  margin-top: 10px;
  font-weight: 400;
  font-size: 18px;
  color: #90949e;
  text-align: center;
}

.fragment006 .client-con {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  margin-top: 51px;
}

.fragment006 .client-con .scroll-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 18px;
  overflow-x: hidden; /* 隐藏滚动条 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

.scroll-item .scroll-content {
  display: flex;
  flex-direction: row;
  gap: 18px;
}

.fragment006 .client-con .scroll-item img {
  width: 220px;
  height: 80px;
  object-fit: contain;
  flex-shrink: 0;
}

.fragment006 .client-con .scroll-item ::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
  width: 0px;
  height: 0px;
}

/* 客户展示 结束 */

/* 资讯动态 开始 */
.fragment007 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 88px;
  padding-bottom: 100px;
}

.fragment007 .title {
  font-size: 36px;
  font-weight: bold;
  color: #1d1d1f;
}

.fragment007 .tabs {
  width: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 52px;
  margin-top: 32px;
  margin-bottom: 64px;
}

.fragment007 .tabs .tab-item {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  width: 104px;
  height: 36px;
  color: #90949e;
  cursor: pointer;
  background-color: transparent;
  border-radius: 20rem;
}

.fragment007 .tabs .tab-item.active {
  width: 104px;
  height: 36px;
  color: #ffffff;
  background-color: #1870ff;
}

.fragment007 #news-page-con {
  width: auto;
  overflow: hidden;
}

.fragment007 #news-page-con .news-grid-con {
  width: auto;
  display: none;
  grid-template-columns: repeat(2, 1fr); /* 两列 */
  grid-template-rows: repeat(5, auto); /* 五行（高度自适应内容） */
  column-gap: 52px;
  row-gap: 40px;
}

.fragment007 #news-page-con .news-grid-con.active {
  display: grid;
}

.fragment007 #news-page-con .news-grid-con .news-item {
  width: 554px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  cursor: pointer;
}

.fragment007 #news-page-con .news-grid-con .news-item .col {
  gap: 8px;
  display: flex;
  flex-direction: column;
}

.fragment007 #news-page-con .news-grid-con .news-item img {
  width: 58px;
  height: 58px;
  border-radius: 4px 4px 4px 4px;
  object-fit: cover;
}

.fragment007 #news-page-con .news-grid-con .news-item .title {
  width: 380px;
  height: 28px;
  font-weight: bold;
  font-size: 20px;
  color: #1d1d1f;
  text-align: left;
  font-style: normal;
  text-transform: none;
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 超出隐藏 */
  text-overflow: ellipsis; /* 显示省略号 */
}

.fragment007 #news-page-con .news-grid-con .news-item .tex {
  width: 400px;
  height: 22px;
  font-weight: bold;
  font-size: 16px;
  color: #90949e;
  text-align: left;
  font-style: normal;
  text-transform: none;
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 超出隐藏 */
  text-overflow: ellipsis; /* 显示省略号 */
}

/* 资讯动态 结束 */