html {
  font-size: 16px; /* 基准字体大小 */
  scroll-behavior: smooth;
  position: relative;

}

/* body {
  width: 1200px;
  margin: 0 auto;
} */

.page {
  /* height: 177.625rem; */
   /* 2842px  */
  display: flex;
  flex-direction: column;
  padding-bottom: 5.0625rem;
}

.page__box {
  background-color: rgba(255, 255, 255, 1);
  /* height: 177.625rem; */
   /* 2842px  */
}

.page__header {
  /* height: 56.25rem; */
   /* 900px  */
  height: 400px;
  background: url(https://cdn.hyxd.top/static/pc/service_back.png) 100% no-repeat;
  background-size: 100%  100%;
  display: flex;
  flex-direction: column;

}

.page__header-nav {
  width: 25rem; /* 400px  */
  height: 2.8125rem; /* 45px  */
  margin: 2.125rem 50px 0 auto;
  /* 34px , 1459px  */
  display: flex;
  flex-direction: row;
}

.page__header-nav-item {
  width: 8rem; /* 128px  */
  height: 2.8125rem; /* 45px  */
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2rem; /* 32px  */
  font-family: STYuanti-SC-Regular;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 2.8125rem; /* 45px  */
}

.page__header-nav-item a {
  color: rgba(255, 255, 255, 1);
}

.page__header-nav-item--about {
  width: 8rem; /* 128px  */
}

.page__header-nav-item--service {
  width: 4rem; /* 64px  */
  margin-left: 2.5rem; /* 40px  */
}

.page__header-nav-item--contact {
  width: 8rem; /* 128px  */
  margin-left: 2.5rem; /* 40px  */
}

.page__header-logo {
  width: 31.75rem; /* 508px  */
  height: 2.625rem; /* 42px  */
  margin: 3.0625rem 0 45.625rem 2.75rem; /* 49px , 730px , 44px  */
  display: flex;
  flex-direction: row;
}

.page__header-logo-image {
  width: 31.75rem; /* 508px  */
  height: 2.625rem; /* 42px  */
}

.page__main {
  height: 121.4375rem;
  /* 1943px  */
  margin-bottom: 0.0625rem; /* 1px  */
  display: flex;
  flex-direction: column;
}

.page__main-title {
  width: 100%;
  height: 3.5rem; /* 56px  */
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 2.5rem; /* 40px  */
  font-family: STYuanti-SC-Bold;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 3.5rem; /* 56px  */
  margin-top: 3.5rem;
  /* margin: 3.5rem 0 0 53.625rem; */
   /* 56px , 858px  */
}

.page__main-subtitle {
  width: 100%; /* 72px  */
  height: 1.5625rem; /* 25px  */
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.125rem; /* 18px  */
  font-family: STYuanti-SC-Regular;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  line-height: 1.5625rem; /* 25px  */
  margin: 2.0625rem 0 0 0; /* 33px , 924px  */
}

.page__main-list {
  width: 60.1875rem; /* 963px  */
  /* height: 12.625rem; */
   /* 202px  */
  justify-content: space-between;
  margin: 3.1875rem auto 10rem; /* 51px , 477px  */
  display: flex;
  flex-direction: row;
}

.page__main-list-item {
  background-color: rgba(255, 255, 255, 1);
  width: 13.125rem; /* 210px  */
  height: 12.5rem; /* 200px  */
  border: 0.0625rem solid rgba(230, 229, 229, 1); /* 1px  */
  margin: 1.25rem 2.5625rem 0 0; /* 2px , 41px  */
  display: flex;
  flex-direction: column;
}

.page__main-list-item-image-system {
  width: 3.125rem; /* 50px  */
  height: 3.6875rem; /* 59px  */
  margin: 2.5625rem 0 0 5rem; /* 41px , 80px  */
}

.page__main-list-item-image-team {
  width: 3.125rem; /* 50px  */
  height: 3.25rem; /* 52px  */
  margin: 2.5625rem 0 0 5rem; /* 41px , 80px  */
}

.page__main-list-item-image-partner {
  width: 3.625rem; /* 58px  */
  height: 3.125rem; /* 50px  */
  margin: 2.5625rem 0 0 5rem; /* 41px , 80px  */
}

.page__main-list-item-image-experience {
  width: 3.125rem; /* 50px  */
  height: 3.5rem; /* 56px  */
  margin: 2.5625rem 0 0 5rem; /* 41px , 80px  */
}

.page__main-list-item-text {
  width: 6.5625rem; /* 105px  */
  height: 1.3125rem; /* 21px  */
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.9375rem; /* 15px  */
  font-family: STYuanti-SC-Regular;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 1.3125rem; /* 21px  */
  margin: 1.625rem 0 3.3125rem 3.3125rem; /* 26px , 53px , 53px  */
}

.page__main-paragraph {
  width: 62.1875rem; /* 995px  */
  /* height: 14rem; */
   /* 224px  */
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.9375rem; /* 15px  */
  letter-spacing: 0.0625rem; /* 1px  */
  font-family: STYuanti-SC-Regular;
  font-weight: normal;
  text-align: left;
  line-height: 1.75rem; /* 28px  */
  margin: 3.5rem auto 1rem; /* 56px , 477px  */
}

.page__main-image {
  height: 17.1875rem; /* 275px  */
  margin-top: 12.375rem; /* 198px  */
}

.page__contact {
  width: fit-content;
  height: 4.375rem; /* 70px  */
  margin: 6.375rem auto 3rem; /* 102px , 688px  */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.page__contact-title {
  width: 12.5rem; /* 200px  */
  height: 4.375rem; /* 70px  */
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 3.125rem; /* 50px  */
  font-family: STYuanti-SC-Bold;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 4.375rem; /* 70px  */
}

.page__contact-divider {
  width: 0.0625rem; /* 1px  */
  height: 3.375rem; /* 54px  */
  margin: 0.75rem 0 0 1.75rem; /* 12px , 28px  */
}

.page__contact-subtitle {
  width: fit-content;
  height: 4.375rem; /* 70px  */
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 3.125rem; /* 50px  */
  font-family: STYuanti-SC-Bold;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 4.375rem; /* 70px  */
  margin-left: 1.8125rem; /* 29px  */
}

.page__footer {
  width: 100%;
  /* 1424px  */
  height: 15.625rem; /* 250px  */
  margin: 4.625rem auto 20rem; /* 74px , 271px , 244px  */
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.page__footer-image {
  width: 34.6875rem; /* 555px  */
  height: 15.625rem; /* 250px  */
  margin-right: 2rem;
}

.page__footer-section {
  width: 51.25rem; /* 820px  */
  height: 14.375rem; /* 230px  */
  display: flex;
  flex-direction: column;
}

.page__footer-section-title {
  width: 11.25rem; /* 180px  */
  height: 3.9375rem; /* 63px  */
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 2.8125rem; /* 45px  */
  font-family: STYuanti-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 3.9375rem; /* 63px  */
}

.page__footer-section-item {
  width: 51.25rem; /* 820px  */
  height: 3rem; /* 48px  */
  margin-top: 1.8125rem; /* 29px  */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.page__footer-section-item-icon {
  width: 3.125rem; /* 50px  */
  height: 3rem; /* 48px  */
}

.page__footer-section-item-text {
  width: 46.8125rem; /* 749px  */
  height: 2.625rem; /* 42px  */
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.875rem; /* 30px  */
  font-family: STYuanti-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 2.625rem; /* 42px  */
  margin-top: 0.25rem; /* 4px  */
}

.page__footer-section-item--second {
  width: 20.5rem; /* 328px  */
  height: 2.625rem; /* 42px  */
  margin-top: 3rem; /* 48px  */
}

.page__footer-section-item-icon--second {
  width: 3.125rem; /* 50px  */
  height: 2.625rem; /* 42px  */
}

.page__footer-section-item-text--second {
  width: 16.0625rem; /* 257px  */
  height: 2.625rem; /* 42px  */
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.875rem; /* 30px  */
  font-family: STYuanti-SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 2.625rem; /* 42px  */
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  text-decoration: none;
  overflow: hidden;
}

body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}

input {
  background-color: transparent;
  border: 0;
}

button {
  margin: 0;
  padding: 0;
  border: 0.0625rem solid transparent; /* 1px  */
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}