body {
  background: #FBFCFF;


}

.project {
  height: 5.46rem;
  width: 7.5rem;
  background: #FBFCFF;
  box-sizing: border-box;
  padding: 0 .32rem;

}

.project-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  align-items: center;
}

.project-title {

  font-weight: bold;
  font-size: .32rem;
  letter-spacing: .04rem;
  position: relative;
  font-weight: bold;
  margin-top: .6rem;
  color: #333333;
}

.project-title::after {
  display: block;
  content: '';
  position: absolute;
  width: .56rem;
  height: .04rem;

  background-color: #023592;
  bottom: -0.18rem;
  left: 50%;
  transform: translateX(-50%);
}

.project-desc {



  font-size: .24rem;
  color: #333333;
  line-height: .4rem;
  text-indent: 2em;


}

.create {
  /* height: 9.5rem; */
  width: 7.5rem;
  padding-bottom: .6rem;
  background: #ffffff;

}

.create-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  align-items: center;
}

.create-title {

  font-weight: bold;
  font-size: .32rem;
  letter-spacing: .04rem;
  position: relative;
  font-weight: bold;
  margin-top: .6rem;

}

.create-title::after {
  display: block;
  content: '';
  position: absolute;
  width: .56rem;
  height: .04rem;

  background: #023591;
  bottom: -0.18rem;
  left: 50%;
  transform: translateX(-50%);
}

.create-item {
  width: 6.94rem;

  background: #FFFFFF;
  box-shadow: 0rem .02rem .04rem .02rem rgba(0, 0, 0, 0.1);
  border-radius: .12rem;
  box-sizing: border-box;
  padding: .28rem;
  margin-bottom: .2rem;
}

.create-item-name {


  font-weight: 800;
  font-size: .24rem;
  color: #333333;
  margin-bottom: .2rem;

}

.create-item-name span {
  font-size: .24rem;

}

.create-item-desc {

  font-size: .24rem;
  color: #666666;

}

.advantage {
  /* height: 8.06rem; */
  width: 7.5rem;
  background: #FBFCFF;
  padding-bottom: .4rem;

}

.advantage-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  align-items: center;
}

.advantage-title {

  font-weight: bold;
  font-size: .32rem;
  letter-spacing: .04rem;
  position: relative;
  font-weight: bold;
  margin-top: .6rem;

}

.advantage-title::after {
  display: block;
  content: '';
  position: absolute;
  width: .56rem;
  height: .04rem;

  background: #023591;
  bottom: -0.18rem;
  left: 50%;
  transform: translateX(-50%);
}

.advantage-wrap {
  display: flex;
  width: 6.94rem;
  margin-top: .56rem;
  /* gap: .2rem .14rem; */
  flex-wrap: wrap;

}

.advantage-wrap-item {
  width: 3.4rem;
  height: 3.6rem;
  background: #FFFFFF;
  box-shadow: 0rem .02rem .04rem .02rem rgba(0, 47, 142, 0.16);
  border-radius: .2rem .2rem .2rem .2rem;
  margin-bottom: .2rem;
  margin-right: .14rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.advantage-img {
  width: .96rem;
  height: .72rem;
}

.advantage-wrap-item:nth-child(2n) {
  margin-right: 0rem;

}

.advantage-wrap-item-top {
  display: flex;


  font-weight: bold;
  font-size: .32rem;

  color: #333333;
  margin-top: .4rem;
  margin-bottom: .34rem;
  align-items: center;


}



.advantage-wrap-item-text {
  width: 2.84rem;

  font-size: .28rem;
  color: #666666;
}

.dev {
  /* height: 8.92rem;
   */
  width: 7.5rem;
  background: #ffffff;
  padding-bottom: 30px;
}

.dev-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  align-items: center;

}

.dev-title {

  font-weight: bold;
  font-size: .32rem;
  letter-spacing: .04rem;
  position: relative;
  font-weight: bold;
  margin-top: .6rem;

}

.dev-title::after {
  display: block;
  content: '';
  position: absolute;
  width: .56rem;
  height: .04rem;

  background: #023591;
  bottom: -0.18rem;
  left: 50%;
  transform: translateX(-50%);
}

.dev-wrap {
  margin-top: .56rem;
  display: flex;
  width: 7.5rem;
  justify-content: center;
}

.dev-wrap-left {
  width: 2.4rem;
}

.dev-wrap-right {
  width: 2.4rem;
}

.dev-wrap-center {
  width: 1.52rem;
  height: 9.26rem;
  background-image: url('../images/m-line.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}



.timeline-box-time {
  width: 2.4rem;
  height: .44rem;

  font-weight: bold;
  font-size: .32rem;
  color: #333333;
  text-align: right;
  margin-bottom: .2rem;

}

.timeline-box-time2 {
  width: 2.4rem;
  height: .44rem;

  font-weight: bold;
  font-size: .32rem;
  color: #333333;
  text-align: left;
  margin-bottom: .2rem;
}

.timeline-box-text {
  width: 2.4rem;
  height: .98rem;
  font-size: .24rem;
  color: #666666;
  line-height: .32rem;
  text-align: right;
}

.timeline-box-text2 {
  text-align: left;
  width: 2.4rem;
  height: .98rem;
  font-size: .24rem;
  color: #666666;
  line-height: .32rem;
}

.member {
  height: 6.94rem;
  width: 6.94rem;

  margin: auto;
  border-radius: .2rem;
  margin-top: .4rem;
  padding-bottom: .6rem;
}

.member-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  align-items: center;

}

.member-title {

  font-weight: bold;
  font-size: .32rem;
  letter-spacing: .04rem;
  position: relative;
  font-weight: bold;
  margin-top: .6rem;

}

.member-title::after {
  display: block;
  content: '';
  position: absolute;
  width: .56rem;
  height: .04rem;

  background: #023591;
  bottom: -0.18rem;
  left: 50%;
  transform: translateX(-50%);
}

.member-img-box {
  width: 6.46rem;
  height: 5.34rem;
  margin-top: .56rem;

}

.member-box img {
  width: 100%;
  height: 100%;
}

.team {
  height: 7.88rem;
  width: 7.5rem;
  background: #ffffff;
  margin-top: .2rem;
}

.team-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  align-items: center;

}

.team-title {

  font-weight: bold;
  font-size: .32rem;
  letter-spacing: .04rem;
  position: relative;
  font-weight: bold;
  margin-top: .6rem;

}

.team-title::after {
  display: block;
  content: '';
  position: absolute;
  width: .56rem;
  height: .04rem;

  background: #023591;
  bottom: -0.18rem;
  left: 50%;
  transform: translateX(-50%);
}

.team-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* gap: .4rem 1.4rem; */
  margin-top: .56rem;
}

.team-wrap-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1.2rem;
  margin-bottom: .4rem;
  margin-right: 1.4rem;
}

.team-wrap-item:nth-child(3n) {
  margin-right: 0rem;

}

.team-wrap-item-name {

  height: .68rem;
  text-align: center;


  font-size: .24rem;
  color: #333333;

}

.team-wrap-item img {
  width: .96rem;
  height: .96rem;
}

.partner {
  height: 3.8rem;
  width: 7.5rem;
  background: #ffffff;

}

.partner-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  align-items: center;

}

.partner-title {

  font-weight: bold;
  font-size: .32rem;
  letter-spacing: .04rem;
  position: relative;
  font-weight: bold;
  margin-top: .6rem;

}

.partner-title::after {
  display: block;
  content: '';
  position: absolute;
  width: .56rem;
  height: .04rem;

  background: #023591;
  bottom: -0.18rem;
  left: 50%;
  transform: translateX(-50%);
}

.partner-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 .3rem;
  margin-top: .36rem;
  justify-content: space-between;
}

.item1 {
  height: 1.02rem;
  width: 1.82rem;
}

.item2 {
  height: 1.02rem;
  width: 1.82rem;
}

.item3 {
  height: 1.02rem;
  width: 1.28rem;
}

.item4 {
  width: 1.78rem;
  height: 1.02rem;

}

.item5 {
  width: 1.92rem;
  height: 1.02rem;

}

.item6 {
  width: 1.94rem;
  height: 1.02rem;

}

.item7 {
  width: 2.2rem;
  height: 1.02rem;

}