.phont {
  width: 100%;
  height: 720px;
  background-image: url("/index/Project/image/banner.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.rvice {
  width: 100%;
  height: 541px;
  background-color: #1ab7ea;
  background-image: url("/index/Project/image/section.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.section {
  width: 100%;
  height: 775px;
}

.section .title {
  width: 100%;
  height: 30px;
  float: left;
  margin-top: 98px;
  text-align: center;
  font-size: 30px;
}

.section .img {
  width: 50%;
  height: 576px;
  float: left;
  margin-top: 70px;
  background: url("/index/Project/image/people.png") no-repeat;
  background-size: cover;
}

.section .content {
  width: 520px;
  height: 576px;
  float: left;
  margin-top: 70px;
}

.section .content .words1 {
  width: 479px;
  height: 120px;
  float: left;
  margin-top: 90px;
  margin-left: 40px;
  font-size: 14px;
}

.section .content .words1 .size {
  width: 100%;
  height: 16px;
  float: left;
}

.section .content .words2 {
  width: 479px;
  height: 250px;
  float: left;
  margin-left: 40px;
  margin-top: 85px;
}

.section .content .words2 .size {
  width: 100%;
  height: 16px;
  font-size: 14px;
  float: left;
}

.field {
  width: 100%;
  height: 740px;
  margin: auto;
}

.field .content {
  width: 1130px;
  height: 740px;
  margin: auto;
}

.field .content .title {
  width: 100%;
  height: 30px;
  float: left;
  margin-top: 118px;
  text-align: center;
  font-size: 30px;
}

.field .content .tech {
  width: 357px;
  height: 442px;
  float: left;
  margin-top: 70px;
}

.field .content .tech .blue {
  width: 200px;
  height: 50px;
  float: left;
  background-color: #66A6FC;
  border-radius: 15px;
  color: #ffffff;
  text-align: center;
  line-height: 50px;
}

.field .content .img {
  width: 416px;
  height: 415px;
  float: left;
  margin-top: 76px;
}

.problem {
  width: 100%;
  height: 468px;
  background-color: #E0E0E0;
}

.problem .common {
  width: 900px;
  height: 468px;
  margin: auto;
}

.problem .common .title {
  width: 100%;
  height: 30px;
  float: left;
  text-align: center;
  font-size: 30px;
  margin-top: 118px;
}

.problem .common .content {
  width: 900px;
  height: 145px;
  float: left;
  margin-top: 90px;
}

.problem .common .content .colour {
  width: 220px;
  height: 60px;
  float: left;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  border-radius: 15px;
}