@font-face {
  font-family: PingFangSC-Thin;
}
.banner {
  height: 520px;
  overflow: hidden;
}
.banner .swiper-container {
  width: 100%;
  height: 100%;
}
.banner .swiper-container .swiper-pagination {
  width: 13px;
  right: 15px;
  top: 215px;
  left: inherit;
  bottom: inherit;
}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  margin: 2px 0;
  border: 2px solid #ffffff;
  border-radius: 13px;
  background-color: inherit;
}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffffff;
}
.banner img {
  width: 100%;
  height: 100%;
  display: block;
}
.project {
  margin-top: 88px;
}
.project .item {
  margin-top: 100px;
  overflow: hidden;
}
.project .image-text {
  margin-top: 100px;
}
.project .image-text .left {
  float: left;
}
.project .image-text .right {
  float: right;
}
.project .image-text .image {
  width: 560px;
  height: 560px;
}
.project .image-text .image img {
  width: 100%;
  height: 100%;
  display: block;
}
.project .image-text .text {
  width: 490px;
  height: 560px;
}
.project .image-text .text .small-title {
  font-size: 24px;
  margin-top: 10px;
}
.project .image-text .text .title {
  font-size: 36px;
}
.project .image-text .text .hr {
  width: 55px;
  height: 1px;
  border: 0;
  border-top: 2px solid #000;
  margin: 27px 0 25px;
}
.project .image-text .text .desc {
  font-size: 18px;
  color: #656565;
  line-height: 26px;
  height: 265px;
  overflow: hidden;
}
.project .image-text .text .dbui-btn {
  width: 170px;
  height: 50px;
  border-radius: 25px;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  display: block;
  margin-top: 56px;
  line-height: 48px;
  text-align: center;
  color: #000000;
  font-size: 18px;
}
.people {
  margin-top: 100px;
  background: #E9F2DA;
  width: 100%;
  height: 610px;
}
.people .total-title {
  margin-top: 88px;
  margin-bottom: 100px;
}
.people .item {
  float: left;
  width: 287px;
  display: inline-block;
  text-align: center;
}
.people .item .img {
  width: 168px;
  height: 168px;
  border: 0;
  border-radius: 168px;
  overflow: hidden;
  margin: 0 auto;
  background: #ffffff;
}
.people .item .img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.people .item .name {
  width: 100%;
  font-size: 36px;
  color: #000;
  margin-top: 24px;
}
.people .item .hr {
  width: 55px;
  height: 1px;
  border: 0;
  border-top: 2px solid #000;
  margin: 12px auto 12px;
}
.people .item .desc {
  font-size: 18px;
  color: #000000;
}
.people-one {
  margin-top: 100px;
}
.people-one img {
  width: 100%;
  height: 100%;
  display: block;
}
.people-one .img-1 {
  width: 364px;
  height: 364px;
}
.people-one .img-2 {
  width: 100%;
  height: 205px;
}
.people-one .margin-top {
  margin-top: 28px;
}
.people-one .margin-left {
  margin-left: 28px;
}
.people-one .item {
  width: 364px;
  height: 597px;
  float: left;
}
.people-one .item a {
  display: block;
  width: 100%;
  height: 100%;
}
.people-two {
  margin-top: 180px;
}
.people-two ul {
  display: block;
}
.people-two ul li {
  display: block;
  overflow: hidden;
  margin-top: 72px;
}
.people-two ul li .left {
  width: 294px;
  float: left;
  text-align: right;
}
.people-two ul li .left .text {
  font-size: 40px;
}
.people-two ul li .left .text a {
  display: block;
  color: #000;
}
.people-two ul li .left .hr {
  width: 55px;
  height: 1px;
  border: 0;
  border-top: 2px solid #000;
  margin: 10px 0;
  float: right;
}
.people-two ul li .right {
  width: 756px;
  height: 100px;
  float: right;
  overflow: hidden;
  font-size: 18px;
  color: #989898;
}
.people-two ul li:first-child {
  margin-top: 0;
}
.clients {
  margin-top: 90px;
}
.clients ul {
  margin-top: 90px;
  display: block;
}
.clients ul li {
  display: block;
  float: left;
  width: 266px;
  height: 140px;
  margin-left: 28px;
  margin-top: 28px;
  overflow: hidden;
}
.clients ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.clients ul li img {
  width: 100%;
  height: 100%;
}
.clients ul li:first-child {
  margin-left: 0;
}
.clients ul li:nth-child(1),
.clients ul li:nth-child(2),
.clients ul li:nth-child(3),
.clients ul li:nth-child(4) {
  margin-top: 0;
}
.clients ul li:nth-child(4n+1) {
  margin-left: 0;
}
.pp {
  margin-top: 100px;
  margin-bottom: 40px;
}
.pp ul {
  display: block;
  width: 210px;
  overflow: hidden;
  margin: 0 auto;
}
.pp ul li {
  float: left;
  font-size: 18px;
}
.pp ul li a {
  text-decoration: underline;
  color: #000;
}
.pp ul li:first-child {
  margin-right: 50px;
}