@charset "utf-8";

.pageBannerPanel{
  background: url('../images/about/pageBanner.png') no-repeat center center;
  background-size: cover;
}
.aboutContent{
  margin-bottom: -100px;
}
.aboutContent .introduceWrap{
  margin-top: 100px;
  display: flex;
}

.aboutContent .introduceWrap .title{
  font-size: 32px;
  display: flex;
  align-items: center
}
.aboutContent .introduceWrap .enTitle{
  font-weight: bold;
  color: #2d2f4e33;
  margin-left: 20px;
}
.aboutContent .introduceWrap .line{
  width: 70px;
  height: 2px;
  background-color: #2CCE88;
  margin-top: 27px;
}

.aboutContent .introduceWrap .text{
  margin-top: 30px;
  color: #2d2f4eb3;
  line-height: 2;
  font-size: 15px;
}

.aboutContent .introduceWrap .oneImage{
  align-self: flex-end;
  margin-left: 70px;
}

.aboutContent .introduceWrap .twoImage{
  align-self: flex-end;
}

.aboutContent .subBanner{
  margin-top: 105px;
  overflow: hidden;
}
.aboutContent .subBanner .subBannerTitle{
  height: 378px;
  background: url('../images/about/subBanner.png') no-repeat center center;
  display: flex;
  align-items: center;
  color: #2D2F4E;
}
.aboutContent .subBanner .subBannerTitle .subBannerTitleContent{
  margin-left: 68px;
}
.aboutContent .subBanner .subBannerTitle .title{
  font-size: 32px;
  margin-left: -2px;
}
.aboutContent .subBanner .subBannerTitle .line{
  width: 66px;
  height: 2px;
  background-color: #2CCE88;
  margin: 27px 0;
}
.aboutContent .subBanner .subBannerTitle .enTitle{
  font-size: 15px;
}

.aboutContent .clutureContent{
  display: flex;
  align-items: center;
  background-color: #f5f5f4;
  justify-content: space-between;
  padding: 60px 0;
}
.aboutContent .clutureContent .itemWrap{
  flex: 1;
  text-align: center;
}
.aboutContent .clutureContent .hasBorder{
  border-left: 2px solid #d8d8d8;
  border-right: 2px solid #d8d8d8;
}
.aboutContent .clutureContent .itemWrap h3{
  color: #2D2F4E;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
}
.aboutContent .clutureContent .itemWrap p{
  font-size: 14px;
  color: #2D2F4Eb3;
  text-align: center;
  margin-top: 12px;
}

/* 同心历程 */
.journeyTitle .moduleLineTitle{
  margin-bottom: 0px;
}
.experienceWrap{
  text-align: center;
  overflow: hidden;
}
.experienceWrap .experienceImage{
  width: 100%;
  max-width: 1920px;
  min-width: 1140px;
  object-fit: contain;
  position: relative;
  top: -60px;
  left: 25px;
}
@media screen and (max-width: 1378px){
  .experienceWrap{
    min-width: 1140px;
    text-align: center;
    margin: 0 auto;
  }
  .experienceWrap .experienceImage{
    width: 100%;
    object-fit: cover;
    position: relative;
    left: 0;
  }
}

.experienceWrap .experiencePanel{
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.experienceWrap .oneExperience .nodeItem, .experienceWrap .twoExperience .nodeItem{
  width: 246px;
}
.experienceWrap .oneExperience{
  margin-right: 100px;
  margin-top: 275px;
}
.experienceWrap .oneExperience .timeTitle{
  margin-bottom: 47px;
}
.experienceWrap .oneExperience .nodeItem{
  padding-bottom: 147px;
}

.experienceWrap .twoExperience{
  margin-right: 100px;
  margin-top: 100px;
}
.experienceWrap .twoExperience .timeTitle{
  margin-bottom: 77px;
}

.experienceWrap .twoExperience .nodeItem{
  padding-bottom: 110px;
}

.experienceWrap .thirdExperience .timeTitle{
  margin-bottom: 38px;
}

.experienceWrap .thirdExperience .nodeItem{
  width: 385px;
  padding-bottom: 135px;
}
.experienceWrap .nodeItem{
  font-size: 15px;
  color: #A5A5A5;
  padding-left: 24px;
  position: relative;
  line-height: 1.8;
  vertical-align: text-top;
}
.experienceWrap .nodeItem::before{
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #3d7cc8;
  content: '';
}
.experienceWrap .nodeItem::after{
  position: absolute;
  left: 3px;
  top: 14px;
  bottom: -10px;
  width: 1px;
  background-color: #E1E9EE;;
  content: '';
}
.experienceWrap .timeTitle{
  color: #3d7cc8;
  font-weight: bolder;
  font-size: 32px;
}
.experienceLine{
  height: 300px;
}
.experienceLine img{
  width: 100%;
}


/* 荣誉 */
.honorWrap{
  position: relative;
  top: -200px;
  margin-top: 0;
}
.honorWrap .honorWrapImageWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.honorWrap .honorWrapImageWrap img{
  margin-bottom: 40px;
  width: 331px;
  height: 221px;
}