.banner {
  height: 53.2407vw;
}
.hot {
  height: 46.7593vw;
}
.tit-con p {
  font-family: "Impact";
}
.part1 {
  height: 50.1389vw;
  position: relative;
  overflow: hidden;
  padding-top: 42.8241vw;
  padding-left: 2.5463vw;
}
.part1 .icon {
  width: 27.7315vw;
  height: 23.1481vw;
  position: absolute;
  top: 4.1667vw;
  right: 4.1667vw;
}
.part1 p {
  font-size: 2.6713vw;
  color: #fff;
  transform-origin: left center;
  transform: rotate(357.4deg);
}
.part2 {
  height: 50vw;
  padding-top: 2.2222vw;
  padding-left: 2.963vw;
  position: relative;
  overflow: hidden;
}
.part2 .tit {
  width: 54.7685vw;
  height: 11.9444vw;
}
.part2 .p {
  width: 42.4537vw;
  height: 6.6667vw;
  margin-top: -3.6111vw;
  margin-left: 5.9259vw;
}
.part2 .pro {
  position: absolute;
  width: 52.2222vw;
  height: 43.2407vw;
  left: 21.0648vw;
  top: 6.5278vw;
}
.part2 .mode-left {
  position: absolute;
  width: 16.1111vw;
  height: 11.4352vw;
  top: 25.2315vw;
  left: 8.3333vw;
}
.part2 .mode-right {
  position: absolute;
  width: 16.1574vw;
  height: 9.8148vw;
  top: 27.4074vw;
  right: 4.2593vw;
}
.part3 {
  height: 50.1852vw;
  padding-top: 7.4074vw;
  padding-left: 55.5556vw;
  position: relative;
  overflow: hidden;
}
.part3 .tit {
  width: 28.0093vw;
  height: 13.4259vw;
}
.part3 .p {
  width: 32.4074vw;
  height: 8.3333vw;
  margin-top: -1.3889vw;
  margin-left: -4.6296vw;
}
.part3 .pro {
  position: absolute;
  width: 81.2037vw;
  height: 45.6944vw;
  top: 1.1574vw;
  left: 50%;
  transform: translateX(-50%);
}
.part4 {
  height: 50vw;
  padding-top: 3.7037vw;
  padding-left: 0.9259vw;
  position: relative;
  overflow: hidden;
}
.part4 .tit {
  width: 46.4352vw;
  height: 26.5278vw;
}
.part4 .p {
  width: 31.8519vw;
  height: 8.6111vw;
  margin-top: 2.2222vw;
  margin-left: 2.1296vw;
}
.part4 .pro {
  position: absolute;
  width: 88.8889vw;
  height: 50vw;
  top: 0;
  left: 0;
}
.part5 {
  height: 91.3426vw;
  padding-top: 7.0833vw;
}
.part5 .tit {
  width: 50.6019vw;
  height: 11.6204vw;
  margin: 0 auto 3.3333vw;
}
.part5 .pro-box {
  width: 79.8148vw;
  height: 62.5926vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-between;
  column-gap: 1.4352vw;
  margin: 0 auto;
}
.part5 .pro-box .pro-item {
  width: 14.7685vw;
  height: 20.0926vw;
  border-radius: 1.2963vw;
}
.part6 {
  height: 50vw;
  padding-top: 3.2407vw;
  padding-left: 11.9444vw;
  position: relative;
  overflow: hidden;
}
.part6 .tit {
  width: 37.5926vw;
  height: 21.6204vw;
}
.part6 .p {
  width: 24.537vw;
  height: 16.8981vw;
  margin-top: 1.0185vw;
  margin-left: 5.9259vw;
}
.part6 .pro {
  width: 21.2037vw;
  height: 36.0648vw;
  position: absolute;
  top: 6.4352vw;
  right: 11.9907vw;
}
.part7 {
  height: 50vw;
  padding-top: 1.2963vw;
  overflow: hidden;
}
.part7 .tit {
  width: 57.4074vw;
  height: 15.787vw;
  margin-left: 25.6019vw;
}
.part7 .pro-box {
  display: flex;
  width: 81.4815vw;
  align-items: end;
  margin: 0 auto;
  margin-top: -7.6852vw;
}
.part7 .pro-left {
  width: 43.1944vw;
  height: 34.3056vw;
  flex: 0 0 auto;
  margin-bottom: 2.037vw;
}
.part7 .pro-right {
  width: 41.1574vw;
  height: 30.7407vw;
  flex: 0 0 auto;
  margin-left: -3.0093vw;
}