.page{
  min-height: 100vh;
  background: #F8F9FB;
  padding-bottom: 145px;
}
.header-box{
  width: 100%;
  height: 328px;
  background: url(/static/app/home/images/empowering-bg.png) no-repeat center;
  background-size: 100% 100%;
  padding-top: 60px;
}
.header-img{
  width: 1240px;
  margin: 0 auto;
}
.header-img img{
  width: 793px;
}

.projects-box{
  width: 1240px;
  margin: -88px auto 0;
  position: relative;
}

.projects-item{
  position: relative;
  padding: 80px 120px 30px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0 6px 20px 1px rgba(157, 181, 214, 0.30);
  border: 2px solid #FFFFFF;
}
.projects-item::before{
  content: '';
  width: 1236px;
  position: absolute;
  height: 100px;
  left: 0;
  top: 0;
  background: linear-gradient(to top,#FFFFFF, #E8F2FF);
  border-radius: 6px;
}
.projects-item + .projects-item{
  margin-top: 70px;
}
.projects-item img{
  position: absolute;
}
.projects-item img:first-child{
  width: 157px;
  left: 40px;
  top: -16px;
}
.projects-item img:nth-child(2){
  width: 80px;
  top: 14px;
  right: 14px;
}
.projects-item .projects{
  color: #1A1A1A;
  font-size: 18px;
  padding-bottom: 25px;
  font-family: 'Source Han Sans CN-Regular';
  line-height: 30px;
  position: relative;
}
.projects-item .projects + .projects{
  padding-top: 25px;
  border-top: 1px dashed #D4D4D4;
}
.projects-item .projects span{
  font-family: 'Source Han Sans CN-Regular';
  color: #156BEC;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
}

.footer-img{
  display: block;
  width: 266px;
  margin: 95px auto 0;
}
.footer-img2{
  position: absolute;
  width: 166px;
  bottom: -50px;
  right: 0;
}