.about-top {
  position: relative;
  height: 97.96vw;
}
.about-top .about-us-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 97.96vw;
  z-index: 0;
}
.about-top .about-top-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 60.46vw;
}
.about-top .about-top-content h2 {
  color: #ffffff;
  font-size: 6.67vw;
  font-weight: 500;
  line-height: 100%;
}
.about-top .about-top-content p {
  font-size: 2.78vw;
  color: #ffffff;
  line-height: 200%;
}

.about-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 7.41vw;
}
.about-box .nav-box {
  display: flex;
}
.about-box .nav-box li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18.52vw;
  height: 4.63vw;
  margin-right: 0.74vw;
  border-radius: 0.19vw;
  background: #ffffff;
  border: 1px solid #E6E6E6;
  font-size: 2.78vw;
  color: #333333;
}
.about-box .nav-box li:last-child {
  margin-right: 0;
}
.about-box .nav-box .li-on {
  color: #ffffff;
  background: #FF7C59;
  border: none;
}
.about-box .about-item {
  display: none;
  flex-direction: column;
  align-items: center;
}
.about-box .about-item .sub-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10.19vw;
}
.about-box .about-item .sub-title span {
  color: #333333;
  font-size: 5.56vw;
  font-weight: 500;
}
.about-box .about-item .sub-title .line {
  width: 4.44vw;
  height: 2px;
  margin-top: 3.33vw;
  background: #333333;
}
.about-box .item-01 .intro {
  margin-top: 5.93vw;
  padding: 0 9.26vw;
}
.about-box .item-01 .intro div {
  font-size: 3.15vw;
  font-weight: 300;
  color: #666666;
  margin-bottom: 3.61vw;
}
.about-box .item-01 .intro div strong {
  font-weight: 500;
}
.about-box .item-01 .team-box {
  padding-top: 7.13vw;
}
.about-box .item-01 .team-box ul li {
  display: flex;
  align-items: center;
  width: 81.76vw;
  height: 25.65vw;
  padding-bottom: 2.13vw;
  margin-bottom: 3.89vw;
  background: #FFFFFF;
  box-shadow: 0px 25px 39px 0px rgba(199, 199, 199, 0.33);
  border-radius: 0.56vw;
}
.about-box .item-01 .team-box ul li > img {
  width: 12.13vw;
  height: 12.13vw;
  margin-left: 7.41vw;
  margin-right: 6.48vw;
}
.about-box .item-01 .team-box ul li .team-des {
  display: flex;
  flex-direction: column;
  margin-right: 8.33vw;
}
.about-box .item-01 .team-box ul li .team-des span {
  font-size: 3.33vw;
  color: #333333;
  font-weight: 500;
}
.about-box .item-01 .team-box ul li .team-des p {
  margin-top: 1.67vw;
  font-size: 2.59vw;
  font-weight: 300;
  color: #666666;
}
.about-box .item-01 .team-swiper {
  position: relative;
  width: 100vw;
  height: 66.85vw;
  margin-top: 13.7vw;
  margin-bottom: 6.39vw;
  overflow: hidden;
}
.about-box .item-01 .team-swiper .swiper-wrapper {
  display: flex;
}
.about-box .item-01 .team-swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 68.15vw !important;
  height: 49.17vw;
  transition: all 300ms;
  opacity: 0.4;
}
.about-box .item-01 .team-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.about-box .item-01 .team-swiper .swiper-slide-prev,
.about-box .item-01 .team-swiper .swiper-slide-next {
  transform: scaleY(0.8);
  opacity: 0.5;
}
.about-box .item-01 .team-swiper .swiper-slide-active,
.about-box .item-01 .team-swiper .swiper-slide-duplicate-active {
  transform: scale(1);
  z-index: 999;
  opacity: 1;
}
.about-box .item-01 .team-swiper .swiper-pagination .swiper-pagination-bullet,
.about-box .item-01 .team-swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 1.57vw;
  height: 1.57vw;
  background: #E4E4E4;
}
.about-box .item-01 .team-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #979797;
}
.about-box .item-02 .develop-box {
  display: flex;
  justify-content: center;
  margin-top: 13.33vw;
  margin-bottom: 6.67vw;
}
.about-box .item-02 .develop-box img {
  width: 92.59vw;
  height: 207.13vw;
}
.about-box .item-03 .cooperate {
  margin-top: 7.69vw;
}
.about-box .item-03 .cooperate ul li {
  width: 80.19vw;
  height: 19.72vw;
  background: #FFFFFF;
  box-shadow: 0px 2.31px 3.61vw 0px rgba(199, 199, 199, 0.33);
  border-radius: 0.56vw;
  display: flex;
  align-items: center;
  margin-bottom: 2.59vw;
}
.about-box .item-03 .cooperate ul li:last-child {
  margin-bottom: 0;
}
.about-box .item-03 .cooperate ul li img {
  width: 10.56vw;
  height: 10.56vw;
  margin-left: 5.37vw;
  margin-right: 7.22vw;
}
.about-box .item-03 .cooperate ul li .des {
  display: flex;
  flex-direction: column;
}
.about-box .item-03 .cooperate ul li .des span {
  font-size: 3.15vw;
  font-weight: 500;
  color: #333333;
}
.about-box .item-03 .cooperate ul li .des p {
  font-size: 2.78vw;
  color: #666666;
  margin-top: 1.67vw;
}
.about-box .item-03 .cooperate-more {
  display: flex;
  justify-content: center;
  margin-top: 11.67vw;
  margin-bottom: 8.24vw;
}
.about-box .item-03 .cooperate-more ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: 8.7vw;
}
.about-box .item-03 .cooperate-more ul li {
  width: 27.04vw;
  height: 10.19vw;
  margin-right: 0.74vw;
  margin-bottom: 2.13vw;
}
.about-box .item-03 .cooperate-more ul li img {
  width: 100%;
  height: 100%;
}
.about-box .item-04 {
  padding-left: 3.33vw;
  padding-right: 3.33vw;
}
.about-box .item-04 .line-title-box {
  display: flex;
  align-items: center;
  margin-left: 5.93vw;
  margin-right: 5.93vw;
  width: 100%;
}
.about-box .item-04 .line-title-box span {
  margin: 0 2vw;
  color: #666666;
  font-size: 3.15vw;
  font-weight: 500;
}
.about-box .item-04 .line-title-box .honor-line {
  flex: 1;
  height: 1px;
  background: #cccccc;
}
.about-box .item-04 .honor-img {
  margin-top: 13.7vw;
  width: 90.37vw;
  height: 46.11vw;
}
.about-box .item-04 .level {
  display: flex;
  flex-wrap: wrap;
  margin-top: 14.35vw;
}
.about-box .item-04 .level li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about-box .item-04 .level li:nth-child(1) img {
  width: 34.63vw;
}
.about-box .item-04 .level li img {
  width: 17.41vw;
  height: 24.35vw;
  margin-bottom: 3.7vw;
}
.about-box .item-04 .level li div {
  color: #000000;
  font-size: 2.41vw;
  font-weight: 500;
}
.about-box .item-04 .soft-info-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8.43vw;
}
.about-box .item-04 .soft-info-box li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 5.56vw;
  margin-bottom: 2.87vw;
}
.about-box .item-04 .soft-info-box li:nth-child(2n) {
  margin-right: 0;
}
.about-box .item-04 .soft-info-box li img {
  width: 40.83vw;
  height: 30.74vw;
  margin-bottom: 3.7vw;
}
.about-box .item-04 .soft-info-box li span {
  font-size: 2.41vw;
  font-weight: 500;
  color: #000000;
}
.about-box .item-04 .quality-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8.24vw;
  margin-bottom: 9.54vw;
}
.about-box .item-04 .quality-box img {
  width: 27.69vw;
  height: 38.43vw;
  margin-bottom: 4.72vw;
}
.about-box .item-04 .quality-box span {
  font-size: 2.41vw;
  font-weight: 500;
  color: #000000;
}
.about-box .item-05 .media {
  margin-top: 13.24vw;
  margin-bottom: 13.24vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about-box .item-05 .media .row {
  margin-right: 12px;
}
.about-box .item-05 .media .row img {
  width: 43.89vw;
  height: 20.83vw;
}
.about-box .item-05 .media .row-02 img:nth-child(2) {
  width: 18.89vw;
}
.about-box .item-05 .media .row-02 img:nth-child(3) {
  width: 24.26vw;
}
.about-box .on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.about-commom-bottom {
  height: 22.78vw;
  background: #F4F8FF;
}
.about-commom-bottom .about-bottom-box {
  display: flex;
  align-items: center;
  height: 100%;
}
.about-commom-bottom .about-bottom-box .l-info {
  position: relative;
  padding-left: 2.96vw;
}
.about-commom-bottom .about-bottom-box .l-info div {
  font-size: 3.7vw;
  font-weight: 500;
  font-family: Impact;
  color: #333333;
  opacity: 0.05;
}
.about-commom-bottom .about-bottom-box .l-info span {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 2vw;
  margin-left: 5vw;
  color: #666666;
  font-size: 3.15vw;
  font-weight: 500;
}
.about-commom-bottom .about-bottom-box .line {
  width: 1px;
  height: 4.54vw;
  margin-left: 0.83vw;
  margin-right: 2.96vw;
  background: #CACACA;
}
.about-commom-bottom .about-bottom-box .r-info ul {
  display: flex;
  flex-direction: column;
}
.about-commom-bottom .about-bottom-box .r-info ul li {
  display: flex;
  align-items: center;
  margin-bottom: 1.39vw;
}
.about-commom-bottom .about-bottom-box .r-info ul li:last-child {
  margin-bottom: 0;
}
.about-commom-bottom .about-bottom-box .r-info ul li img {
  width: 3.52vw;
  height: 3.52vw;
  margin-right: 2.31vw;
}
.about-commom-bottom .about-bottom-box .r-info ul li span {
  font-size: 2.41vw;
  color: #666666;
}

/*# sourceMappingURL=h5-about-us.css.map */