.service-container .mg-title {
  padding: .85rem 0 .3rem;
}

.service-container .mg-desc {
  width: 1400px;
  max-width: 90%;
  margin: 0 auto;
  line-height: .35rem;
  text-align: left;
  text-indent: 2em;
  color: #666;
  line-height: 28px;
}

.service-container .mg-sub-title {
  padding: 1rem 0 .65rem;
  text-align: center;
  font-size: .32rem;
  color: #333;
}

.service-container .list-content {
  width: 1400px;
  max-width: 90%;
  margin: 0 auto;
}

.service-container .list-content li {
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 45px;
}

.service-container .list-content .icon-wrap {
  width: 33.3%;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
}

.service-container .list-content .icon-wrap .title {
  margin: 25px 0 15px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

.service-container .list-content .img {
  width: 75px;
  height: 75px;
  transition: .3s;
}

.service-container .list-content .img:hover {
  transform: scale(1.1);
}

.service-container .list-content .desc {
  line-height: .3rem;
  font-size: 16px;
  color: #666;
  text-align: center;
}

.manage-container {
  padding-bottom: 1.2rem;
}

.manage-container .list-content {
  width: 1400px;
  max-width: 90%;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
}

.manage-container .list-content li {
  position: relative;
  width: calc(33.3% - .16rem);
  margin-bottom: .18rem;
  cursor: pointer;
  overflow: hidden;
}

.manage-container .list-content li img {
  width: 100%;
  height: 100%;
  transition: .3s;
}

.manage-container .list-content li:hover img {
  transform: scale(1.1);
}

.manage-container .list-content li p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 22px;
}

.manage-container .mg-title {
  padding-top: .35rem;
  padding-bottom: .3rem;
}

.manage-container .vedio-wrap {
  width: 1200px;
  margin: 0 auto;
  align-items: center;
  justify-content: space-around;
}

.manage-container .vedio {
  width: 494px;
  height: 350px;
  background: #fff;
}

.manage-container .mg-sub-title {
  padding-bottom: .45rem;
  text-align: center;
  font-size: 18px;
  color: #333;
}

.manage-container .img-bg {
  width: 1400px;
  max-width: 90%;
  height: calc(321px * (1400 / 1200));
  margin: 0 auto;
  padding-bottom: .85rem;
  background: url('/static/images/serviceTraffic/03.png') no-repeat center center / 100%;
}

.tranffic-content {
  width: 1400px;
  margin: 0 auto;
  padding-bottom: .85rem;
}
.tranffic-content img{
  width: 100%;
}
.tranffic-content .mg-title {
  padding-top: .65rem;
  padding-bottom: .3rem;
}

.tranffic-content .mg-sub-title {
  padding-top: .65rem;
  padding-bottom: .3rem;
  font-size: .28rem;
  color: #333;
}

.tranffic-content .mg-title.allThings {
  padding-top: .95rem;
  padding-bottom: .85rem;
}

.team-container {
  background: #3fc5ff;
  padding-bottom: .3rem;
}

.team-content {
  width: 1200px;
  margin: 0 auto;
}

.team-content .mg-title {
  padding-top: .65rem;
  padding-bottom: .3rem;
  color: #fff;
}

.team-content .info {
  align-items: center;
}

.team-content .info ul {
  padding-top: 40px;
  padding-left: 65px;
}

.team-content .info li {
  margin-bottom: 20px;
  align-items: center;
  font-size: 22px;
  color: #fff;
}

.team-content .info li span {
  margin-left: 20px;
}

/* 移动端适配 */

@media screen and (max-width: 800px) {
  .mg-desc {
    line-height: .4rem;
    font-size: 16px;
  }

  .service-container .mg-sub-title {
    font-size: .32rem;
  }

  .service-container .list-content {
    width: 100%;
  }

  .service-container .list-content .icon-wrap {
    width: 40%;
    margin: 0;
    margin-bottom: .3rem;
  }

  .service-container .list-content li {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .service-container .list-content li:nth-child(1) {
    margin-bottom: 0;
  }

  .manage-container .img-bg {
    width: 90%;
    margin: 0 auto;
    height: 1.5rem;
    background-size: 100%;
  }

  .manage-container .mg-sub-title {
    font-size: 16px;
  }

  .tranffic-content {
    width: 100%;
  }

  .tranffic-content img {
    width: 100%;
  }

  .tranffic-content .mg-sub-title {
    text-indent: .3rem;
  }

  .team-content {
    width: 100%;
  }

  .team-content .info {
    flex-direction: column;
  }

  .team-content .info .img {
    width: 100%;
  }

  .team-content .info ul {
    width: 100%;
    padding-left: .8rem;
    padding-top: .3rem;
  }

  .team-content .info ul li {
    font-size: 18px;
    margin-bottom: .15rem;
  }

  .team-content .info ul img {
    width: .5rem;
    margin-left: .6rem;
  }

  .service-container .mg-desc {
    width: 90%;
    margin: 0 auto;
    line-height: .4rem;
  }

  .service-container .list-content .desc {
    font-size: 14px;
    line-height: .4rem;
  }

  .service-container .list-content .icon-wrap .title {
    margin: .2rem 0 .1rem;
  }

  .manage-container .vedio-wrap {
    width: 100%;
    flex-direction: column;
  }

  .manage-container .vedio-wrap .vedio {
    width: 90%;
    height: 3.6rem;
    margin: 0 auto;
  }

  .manage-container .mg-sub-title {
    padding: .3rem 0;
  }

  .manage-container {
    padding-bottom: .6rem;
  }

  .manage-container .list-content {
    width: 100%;
  }

  .manage-container .list-content li {
    width: 90%;
    margin: 0 auto;
    margin-bottom: .18rem;
  }

  .manage-container .list-content li p {
    font-size: 18px;
  }
}