h3 {
  height: 30px;
  line-height: 30px;
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
}
.advantage {
  margin-top: 62px;
}
.advantage-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.advantage-content div {
  width: 326px;
  margin-top: 46px;
}
.advantage-content div:nth-of-type(2) {
  margin-left: 111px;
  margin-right: 111px;
}
.advantage-content div:nth-of-type(5) {
  margin-left: 111px;
  margin-right: 111px;
}
.advantage-content div:nth-of-type(8) {
  margin-left: 111px;
  margin-right: 111px;
}
h5 {
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  margin-top: 17px;
}
.advantage-content p {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
  margin-top: 12px;
}
.advantage > p {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #555555;
  line-height: 28px;
  margin-top: 40px;
}
.architecture {
  margin-top: 62px;
}
.architecture-content {
  margin-top: 46px;
  display: flex;
  justify-content: space-between;
}
.architecture-introduction {
  width: 340px;
  padding: 40px 27px 30px 28px;
  background: #EBEBEE;
  margin-top: -20px;
}
.architecture-introduction h4 {
  height: 20px;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  line-height: 20px;
}
.architecture-introduction p, .architecture-introduction ul {
  height: 14px;
  line-height: 22px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #222222;
  margin-top: 26px;
}
.architecture-introduction h4:nth-of-type(2) {
  margin-top: 110px;
}
.architecture-introduction li:not(:first-child) {
  margin-top: 15px;
}
.architecture-introduction li {
  margin-left: 16px;
  list-style-type: disc;
}
.architecture-introduction li::marker {
  color: #a3a3a3;
}
.scenes {
  margin-top: 60px;
}
.scenes-img {
  display: flex;
  flex-wrap: wrap;
}
.scenes-img div {
  margin-top: 45px;
}
.scenes-img span {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
}
.scenes-img img {
  vertical-align: middle;
  margin-right: 20px;
  /* margin-bottom: 10px; */
}
.hardware {
  margin-top: 60px;
}
.hardware-img {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.hardware-img div {
  margin-right: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hardware-img div:last-child {
  margin-top: 46px;
}
.hardware-img p {
  margin-top: 10px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
}