.banner-bg {
  position: relative;
}
.banner-bg img {
  width: 100%;
}
.banner-bg .banner-title {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.banner-bg .banner-title .title-cn {
  font-size: 45px;
  color: #ffffff;
}
.banner-bg .banner-title .title-en {
  margin-top: 20px;
  font-size: 26px;
  color: #ffffff;
}
.container-main .news-item .news-item-nav {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-main .news-item .news-item-nav li .nav-list {
  display: inline-block;
  width: 100%;
  padding: 40px 20px;
}
.container-main .news-item .news-item-nav li .nav-list-act {
  color: #07cfc8;
  border-bottom: 4px solid #07cfc8;
}
.container-main .intro-main .intro-top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 100px;
  padding: 0 10%;
  background-color: #fbfbfb;
}
.container-main .intro-main .intro-top .intro-title-h1 {
  font-size: 30px;
  color: #333333;
}
.container-main .intro-main .intro-top .intro-title-em {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  font-style: oblique;
  color: #999999;
}
.container-main .intro-main .intro-top .intro-desc {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.6;
  color: #666666;
}
.container-main .intro-main .intro-top .intro-slogan {
  margin-top: 30px;
  color: #999999;
}
.container-main .intro-main .intro-top .intro-slogan .intro-slogan-span {
  font-size: 16px;
  color: #333333;
}
.container-main .intro-main .intro-top .intro-slogan .intro-slogan-em {
  font-size: 16px;
  color: #f99532;
}
.container-main .intro-main .intro-top .margin-top-15 {
  margin-top: 15px;
}
.container-main .intro-main .intro-top .intro-fun {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
.container-main .intro-main .intro-top .intro-fun .intro-fun-list {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.container-main .intro-main .intro-top .intro-fun .intro-fun-list .intro-fun-pic {
  width: auto;
}
.container-main .intro-main .intro-top .intro-fun .intro-fun-list .intro-fun-desc {
  margin-top: 15px;
  font-size: 20px;
  color: #666666;
}
.container-main .intro-main .develo-history {
  position: relative;
}
.container-main .intro-main .develo-history .history-bg {
  width: 100%;
}
.container-main .intro-main .develo-history .swiper-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.container-main .intro-main .develo-history .swiper-content .middle-line {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background: #e5e5e5;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide {
  width: 100%;
  height: 1200px;
  padding: 90px 0 0 0;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-slide {
  width: 50%;
  cursor: pointer;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-slide:hover .detail .year-img {
  opacity: 1;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-slide:hover .detail .year h5 {
  color: #d89f39;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-slide .detail {
  width: 90%;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-slide .detail .year h5 {
  font-weight: bold;
  font-size: 40px;
  transition: all .5s;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-slide .detail .year p {
  color: #666;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-slide .detail .year-img {
  transition: all .5s;
  opacity: 0;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-slide .dot {
  position: absolute;
  top: 21px;
  right: -1.5%;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-slide:nth-of-type(2n) {
  left: 50%;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-slide:nth-of-type(2n) .dot {
  left: -1.6%;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-slide:nth-of-type(2n) .detail {
  margin-left: 10%;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-slide:nth-of-type(2n) .detail .year {
  text-align: left;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-slide:nth-of-type(2n + 1) .detail {
  margin-right: 10%;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-slide:nth-of-type(2n + 1) .detail .year {
  text-align: right;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-button-prev,
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-button-next {
  left: 49.8%;
  right: 0;
  transform: translateX(-50%);
  width: 94px;
  height: 94px;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-button-prev {
  top: -1px;
  z-index: 7;
  background-image: url('/assets/static/images/about/progress/left-hover.png');
  background-size: cover;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-button-next {
  top: 96.2%;
  background-image: url('/assets/static/images/about/progress/right-hover.png');
  background-size: cover;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-button-next.swiper-button-disabled {
  background-image: url('/assets/static/images/about/progress/right.png');
  opacity: 1;
}
.container-main .intro-main .develo-history .swiper-content .progress-slide .swiper-button-prev.swiper-button-disabled {
  background-image: url('/assets/static/images/about/progress/left.png');
  opacity: 1;
}
.container-main .intro-main .group-struct {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px 10%;
  background-color: #f5fffc;
}
.container-main .intro-main .group-struct .group-struct-h1 {
  font-size: 30px;
  color: #000000;
}
.container-main .intro-main .group-struct .group-struct-em {
  margin: 15px 0 40px 0;
  font-size: 42px;
  color: #fc8021;
}
.container-main .intro-main .group-struct .group-struct-line {
  width: 54px;
  height: 1px;
  background-color: #fc8021;
}
.container-main .intro-main .group-struct .group-struct-main {
  width: 100%;
  margin-top: 70px;
}
.container-main .intro-main .group-struct .group-struct-main .main-box {
  display: flex;
  justify-content: space-between;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .main-box-list {
  position: relative;
  margin: 0 10px;
  border-radius: 15px;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .main-box-list .main-box-list-title {
  position: absolute;
  top: -15px;
  right: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  color: #ffffff;
  border-radius: 30px;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .main-box-list .h1-bg-color-1 {
  background-color: #37b48d;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .main-box-list .h1-bg-color-2 {
  background-color: #fb9620;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .main-box-list .h1-bg-color-3 {
  background-color: #03bdde;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .main-box-list .h1-bg-color-4 {
  background-color: #02d4bd;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .main-box-list .h1-bg-color-5 {
  background-color: #e76967;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .main-box-list .main-box-list-ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
  padding: 30px 20px;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .main-box-list .main-box-list-ul .main-box-list-li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .main-box-list .main-box-list-ul .main-box-list-li a .main-box-list-pic {
  width: auto;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .main-box-list .main-box-list-ul .main-box-list-li a .main-box-list-desc {
  text-align: center;
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .main-box-list .main-box-list-one {
  flex-direction: column;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .main-box-list .main-box-list-two {
  justify-content: space-between;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .main-box-list .main-box-list-two .main-box-list-li {
  width: 50%;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .li-bg-color-1 {
  background-color: #e2f7f1;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .li-bg-color-2 {
  background-color: #f6f4e6;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .li-bg-color-3 {
  background-color: #dcf8f9;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .li-bg-color-4 {
  background-color: #dcfbf6;
}
.container-main .intro-main .group-struct .group-struct-main .main-box .li-bg-color-5 {
  background-color: #f4f0ed;
}