.process {
  position: relative;
  overflow: hidden;
  background: url(../images/5.3bj.jpg) no-repeat top center;
  width: 100%;
  height: 100vh;
  perspective: 340px;
  background-color: #0c0d18;
}
.process .process-box {
  position: absolute;
  display: flex;
  justify-content: space-around;
  bottom: 0;
  width: 100%;
  height: 820px;
}
.process .process-box .li {
  position: relative;
  width: 18%;
  height: 100%;
}
.process .process-box .li .liBJ {
  width: 100%;
}

.liBJ__datas {
  display: flex;
  justify-content: flex-start;
  color: #ffffffc5;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 24px;
}
.liBJ__datas .dian {
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background-color: #fff;
  margin-right: 5px;
  margin-top: 3px;
}

.li-01 {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 348px;
  background: url(../images/pp1.png) no-repeat top left / 155px 348px;
}

.li-02 {
  position: absolute;
  bottom: 70px;
  height: 381px;
  background: url(../images/pp2.png) no-repeat top left / 156px 381px;
}
.li-03 {
  position: absolute;
  bottom: 150px;
  height: 418px;
  background: url(../images/pp3.png) no-repeat top left / 166px 418px;
}
.li-04 {
  position: absolute;
  bottom: 210px;
  height: 416px;
  background: url(../images/pp4.png) no-repeat top left / 158px 416px;
}
.li-05 {
  position: absolute;
  bottom: 260px;
  height: 411px;
  background: url(../images/pp5.png) no-repeat top left / 172px 411px;
}