.about-banner {
  min-height: 332px;
  height: 100%;
  width: 100%;

  background-image: url('/images/about/about_banner002.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.about-banner-txt {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
}

.about-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
}

.about-company-title>h1 {
  background-image: url(/images/about/about_titleLog001.png);
}

.about-founder-title {
  position: relative;
  top: 61px;
}

.about-founder-title>h1 {
  background-image: url(/images/about/about_titleLog002.png);
}

.about-team-title>h1 {
  background-image: url(/images/about/about_titleLog003.png);
}

.about-news-title>h1 {
  background-image: url(/images/about/about_titleLog004.png);
}

.about-title-text {
  font-weight: 700;
  font-size: 30px;
  line-height: 38px;
  text-align: center;
  color: #2F77EC;

  position: relative;
  z-index: 5;
  background-size: 90px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  padding-top: 124px;
  margin-bottom: 42px;
}

.about-company-synopsis {
  max-width: 1180px;
  width: 100%;
  height: 414px;
  background: #2F77EC;
  margin-top: 188px;

  display: flex;
  justify-content: space-around;
  align-items: center;
}

.about-company-synopsis img {
  max-width: 429px;
  width: 35%;
  height: 548px;

  position: relative;
  top: -68px;
}

.about-company-synopsis-txt {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  color: #FFFFFF;

  height: 360px;
  max-width: 629px;
  width: 100%;
}

.about-company-synopsis-txt p:first-child {
  margin-bottom: 12.5px;
}

.about-company-synopsis-txt p:nth-child(3) {
  margin-top: 12.5px;
}

.about-company-synopsis-txt ul {
  margin-top: 24px;
}

.about-company-synopsis-txt ul>li {
  background-image: url('/images/about/about_li001.png');
  background-repeat: no-repeat;
  background-size: 8px 8px;
  padding-left: 12px;
  background-position: 0 50%;
  margin-bottom: 24px;
  line-height: 16px;
}

.about-founder {
  width: 100%;
  height: 1225px;
  background-image: url('/images/about/about_bg001.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;

  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #000000;

  position: relative;
  z-index: -1;
  top: -245px;
  margin-bottom: -245px;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.about-founder>div {
  height: 450px;
  max-width: 1180px;
  display: flex;
}

.about-founder>div img {
  width: 330px;
  height: 353px;
}

.about-founder>div:first-child {
  height: 450px;
  max-width: 1180px;
  width: 100%;
  border-bottom: 1px solid rgba(19, 64, 136, 0.3);
}

.about-founder-synopsis {
  margin: 156px 0 0 0;
}

.about-founder-right {
  margin-left: 45px;
}

.about-founder-left {
  margin-right: 71px;
}

.about-founder-synopsis>h2 {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  display: inline;
  margin-block: 0 0;

  margin-right: 30px;
}

.about-founder-synopsis>h3 {
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-align: center;

  margin-block: 0 0;
  padding-bottom: 6px;
}

.about-founder-synopsis>div {
  height: 3px;
  width: 284px;
  border-bottom: 1px solid #2F77EC;
  background: linear-gradient(90deg, #2F77EC 64px, white 64px, rgba(0, 0, 0, 0) 64px, rgba(0, 0, 0, 0));
}

.about-founder-synopsis-xhb {
  max-width: 405px !important;
  width: 100% !important;
  border-bottom: 1px solid #2F77EC !important;
  background: linear-gradient(90deg, #2F77EC 79px, white 79px, rgba(0, 0, 0, 0) 79px, rgba(0, 0, 0, 0)) !important;
}

.about-founder-synopsis>p {
  margin-top: 24px;
  width: 100%;
  font-size: 14px;
  line-height: 24px;
}

.about-team {
  z-index: 3;
}

.about-team-item {
  position: relative;
  max-width: 1180px;
  width: 100%;
  height: 230px;
  box-shadow: 0px 0px 12px rgba(2, 53, 134, 0.3);
  border-radius: 5px;
  margin-top: 31px;
  margin-bottom: 68px;
  background-image: url('/images/about/about_bg002.png');
  background-size: 26px 26px;
  display: flex;
  align-items: center;
}

.about-team-item:nth-child(odd) {
  background-color: #F9FBFF;
}

.about-team-item:nth-child(even) {
  background-color: #FFF;
}

.about-team-item:last-child {
  margin-bottom: 35px;
}

.about-team-item>img:first-child {
  height: 252px;
  max-width: 166px;
  position: relative;
  top: -11px;
}

.about-team-item img:nth-child(2) {
  height: 233px;
  max-width: 217px;
  position: relative;
  top: -1.5px;
}

.about-team-item img:last-child {
  height: 233px;
  max-width: 217px;
  position: relative;
  top: -1.5px;
  left: 50px;
}

.about-team-item:nth-child(odd)>img:first-child {
  left: -4%;
  margin-right: -18%;
}

.about-team-item:nth-child(even)>img:first-child {
  left: 85%;
}

.about-team-item-synopsis {
  max-width: 937px;
  width: 75%;
  color: #000000;
  font-weight: 400;
  font-size: 20px;
  margin-block: 0 0;
}

.about-team-item-synopsis-right {
  position: relative;
  left: 35px;
}

.about-team-item-synopsis-left {
  position: relative;
  right: 99px;
}

.about-team-item-synopsis>h2 {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  display: inline;
  margin-right: 30px;
  margin-bottom: 8px;
}

.about-team-item-synopsis>span {
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
  vertical-align: top
}

.about-team-item-synopsis>div {
  margin-top: 8px;
  height: 3px;
  max-width: 250px;
  border-bottom: 1px solid #2F77EC;
  background: linear-gradient(90deg, #2F77EC 76px, white 76px);
}

.about-team-item-synopsis>p {
  margin-top: 25px;
  font-size: 14px;
  line-height: 24px;
}

.about-team-item-zxt {
  height: 208px !important;
  max-width: 208px !important;
  top: -51px !important;
  left: 15% !important;
  margin-left: -70px !important;
}

.about-news {
  position: relative;
  width: 100%;
  padding-top: 1052px;
  height: 543px;
  margin-top: -1044px;
  background-image: url('/images/about/about_bg005.png');
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
}

.about-news-item>a:first-child {
  margin-left: 0;
}

.about-news>a {
  z-index: 2;
  margin-left: 25px;
}

.about-news-item {
  height: 468px;
  max-width: 377px;
  width: 100%;
  border-radius: 0px 0px 14px 14px;
  background-color: #fff;
  background-image: url('/images/about/about_bg002.png');
  background-size: 26px 26px;
  overflow: hidden;
  position: relative;
  top: -2px;
}

.about-news-item-border {
  border-top: 9px solid #2F77EC;
  width: 100%;
  border-radius: 14px 14px 0px 0px;
}

.about-news-item>div>img {
  max-width: 377px;
  width: 100%;
  height: 265px;
  margin-bottom: 17px;
  object-fit: cover;
}

.about-news-item>p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 30px;
  overflow: hidden;
  margin: 0 29px 0 29px;
}

.about-news-item p:nth-child(2) {
  -webkit-line-clamp: 2;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #000000;
}

.about-news-item p:nth-child(3) {
  -webkit-line-clamp: 4;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #5B5B5B;
}

.about-more {
  position: relative;
  max-width: 1205px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  top: -12px;
  z-index: 2;
  /* margin-top: -40px; */
  margin: -26px 0px 14px 0px;
}

.about-more>div {
  max-width: 98px;
  width: 100%;
  height: 40px;
  position: relative;
  background-color: #FFFFFF;
  border-radius: 10px;
  background-image: url('/images/about/about_btn001.png');
  background-repeat: no-repeat;
  background-size: 4.5px 10px;
  background-position-y: 50%;
  background-position-x: 80%;
}

.about-more>div>a {
  margin-left: 18px;
  display: inline-block;
  padding: 12px 0;
  max-width: 98px;
  width: 100%;
  height: 40px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #4284EE;
}

.about-bg {
  background-color: #4284EE;
  height: 380px;
  width: 100%;
  position: absolute;
  z-index: 0;
  bottom: 0;
}

.about-company-synopsis-mobile,
.about-founder>div:last-child>img:first-child,
.about-news-item>time,
.about-team-item-synopsis .about-title,
.about-team-item-synopsis>img {
  display: none;
}

@media screen and (max-width: 767px) {
  .about-company-synopsis-mobile {
    display: block;
    height: 35.8667vw;
    width: 93.6vw;
    position: relative;
    top: 0;
    margin-bottom: 1.3333vw;
    color: #0B0B0B;
  }

  .about-company-synopsis-mobile h1 {
    font-weight: 700;
    font-size: 4.2667vw;
    line-height: 6.6667vw;
  }

  .about-company-synopsis-mobile p {
    font-weight: 400;
    font-size: 3.7333vw;
    line-height: 5.8667vw;
    color: #5B5B5B;

  }

  .about-banner,
  .about-banner-txt,
  .about-company-synopsis-txt,
  .about-company-synopsis-txt>p,
  .about-company-synopsis-txt>ul,
  section .about-team-title,
  .about-team-item>img,
  /* .about-more, */
  .about-bg {
    display: none;
  }

  .about-team-item-synopsis .about-title {
    display: block;
  }

  .about-company-synopsis img {
    width: 100vw;
    height: 56.6667vw;
    max-width: 100%;
    top: 0;
    content: url('/images/about/about_companyImg002.png');
  }

  .about-content {
    position: relative;
  }

  .about-title-text {
    font-size: 4.8vw;
    line-height: 8vw;

    background-size: 12vw;
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding-top: 16.5333vw;
    margin-bottom: 2.1333vw;
  }

  .about-company-synopsis {
    background: rgba(47, 119, 236, 0);
    height: 100%;
    margin-top: 0;
    flex-direction: column;
  }

  .about-company-synopsis-txt {
    height: auto;
    max-width: 93.6vw;
  }

  .about-founder-title {
    top: 0vw;
  }

  .about-founder {
    height: 228.4vw;
    top: -30.7333vw;
    margin-bottom: -30.7333vw;
    padding-top: 0;
    background-size: 0 0;
  }

  .about-founder>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 104.6667vw;
    width: 100vw;

    background-image: url(/images/about/about_bg001.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .about-founder>div>img {
    height: 27.0667vw;
    width: 25.3333vw;
    margin-bottom: 2.6667vw;
  }

  .about-founder>div:first-child {
    border-bottom: none;
    height: 104.6667vw;
    padding-top: 22vw;
  }

  .about-founder>div:first-child>img {
    content: url('/images/about/about_lf002.png');
  }

  .about-founder-synopsis {
    width: 100%;
    margin: 0 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .about-founder>div:last-child {
    background-image: url('/images/about/about_bg007.png');
    padding-top: 3.5vw;
  }

  .about-founder>div:last-child>img:first-child {
    display: block;
  }

  .about-founder>div:last-child>img:last-child {
    display: none;
  }

  .about-founder-synopsis>div,
  .about-founder-synopsis-xhb {
    height: 3px !important;
    width: 22.6667vw !important;
    border-bottom: 1px solid #2F77EC !important;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 8.6933vw, rgba(0, 0, 0, 0) 8.6933vw, #2F77EC 8.6933vw, #2F77EC 13.8667vw, rgba(0, 0, 0, 0) 13.8667vw, rgba(0, 0, 0, 0)) !important;
  }

  .about-founder-synopsis>p {
    margin-top: 1.7333vw;
    font-size: 3.7333vw;
    line-height: 6.6667vw;
    letter-spacing: 0.08em;
    color: #5B5B5B;
    width: 90vw;

  }

  .about-founder-synopsis>h2 {
    margin: 0 0;
    font-size: 4.2667vw;
    line-height: 7.4667vw;
  }

  .about-founder-synopsis>h3 {
    font-weight: 400;
    font-size: 3.7333vw;
    line-height: 6.6667vw;
    padding-bottom: 2.1333vw;
  }

  .about-news {
    position: relative;
    width: 100%;
    padding-top: 131.3333vw;
    height: auto;
    margin-top: -131.3333vw;
    background: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: normal;
  }

  .about-news>a {
    margin: 0 0;
  }

  .about-news-item {
    max-height: 126.9333vw;
    height: auto;
    max-width: 93.6vw;
    width: 93.6vw;
    background-color: #fff;
    background-size: 0vw 0vw;
    padding-bottom: 2.4vw;

    box-shadow: 0px 0px 2.4vw rgba(0, 0, 0, 0.1);
    margin-bottom: 5.3333vw;
    top: -0.2667vw;
  }

  .about-news-item-border {
    border-top: 2.1333vw solid #2F77EC;
    width: 100%;
    border-radius: 1.6vw 1.8667vw 0px 0px;
  }

  .about-news-item>div>img {
    width: 93.6vw;
    max-width: 100vw;
    height: 65.7333vw;
    margin-bottom: 2.2667vw;
    position: relative;
    top: -0.1333vw;
  }

  .about-news-item p:nth-child(2) {
    font-size: 4.2667vw;
    line-height: 7.4667vw;
    letter-spacing: 0.04em;
    color: #0B0B0B;
    text-align: justify;
  }

  .about-news-item p:nth-child(3) {
    font-size: 3.7333vw;
    line-height: 6.6667vw;
    letter-spacing: 0.08em;
    color: #5B5B5B;
  }

  .about-team-item-synopsis {
    /* display: none; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .about-team-item {
    width: 100vw;
    background-image: none;
    height: auto;
    padding: 6vw 0 2vw 0;

    box-shadow: none;
    margin-top: 0;
    margin-bottom: 0;
  }

  .about-team-item:first-child {
    margin-top: 0;
    padding-top: 0;
  }

  .about-team-item:last-child {
    margin-bottom: 0;
  }

  .about-team-item:nth-child(odd) {
    background-image: url('/images/about/about_bg001.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
  }

  .about-team-item:nth-child(even) {
    background-image: url('/images/about/about_bg007.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
  }

  .about-team-item-synopsis>img {
    display: block;
    width: 24.8vw;
    height: 26.5333vw;
  }

  .about-team-item-synopsis-right,
  .about-team-item-synopsis-left {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }

  .about-team-item-synopsis>h2 {
    margin: 3.2vw 0 -1.2vw 0;
    font-size: 4.2667vw;
    line-height: 7.4667vw;
  }

  .about-team-item-synopsis>span {
    font-weight: 400;
    font-size: 3.7333vw;
    line-height: 6.6667vw;
  }

  .about-news-item>p {
    margin: 0 5.0667vw 0 4.1333vw;
  }

  .about-team-item-synopsis>div {
    height: .4vw;
    background-color: rgba(0, 0, 0, 0);
    width: 22.6667vw;
    margin-top: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 8.6933vw, rgba(0, 0, 0, 0) 8.6933vw, #2F77EC 8.6933vw, #2F77EC 13.8667vw, rgba(0, 0, 0, 0) 13.8667vw, rgba(0, 0, 0, 0)) !important;
  }

  .about-team-title {
    height: 24.5333vw !important;
    background: none !important;
    border: none !important;
    margin-bottom: 2.2667vw;
  }

  .about-team-item img:nth-child(2) {
    height: 26.9333vw;
    top: 0;
  }

  .about-team-item-synopsis>p {
    font-weight: 400;
    font-size: 3.7333vw;
    line-height: 6.6667vw;
    letter-spacing: 0.08em;

    color: #5B5B5B;
    width: 90vw;
  }

  .about-founder-synopsis>p>span::before,
  .about-team-item-synopsis>p>span::before {
    content: '';
    position: absolute;
    left: 2vw;
    margin-top: 2.6667vw;
    height: 1.6vw;
    width: 1.6vw;
    background-image: url('/images/about/about_bg006.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 1.6vw 1.6vw;
  }

  .about-news-item>time {
    display: block;
    position: relative;
    text-align: right;
    right: 0;
    font-weight: 400;
    font-size: 3.7333vw;
    line-height: 5.3333vw;
    color: #AEAEAE;
    margin-top: 9.0667vw;
    margin-right: 4.1333vw;
  }

  .about-more {
    margin: 0px 0px 9.3333vw 0px;
    top: 0;
  }

  .about-more>div {
    background: #4284EE;
    border-radius: 1.3333vw;
    width: 18.6667vw;
    height: 7.4667vw;
    max-width: 18.6667vw;
    margin-right: 3.2vw;
  }

  .about-more>div>a {
    height: 7.4667vw;
    width: 70%;
    color: #FFFFFF;
    padding: .8vw 0;
    font-weight: 400;
    font-size: 3.7333vw;
    line-height: 5.8667vw;
    max-width: 18.6667vw;
    margin-left: 3.8667vw;
  }

}