@charset "UTF-8";
@import url("/fonts/AlibabaPuhui/AlibabaPuhui.css");
@import url("/css/quil/quill.bubble.prod.css");
@import url("/css/quil/quill.core.prod.css");
@import url("/css/quil/quill.snow.prod.css");
@import url("/css/quil/quill-font.css");
@import url("/css/quill.snow.css");
* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 19.2px;
}

body {
  font-size: var(--base-text-size);
  max-width: 1920px !important;
  min-width: 960px !important;
  min-height: 100vh;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  html {
    font-size: 9.6px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1100px) {
  html {
    font-size: 9.6px !important;
  }
}
@media screen and (min-width: 1101px) and (max-width: 1280px) {
  html {
    font-size: 12.8px !important;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1366px) {
  html {
    font-size: 13.36px !important;
  }
}
@media screen and (min-width: 1367px) and (max-width: 1536px) {
  html {
    font-size: 15.36px !important;
  }
}
@media screen and (min-width: 1536px) and (max-width: 1745px) {
  html {
    font-size: 17.45px !important;
  }
}
@media screen and (min-width: 1746px) and (max-width: 1920px) {
  html {
    font-size: 19.2px !important;
  }
}
@media screen and (min-width: 1921px) and (max-width: 3000px) {
  html {
    font-size: 19.21px;
  }
}
:root {
  --base-color-primary:#28508C;
  /*基础字颜色*/
  --base-text-color: #333;
  --base-text-color-dark: #2D3643;
  --base-text-color-black: #000;
  --base-text-color-secondary: #666;
  --base-text-color-gray: #8897AE;
  --base-text-color-white: white;
  --base-text-color-light: #D9E9FF;
  --gap: 1.0416666667rem;
  --gap-small: 0.78125rem;
  --gap-medium: 1.3020833333rem;
  --gap-mini: 0.78125rem;
  --gap-large: 2.6041666667rem;
  --base-text-size: 0.8333333333rem;
  --base-text-mini-size: 0.7291666667rem;
  --base-gap: 4.1666666667rem;
}

* {
  margin: 0;
  padding: 0;
  word-break: break-word;
  overflow-wrap: break-word;
  font-family: AlibabaPuhuiTi, sans-serif !important;
}

a:hover {
  color: var(--base-color-primary);
}

#icon_module {
  right: 0 !important;
  left: initial !important;
}

li {
  list-style: none;
}

p {
  margin-bottom: 0;
}

img {
  vertical-align: top;
  border: none;
}

.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 0.9375rem;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.base-page {
  width: 100%;
}
.base-page .breadcrumb {
  height: 2.0833333333rem;
  padding: 0 calc((100% - 83.3333333333rem) / 2);
  display: flex;
  align-items: center;
  background: #F7FAFF;
  margin-bottom: 0;
}
.base-page .breadcrumb-item {
  display: flex;
  align-items: center;
  font-size: 0.7291666667rem;
}
.base-page .breadcrumb-item > a {
  color: #3D4966;
  font-weight: 400;
}
.base-page .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  padding-right: 0.8333333333rem;
  color: #8897AE;
  content: "|";
}
.base-page .breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 0.8333333333rem;
}
.base-page .breadcrumb .active > span {
  color: var(--base-color-primary);
}

.required::before {
  content: "*";
  color: red;
  margin-right: 0.4166666667rem;
}

/* 隐藏原生复选框 */
.custom-checkbox input[type=checkbox] {
  display: none;
}

/* 创建一个自定义的复选框样式 */
.custom-checkbox span {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.4166666667rem;
  border: 0.1041666667rem solid #AFBACA; /* 边框颜色 */
  vertical-align: middle;
  position: relative;
  background-color: #F2F7FF;
  border-radius: 0.2083333333rem;
}

/* 当复选框被选中时，显示一个内部的选中标记 */
.custom-checkbox input[type=checkbox]:checked + span {
  color: #fff; /* 选中标记的颜色 */
  background-color: var(--base-color-primary); /* 选中的背景颜色 */
  border: none;
}

.custom-checkbox span::after {
  content: "";
  position: absolute;
  display: none;
  left: 0.46875rem;
  top: 0.2083333333rem;
  width: 0.3645833333rem;
  height: 0.6770833333rem;
  border: solid #fff; /* 选中标记的线条颜色 */
  border-width: 0 0.15625rem 0.15625rem 0;
  transform: rotate(45deg); /* 将线条旋转成选中状态 */
}

.custom-checkbox input[type=checkbox]:checked + span::after {
  display: block;
}

.base-btn {
  padding: 1.0416666667rem 3.0208333333rem;
  height: 3.125rem;
  background: var(--base-color-primary);
  border-radius: 0.3125rem;
  color: #FFFFFF;
  cursor: pointer;
  font-size: var(--base-text-size);
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.message-box {
  position: fixed;
  top: 2.6041666667rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  height: 2.34375rem;
  padding: 0.5208333333rem 1.0416666667rem;
  border-radius: 0.2604166667rem;
  z-index: 9999;
  justify-content: flex-start;
  align-items: center;
  background-color: rgb(237, 242, 252);
  border: 1px solid rgb(235, 238, 245);
}
.message-box .message {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5208333333rem;
  color: #909399;
}

.text-error {
  color: red !important;
}

.text-ellipsis {
  white-space: nowrap; /* 强制文本在一行显示 */
  overflow: hidden; /* 隐藏超出容器的文本 */
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
}

.message-error {
  background-color: #fef0f0;
  border: 1px solid #fde2e2;
}
.message-error .message {
  color: rgb(245, 108, 108);
}

.message-success {
  background-color: #f0f9eb;
  border: 1px solid #e1f3d8;
}
.message-success .message {
  color: #67c23a;
}

.breadcrumb .breadcrumb-item a {
  text-decoration: none;
}

#header {
  width: 100%;
  height: 4.6875rem;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  font-size: 0;
  background-color: #FFFFFF;
}
#header .header {
  width: 83.3333333333rem;
  height: 4.6875rem;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5rem;
}
#header .header-logo {
  width: 2.0520833333rem;
  height: 1.4583333333rem;
}
#header .header-logo > img {
  width: 100%;
  height: 100%;
}
#header .header .navbar {
  flex: 1;
  height: 4.6875rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  /*选中与输入移入时的字体颜色*/
  /**
   * @desc: 一级导航
   * @v: 1.0.0
   * @author: TengHui Song
   * @date: 2025/2/13 11:00
   **/
}
#header .header .navbar a {
  text-decoration: none;
  color: #455468;
}
#header .header .navbar .navbar-item:hover, #header .header .navbar .navbar-active {
  background: #F5F5F5 !important;
}
#header .header .navbar .navbar-item {
  padding: 0 1.5625rem;
  height: 4.6875rem;
  line-height: 4.6875rem;
  font-size: 0.8333333333rem;
  color: #455468;
  text-align: left;
  font-style: normal;
  text-transform: none;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  /**
  * @desc: 仪器设备
  * @v: 1.0.0
  * @author: TengHui Song
  * @date: 2025/2/13 11:00
  **/
}
#header .header .navbar .navbar-item .instrument-device-sub {
  width: 100%;
  height: 0;
  position: fixed;
  top: 4.6875rem;
  left: 0;
  right: 0;
  z-index: 9998;
  cursor: initial;
  overflow: hidden;
  transition: height 0.3s;
}
#header .header .navbar .navbar-item .instrument-device-sub-content {
  width: 100%;
  padding: 0 calc((100% - 83.3333333333rem) / 2);
  height: 100%;
  background-color: #FFFFFF;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 3.125rem;
}
#header .header .navbar .navbar-item .instrument-device-sub-title {
  height: 2.7083333333rem;
  padding: 1.5625rem 0 0.5208333333rem 0;
  font-size: 0.8333333333rem;
  line-height: 1.1458333333rem;
  font-weight: bold;
  letter-spacing: 0em;
  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  /* 正文色/正文色 */
  color: var(--base-text-color);
  margin-bottom: 0.625rem;
}
#header .header .navbar .navbar-item .instrument-device-sub-type, #header .header .navbar .navbar-item .instrument-device-sub-product {
  width: 23.0208333333rem;
  height: 27.3958333333rem;
  overflow: hidden;
}
#header .header .navbar .navbar-item .instrument-device-sub-type:hover, #header .header .navbar .navbar-item .instrument-device-sub-product:hover {
  overflow: auto;
}
#header .header .navbar .navbar-item .instrument-device-sub-line {
  width: 1px;
  height: 27.3958333333rem;
  background-color: #D8D8D8;
}
#header .header .navbar .navbar-item .instrument-device-sub-item {
  height: 2.1875rem;
  padding: 0.5208333333rem 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.0416666667rem;
  cursor: pointer;
}
#header .header .navbar .navbar-item .instrument-device-sub-item-name {
  flex: 1;
  height: 1.1458333333rem;
  font-size: 0.8333333333rem;
  line-height: 1.1458333333rem;
  letter-spacing: 0em;
  font-weight: normal;
  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  /* 正文色/正文色 */
  color: var(--base-text-color);
  cursor: pointer;
}
#header .header .navbar .navbar-item .instrument-device-sub-item-icon {
  width: 0.9375rem;
  height: 0.9375rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("/images/arrow-right-fill.webp");
}
#header .header .navbar .navbar-item .instrument-device-sub-item:hover .instrument-device-sub-item-name, #header .header .navbar .navbar-item .instrument-device-sub .instrument-device-sub-item-active .instrument-device-sub-item-name {
  color: var(--base-color-primary);
}
#header .header .navbar .navbar-item .instrument-device-sub-item:hover .instrument-device-sub-item-icon, #header .header .navbar .navbar-item .instrument-device-sub .instrument-device-sub-item-active .instrument-device-sub-item-icon {
  background-image: url("/images/arrow-right-s-fill-active.webp");
}
#header .header .navbar .navbar-item .instrument-device-sub .instrument-device-sub-item-active .instrument-device-sub-item-name {
  color: #084CC0;
}
#header .header .navbar .navbar-item .instrument-device-sub-detail {
  width: 24.7916666667rem;
}
#header .header .navbar .navbar-item .instrument-device-sub-detail-top {
  width: 100%;
  height: 15.625rem;
  padding: 1.5625rem 0;
  border-bottom: 1px solid #D8D8D8;
  display: flex;
  justify-content: center;
  align-items: center;
}
#header .header .navbar .navbar-item .instrument-device-sub-detail-top img {
  width: 20.0520833333rem;
  height: 11.4583333333rem;
}
#header .header .navbar .navbar-item .instrument-device-sub-detail-bottom {
  width: 100%;
  height: 13.125rem;
  padding: 1.5625rem 0;
}
#header .header .navbar .navbar-item .instrument-device-sub-detail-name {
  height: 1.1458333333rem;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  display: flex;
  align-items: flex-end;
  letter-spacing: 0;
  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  /* 正文色/正文色 */
  color: var(--base-text-color);
  margin-bottom: 1.0416666667rem;
}
#header .header .navbar .navbar-item .instrument-device-sub-detail-content {
  /* 自动布局 */
  display: flex;
  flex-direction: column;
  gap: 1.0416666667rem;
  flex-grow: 1;
  align-self: stretch;
}
#header .header .navbar .navbar-item .instrument-device-sub-detail-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header .header .navbar .navbar-item .instrument-device-sub-detail-item-label {
  width: 5.2083333333rem;
  height: 0.9895833333rem;
  font-size: 0.7291666667rem;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;
  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  /* 正文色/正文色 */
  color: var(--base-text-color);
}
#header .header .navbar .navbar-item .instrument-device-sub-detail-item-value {
  flex: 1;
  height: 0.9895833333rem;
  opacity: 1;
  font-size: 0.7291666667rem;
  font-weight: normal;
  line-height: normal;
  text-align: right;
  letter-spacing: 0em;
  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  /* 正文色/正文辅助色 */
  color: var(--base-text-color-gray);
}
#header .header .navbar .navbar-item .solution-sub {
  width: 13.5416666667rem;
  height: 0;
  /* 自动布局 */
  display: flex;
  flex-direction: row;
  gap: 3.125rem;
  background: #FFFFFF;
  overflow: hidden;
  position: absolute;
  left: 0rem;
  top: 4.7395833333rem;
  transition: height 0.3s;
}
#header .header .navbar .navbar-item .solution-sub-content {
  width: 100%;
  height: 100%;
}
#header .header .navbar .navbar-item .solution-sub-content .solution-item {
  width: 9.375rem;
  height: 2.6041666667rem;
  border-radius: 0;
  /* 自动布局 */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5208333333rem 0.5208333333rem;
  gap: 0.5208333333rem;
  cursor: pointer;
}
#header .header .navbar .navbar-item .solution-sub-content .solution-item-text {
  flex: 1;
  font-size: 0.8333333333rem;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0;
  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  /* 正文色/正文色 */
  color: var(--base-text-color);
}
#header .header .navbar .navbar-item .solution-sub-content .solution-item:hover .solution-item-text {
  color: var(--base-color-primary);
}
#header .header .navbar .navbar-item .solution-sub-content .solution-item:hover .solution-item-icon {
  width: 0.9375rem;
  height: 0.9375rem;
  background-image: url("/images/arrow-right-s-fill-active.webp");
}
#header .header-right {
  width: fit-content;
  height: 2.03125rem;
  /* 自动布局 */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 1.5625rem;
}
#header .header-right-search {
  width: 0.9375rem;
  height: 0.9375rem;
}
#header .header-right-search img {
  width: 100%;
  height: 100%;
}
#header .header-right-mobile {
  width: fit-content;
  min-width: 8.2291666667rem;
  height: 1.9791666667rem;
  /* 自动布局 */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5208333333rem 1.0416666667rem;
  gap: 0.5208333333rem;
  background: var(--base-color-primary);
  box-sizing: border-box !important;
}
#header .header-right-mobile-icon {
  width: 0.9375rem;
  height: 0.9375rem;
}
#header .header-right-mobile-text {
  height: 0.9375rem;
  line-height: 1;
  font-size: 0.7291666667rem;
  font-weight: normal;
  letter-spacing: 0em;
  /* 纯白 */
  color: #FFFFFF;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#model-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9997;
}

.footer {
  padding: 0 calc((100% - 83.3333333333rem) / 2);
  background-image: url("/images/footer.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #3D3D3D;
}
.footer-top {
  width: 83.3333333333rem;
  min-height: 29.2708333333rem;
  padding: 3.125rem 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 3.125rem;
}
.footer-top-body {
  width: 1016px;
  min-height: 374px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 3.125rem;
}
.footer-top-body .footer-type {
  width: 16.0416666667rem;
}
.footer-top-body .footer-type-title {
  height: 1.8229166667rem;
  font-size: 1.1458333333rem;
  line-height: 1.1458333333rem;
  border-bottom: 1px solid #999999;
  /* 纯白 */
  color: var(--base-text-color-white);
}
.footer-top-body .footer-type-item {
  width: 100%;
  min-height: 1.9791666667rem;
  /* 自动布局 */
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.8333333333rem;
  line-height: 1.9791666667rem;
}
.footer-top-body .footer-type-item a {
  color: var(--base-text-color-white);
}
.footer-top-info {
  width: 27.2916666667rem;
  height: 20.9375rem;
  opacity: 1;
  /* 自动布局 */
  display: flex;
  flex-direction: column;
  padding: 0px;
  gap: 0;
}
.footer-top-info-logo {
  width: 2.6041666667rem;
  height: 1.8346354167rem;
}
.footer-top-info-name {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: bold;
  color: var(--base-text-color-white);
  margin-top: 2.0833333333rem;
}
.footer-top-info-address {
  font-size: 0.9375rem;
  color: var(--base-text-color-white);
  margin-top: 1.0416666667rem;
}
.footer-top-info-phone1 {
  font-size: 0.9375rem;
}
.footer-top-info-phone2 {
  font-size: 0.9375rem;
}
.footer-top-info-phone3 {
  font-size: 0.9375rem;
}
.footer-top-info-phone {
  margin-top: 1.0416666667rem;
}
.footer-top-info-phone1, .footer-top-info-phone2, .footer-top-info-phone3 {
  height: 1.3020833333rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  gap: 0.625rem;
  color: var(--base-text-color-white);
}
.footer-top-info-phone2, .footer-top-info-phone3 {
  margin-top: 1.0416666667rem;
}
.footer-top-info-code {
  width: 100%;
  margin-top: 1.5625rem;
  display: flex;
  align-items: center;
  gap: 2.0833333333rem;
}
.footer-top-info-code > div {
  width: 5.7291666667rem;
}
.footer-top-info-code > div p {
  width: 100%;
  color: #ffffff;
  text-align: center;
  margin-top: 0.2604166667rem;
  font-size: 0.625rem;
}
.footer-top-info-code img {
  width: 5.7291666667rem;
  height: 5.7291666667rem;
}
.footer-public {
  width: 83.3333333333rem;
  height: 4.1666666667rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.4166666667rem;
  padding-bottom: 1.6666666667rem;
}
.footer-public p {
  height: 1.0416666667rem;
  font-weight: 400;
  font-size: 0.7291666667rem;
  color: #D7DFE9;
  line-height: 1.0416666667rem;
  margin-bottom: 0;
}
.footer-public p a {
  color: #D7DFE9;
}
.footer-line {
  width: 100%;
  height: 1px;
  background: rgba(217, 233, 255, 0.1);
  margin-bottom: 2.6041666667rem;
}

.message-board {
  width: 100%;
  background: #FFFFFF;
  padding: var(--base-gap) calc((100% - 83.3333333333rem) / 2);
  box-sizing: border-box;
}
.message-board-title {
  margin-bottom: 2.0833333333rem;
  height: 3.4895833333rem;
  font-weight: bold;
  font-size: 2.0833333333rem;
  color: var(--base-text-color-dark);
  line-height: 2.9166666667rem;
  font-style: normal;
  text-transform: none;
  text-align: center;
}
.message-board-content {
  width: 83.3333333333rem;
  height: 31.4583333333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4.1666666667rem;
}
.message-board-content > div {
  height: 100%;
  background: #F5F5F5;
  border-radius: 0.3125rem;
}
.message-board-content-left {
  width: 53.125rem;
  padding: 2.6041666667rem;
  box-sizing: border-box;
}
.message-board-content-left .message-board-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.message-board-content-left .message-board-form-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.message-board-content-left .message-board-form-item-label {
  text-align: right;
  width: 7.9166666667rem;
  height: 2.6041666667rem;
  padding: 0.7291666667rem 0.8333333333rem;
  box-sizing: border-box;
  font-weight: 400;
  font-size: var(--base-text-size);
  color: var(--base-text-color);
  line-height: 0.9895833333rem;
  margin-bottom: 0;
}
.message-board-content-left .message-board-form-item-value {
  flex: 1;
}
.message-board-content-left .message-board-form-item input, .message-board-content-left .message-board-form-item textarea {
  height: 2.6041666667rem;
  outline: none;
  border-radius: 0.2083333333rem;
  border: 0.0520833333rem solid #D8D8D8;
  padding: 0.7291666667rem 0.8333333333rem;
  box-sizing: border-box;
  font-weight: 400;
  line-height: 0.9895833333rem;
  font-size: 0.8333333333rem;
}
.message-board-content-left .message-board-form-item input::placeholder, .message-board-content-left .message-board-form-item textarea::placeholder {
  font-weight: 400;
  color: #8897AE;
  font-size: 0.8333333333rem;
  line-height: 0.9895833333rem;
}
.message-board-content-left .message-board-form-item textarea {
  height: 6.25rem;
  resize: none;
  font-size: 0.8333333333rem;
}
.message-board-content-left .message-board-form-btn {
  justify-content: center;
  margin-top: 0.4166666667rem;
}
.message-board-content-left .message-board-form-btn-submit {
  width: 9.9479166667rem;
  height: 2.8645833333rem;
  background: var(--base-color-primary);
  border-radius: 0.3125rem;
  color: var(--base-text-color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 0.9375rem;
  cursor: pointer;
}
.message-board-content .customer-service {
  width: 26.0416666667rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4.4791666667rem 2.6041666667rem;
  box-sizing: border-box;
}
.message-board-content .customer-service-mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.message-board-content .customer-service-mobile::after {
  content: "";
  display: block;
  width: 20.8333333333rem;
  height: 1px;
  background-color: #D7DFE9;
  margin: 3.125rem 0;
}
.message-board-content .customer-service-mobile-value {
  min-width: 10.8854166667rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: center;
  margin-bottom: 1.0416666667rem;
  margin-right: 0;
}
.message-board-content .customer-service-mobile-value > div {
  width: 100%;
  height: 1.7708333333rem;
  line-height: 1.4583333333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.message-board-content .customer-service-mobile-value img {
  width: 0.9375rem;
  height: 0.9375rem;
  margin-right: 0.6770833333rem;
}
.message-board-content .customer-service-mobile-value span {
  display: inline-block;
  font-size: 1.0416666667rem;
  color: var(--base-text-color-dark);
  flex: 1;
  text-align: right;
}
.message-board-content .customer-service-mobile-value .customer-service-mobile-value1, .message-board-content .customer-service-mobile-value .customer-service-mobile-value2 {
  justify-content: center !important;
}
.message-board-content .customer-service-mobile-value .customer-service-mobile-value1 > span, .message-board-content .customer-service-mobile-value .customer-service-mobile-value2 > span {
  flex: none;
}
.message-board-content .customer-service-mobile-tip {
  width: 14.375rem;
  height: 1.1458333333rem;
  font-weight: 400;
  font-size: 0.8333333333rem;
  color: var(--base-text-color);
  line-height: 0.9895833333rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.message-board-content .customer-service-qr-code {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
.message-board-content .customer-service-qr-code-img {
  width: 7.7604166667rem;
  height: 7.7604166667rem;
}
.message-board-content .customer-service-qr-code-tip {
  width: 15rem;
  height: 1.1458333333rem;
  font-weight: 400;
  font-size: 0.8333333333rem;
  color: var(--base-text-color);
  line-height: 0.9895833333rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}

.home-page {
  width: 100%;
}
.home-page-swiper {
  width: 100%;
  height: 41.6666666667rem;
}
.home-page-swiper .swiper-wrapper {
  height: 41.6666666667rem;
}
.home-page-swiper .swiper-slide {
  height: 41.6666666667rem;
  overflow: hidden;
}
.home-page-swiper .swiper-slide-video {
  width: 100%;
  height: 41.6666666667rem;
  position: relative;
  background-color: var(--base-text-color-black);
}
.home-page-swiper .swiper-slide-video-dom {
  width: 100%;
  height: 100%;
  background-color: var(--base-text-color-black);
  object-fit: cover;
}
.home-page-swiper .swiper-slide-video-controls {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.home-page-swiper .swiper-slide-video-controls-icon {
  width: 100px !important;
  height: 100px !important;
  cursor: pointer;
}
.home-page-swiper .swiper-slide img {
  width: 100%;
  height: 41.6666666667rem;
}
.home-page .equipment {
  width: 78.125rem;
  height: 18.3854166667rem;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.home-page .equipment-content {
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.home-page .equipment-content > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3.125rem;
}
.home-page .equipment-content > div > div {
  margin-left: 3.125rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3.125rem;
}
.home-page .equipment-content:hover {
  background-color: transparent;
}
.home-page .equipment-content-item {
  width: 11.6666666667rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0);
  text-decoration: none !important;
}
.home-page .equipment-content-item-img-box {
  width: 11.6666666667rem;
  height: 7.8125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 0;
}
.home-page .equipment-content-item-img {
  max-width: 100%;
  max-height: 100%;
}
.home-page .equipment-content-item-bottom {
  width: fit-content;
  max-width: 100%;
  height: 44px;
}
.home-page .equipment-content-item-name {
  width: 100%;
  height: 1.1458333333rem;
  font-weight: 500;
  font-size: var(--base-text-size);
  color: var(--base-text-color);
  line-height: 1.1458333333rem;
  text-align: center;
}
.home-page .equipment-content-item-see {
  height: 1.1458333333rem;
  border-radius: 0;
  line-height: 1.1458333333rem;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.home-page .equipment-content-item-see > img {
  width: 0.8333333333rem;
  height: 0.8333333333rem;
  margin-right: 0.2083333333rem;
}
.home-page .equipment-content-item-num {
  height: 0.8854166667rem;
  font-weight: 300;
  font-size: 0.625rem;
  color: var(--base-text-color);
  line-height: 0.8854166667rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.home-page-content {
  width: 83.3333333333rem;
  margin: 0 auto;
  background: #F7FAFF;
  border-radius: 6px 6px 0 0;
  padding: var(--base-gap) 7.0833333333rem 0;
}
.home-page-content .solution {
  position: relative;
}
.home-page-content .solution-title {
  width: 100%;
  height: 3.4895833333rem;
  font-weight: bold;
  font-size: 2.0833333333rem;
  color: var(--base-text-color);
  line-height: 2.9166666667rem;
  text-align: center;
  margin-bottom: 1.6666666667rem;
}
.home-page-content .solution-text {
  width: 69.1666666667rem;
  height: 3.3333333333rem;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  font-size: var(--base-text-size);
  color: var(--base-text-color);
  line-height: 1.6666666667rem;
  text-align: center;
  margin-bottom: var(--base-gap);
}
.home-page-content .solution-line-box {
  width: 100%;
  height: 8.3333333333rem;
  position: absolute;
  background-image: url("/images/home/guihua.webp"), url("/images/home/line4.webp");
  background-repeat: no-repeat;
  background-position: calc(50% + 3.3333333333rem) 1.25rem, calc(50% + 8.8541666667rem) 0;
  background-size: 7.2916666667rem 3.4375rem, 17.7083333333rem 8.3333333333rem;
  bottom: -8.3333333333rem;
}
.home-page-content .design-planning, .home-page-content .intelligent-construct, .home-page-content .laboratory-facilities {
  padding: var(--base-gap) 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.home-page-content .design-planning-left, .home-page-content .intelligent-construct-left, .home-page-content .laboratory-facilities-left {
  margin-right: 0rem;
}
.home-page-content .design-planning-title, .home-page-content .intelligent-construct-title, .home-page-content .laboratory-facilities-title {
  font-weight: bold;
  font-size: 1.875rem;
  color: var(--base-text-color);
  line-height: 2.1875rem;
  margin-bottom: 2.0833333333rem;
}
.home-page-content .design-planning-line, .home-page-content .intelligent-construct-line, .home-page-content .laboratory-facilities-line {
  width: 100%;
  margin-bottom: 2.0833333333rem;
}
.home-page-content .design-planning-line-item, .home-page-content .intelligent-construct-line-item, .home-page-content .laboratory-facilities-line-item {
  position: relative;
  padding-left: 2.2916666667rem;
  margin-bottom: 1.6666666667rem;
}
.home-page-content .design-planning-line-item::before, .home-page-content .intelligent-construct-line-item::before, .home-page-content .laboratory-facilities-line-item::before {
  position: absolute;
  top: 0.1041666667rem;
  left: 0;
  content: "";
  display: block;
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 50%;
  border: 0.5208333333rem solid #E0F2FF;
  background-color: var(--base-color-primary);
}
.home-page-content .design-planning-line-item-name, .home-page-content .intelligent-construct-line-item-name, .home-page-content .laboratory-facilities-line-item-name {
  height: 1.7708333333rem;
  font-weight: bold;
  font-size: 1.25rem;
  color: #2D3643;
  line-height: 1.4583333333rem;
  margin-bottom: 0.2083333333rem;
}
.home-page-content .design-planning-line-item-desc, .home-page-content .intelligent-construct-line-item-desc, .home-page-content .laboratory-facilities-line-item-desc {
  font-weight: 400;
  font-size: var(--base-text-size);
  color: #5E718D;
  line-height: 0.9895833333rem;
}
.home-page-content .design-planning-line-item:last-child, .home-page-content .intelligent-construct-line-item:last-child, .home-page-content .laboratory-facilities-line-item:last-child {
  margin-bottom: 0;
}
.home-page-content .design-planning-btn, .home-page-content .intelligent-construct-btn, .home-page-content .laboratory-facilities-btn {
  width: 8.8541666667rem;
  height: 3.4375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-decoration: none;
}
.home-page-content .design-planning-btn:hover, .home-page-content .intelligent-construct-btn:hover, .home-page-content .laboratory-facilities-btn:hover {
  color: #FFFFFF;
}
.home-page-content .design-planning {
  position: relative;
}
.home-page-content .design-planning-right {
  z-index: 2;
}
.home-page-content .design-planning-right .design-planning-img {
  width: 43.59375rem;
  height: 40.3645833333rem;
}
.home-page-content .design-planning-left {
  width: 27.5rem;
  z-index: 2;
}
.home-page-content .design-planning-line-box {
  width: 33.125rem;
  height: 22.5rem;
  position: absolute;
  background-image: url("/images/home/jianshe.webp"), url("/images/home/line1.webp");
  background-repeat: no-repeat;
  background-position: 50% 16.6666666667rem, 0;
  background-size: 7.2916666667rem 3.4375rem, 33.125rem 22.5rem;
  bottom: -4.1666666667rem;
  left: calc(50% - 16.5625rem);
}
.home-page-content .intelligent-construct {
  position: relative;
}
.home-page-content .intelligent-construct-left {
  z-index: 2;
}
.home-page-content .intelligent-construct-left .intelligent-construct-img {
  width: 45.6770833333rem;
  height: 34.7395833333rem;
  position: relative;
  left: -2.0833333333rem;
  top: -2.6041666667rem;
}
.home-page-content .intelligent-construct-right {
  z-index: 2;
  width: 27.5rem;
}
.home-page-content .intelligent-construct-line-box {
  width: 23.75rem;
  height: 26.0416666667rem;
  position: absolute;
  background-image: url("/images/home/shebei.webp"), url("/images/home/line2.webp");
  background-repeat: no-repeat;
  background-position: calc(50% + 5.2083333333rem) 15.625rem, 0;
  background-size: 7.2916666667rem 3.4375rem, 23.75rem 26.0416666667rem;
  bottom: -8.3333333333rem;
  left: calc(50% - 16.5625rem);
  z-index: 1;
}
.home-page-content .laboratory-facilities-left {
  margin-right: 2.0833333333rem;
}
.home-page-content .laboratory-facilities-left .laboratory-facilities-img {
  width: 38.75rem;
  height: 22.2916666667rem;
}
.home-page-content .laboratory-facilities-right {
  width: 27.5rem;
}
.home-page-content .laboratory-facilities-right .laboratory-facilities-line {
  margin-bottom: 2.2916666667rem;
}
.home-page-content .laboratory-equipment {
  width: 100%;
  height: 42.3958333333rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 80px 0;
  position: relative;
}
.home-page-content .laboratory-equipment-left {
  width: 15rem;
  height: 100%;
  z-index: 2;
}
.home-page-content .laboratory-equipment-title {
  font-weight: bold;
  font-size: 1.875rem;
  color: var(--base-text-color);
  line-height: 2.1875rem;
  margin-bottom: 2.0833333333rem;
}
.home-page-content .laboratory-equipment-left-content {
  width: 100%;
  margin-bottom: 0;
  height: calc(100% - 4.2708333333rem);
  overflow-y: hidden;
  position: relative;
  /* 滚动条轨道 */
  /* 滚动条滑块 */
}
.home-page-content .laboratory-equipment-left-content:hover {
  width: 100%;
  overflow-y: scroll;
}
.home-page-content .laboratory-equipment-left-content::-webkit-scrollbar {
  width: 0rem; /* 滚动条宽度 */
  height: 0rem; /* 垂直滚动条高度 */
}
.home-page-content .laboratory-equipment-left-content::-webkit-scrollbar-track {
  background: #D7DFE9; /* 轨道颜色 */
}
.home-page-content .laboratory-equipment-line {
  border-right: 2px solid #D7DFE9;
}
.home-page-content .laboratory-equipment-line-item {
  width: 100%;
  height: 2.2395833333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 0.5208333333rem 2.0833333333rem 0.5208333333rem 0rem;
  overflow-x: hidden;
}
.home-page-content .laboratory-equipment-line-item-name {
  flex: 1;
  font-weight: 400;
  font-size: 0.8333333333rem;
  color: #1C222B;
  line-height: 1.1979166667rem;
}
.home-page-content .laboratory-equipment-line-item-icon {
  width: 1.0416666667rem;
  height: 1.0416666667rem;
}
.home-page-content .laboratory-equipment-line-item:hover .laboratory-equipment-line-item-name {
  color: var(--base-color-primary);
}
.home-page-content .laboratory-equipment-line-item:hover > img {
  transform: translateX(6.25rem);
  filter: drop-shadow(var(--base-color-primary) -6.25rem 0px);
}
.home-page-content .laboratory-equipment-line .active {
  position: relative;
  border-right: 0;
}
.home-page-content .laboratory-equipment-line .active .laboratory-equipment-line-item-name {
  color: var(--base-color-primary);
  font-weight: bold;
}
.home-page-content .laboratory-equipment-line .active > img {
  transform: translateX(6.25rem);
  filter: drop-shadow(var(--base-color-primary) -6.25rem 0px);
}
.home-page-content .laboratory-equipment-line .active:after {
  content: "";
  display: block;
  height: 2.2395833333rem;
  width: 0.1041666667rem;
  position: absolute;
  background-color: var(--base-color-primary);
  right: -0.1041666667rem;
  z-index: 2;
}
.home-page-content .laboratory-equipment-right {
  flex: 1;
  z-index: 2;
  height: calc(100% - 4.6875rem);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  margin-left: 0.8333333333rem;
  gap: 1.25rem;
  margin-top: 4.6875rem;
}
.home-page-content .laboratory-equipment-right-btn {
  width: 100%;
  height: 2.0833333333rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25rem;
}
.home-page-content .laboratory-equipment-right-btn img {
  width: 2.0833333333rem;
  cursor: pointer;
}
.home-page-content .laboratory-equipment-content {
  width: 100%;
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.25rem 1.1979166667rem;
}
.home-page-content .laboratory-equipment-item {
  width: 16.1458333333rem;
  height: 11.1458333333rem;
  text-decoration: none;
}
.home-page-content .laboratory-equipment-item-img {
  width: 16.1458333333rem;
  height: 8.1770833333rem;
  background: #F7FAFF;
  border-radius: 0.3125rem 0.3125rem 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5208333333rem;
}
.home-page-content .laboratory-equipment-item-img > img {
  max-width: 100%;
  max-height: 100%;
}
.home-page-content .laboratory-equipment-item-name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F7FAFF;
  color: var(--base-text-color);
  white-space: nowrap; /* 设置文本不换行 */
  overflow: hidden; /* 隐藏溢出的内容 */
  text-overflow: ellipsis; /* 将溢出的文本显示为省略号 */
  padding: 0.8333333333rem 1.25rem;
}
.home-page-content .laboratory-equipment-item-name p {
  width: 100%;
  height: 1.3020833333rem;
  line-height: 1.3020833333rem;
  text-align: center;
}
.home-page-content .laboratory-equipment-line-box {
  width: 23.75rem;
  height: 8.3333333333rem;
  position: absolute;
  background-image: url("/images/home/peitao.webp"), url("/images/home/line3.webp");
  background-repeat: no-repeat;
  background-position: calc(50% + 5.2083333333rem) center, 0;
  background-size: 7.2916666667rem 3.4375rem, 23.75rem 8.3333333333rem;
  bottom: -4.1666666667rem;
  left: calc(50% - 16.5625rem);
  z-index: 1;
}
.home-page .news-center {
  width: 100%;
  background: #F5F5F5;
  padding: 4.1666666667rem 0;
  box-sizing: border-box;
  height: auto;
}
.home-page .news-center .news-center-more {
  width: 5.2083333333rem;
  height: 2.03125rem;
  font-size: 0.7291666667rem;
  border: 1px solid #D8D8D8;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1A1A1A;
  margin: 0 auto;
  margin-top: 2.6041666667rem;
  cursor: pointer;
}
.home-page .news-center .news-center-title {
  width: 100%;
  text-align: center;
  font-size: 1.875rem;
  color: #1A1A1A;
  font-weight: bold;
  margin-bottom: 2.6041666667rem;
}
.home-page .news-center .news-center-content {
  width: 83.3333333333rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.home-page .news-center .news-center-content-ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.home-page .news-center .news-center-content-ul-li {
  cursor: pointer;
  display: flex;
  padding: 1.5625rem;
  box-sizing: border-box;
  width: 40.8854166667rem;
  height: 9.375rem;
  background: #FFFFFF;
  margin-top: 1.5625rem;
}
.home-page .news-center .news-center-content-ul-li-right {
  flex: 1;
  margin-left: 1.5625rem;
}
.home-page .news-center .news-center-content-ul-li-right-title {
  font-size: 0.9375rem;
  color: #3D3D3D;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* 限制显示3行 */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4; /* 设置合适的行高 */
}
.home-page .news-center .news-center-content-ul-li-right-text {
  font-size: 0.7291666667rem;
  margin-top: 1.5625rem;
  /* 多行文本省略号 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 限制显示3行 */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4; /* 设置合适的行高 */
  max-height: 3.0625rem; /* 可选：3行 * 字体14px * 行高1.4 ≈ 58.8px */
}
.home-page .news-center .news-center-content-ul-li-left {
  border: 0.0520833333rem solid #D8D8D8;
  box-sizing: border-box;
  padding: 1.40625rem 0.5208333333rem;
}
.home-page .news-center .news-center-content-ul-li-left-date {
  text-align: center;
  font-size: 0.8333333333rem;
}
.home-page .news-center .news-center-content-ul-li-left-day {
  text-align: center;
  font-size: 1.6666666667rem;
}
.home-page .news-center .news-center-content .news-center-content-recommend {
  width: 100%;
  padding: 1.5625rem 3.125rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  height: 21.3541666667rem;
  background: #FFFFFF;
}
.home-page .news-center .news-center-content .news-center-content-recommend-right {
  width: 27.6041666667rem;
  height: 18.2291666667rem;
}
.home-page .news-center .news-center-content .news-center-content-recommend-left {
  width: 47.9166666667rem;
  box-sizing: border-box;
  padding: 1.5625rem 0;
}
.home-page .news-center .news-center-content .news-center-content-recommend-left-date {
  font-size: 0.9375rem;
  color: #3D3D3D;
  height: 25px;
  margin-bottom: 1.0416666667rem;
}
.home-page .news-center .news-center-content .news-center-content-recommend-left-text {
  font-size: 1.6666666667rem;
  color: #3D3D3D;
  font-weight: bold;
  margin-bottom: 1.0416666667rem;
}
.home-page .news-center .news-center-content .news-center-content-recommend-left-details {
  width: 100%;
  font-size: 0.9375rem;
  color: #3D3D3D;
}
.home-page .news-center .news-center-content .news-center-content-recommend-left-look {
  color: #28508C;
  font-size: 0.9375rem;
  margin-top: 0.2604166667rem;
}
.home-page .produce-center {
  width: 100%;
  background: #FFFFFF;
  padding: 4.1666666667rem 0;
  box-sizing: border-box;
  height: auto;
}
.home-page .produce-center .produce-center-title {
  width: 100%;
  text-align: center;
  font-size: 1.875rem;
  color: #1A1A1A;
  font-weight: bold;
  margin-bottom: 2.6041666667rem;
}
.home-page .produce-center .produce-center-content {
  width: 83.3333333333rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.home-page .produce-center .produce-center-content .produce-center-content-right-card:nth-child(1),
.home-page .produce-center .produce-center-content .produce-center-content-right-card:nth-child(2) {
  margin-bottom: 29px;
}
.home-page .produce-center .produce-center-content-right {
  width: 40.8854166667rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.home-page .produce-center .produce-center-content-right-card-box {
  background: #F5F5F5;
  width: 19.6614583333rem;
  height: 14.7463541667rem;
}
.home-page .produce-center .produce-center-content-right-card img {
  width: 19.6614583333rem;
  height: 14.7463541667rem;
}
.home-page .produce-center .produce-center-content-right-conent-text {
  font-size: 0.9375rem;
  margin-top: 1.0416666667rem;
  height: 1.3020833333rem;
  color: #3D3D3D;
}
.home-page .produce-center .produce-center-content-left {
  width: 40.8854166667rem;
}
.home-page .produce-center .produce-center-content-left-box {
  height: 33.3984375rem;
  width: 40.8854166667rem;
  background: #F5F5F5;
  display: flex;
  align-items: center;
}
.home-page .produce-center .produce-center-content-left img {
  width: 100%;
  height: 100%;
}
.home-page .produce-center .produce-center-content-left-text {
  font-size: 0.9375rem;
  margin-top: 1.0416666667rem;
  height: 1.3020833333rem;
  color: #3D3D3D;
}
.home-page .about-us {
  width: 100%;
  background: #F5F5F5;
  padding: 4.1666666667rem 0;
}
.home-page .about-us .about-us-home-title {
  font-family: AlibabaPuHuiTi;
  font-size: 36px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  margin-bottom: 2.6041666667rem;
}
.home-page .about-us .home-body {
  width: 83.3333333333rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3.125rem;
  margin: 0 auto;
}
.home-page .about-us .home-body-left {
  width: 27.6041666667rem;
  height: 18.2291666667rem;
}
.home-page .about-us .home-body-left img {
  width: 100%;
  height: 100%;
}
.home-page .about-us-content {
  width: calc(100% - 30.7291666667rem);
  min-height: 18.2291666667rem;
}
.home-page .about-us-title {
  width: 100%;
  height: 3.4375rem;
  font-weight: bold;
  font-size: 2.5rem;
  color: var(--base-text-color);
  line-height: 2.9166666667rem;
  margin-bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.home-page .about-us-subtitle {
  margin: 0.5208333333rem 0 1.0416666667rem;
  height: 1.3020833333rem;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;
  /* 正文色/正文色 */
  color: var(--base-text-color);
}
.home-page .about-us-desc {
  width: 100%;
  height: fit-content;
  min-height: 10.4166666667rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
}
.home-page .about-us-desc1 {
  width: 100%;
  height: 2.5520833333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3.125rem;
  padding: 0;
}
.home-page .about-us-desc1-item {
  min-width: 7.2916666667rem;
  height: 100%;
  font-weight: 400;
  font-size: 0.9375rem;
  display: flex;
  width: fit-content;
  color: var(--base-color-primary);
}
.home-page .about-us-desc1-item-value {
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 2.5520833333rem;
  position: relative;
  text-align: right;
}
.home-page .about-us-desc1-item-text {
  margin-left: 0.4166666667rem;
  line-height: 2.96875rem;
}
.home-page .home-body {
  width: 83.3333333333rem;
}
.home-page .corporate-culture {
  width: 100%;
  padding: 4.1666666667rem calc((100% - 83.3333333333rem) / 2);
  background-color: #FFFFFF;
}
.home-page .corporate-culture-title {
  height: 3.4895833333rem;
  font-weight: bold;
  font-size: 2.0833333333rem;
  color: var(--base-text-color);
  line-height: 1;
  text-align: center;
  margin-bottom: 2.0833333333rem;
}
.home-page .corporate-culture-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-page .corporate-culture-item {
  width: 15.4166666667rem;
  height: 20.3125rem;
  position: relative;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.home-page .corporate-culture-item-img {
  position: absolute;
  z-index: -1;
}
.home-page .corporate-culture-item-value {
  color: #FFFFFF;
  width: 100%;
  height: 2.34375rem;
  font-weight: bold;
  font-size: 1.6666666667rem;
  line-height: 1.9791666667rem;
  text-align: center;
  position: absolute;
  bottom: 1.25rem;
  font-style: normal;
  text-transform: none;
}
.home-page .corporate-culture-item-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  color: #FFFFFF;
  padding: 1.6666666667rem 1.25rem;
  font-weight: 400;
  font-size: 1.0416666667rem;
  line-height: 1.875rem;
  text-align: center;
  background: rgba(0, 116, 202, 0.85);
  transition: max-height 0.5s, opacity 0.8s;
  font-style: normal;
  text-transform: none;
}
.home-page .service-guarantee {
  width: 100%;
  height: 50.2083333333rem;
  padding: var(--base-gap) calc((100% - 83.3333333333rem) / 2);
  background-color: #FFFFFF;
}
.home-page .service-guarantee-title {
  width: 100%;
  height: 3.4895833333rem;
  font-weight: bold;
  font-size: 2.0833333333rem;
  color: var(--base-text-color);
  line-height: 2.9166666667rem;
  text-align: center;
  margin-bottom: 2.0833333333rem;
}
.home-page .service-guarantee-content {
  display: flex;
  height: 36.3020833333rem;
  justify-content: space-between;
  align-items: flex-start;
}
.home-page .service-guarantee-item {
  width: 26.0416666667rem;
  height: 36.3020833333rem;
  background: #F7FAFF;
  border-radius: 0.3125rem;
  padding: 2.0833333333rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
}
.home-page .service-guarantee-item-icon {
  width: 4.5833333333rem;
  height: 4.5833333333rem;
  margin-bottom: 1.40625rem;
}
.home-page .service-guarantee-item-name {
  width: 100%;
  height: 2.34375rem;
  font-weight: bold;
  font-size: 1.6666666667rem;
  color: var(--base-text-color);
  line-height: 1.9791666667rem;
  text-align: center;
  margin-bottom: 0.8333333333rem;
}
.home-page .service-guarantee-item-li {
  width: 21.875rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0.8333333333rem;
}
.home-page .service-guarantee-item-li-label {
  width: 5rem;
  font-weight: bold;
  font-size: var(--base-text-size);
  color: var(--base-text-color);
  display: flex;
  align-items: center;
  margin-right: 0.8333333333rem;
}
.home-page .service-guarantee-item-li-value {
  width: 16.0416666667rem;
  font-weight: 400;
  color: var(--base-text-color);
  line-height: 1.25rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
  font-size: var(--base-text-size);
}
.home-page .service-guarantee-item-btn {
  margin-top: auto;
  border-radius: 0.3125rem;
  border: 1px solid var(--base-color-primary);
  background-color: transparent;
  color: var(--base-color-primary);
}
.home-page .service-guarantee-item-btn:hover {
  background: var(--base-color-primary);
  color: #fff;
}
.home-page .cooperative-partner {
  width: 100%;
  height: 35.15625rem;
  background: #F7FAFF;
  padding: var(--base-gap) calc((100% - 83.3333333333rem) / 2);
  overflow: hidden;
}
.home-page .cooperative-partner-title {
  width: 100%;
  height: 5.78125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
  align-items: center;
  margin-bottom: 2.0833333333rem;
  font-weight: bold;
  font-size: 2.0833333333rem;
  color: var(--base-text-color);
  line-height: 2.9166666667rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.home-page .cooperative-partner-title-desc {
  font-weight: 400;
  height: 1.4583333333rem;
  font-size: 1.0416666667rem;
  color: var(--base-text-color);
  line-height: 1.1979166667rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.home-page .cooperative-partner-content {
  width: 83.3333333333rem;
  height: 18.9583333333rem;
}
.home-page .cooperative-partner-content-body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.6666666667rem 1.5625rem;
  background-color: transparent;
  overflow: hidden;
}
.home-page .cooperative-partner-content-body > div {
  width: 100%;
  height: 5.2083333333rem;
  background-color: transparent;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.6666666667rem 1.5625rem;
  left: 0;
}
.home-page .cooperative-partner-content-body .cooperative-partner-content-body2 .str_move {
  left: 6.5104166667rem;
}
.home-page .cooperative-partner-content-item {
  width: 10.4166666667rem;
  height: 5.2083333333rem;
  margin-right: 1.5625rem !important;
  object-fit: contain;
  background-color: #FFFFFF;
}
.home-page .problem-knowledge {
  width: 100%;
  height: 33.0208333333rem;
  background: #F7FAFF;
  padding: var(--base-gap) calc((100% - 83.3333333333rem) / 2);
}
.home-page .problem-knowledge .home-body {
  width: 83.3333333333rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.home-page .problem-knowledge .problem, .home-page .problem-knowledge .knowledge {
  width: 39.5833333333rem;
  height: 24.6875rem;
  background-color: #FFFFFF;
  padding: 2.6041666667rem;
}
.home-page .problem-knowledge .problem-title, .home-page .problem-knowledge .knowledge-title {
  width: 34.375rem;
  height: 2.6041666667rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}
.home-page .problem-knowledge .problem-title > a, .home-page .problem-knowledge .knowledge-title > a {
  height: 1.1458333333rem;
  font-weight: 400;
  font-size: 0.625rem;
  color: var(--base-text-color-gray);
  line-height: 0.9895833333rem;
  margin-left: auto;
  font-style: normal;
  text-transform: none;
}
.home-page .problem-knowledge .problem-item, .home-page .problem-knowledge .knowledge-item {
  width: 100%;
  height: 1.1458333333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--base-text-color);
  margin-top: 1.6666666667rem;
}
.home-page .problem-knowledge .problem-item-name, .home-page .problem-knowledge .knowledge-item-name {
  flex: 1;
  margin-right: 0.5208333333rem;
  color: var(--base-text-color);
  font-size: 0.8333333333rem;
}
.home-page .problem-knowledge .problem-item-date, .home-page .problem-knowledge .knowledge-item-date {
  width: 5.0520833333rem;
  text-align: right;
  color: var(--base-text-color-gray);
  font-size: 0.8333333333rem;
}
.home-page .distant-view {
  width: 100%;
  height: 13.5416666667rem;
  background-color: var(--base-color-primary);
  background-image: url("/images/home/home9.jpg");
  background-repeat: no-repeat;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-size: 100% 100%;
  padding: 4.1666666667rem 23.9583333333rem 4.1666666667rem 21.0416666667rem;
}
.home-page .distant-view-text {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.home-page .distant-view-text-title {
  width: 5rem;
  height: 1.7708333333rem;
  font-weight: 400;
  font-size: 1.25rem;
  color: #FFFFFF;
  line-height: 1.4583333333rem;
  margin-right: 5.7291666667rem;
}
.home-page .distant-view-text-content {
  width: 43.3333333333rem;
  height: 4.375rem;
  font-size: 1.875rem;
  color: #FFFFFF;
  line-height: 2.1875rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis; /* 使用省略号表示溢出内容 */
  display: -webkit-box; /* 使用WebKit的盒子模型 */
  -webkit-line-clamp: 2; /* 限制显示的行数 */
  -webkit-box-orient: vertical; /* 设置盒子方向为垂直 */
}

/*# sourceMappingURL=index.css.map */