/* HOME PAGE */
/* section about start */
.section-about {
  background-image: url(../images/company/about-bg@2x.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.section-about .about-block {
  position: relative;
}

.section-about .about-block .about-icon-m {
  display: none;
}

.section-about .about-block .about-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30%;
}

.section-about .about-block .about-content {
  width: 100%;
  padding-left: 45%;
  padding-right: 30px;
  background-image: url(../images/company/about-info-bg@2x.png);
  background-position: left center;
  background-size: cover;
}

.section-about .about-block .about-content>div {
  width: 100%;
  padding: 40px;
}

.section-about .about-block .about-content-label {
  font-weight: 600;
  color: #000;
}

.section-about .about-block .about-content-info {
  padding: 1.5em 0;
  word-wrap: break-word;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.section-about .about-block .about-content-list {
  border-top: 1px solid rgba(193, 193, 193, 0.2);
  padding: 0.5em 0 1em;
  line-height: 2.5em;
}

.section-about .about-block .about-content-list .list-item {
  padding: 0.3em 0;
}


.section-about .about-block .about-content-list .label {
  position: relative;
  padding-left: 16px;
  padding-right: 5px;
  width: 10.5em;
  color: #000;
}

.section-about .about-block .about-content-list .label::before {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: solid 1.5px #196EFF;
}

.section-about .about-block .about-content-list .content {
  line-height: 1.5em;
  color: #666666;
}


/* section about end */
/* section partner start */
.section-partner {
  background-image: url(../images/company/partner-bg@2x.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.section-partner .section-item-content .partner-content-item {
  width: 20%;
  /* margin: 0 -10px; */
}


/* section about end */
@media (max-width: 1024px) {}

@media (max-width: 767.99px) {
  .section-about .section-item-content {
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 2px 5px 2px rgba(73, 95, 124, 0.10);
    border-radius: 5px;
  }

  .section-about .about-block {
    padding-left: 0;
  }

  .section-about .about-block .about-icon {
    display: none;
  }

  .section-about .about-block .about-icon-m {
    display: block;
  }

  .section-about .about-block .about-content {
    width: 100%;
    background-image: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
  }

  .section-about .about-block .about-content-info {
    padding: 1em 0;
  }

  .section-about .about-block .about-content>div {
    padding: 20px 0 0;
  }

  .section-about .about-block .about-content-list {
    padding: 0;
  }

  .section-about .about-block .about-content-list .list-item {
    flex-direction: column;
    align-items: flex-start;
    margin: .5em 0 0.2em;
  }

  .section-about .about-block .about-content-list .label {
    padding-left: 22px;
    padding-right: 5px;
    width: 100%;
  }

  .section-about .about-block .about-content-list .label::before {
    width: 14px;
    height: 14px;
    border: solid 2px #196EFF;
  }

  .section-about .about-block .about-content-list .content {
    padding-left: 22px;
  }

  .section-partner .section-item-content .partner-content-item {
    width: 33.33%;
  }

}