* {
  padding: 0;
  margin: 0;
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
}

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.052vw solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}

.flex {
  display: flex;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.justify-start {
  display: flex;
  justify-content: flex-start;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}

.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.align-start {
  display: flex;
  align-items: flex-start;
}

.align-center {
  display: flex;
  align-items: center;
}

.align-end {
  display: flex;
  align-items: flex-end;
}

.pointer {
  cursor: pointer;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.page-footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 36.198vw;
  align-items: center;
  gap: 2.604vw;
  padding: 3.646vw 0.000vw 0.000vw;
  position: relative;
  background-color: rgba(255, 255, 255, 1.0);
  border-radius: 2.604vw 2.604vw 0.000vw 0.000vw;
  background: linear-gradient(180deg,
      rgba(92, 97, 112, 1) 0%,
      rgba(143, 148, 163, 1) 100%);
}

.page-footer .view {
  display: flex;
  flex-wrap: wrap;
  width: 88.281vw;
  align-items: center;
  gap: 0.781vw 9.635vw;
  position: relative;
  flex: 0 0 auto;
}

.page-footer .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: "Microsoft YaHei-Bold", Helvetica;
  font-weight: 700;
  color: #fafafa;
  font-size: 1.667vw;
  letter-spacing: 0;
  line-height: normal;
}

.page-footer .div {
  position: relative;
  width: 40.781vw;
  height: 1.094vw;
}

.page-footer .local-two {
  position: absolute;
  width: 1.042vw;
  height: 1.042vw;
  top: 0.052vw;
  left: 0;
}

.page-footer .text-wrapper-2 {
  position: absolute;
  width: 15.938vw;
  height: 1.042vw;
  top: 0.052vw;
  left: 1.354vw;
  font-family: "Microsoft YaHei-Regular", Helvetica;
  font-weight: 400;
  color: #e3e4e8;
  font-size: 0.833vw;
  letter-spacing: 0;
  line-height: normal;
}

.page-footer .mail-package {
  position: absolute;
  width: 1.042vw;
  height: 1.042vw;
  top: 0;
  left: 20.000vw;
}

.page-footer .text-wrapper-3 {
  position: absolute;
  width: 7.917vw;
  height: 0.990vw;
  top: 0;
  left: 21.250vw;
  font-family: "Microsoft YaHei-Regular", Helvetica;
  font-weight: 400;
  color: #e3e4e8;
  font-size: 0.833vw;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.page-footer .phone-call {
  width: 1.042vw;
  left: 33.385vw;
  position: absolute;
  height: 1.042vw;
  top: 0.052vw;
}

.page-footer .text-wrapper-4 {
  width: 5.781vw;
  left: 34.688vw;
  font-family: "Microsoft YaHei-Regular", Helvetica;
  font-weight: 400;
  color: #e3e4e8;
  font-size: 0.833vw;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  height: 1.042vw;
  top: 0.052vw;
}

.page-footer .view-2 {
  display: inline-flex;
  align-items: center;
  gap: 0.521vw;
  position: relative;
  flex: 0 0 auto;
}

.page-footer .frame {
  position: relative;
  width: 2.604vw;
  height: 2.604vw;
}

.page-footer .g {
  position: relative;
  width: 2.188vw;
  height: 2.188vw;
}

.page-footer .image {
  position: relative;
  width: 88.385vw;
  height: 0.104vw;
  margin-bottom: -0.052vw;
  margin-left: -0.052vw;
  margin-right: -0.052vw;
}

.page-footer .frame-2 {
  display: inline-flex;
  height: 21.354vw;
  align-items: flex-start;
  gap: 6.771vw;
  position: relative;
}

.page-footer .element {
  display: flex;
  flex-direction: column;
  width: 7.552vw;
  align-items: flex-start;
  gap: 0.833vw;
  position: relative;
}

.page-footer .overlap-group-wrapper {
  position: relative;
  width: 5.469vw;
  height: 1.302vw;
}

.page-footer .overlap-group {
  position: relative;
  height: 1.354vw;
  top: -0.052vw;
}

.page-footer .rectangle {
  position: absolute;
  width: 5.469vw;
  height: 0.521vw;
  top: 0.833vw;
  left: 0;
  background-color: #3454b2;
}

.page-footer .text-wrapper-5 {
  position: absolute;
  width: 5.469vw;
  height: 1.094vw;
  top: 0;
  left: 0;
  font-family: "Microsoft YaHei-Bold", Helvetica;
  font-weight: 700;
  color: #fafafa;
  text-align: center;
  font-size: 0.833vw;
  letter-spacing: 0;
  line-height: normal;
}

.page-footer .div-wrapper {
  display: flex;
  align-items: center;
  gap: 0.521vw;
  padding: 0.000vw 0.000vw 0.000vw 0.521vw;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.page-footer .text-wrapper-6 {
  position: relative;
  width: fit-content;
  margin-top: -0.052vw;
  font-family: "Microsoft YaHei-Regular", Helvetica;
  font-weight: 400;
  color: #c4ceee;
  font-size: 0.833vw;
  letter-spacing: 0;
  line-height: normal;
}

.page-footer .text-wrapper-7 {
  position: relative;
  width: 5.469vw;
  height: 1.094vw;
  margin-top: -0.052vw;
  font-family: "Microsoft YaHei-Regular", Helvetica;
  font-weight: 400;
  color: #fafafa;
  font-size: 0.833vw;
  letter-spacing: 0;
  line-height: normal;
}

.page-footer .text-wrapper-8 {
  position: relative;
  width: 6.719vw;
  height: 1.094vw;
  margin-top: -0.052vw;
  font-family: "Microsoft YaHei-Regular", Helvetica;
  font-weight: 400;
  color: #fafafa;
  font-size: 0.833vw;
  letter-spacing: 0;
  line-height: normal;
}

.page-footer .text-wrapper-9 {
  position: relative;
  width: 7.031vw;
  height: 1.094vw;
  margin-top: -0.052vw;
  font-family: "Microsoft YaHei-Regular", Helvetica;
  font-weight: 400;
  color: #fafafa;
  font-size: 0.833vw;
  letter-spacing: 0;
  line-height: normal;
}

.page-footer .text-wrapper-10 {
  position: relative;
  width: 5.469vw;
  height: 1.094vw;
  margin-top: -0.052vw;
  font-family: "Microsoft YaHei-Regular", Helvetica;
  font-weight: 400;
  color: #c4ceee;
  font-size: 0.833vw;
  letter-spacing: 0;
  line-height: normal;
}

.page-footer .element-2 {
  display: flex;
  flex-direction: column;
  width: 7.552vw;
  align-items: flex-start;
  gap: 0.833vw;
  padding: 2.135vw 0.000vw 0.000vw;
  position: relative;
}

.page-footer .frame-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.521vw;
  padding: 0.000vw 0.000vw 0.000vw 0.521vw;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.page-footer .text-wrapper-11 {
  position: relative;
  width: 6.875vw;
  height: 1.094vw;
  margin-top: -0.052vw;
  font-family: "Microsoft YaHei-Regular", Helvetica;
  font-weight: 400;
  color: #c4ceee;
  font-size: 0.833vw;
  letter-spacing: 0;
  line-height: normal;
}

.page-footer .text-wrapper-12 {
  position: relative;
  width: 7.031vw;
  height: 1.094vw;
  margin-top: -0.052vw;
  font-family: "Microsoft YaHei-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 0.833vw;
  letter-spacing: 0;
  line-height: normal;
}

.page-footer .text-wrapper-13 {
  position: relative;
  width: 7.031vw;
  height: 1.094vw;
  margin-top: -0.052vw;
  font-family: "Microsoft YaHei-Regular", Helvetica;
  font-weight: 400;
  color: #c4ceee;
  font-size: 0.833vw;
  letter-spacing: 0;
  line-height: normal;
}

.page-footer .text-wrapper-14 {
  position: relative;
  width: fit-content;
  margin-top: -0.052vw;
  font-family: "Microsoft YaHei-Regular", Helvetica;
  font-weight: 400;
  color: #fafafa;
  text-align: center;
  font-size: 0.833vw;
  letter-spacing: 0;
  line-height: normal;
}

.page-footer .text-wrapper-15 {
  position: relative;
  width: fit-content;
  margin-top: -0.052vw;
  margin-right: -0.052vw;
  font-family: "Microsoft YaHei-Regular", Helvetica;
  font-weight: 400;
  color: #fafafa;
  text-align: center;
  font-size: 0.833vw;
  letter-spacing: 0;
  line-height: normal;
}

.page-footer .copyright-wrapper {
  display: flex;
  height: 2.604vw;
  align-items: center;
  justify-content: center;
  gap: 0.521vw;
  padding: 0.260vw 31.615vw;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #454954;
}

.page-footer .copyright {
  position: relative;
  width: fit-content;
  font-family: "Microsoft YaHei-Regular", Helvetica;
  font-weight: 400;
  color: #121316;
  font-size: 0.833vw;
  letter-spacing: 0;
  line-height: normal;
}

.page-footer .span {
  color: #fafafa;
}

.page-header .head-menu-list-title {
  list-style-type: none;
  color: rgb(255, 255, 255);
  font-size: 0.833vw;
  font-family: "Microsoft YaHei", sans-serif;
  padding-left: 1.042vw;
}

.page-header .head-menu-list-subtitle {
  display: flex;
  flex-direction: column;
  row-gap: 0.521vw;
  font-size: 0.833vw;
  font-family: "Microsoft YaHei", sans-serif;
  padding-left: 1.667vw;
}

.page-header .head-menu-list-subtitle ul {
  display: flex;
  flex-direction: column;
  row-gap: 0.521vw;
  margin-top: 0.521vw;
  list-style-type: disc;
  padding-left: 1.667vw;
  font-family: "Microsoft YaHei", sans-serif;
}

.page-header .head-menu-list-subtitle ul>li{
  list-style-type: disc;
  font-family: "Microsoft YaHei", sans-serif;
}