body {
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
}

header {
  background: #1e67fa;
  height: 6.25vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15.625vw;
}

header .title {
  font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
  font-weight: 700;
  font-size: 1.875vw;
  color: #ffffff;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
a {
  text-decoration: none;
}

.navigation .nav-item {
  font-family: PingFang SC, PingFang SC;
  font-size: 1.125vw;
  color: #ffffff;
  text-align: left;
  font-style: normal;
  text-transform: none;
  cursor: pointer;
  padding: 0.4375vw 0.8333vw;
  margin-left: 1.5625vw;
}

.navigation .nav-item:hover {
  background-color: #ffffff;
  color: #1e67fa;
}

.home-page .bg-image,
.contact-page .bg-image {
  display: block;
}

.home-page,
.contact-page {
  position: relative;
}

.home-page .content,
.contact-page .content {
  color: #ffffff;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-page .content .title,
.contact-page .content .title {
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
  font-weight: 900;
  font-size: 5.2083vw;
  color: #ffffff;
  letter-spacing: 4px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.home-page .content .subtitle {
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
  font-weight: 300;
  font-size: 2.0833vw;
  color: #ffffff;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.contact-page .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact-page .content .contact-info {
  margin-top: 1.5625vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 184px 184px 184px 184px;
  padding: 0.8958vw 4.2708vw;
  color: #1e67fa;
}

.contact-page .content .contact-info img {
  width: 1.9792vw;
  vertical-align: middle;
}
.contact-page .content .contact-info p {
  font-weight: 500;
  font-size: 1.25vw;
  line-height: 36px;
  color: #1e67fa;
  margin-left: 0.5208vw;
}
.contact-info {
  display: inline-flex;
  align-items: center;
  gap: 0.4167vw;
}

.contact-info a {
  color: #1e67fa;
}

.products-page .banner {
  overflow: hidden;
  height: 39.5833vw;
  background: url("/assets/images/product.png") no-repeat 0 0/100% 100%;
}

.products-page .banner > h3 {
  font-size: 3.9583vw;
  color: #ffffff;
  line-height: 3.9583vw;
  margin-top: 8.9583vw;
  text-align: center;
  letter-spacing: 3px;
}

.products-page .banner > p {
  font-size: 2.6042vw;
  color: #ffffff;
  line-height: 2.6042vw;
  margin-top: 2.6042vw;
  text-align: center;
  letter-spacing: 20px;
}

.products-page .banner .down {
  margin-top: 3.8542vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.products-page .banner .down > img {
  width: 11.0417vw;
  height: 11.0417vw;
  margin-right: 2.6042vw;
}

.products-page .banner .down .down-box {
  height: 11.0417vw;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  width: 18.3333vw;
}

.products-page .banner .down .down-box .load {
  width: 18.3333vw;
  height: 4.8958vw;
  background: rgba(9, 13, 21, 0.5);
  border-radius: 0.625vw;
  padding-left: 1.3542vw;
  display: flex;
  align-items: center;
}

.products-page .banner .down .down-box .load > img {
  width: 1.9792vw;
  height: 1.9792vw;
}

.products-page .banner .down .down-box .load > p {
  font-size: 1.9792vw;
  color: #ffffff;
  line-height: 2.6042vw;
  margin-left: 1.3542vw;
}

.products-page .banner img {
  width: 100%;
  height: 100%;
}

.products-page .introduce {
  position: relative;
}

.products-page .introduce .part1,
.products-page .introduce .part2,
.products-page .introduce .part3,
.products-page .introduce .part4 {
  padding-top: 3.125vw;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 16.4583vw;
}

.products-page .introduce .part1 {
  background: url("/assets/images/material-1.png") no-repeat 0 7.2917vw / auto
    25.3125vw;
}

.products-page .introduce .part2 {
  background: url("/assets/images/material-2.png") no-repeat 0 7.2917vw / auto
    18.4375vw;
}

.products-page .introduce .part3 {
  background: url("/assets/images/material-3.png") no-repeat right 0vw top
    3.125vw / auto 46.875vw;
}

.products-page .introduce .part4 {
  background: url("/assets/images/material-4.png") no-repeat 0 -4.1667vw / auto 62.5vw;
}

.products-page .introduce .part5 {
  background: url("/assets/images/material-5.png") no-repeat top center / auto
    29.479vw;
}

.products-page .introduce .part1 .part1-text,
.products-page .introduce .part2 .part2-text,
.products-page .introduce .part3 .part3-text,
.products-page .introduce .part4 .part4-text {
  margin-top: 20vw;
}

.products-page .introduce .part1 .part1-text > h3,
.products-page .introduce .part2 .part2-text > h3,
.products-page .introduce .part3 .part3-text > h3,
.products-page .introduce .part4 .part4-text > h3 {
  font-weight: 500;
  font-size: 2.2917vw;
  color: #1a1a1a;
  line-height: 3.2292vw;
  margin: 0;
}

.products-page .introduce .part1 .part1-text > p,
.products-page .introduce .part2 .part2-text > p,
.products-page .introduce .part3 .part3-text > p,
.products-page .introduce .part4 .part4-text > p {
  font-size: 1.875vw;
  color: #333;
  line-height: 2.6042vw;
  margin-top: 1.0417vw;
}

.products-page .introduce .part1 .phone,
.products-page .introduce .part2 .phone,
.products-page .introduce .part3 .phone,
.products-page .introduce .part4 .phone {
  width: 22.9167vw;
  height: auto;
}

.products-page .introduce .part5 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 5.2083vw;
}

.products-page .introduce .part5 > h3 {
  font-size: 1.875vw;
  color: #1a1a1a;
  line-height: 2.6042vw;
  width: 100%;
  text-align: center;
  margin: 0;
  font-weight: normal;
}

.products-page .introduce .part5 > p {
  font-weight: 300;
  font-size: 1.25vw;
  color: #666666;
  line-height: 1.7708vw;
  margin-top: 1.0417vw;
  width: 100%;
  text-align: center;
}

.products-page .introduce .part5 > img {
  display: block;
  width: 13.5417vw;
  height: 13.5417vw;
  margin-top: 2.0833vw;
}

.products-page .introduce .part5 > h5 {
  font-weight: 300;
  font-size: 1.0417vw;
  color: #666666;
  line-height: 1.4583vw;
  margin: 0.5208vw 0 0;
  width: 100%;
  text-align: center;
}

.products-page .introduce .part5 > h2 {
  font-size: 1.875vw;
  color: #1a1a1a;
  line-height: 2.6042vw;
  margin: 2.0833vw 0 0;
  width: 100%;
  text-align: center;
  font-weight: normal;
}

.products-page .introduce .part5 > h4 {
  font-weight: 300;
  font-size: 1.25vw;
  color: #666666;
  line-height: 2.0833vw;
  margin: 1.0417vw 0 4.0625vw;
  width: 100%;
  text-align: center;
}