.about-container {
  background: url("../images/img-29.png") no-repeat;
  background-size: 100%;
  height: 380px;
}

.modal-container {
  width: 1200px;
  height: 400px;
  background: #FFFFFF;
  box-shadow: 0px 12px 13px 0px rgba(0,0,0,0.14);

  margin: auto;
  position: relative;
  top: 127px;
}

.modal-container .row {
  height: 340px;
}

.about-video {
  height: 270px;
  line-height: 360px;
  text-align: center;
  position: relative;
  top: 24px;
  right: 6px;
}

.about-text-container {
  height: 270px;
  position: relative;
  right: 28px;
  top: 42px;
}

.about-title {
  font-size:28px;
  font-weight: 500;
  color: #313332;
}

.about-text {
  font-size: 16px;
  font-weight: 400;
  color: #222423;
  line-height: 36px;
}

.about-text #intro {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.about-leader-span {
  margin-left: 148px;
}

.about-link {
  width: 110px;
  height: 36px;
  background-color: #04592F;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  margin-top: 10px;
}
.about-link a{
  display:block;
  color:#fff;
  text-decoration: none;
}

.graph-container {
  margin-top: 214px; /* 131px + 107px */
}

.graph-title {
  font-weight: bold;
  color: #3A3D3C;

  width: 1200px;
  font-size: 30px;
  margin: auto;
}

.graph-title-underline {
  width:60px;
  height: 3px;
  background: #04592F;
  position: relative;
  left: 88px;
  top: 6px;
}

.graph-images {
  margin-top: 64px;
}

.graph-images .row {
  width: 1200px;
  margin: auto;
}

#apache-china-map {
  position: relative;
}

.chart-summary {
  display: inline-block;
  margin-right: 36px;

  font-size: 18px;
  font-weight: 400;
  color: #3E403F;
}

.chart-summary-num {
  font-size: 28px;
}

.team-container {
  margin-top:75px;
  height: 720px;
}

.team-title {
  width: 1200px;
  font-size: 30px;
  font-weight: bold;
  color: #3A3D3C;

  margin: auto;
  text-align: center;
  position: relative;
  right: 4px;
}

.team-title-underline {
  width:60px;
  height: 3px;
  background: #04592F;
  margin: auto;
  position: relative;
  right:0px;
  margin-top: 7px;
}

.team-background {
  background: url("../images/img-28.png") no-repeat;
  background-size: 100%;
  height: 360px;
  position: relative;
  top: 280px;
}

.team-row {
  width: 1200px; /* 353px * 3 cols + 64 * 2 margin-right */
  margin: auto;
  margin-top: 50px;

  position: relative;
  bottom: 340px;
}

.owl-carousel .owl-stage-outer{
  padding:10px;
}

.member-item {
  width:336px !important;
  height: 471px;
  border-radius: 12px;  
  background-color: white;
}

.member-about-container {
  margin-top: 36px;
  margin-left: auto;
  margin-right: auto;
  width: 264px;
}

.member-name {
  font-size: 16px;
  font-weight: bold;
  color: #0E5932;
  margin-bottom: 12px;
}

.member-profile {
  font-size: 16px;
  font-weight: 400;
  color: #585959;
  margin-top: 6px;
}

.member-introduce {
  height: 44px;
  font-size: 16px;
  font-weight: 400;
  color: #585959;
  margin-top: 6px;
  width: 264px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.more-link {
  margin-top: 15px;
}

.more-link > a {
  font-size: 16px;
  font-weight: 400;
  color: #0A5630;
  text-decoration: none;
}

.avatar-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  width: 220px;
  height: 220px;
  border-radius: 100%;
}

.avatar-bullet-point {
  width: 12px;
  height: 12px;
  background: #04592F;
  border-radius: 50%;
  float: right;
  margin-top: 20px;
  margin-right: 20px;
}

.member-hyphen {
  width: 45px;
  height: 1px;
  background: #04592F;
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 4px;
}

.network-container {
  width: 1200px;
  margin: auto;
  margin-top: 76px;
}

.network-title {
  font-size: 30px;
  font-weight: bold;
  color: #3A3D3C;
}

.network-underline {
  width:60px;
  height: 3px;
  background: #04592F;
  margin-left:58px;
  margin-top: 7px;
}

.network-container .row {
  margin-top:58px;
  margin-left: 2px;
}

.network-container .col {
  height: 118px;
  background: #F2F5F4;
  margin-right: 10px;
}

.network-container .col-left {
  margin-right: 16px;
}

.network-content {
  line-height:118px;
  margin-left: 12px;
}

.network-requirements {
  display: inline;
}

.network-requirements > a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  color: #3C403E;
  margin-left: 16px;
}

.project-container {
  margin-top: 116px;
  background: #F2F5F4;
  padding-bottom:72px;
}

.project-container > .row {
  width: 1224px;
  margin: auto;
}

.project-container .col-left {
  margin-right: 44px;
  margin-top: 72px; 
}

.project-container .col-right {
  margin-top: 72px;
}

.project-logo {
  height: 105px;
  line-height: 104px;
  background: white;
  padding-left: 41px;

  font-size: 24px;
  font-weight: 500;
  color: #3A3D3C;
}

.project-bottom-left {
  height: 200px;
  background-color: #0D5933;
  color: white;
}

.project-bottom {
  border-top: 1px solid #0D5933;
  height: 200px;
  background-color: white;
  color: #3D403E;
}

.project-ds {
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;

  width: 480px;
  height: 120px;
  margin: auto;
  position: relative;
  top: 20px;
}

.ds {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}


.project-arrow-image {
  display: block;
  margin: auto;
  position: relative;
  top: 30px;
}