* {
  margin: 0;
  padding: 0;
  font-family: PingFang SC, PingFang SC;
}
a {
  text-decoration: none;
  color: #000;
}
a:hover {
  color: none;
}
html {
  min-height: 100%;
  background: #ffff;
}
.container {
  width: 100%;
  height: auto;
}
.img {
  width: 100%;
  display: block;
}
.nav {
  height: 0.62rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
  font-weight: 500;
  color: #333333;
}
.nav img {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.04rem;
}
.nav .name {
  font-size: 0.24rem;
  margin-right: 0.3rem;
}
.nav .list {
  font-size: 0.16rem;
}
.home {
  position: relative;
}
.home .back-img {
  width: 100%;
}
.home .stroe-img {
  width: 3.86rem;
  height: 1.22rem;
  position: absolute;
  left: 5.43rem;
  top: 4.42rem;
}
.contact {
  width: 100%;
  background: #303030;
  padding-top: 0.9rem;
  padding-bottom: 0.91rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contact .box {
  display: flex;
}
.contact .box .com {
  margin-left: 0.49rem;
}
.contact .box .com .list {
  display: flex;
  align-items: center;
  gap: 0.24rem;
}
.contact .box .com .list img {
  width: 0.4rem;
  height: 0.4rem;
}
.contact .box .com .list span {
  font-size: 0.2rem;
  font-weight: 600;
  color: #FFFFFF;
}
.contact .box .com .list:last-child {
  margin-top: 0.74rem;
}
.contact .txt {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.2rem;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 23px;
  margin-top: 0.85rem;
}
.contact .txt img {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.11rem;
}
.txt {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.2rem;
  font-weight: 500;
  color: #000;
  line-height: 23px;
  margin-top: 0.85rem;
}