@charset "utf-8";
/*单行省略号*/
/*多行省略号*/
/**清除浮动**/
/**fit img**/
/*主色调*/
/*移动左右间隙*/
br {
  content: "";
  display: block;
  height: 10px;
}

.team-info {
  padding: 80px 0;
}

.team-info .des {
  margin-top: 32px;
}

.team-info .list {
  margin-top: 85px;
}

.team-info .list:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
  width: 0;
  height: 0;
}

.team-info li {
  float: left;
}

.team-info li:after {
  content: '';
  display: block;
  clear: both;
}

.team-info li:first-child .box {
  float: left;
}

.team-info li:last-child .box {
  float: right;
}

.team-info .box {
  width: 140px;
  text-align: center;
  margin: 0 auto;
}

.team-info .icon-img {
  width: 58px;
  height: 58px;
}

.team-info .num {
  margin-top: 20px;
  font-weight: bold;
  font-size: 24px;
}

.team-info .text {
  margin-top: 12px;
  font-size: 14px;
  color: #666;
}

.research {
  padding: 96px 0 0;
  height: 520px;
  box-sizing: border-box;
  background-image: url(/assets/images/team/bg.jpg);
  color: #fff;
}

.research .list {
  margin-top: 50px;
}

.research .list:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
  width: 0;
  height: 0;
}

.research .list img {
  width: 70px;
  height: 70px;
}

.research .list p {
  margin-top: 20px;
}

.research .list li {
  float: left;
  text-align: center;
  margin-right: 96px;
}

.layout {
  padding: 80px 0 0;
  height: 540px;
  box-sizing: border-box;
  background-image: url(/assets/images/team/layout-bg.jpg);
}

.layout .con-img {
  margin-top: 44px;
}

.layout .con-img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.partner {
  padding: 80px 0;
}

.partner .con-img {
  margin-top: 64px;
  position: relative;
}

.partner .con-img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.partner .list a {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00CAC5;
  position: absolute;
  z-index: 10;
  cursor: pointer;
}

.partner .list a::after {
  content: "";
  opacity: 0;
  position: absolute;
  border: 2px solid #00CAC5;
  border-radius: 100%;
  -webkit-animation: ripple 4s ease-out 0ms infinite;
          animation: ripple 4s ease-out 0ms infinite;
  z-index: -1;
  height: 38px;
  width: 38px;
  top: -18px;
  left: -18px;
  pointer-events: none;
}

.partner .list a::before {
  content: '';
  opacity: 0;
  position: absolute;
  border: 2px solid #00CAC5;
  border-radius: 100%;
  -webkit-animation: ripple 4s ease-out 500ms infinite;
          animation: ripple 4s ease-out 500ms infinite;
  z-index: -1;
  height: 20px;
  width: 20px;
  top: -9px;
  left: -9px;
}

.partner .list .name {
  display: block;
  white-space: nowrap;
  font-size: 16px;
  color: #333;
  position: absolute;
  line-height: 16px;
  z-index: 10;
  white-space: nowrap;
}

.partner .list .right {
  left: 0;
  top: 50%;
  -webkit-transform: translate(30px, -50%);
          transform: translate(30px, -50%);
}

.partner .list .top {
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -30px);
          transform: translate(-50%, -30px);
}

.partner .list .left {
  top: 0;
  right: 100%;
  -webkit-transform: translate(-30px, -50%);
          transform: translate(-30px, -50%);
}

.partner .list .bottom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 30px);
          transform: translate(-50%, 30px);
}

@-webkit-keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.platform {
  padding: 80px 0 0;
  height: 520px;
  box-sizing: border-box;
  background-image: url(/assets/images/team/platform.jpg);
  color: #fff;
}

.platform .link {
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #fff;
  margin-top: 48px;
  margin-left: 0;
  color: #fff;
}

.platform .link::after {
  background: #fff;
  color: #333;
}

.imgs {
  padding: 80px 0;
}

.imgs .img-box {
  margin-top: 48px;
}

.imgs .l {
  float: left;
  width: 800px;
  height: 430px;
}

.imgs .l img {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.imgs .r {
  float: right;
}

.imgs .r .img {
  width: 380px;
  height: 205px;
}

.imgs .r .img img {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.imgs .r .img ~ .img {
  margin-top: 20px;
}

/*# sourceMappingURL=maps/team.css.map */