.culture .title, .honor .title {
  padding: 100px 0 80px;
}
.about-container .title {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
}
/* about */
.about-container {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  z-index: 3;
  background:#f6f6f6;
}
.about-container .pages .page {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #F5F6FB;
}
.about-banner{
  width: 100%;
  height:440px;
  background: url(/portal/static/images/web/about-us-banner.jpg) no-repeat top center;
}
.about-container .title {
  font-size: 36px;
  font-weight: 600;
  text-align: center;
}
.company-profile {
  padding-top: 100px;
  padding-bottom: 100px;
  background:#fff;
}
.company-profile .title {
  margin-bottom: 36px;
}
.company-profile img {
  width: 100%;
  margin: 32px 0;
}
.company-profile p {
  margin-top: 24px;
  font-size: 18px;
}
.culture{
  background:#fff;
  padding-bottom:72px;
  margin-top:20px;
}
.culture .wrapper {
  max-width: 1200px;
}
.culture .cultures-list {
  max-width: 1080px;
  margin: 0 auto 36px;
}
.culture .cultures-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.culture .cultures-list li {
  text-align: center;
}
.culture .cultures-list li:last-child {
  padding-right: 0;
}
.cultures-list li img {
  width: 72px;
  margin: 0 auto 32px;
}
.cultures-list li p {
  width: 280px;
}
.cultures-list li p:nth-of-type(1) {
  line-height: 1;
  font-size: 18px;
  margin-bottom:24px;
}
.cultures-list li p:last-child {
  font-size: 24px;
  font-weight: 600;
}
.development {
  height: 800px;
  background: url(/portal/static/images/web/development_bg.jpeg) no-repeat center center;
  -o-background-size: cover;
  background-size: cover;
  margin-top:20px;
}
.development .title {
  padding: 100px 0 64px 0;
  color:#fff;
}
.development .timeline {
  height: 9px;
  background: url(/portal//static/images/web/timeline.png) no-repeat center center;
  -o-background-size: cover;
     background-size: cover;
}
.development .wrapper {
  max-width: 1200px;
}
.development .timer {
  margin-top: 20px;
  font-size: 0;
  white-space: nowrap;
}
.development .timer-box {
  padding-bottom: 72px;
  overflow: hidden;
}
.development .timer li {
  display: inline-block;
  width: 144px;
  font-size: 20px;
  cursor: pointer;
  color:#fff;
}
.development .timer li.active {
  color: #FF6A00;
}

.development .swiper-container1 .year {
  font-size: 60px;
  color: #FF6A00;
  font-weight: 600;
  position: relative;
}
.development  .year:after {
  content: '';
  width: 56px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.development .swiper-container1 .description {
  font-size: 24px;
  margin-top: 12px;
  color:#fff;
}