.body {
  width: 1178px;
  margin: 0 auto;
}
.body1 {
  margin-top: 58px;
  height: 324px;
  position: relative;
}
.body1-left {
  width: 606px;
  height: 267px;
  background-color: rgba(229, 229, 229, 0.66);
  position: relative;
  top: 29px;
}
.body1-left > ul {
  height: 196px;
  height: 196px;
  font-family: SourceHanSansCN-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  position: relative;
  top: 34px;
  left: 121px;
}
.body1-left > ul > li::before {
  content: url("../front-img/2.2/body1-arrow.png");
}
.body1-left > ul > div {
  margin-left: 14px;
}
.body1-right {
  background: url(../front-img/2.2/body1-right.png) 100% no-repeat;
  width: 703px;
  height: 324px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.body2 {
  margin-top: 61px;
  margin-bottom: 100px;
}
.body2 > div {
  text-align: justify;
  text-align-last: justify;
}
.body2 > div:after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
  visibility: hidden;
}
.body2 > div > div {
  display: inline-block;
  width: 573px;
  height: 180px;
}
.img1{
  background: url(../front-img/2.2/body2-img1.png) 100% no-repeat;
}
.img2{
  background: url(../front-img/2.2/body2-img2.png) 100% no-repeat;
}
.img3{
  background: url(../front-img/2.2/body2-img3.png) 100% no-repeat;
}
.img4{
  background: url(../front-img/2.2/body2-img4.png) 100% no-repeat;
}