.about-body {
  background-color: white;
}
.about-body .section1 {
  display: flex;
  flex-direction: row;
  padding-top: 80px;
  justify-content: space-between;
  align-items: end;
  gap: 88px;
  padding-bottom: 145px;
}
.about-body .section1 .left {
  flex: 1;
}
.about-body .section1 .left .name {
  color: #222222;
  font-size: 36px;
  margin-bottom: 46px;
}
.about-body .section1 .left .des {
  color: #666666;
  font-family: "Open Sans", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
  font-size: 18px;
}
.about-body .section1 .right {
  width: 344px;
  height: 333px;
}
.about-body .section1 .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-body .section2-content {
  min-width: 1200px;
  background-image: url('/assets/images/aboutus_section2_back.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.about-body .section2 {
  margin: 0 auto;
  /*height: 481px;*/
  display: flex;
  flex-direction: column;
  align-items: start;
}
.about-body .section2 .top {
  margin-top: 78px;
}
.about-body .section2 .top .name {
  color: #333333;
  font-size: 40px;
}
.about-body .section2 .bottom {
  display: flex;
  flex-direction: row;
  gap: 80px;
  margin-top: 110px;
}
.about-body .section2 .bottom .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 300px;
}
.about-body .section2 .bottom .card .img {
  background: url('/assets/images/aboutus_section2_icon_back.png') center center no-repeat;
  width: 180px;
  height: 63px;
  background-size: cover;
  text-align: center;
  line-height: 63px;
}
.about-body .section2 .bottom .card .img span {
  color: white;
  font-size: 35px;
}
.about-body .section2 .bottom .card .des {
  margin-top: 50px;
  color: #333333;
  font-size: 18px;
}
.about-body .section3 {
  display: flex;
  flex-direction: row;
  padding-top: 80px;
  justify-content: space-between;
  padding-bottom: 10px;
}
.about-body .section3 .left {
  flex: 1;
}
.about-body .section3 .left .name {
  color: #333333;
  font-size: 36px;
  margin-bottom: 60px;
}
.about-body .section3 .left .des {
  color: #333333;
  font-size: 18px;
  line-height: 2;
}
.about-body .section3 .right {
  width: 635px;
  height: 343px;
}
.about-body .section3 .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-body .section4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 100px;
}
.about-body .section4 .top .name {
  color: #333333;
  font-size: 24px;
}
.about-body .section4 .bottom {
  display: flex;
  flex-direction: row;
  gap: 140px;
  margin-top: 75px;
  justify-content: center;
}
.about-body .section4 .bottom .card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about-body .section4 .bottom .card .des {
  color: #353636;
  font-size: 16px;
  line-height: 22px;
}
.about-body .section4 .bottom .card img {
  margin-bottom: 50px;
  width: 225px;
  height: 225px;
}
