/* 设置一个 版心 宽度，专门用来控制响应式 用时直接加 类名就行  */
.area {
  max-width: var(--container-max-width);
  margin: 0 auto;
  height: 100%;
}
.bg-box {
  width: 100%;
  height: 440rem;
  opacity: 1;
  background: linear-gradient(
    240deg,
    rgba(94, 151, 184, 0.1) 0%,
    rgba(34, 64, 122, 0.5) 100%
  );
  position: relative;
  overflow: hidden;
}
.bg-box .pic-bg {
  width: 100%;
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.bg-box .title-box {
  font-size: 48rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 69.5rem;
  color: rgba(255, 255, 255, 1);
  position: absolute;
  top: 184rem;
  left: 260rem;
}
.bg-box .title-box .txt {
  font-size: 24rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 34.75rem;
  color: rgba(255, 255, 255, 0.3);
}
.title-box {
  font-size: 40rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 52.79rem;
  color: rgba(229, 229, 229, 1);
  /* margin: 130rem auto 0; */
}
.title-box .title {
  font-size: 30rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 39.59rem;
  color: rgba(56, 56, 56, 1);
}

/* 公司简介 */
.introduction-box .txt-box {
  width: 918rem;
  font-size: 18rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 40rem;
  color: rgba(56, 56, 56, 1);
}
.introduction-box .txt-box .title {
  font-size: 34rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 56rem;
  color: rgba(56, 56, 56, 1);
}
.introduction-box .logo-pic {
  width: 107.85rem;
  height: 96rem;
  display: block;
  margin-top: 48rem;
}
.introduction-box .plate-box {
  padding: 112rem 0 187rem;
  opacity: 1;
  background: rgba(247, 248, 252, 1);
}
.introduction-box .plate-box ul li {
  flex: 1;
  height: 320rem;
  opacity: 1;
  background: rgba(247, 248, 252, 1);
  border-top: 1rem solid rgba(207, 219, 227, 1);
  border-bottom: 1rem solid rgba(207, 219, 227, 1);
  border-right: 1rem solid rgba(207, 219, 227, 1);
  cursor: pointer;
  &:first-child {
    border-left: 1rem solid rgba(207, 219, 227, 1);
  }
}
.introduction-box .plate-box ul li .hide-box {
  display: none;
  height: 100%;
}
.introduction-box .plate-box ul li .hide-box-con {
  background: linear-gradient(
    180deg,
    rgba(34, 64, 122, 1) 0%,
    rgba(94, 151, 184, 1) 100%
  );
  height: 100%;
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 32rem;
  color: rgba(255, 255, 255, 1);
  padding: 0 35rem;
}
.introduction-box .plate-box ul li .show-box {
  height: 100%;
  font-size: 28rem;
  font-weight: 600;
  letter-spacing: 0rem;
  line-height: 37.13rem;
  color: rgba(56, 56, 56, 1);
  /* display: none; */
}
.introduction-box .plate-box ul li .pic {
  /*width: 128rem;*/
  /*height: 128rem;*/
  display: block;
  margin-bottom: 26rem;
}
.introduction-box .develop-box {
  position: relative;
  height: 920.56rem;
  padding-top: 104rem;
  overflow: hidden;
}
.introduction-box .develop-box .area {
  overflow: hidden;
}
.introduction-box .develop-box .pic-bg {
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 100%;
  opacity: 0.15;
}
.introduction-box .develop-box .list {
  font-size: 18rem;
  font-weight: 550;
  letter-spacing: 0rem;
  line-height: 40rem;
  color: rgba(56, 56, 56, 1);
}
.introduction-box .develop-box .list li .time {
  font-size: 96rem;
  font-weight: 600;
  letter-spacing: 0rem;
  line-height: 127.3rem;
  background: linear-gradient(
    90deg,
    rgba(34, 64, 122, 1) 0%,
    rgba(94, 151, 184, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 16rem;
}
.introduction-box .develop-box .list {
  width: 600%; /* 6个li项，每个100% */
  transition: transform 0.3s ease-in-out;
}
.introduction-box .develop-box .list li {
  flex-shrink: 0;
  padding: 0 2px;
  width: 16.666%; /* 100% / 6 = 16.666% */
}
.introduction-box .develop-box .list li .pic {
  width: 690rem;
  height: 400rem;
  display: block;
  margin-left: 49rem;
}
.introduction-box .develop-box .btn-box {
  margin-top: 147rem;
}
.introduction-box .develop-box .btn-box .line-box {
  position: relative;
  flex: 1;
}
.introduction-box .develop-box .btn-box .line-box::after {
  position: absolute;
  bottom: 50%;
  left: 0;
  width: 100%;
  content: "";
  display: block;
  border-bottom: 1rem solid rgba(204, 204, 204, 0.8);
  transform: translateY(-50%);
  z-index: -1;
}
.introduction-box .develop-box .btn-box .time-list {
  width: 100%;
  font-size: 18rem;
  font-weight: 700;
  letter-spacing: 1rem;
  line-height: 26.06rem;
  color: rgba(56, 56, 56, 1);
  margin-top: -43rem;
  padding: 0 145.94rem 0 146.34rem;
}

.introduction-box .develop-box .btn-box .time-list .yuan {
  width: 16rem;
  height: 16rem;
  opacity: 1;
  border-radius: 40rem;
  background: rgba(204, 204, 204, 1);
  margin-top: 14rem;
}
.introduction-box .develop-box .btn-box .time-list .txt-act {
  color: rgba(48, 105, 191, 1);
}
.introduction-box .develop-box .btn-box .time-list .yuan-act {
  width: 16rem;
  height: 16rem;
  opacity: 1;
  border-radius: 40rem;
  background: rgba(255, 255, 255, 1);
  border: 3rem solid rgba(48, 105, 191, 1);
  margin-top: 14rem;
}
.introduction-box .develop-box .btn-box .btn-pic {
  width: 48rem;
  height: 48rem;
  opacity: 1;
  display: block;
  cursor: pointer;
}
.introduction-box .honour-box {
  padding: 120rem 0 159.44rem;
}
.introduction-box .honour-box ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24rem;
  min-height: 900rem;
}
.introduction-box .honour-box ul li {
  width: 100%;
  height: 450rem;
  opacity: 1;
  background: rgba(249, 249, 249, 1);
  font-size: 18rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 40rem;
  color: rgba(56, 56, 56, 1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
}
.introduction-box .honour-box ul li:hover {
  transform: scale(1.03);
  box-shadow: 0 10rem 20rem rgba(0, 0, 0, 0.1);
}
.introduction-box .honour-box ul li .pic {
  /* width: 320rem; */
  height: 320rem;
  display: block;
  margin-bottom: 34rem;
  transition: transform 0.5s ease;
}
.introduction-box .honour-box ul li:hover .pic {
  transform: scale(1.08);
}
.introduction-box .team-box {
  width: 100%;
  height: 940rem;
  opacity: 1;
  background: linear-gradient(
    90deg,
    rgba(34, 64, 122, 1) 0%,
    rgba(94, 151, 184, 1) 100%
  );
  padding: 114rem 0 87rem;
  position: relative;
}
.introduction-box .team-box .bg-txt {
  width: 1217rem;
  height: 109rem;
  display: block;
  position: absolute;
  top: 196rem;
  right: 19rem;
}
.introduction-box .team-box .con-box {
  margin-top: 48rem;
  position: relative;
}
.introduction-box .team-box .btn-left {
  position: absolute;
  top: 50%;
  left: -112rem;
  transform: translateY(-50%);
}
.introduction-box .team-box .btn-right {
  position: absolute;
  top: 50%;
  right: -112rem;
  transform: translateY(-50%);
}
.introduction-box .team-box .btn-pic {
  width: 48rem;
  height: 48rem;
  display: block;
}
.introduction-box .team-box .list-box {
  overflow: hidden;
}
.introduction-box .team-box .list-box ul li {
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 20.27rem;
  color: rgba(255, 255, 255, 1);
  margin-right: 28rem;
  &:last-child {
    margin-right: 0rem;
  }
}
.introduction-box .team-box .list-box ul li.act-box {
  width: 328rem;
  height: 497.78rem;
  opacity: 1;
  background: rgba(255, 255, 255, 1);
  color: rgba(56, 56, 56, 1);
  justify-content: flex-start;
  padding: 12rem 12rem 0;
}
.introduction-box .team-box .list-box ul li.act-box .title {
  color: rgba(56, 56, 56, 1);
  margin: 24rem 0 6rem;
}
.introduction-box .team-box .list-box ul li .title {
  font-size: 20rem;
  font-weight: 600;
  letter-spacing: 0rem;
  line-height: 26.52rem;
  color: rgba(255, 255, 255, 1);
  margin: 18rem 0 6rem;
}
.introduction-box .team-box .list-box ul li .pic {
  width: 240rem;
  height: 284rem;
  display: block;
  object-fit: cover;
}
.introduction-box .team-box .list-box ul li.act-box .pic {
  width: 304rem;
  height: 346rem;
  display: block;
  object-fit: cover;
}
.introduction-box .team-box .progress-box {
  width: 100%;
  height: 2rem;
  opacity: 1;
  background: rgba(204, 204, 204, 0.1);
  margin-top: 98.22rem;
}

/* 人才招聘表格样式 */
.recruitment-table-container {
  margin-top: 72rem;
  width: 100%;
}

.recruitment-table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(247, 248, 252, 1);
}

.recruitment-table thead {
  background: rgba(48, 105, 191, 0.2);
}

.recruitment-table thead th {
  height: 89rem;
  line-height: 89rem;
  font-size: 18rem;
  font-weight: 700;
  letter-spacing: 0rem;
  color: rgba(56, 56, 56, 1);
  border: none;
}

.recruitment-table tbody tr {
  transition: background-color 0.3s ease;
  border-bottom: 1rem solid rgba(187, 207, 237, 0.4);
}

.recruitment-table tbody tr:not(.detail-row):hover {
  background-color: rgba(248, 249, 250, 1);
}

.recruitment-table tbody td {
  font-size: 18rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 26.06rem;
  color: rgba(56, 56, 56, 1);
  height: 88rem;
  line-height: 88rem;
}

/* 详情行的单元格样式重置 */
.recruitment-table tbody tr.detail-row td {
  height: auto;
  line-height: normal;
  padding: 0;
}

/* 重置详情行的左内边距 */
.recruitment-table tbody tr.detail-row td:first-child {
  padding-left: 0;
}
.recruitment-table tbody td:first-child {
  padding-left: 71rem;
}

.recruitment-table tbody tr.hide-line {
  border-bottom: none !important;
  /* background-color: red; */
}

/* 加号按钮样式 */
.expand-btn {
  cursor: pointer;
  transition: all 0.3s ease;
  padding-right: 24rem;
  color: rgba(196, 196, 196, 1);
  font-size: 24rem;
}

.expand-btn:hover {
  color: rgba(74, 144, 226, 1);
}

/* 职位详情盒子样式 */
.detail-row {
  background: rgba(255, 255, 255, 1) !important;
  display: none;
}

.detail-row.active {
  display: table-row !important; /* 激活时显示 */
  border-right: 1rem solid rgba(187, 207, 237, 0.4);
  border-left: 1rem solid rgba(187, 207, 237, 0.4);
}

.job-detail-box {
  padding: 10rem 30rem;
}

/* 确保富文本内容正确显示 */
.job-detail-box * {
  max-width: 100%;
}

/* 富文本内容样式重置 */
.rich-content {
  font-size: 16rem;
  font-weight: normal;
  line-height: 1.6;
  color: #333;
  height: auto;
  text-align: left;
}

/* 富文本内容中的元素样式重置 */
.rich-content * {
  line-height: inherit;
  height: auto;
  text-align: inherit;
}

/* 富文本内容中的段落样式 */
.rich-content p {
  margin: 10rem 0;
  line-height: 1.6;
}

/* 富文本内容中的标题样式 */
.rich-content h1, .rich-content h2, .rich-content h3,
.rich-content h4, .rich-content h5, .rich-content h6 {
  margin: 15rem 0 10rem;
  font-weight: bold;
  line-height: 1.4;
}

/* 富文本内容中的列表样式 */
.rich-content ul, .rich-content ol {
  margin: 10rem 0 10rem 20rem;
  padding-left: 15rem;
}

/* 富文本内容中的表格样式 */
.rich-content table {
  border-collapse: collapse;
  width: 100%;
  margin: 15rem 0;
}

.rich-content table td,
.rich-content table th {
  border: 1px solid #ddd;
  padding: 8rem;
  height: auto;
  line-height: 1.5;
}

/* 富文本内容中的链接样式 */
.rich-content a {
  color: #3069bf;
  text-decoration: underline;
}

/* 富文本内容中的图片样式 */
.rich-content img {
  max-width: 100%;
  height: auto;
  margin: 10rem 0;
}

/* 产品中心 */
.product-box .core-box {
  padding: 130rem 0 157rem;
}
.product-box .core-box ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10rem;
  min-height: 800rem;
}
.product-box .core-box ul li {
  width: 100%;
  /* height: 450rem; */
  font-size: 22rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 50rem;
  color: rgba(56, 56, 56, 1);
  margin-bottom: 15rem;
}
.product-box .core-box ul li .pic-box {
  width: 100%;
  height: 320rem;
  opacity: 1;
  background: rgba(247, 248, 252, 1);
  margin-bottom: 7.5rem;
  padding: 0 60rem;
}
.product-box .core-box ul li .pic {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 34rem;
  margin-top: 34rem;
}
.product-box .application-box {
  background: linear-gradient(
    90deg,
    rgba(34, 64, 122, 1) 0%,
    rgba(94, 151, 184, 1) 100%
  );
  padding: 105rem 0 148rem;
}

/* 案例展示 */
.case-box .case-con1 {
  padding: 130rem 0 143rem;
}
.case-box .aptitude-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 56rem 0 48rem;
}
.case-box .case-con1 .aptitude-tabs > li {
  /* width: 120rem; */
  height: 40rem;
  opacity: 1;
  background: rgba(255, 255, 255, 1);
  border: 1rem solid rgba(56, 56, 56, 1);
  font-size: 16rem;
  font-weight: 550;
  letter-spacing: 0rem;
  line-height: 40rem;
  color: rgba(56, 56, 56, 1);
  padding: 0 28rem;
  margin: 0 8rem;
  cursor: pointer;
}
.case-box .case-con1 .aptitude-tabs > li.active {
  color: rgba(255, 255, 255, 1);
  border: none;
  background: linear-gradient(
    90deg,
    rgba(34, 64, 122, 1) 0%,
    rgba(94, 151, 184, 1) 100%
  );
}
.case-box .aptitude-list > li {
  display: none;
}
.case-box .aptitude-list > li.show {
  display: block;
}
.case-box .aptitude-list > li > .aptitude-con {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10rem;
}
.case-box .case-con1 .aptitude-list > li > .aptitude-con > li {
  width: 100%;
  margin-bottom: 26rem;
  text-align: center;
}
.case-box .case-con1 .aptitude-list > li > .aptitude-con > li a {
  font-size: 18rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 26.06rem;
  color: rgba(56, 56, 56, 1);
}
.case-box .case-con1 .aptitude-list > li > .aptitude-con > li a:hover {
  color: rgba(34, 64, 122, 1);
}
/* .case-box  .aptitude-list > li > .aptitude-con > li > img:hover {
  transform: scale(1.01);
} */
.case-box .aptitude-list > li > .aptitude-con > li img {
  width: 100%;
  height: 320rem;
  display: block;
  margin-bottom: 13rem;
}
.case-box .aptitude-list > li > .aptitude-con > li p {
  margin-bottom: 13rem;
}
.case-box .case-con2 {
  padding: 87rem 0 129rem;
  background: linear-gradient(
    90deg,
    rgba(34, 64, 122, 1) 0%,
    rgba(94, 151, 184, 1) 100%
  );
}

.case-box .case-con2 .aptitude-list > li > .aptitude-con > li {
  width: 100%;
  margin-bottom: 26rem;
  text-align: center;
  font-size: 18rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 26.06rem;
  color: rgba(255, 255, 255, 1);
}
.case-box .case-con2 .aptitude-list > li > .aptitude-con > li a:hover {
  color: rgba(51, 51, 51, 1);
}
.case-box .case-con2 .aptitude-tabs > li {
  /* width: 120rem; */
  height: 40rem;
  opacity: 1;
  border: 1rem solid rgba(255, 255, 255, 1);
  font-size: 16rem;
  font-weight: 550;
  letter-spacing: 0rem;
  line-height: 40rem;
  color: rgba(255, 255, 255, 1);
  padding: 0 28rem;
  margin: 0 8rem;
  cursor: pointer;
}
.case-box .case-con2 .aptitude-tabs > li.active {
  color: rgba(34, 64, 122, 1);
  border: none;
  background: rgba(255, 255, 255, 1);
}
.case-box .aptitude-list {
  min-height: 790rem;
}

/* 公司新闻 */
.news-box .news-con {
  padding: 70rem 0 72rem;
}
.news-box .aptitude-tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 46rem;
}
.news-box .news-con .aptitude-tabs > li {
  /* width: 120rem; */
  height: 40rem;
  opacity: 1;
  background: rgba(255, 255, 255, 1);
  border: 1rem solid rgba(56, 56, 56, 1);
  font-size: 16rem;
  font-weight: 550;
  letter-spacing: 0rem;
  line-height: 40rem;
  color: rgba(56, 56, 56, 1);
  padding: 0 28rem;
  margin-right: 16rem;
  cursor: pointer;
}
.news-box .news-con .aptitude-tabs > li.active {
  color: rgba(255, 255, 255, 1);
  border: none;
  background: linear-gradient(
    90deg,
    rgba(34, 64, 122, 1) 0%,
    rgba(94, 151, 184, 1) 100%
  );
}
.news-box .aptitude-list > li > .aptitude-con li {
  margin-bottom: 16rem;
}
.news-box .aptitude-list > li > .aptitude-con li:hover .time-box,
.news-box .aptitude-list > li > .aptitude-con li:hover .time-box .txt,
.news-box .aptitude-list > li > .aptitude-con li:hover .txt-box,
.news-box .aptitude-list > li > .aptitude-con li:hover .txt-box .title {
  color: rgba(34, 64, 122, 1);
}
.news-box .aptitude-list > li > .aptitude-con li .time-box {
  width: 240rem;
  height: 200rem;
  opacity: 1;
  background: rgba(247, 248, 252, 1);
  margin-right: 4rem;
  padding-left: 71rem;
  font-size: 32rem;
  font-weight: 400;
  letter-spacing: 1.5rem;
  line-height: 42.43rem;
  color: rgba(128, 128, 128, 1);
}
.news-box .aptitude-list > li > .aptitude-con li .time-box .txt {
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 21.22rem;
  color: rgba(128, 128, 128, 0.5);
}
.news-box .aptitude-list > li > .aptitude-con li .txt-box {
  height: 200rem;
  opacity: 1;
  background: rgba(247, 248, 252, 1);
  padding: 51rem 58rem 0;
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 28rem;
  color: rgba(56, 56, 56, 1);
}
.news-box .aptitude-list > li > .aptitude-con li .txt-box .title {
  font-size: 20rem;
  font-weight: 550;
  letter-spacing: 0rem;
  line-height: 28.96rem;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 14rem;
}

/* 面包屑导航 */
.breadcrumb-box {
  margin-bottom: 24rem;
}
.breadcrumb-box a {
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 20.27rem;
  color: rgba(128, 128, 128, 1);
}
.breadcrumb-box:hover a {
  color: rgba(34, 64, 122, 1);
}

.breadcrumb-box .breadcrumb-pic {
  width: 16rem;
  height: 16rem;
  display: block;
  margin-right: 8rem;
}

/* 产品详情 */
.product-detail-box {
  padding: 43rem 0 150rem;
}
.product-detail-box .pic-box {
  width: 580rem;
  height: 400rem;
  opacity: 1;
  background: rgba(247, 248, 252, 1);
  padding: 0 20rem;
  flex-shrink: 0;
  margin-right: 60rem;
}
.product-detail-box .pic-box img {
  height: 100%;
  /* height: 400rem; */
  display: block;
}
.product-detail-box .txt-box {
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 26rem;
  color: rgba(51, 51, 51, 0.8);
}
.product-detail-box .txt-box .title {
  font-size: 40rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 29rem;
  color: rgba(51, 51, 51, 1);
  margin-top: 21rem;
}
.product-detail-box .txt-box .tip {
  font-size: 20rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 24rem;
  color: rgba(51, 51, 51, 1);
  margin: 24rem 0 48rem;
}
.product-detail-box ul {
  justify-content: space-evenly;
  width: 100%;
  height: 220rem;
  opacity: 1;
  background: rgba(247, 248, 252, 1);
  margin-top: 128rem;
  font-size: 22rem;
  font-weight: 550;
  letter-spacing: 0rem;
  line-height: 29rem;
  color: rgba(51, 51, 51, 1);
}
.product-detail-box ul li .pic {
  width: 64rem;
  height: 64rem;
  display: block;
  margin-bottom: 20rem;
}

/* 产品参数表格样式 */
.product-params-table {
  margin-top: 80rem;
  width: 100%;
}

.product-params-table .table-header {
  background: linear-gradient(
    90deg,
    rgba(34, 64, 122, 1) 0%,
    rgba(94, 151, 184, 1) 100%
  );
  height: 80rem;
  font-size: 24rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 80rem;
  color: rgba(255, 255, 255, 1);
}

.params-table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(255, 255, 255, 1);
}

.params-table tbody tr:nth-child(even) {
  background: rgba(247, 248, 252, 0.6);
}

.params-table tbody td {
  height: 80rem;
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 80rem;
  color: rgba(51, 51, 51, 1);
}

.params-table .param-label,
.params-table .param-value {
  width: 50%;
}

/* 案例详情 */
.case-detail-box {
  padding: 43rem 0 160rem;
}
.case-detail-box .case-detail .case-con {
  width: 100%;
  /* height: 1700rem; */
  opacity: 1;
  background: rgba(247, 248, 252, 1);
  padding: 94rem 100rem 83rem;
}
.case-detail-box .case-detail .case-con .title {
  font-size: 32rem;
  font-weight: 550;
  letter-spacing: 0rem;
  line-height: 46.34rem;
  color: rgba(56, 56, 56, 1);
}
.case-detail-box .case-detail .case-con .tip-box {
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 24rem;
  color: rgba(128, 128, 128, 1);
  margin: 32rem 0 48rem;
}
.case-detail-box .case-detail .case-con .tip-box div {
  margin-right: 56rem;
  &:last-child {
    margin-right: 0;
  }
}
.case-detail-box .case-detail .case-con .detail {
  padding-bottom: 50px;
  border-bottom: 1rem dotted rgba(204, 204, 204, 1);
}
.case-detail-box .case-detail .case-con .btn-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30rem;
  margin-top: 56rem;
}
.case-detail-box .case-detail .case-con .btn-box a {
  height: 44rem;
  display: block;
  border: 1rem solid rgba(153, 153, 153, 1);
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 44rem;
  color: rgba(102, 102, 102, 1);
  padding: 0 31rem 0 29rem;
}
.case-detail-box .case-detail .case-con .btn-box a:hover {
  border: none;
  background: rgba(19, 75, 159, 1);
  color: rgba(255, 255, 255, 1);
}

/* 咨询留言 */
.message-box {
  padding: 101rem 0 285rem;
  position: relative;
  overflow: hidden;
}
.message-box .bg-pic {
  position: absolute;
  width: 1898rem;
  height: 405rem;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  bottom: -331rem;
}

.message-box .inp-box {
  width: 720rem;
  margin-top: 8rem;
}
.message-box .inp-box .title {
  font-size: 24rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 28rem;
  color: rgba(51, 51, 51, 1);
  margin-bottom: 25rem;
}
.message-box .inp-box .inp {
  width: 720rem;
  height: 72rem;
  opacity: 1;
  background: rgba(247, 248, 252, 1);
  padding: 0 56rem;
  font-size: 18rem;
  margin-bottom: 16rem;
  outline: none;
  border: none;
  position: relative;
}

.message-box .inp-box .textarea {
  width: 720rem;
  height: 200rem;
  opacity: 1;
  background: rgba(247, 248, 252, 1);
  padding: 20rem 56rem;
  font-size: 18rem;
  outline: none;
  border: none;
}
.message-box .inp-box input::placeholder {
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 24rem;
  color: rgba(51, 51, 51, 0.5);
}
.message-box .inp-box .inp-txt {
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 24rem;
  color: rgba(51, 51, 51, 0.5);
}

.message-box .inp-box textarea::placeholder {
  font-size: 18rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 24rem;
  color: rgba(128, 128, 128, 1);
}
.message-box .inp-box .btn {
  width: 720rem;
  height: 72rem;
  opacity: 1;
  background: rgba(247, 248, 252, 1);
  margin: 16rem auto 0;
  font-size: 24rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 72rem;
  color: rgba(51, 51, 51, 1);
  cursor: pointer;
}
.message-box .text-box {
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 30rem;
  color: rgba(51, 51, 51, 0.8);
  width: 500rem;
}
.message-box .title0 {
  font-size: 48rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 69.5rem;
  color: rgba(51, 51, 51, 1);
  margin-bottom: 24rem;
}
.message-box .title1 {
  font-size: 40rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 57.92rem;
  color: rgba(51, 51, 51, 1);
  margin: 97rem 0 14rem;
}
.message-box .txt {
  line-height: 24rem;
}
.message-box .yuan {
  width: 972.21rem;
  height: 972.21rem;
  opacity: 1;
  border-radius: 900rem;
  transform: rotate(46.57deg);
  background: linear-gradient(
    90deg,
    rgba(45, 57, 107, 0.08) 0%,
    rgba(0, 185, 226, 0.08) 51.39%,
    rgba(26, 71, 143, 0.08) 100%
  );
  filter: blur(40rem);
  position: absolute;
  left: -337rem;
  bottom: -400rem;
}

/* * 联系我们 */
.contact-box .contact-con {
  padding: 160rem 0 168rem;
  font-size: 18rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 40rem;
  color: rgba(56, 56, 56, 1);
}
.contact-box .contact-con .title {
  font-size: 34rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 56rem;
  color: rgba(56, 56, 56, 1);
}
.contact-box .contact-con .txt {
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 23.17rem;
  color: rgba(56, 56, 56, 0.4);
  white-space: nowrap;
}
.contact-box .contact-con .code {
  width: 104rem;
  height: 104rem;
  display: block;
  margin-bottom: 4rem;
}
.contact-box .contact-con .hot-box {
  padding: 51rem 0 0 48rem;
  font-size: 18rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 40rem;
  color: rgba(255, 255, 255, 1);
  width: 480rem;
  height: 460rem;
  opacity: 1;
  background: linear-gradient(
    90deg,
    rgba(34, 64, 122, 1) 0%,
    rgba(94, 151, 184, 1) 100%
  );
}
.contact-box .contact-con .hot-box .title {
  font-size: 34rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 56rem;
  color: rgba(255, 255, 255, 1);
}
.contact-box .contact-con .hot-box .txt {
font-size: 16rem;
font-weight: 400;
letter-spacing: 0rem;
line-height: 23.17rem;
color: rgba(255, 255, 255, 0.4);
}
.contact-box .contact-con .hot-box .phone {
font-size: 34rem;
font-weight: 700;
letter-spacing: 0rem;
line-height: 40rem;
color: rgba(255, 255, 255, 1);
margin: 48rem  0 60rem;
}

/* WOW.js 动画增强样式 */
.wow {
  visibility: hidden;
}

/* 动画延迟控制 */
.wow.animate__fadeInUp {
  animation-duration: 0.8s;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wow.animate__fadeInLeft {
  animation-duration: 0.8s;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wow.animate__fadeInRight {
  animation-duration: 0.8s;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wow.animate__slideInLeft {
  animation-duration: 0.8s;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wow.animate__slideInRight {
  animation-duration: 0.8s;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wow.animate__flipInX {
  animation-duration: 0.8s;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 元素悬停动画效果 */
.lb1 .swiper-slide {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.lb1 .swiper-slide:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.aptitude-con li {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.aptitude-con li:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* 按钮动画效果 */
.swiper-button-next1,
.swiper-button-prev1 {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.swiper-button-next1:hover,
.swiper-button-prev1:hover {
  transform: scale(1.1);
  opacity: 0.8;
}

/* 数字动画样式 */
.number-left .title {
  transition: color 0.3s ease;
}

.number-left .title.act {
  background: linear-gradient(90deg, rgba(34, 64, 122, 1) 0%, rgba(94, 151, 184, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* 视差滚动效果 */
.mySwiper {
  position: relative;
  overflow: hidden;
}

.mySwiper .swiper-slide {
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

/* 加载动画 */
@keyframes slideInFromBottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeInScale {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* 页面加载动画 */
.mySwiper {
  animation: fadeInScale 1s ease-out;
}

/* 数字计数动画 */
.animated-number {
  font-weight: 700;
  transition: all 0.3s ease;
}

/* 按钮悬停反馈 */
.aptitude-tabs li {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.aptitude-tabs li::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}

.aptitude-tabs li:hover::before {
  left: 100%;
}

/* 滚动显示动画优化 */
.wow {
  animation-fill-mode: both;
}

/* 提升动画性能 */
* {
  will-change: auto;
}

/*.wow.animate__fadeInUp,*/
/*.wow.animate__fadeInLeft,*/
/*.wow.animate__fadeInRight,*/
/*.wow.animate__slideInLeft,*/
/*.wow.animate__slideInRight {*/
/*  !*will-change: transform, opacity;*!*/
/*}*/