@charset "UTF-8";
.moudle1 {
  background: #FFFFFF;
  padding: 1.35rem 3.25rem 0.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.moudle1 .moudle1-txt1 {
  font-family: Helvetica;
  font-size: 0.47rem;
  color: #B6BAC2;
  line-height: 0.57rem;
}
.moudle1 .moudle1-txt2 {
  font-weight: 600;
  font-size: 0.47rem;
  color: #161B31;
  line-height: 0.66rem;
  margin: 0.04rem 0 0.85rem;
}
.moudle1 .center-box {
  width: 17.5rem;
  height: 6.03rem;
  display: flex;
  background-image: url(../img/centerImg/culture_icon_default@2x.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  transition: background-image 1s ease;
}
.moudle1 .center-box span {
  width: 25%;
  border-right: 0.01rem solid #FFFFFF;
  transition: width 1s ease, background-image 1s ease;
  cursor: pointer;
  overflow: hidden;
  will-change: width;
  position: relative;
  background-size: cover;
  background-position: center;
}
.moudle1 .center-box span:hover {
  width: 6.56rem;
}
.moudle1 .center-box span:last-child {
  border-right: none;
}
.moudle1 .center-box span img {
  width: 0.68rem;
  height: 0.97rem;
  position: absolute;
  top: 1.27rem;
  left: 0.65rem;
}
.moudle1 .center-box span text {
  font-weight: 600;
  font-size: 0.33rem;
  color: #FFFFFF;
  line-height: 0.46rem;
  margin: 3.99rem 0 0 0.65rem;
  display: block;
}
.moudle1 .center-box span:last-child {
  margin-right: 0;
}

.moudle2 {
  height: 6.04rem;
  background-image: url(../img/centerImg/corporate_culture_bg@2x.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 3.25rem;
  display: flex;
  align-items: center;
}
.moudle2 .moudle2-item {
  width: 5.53rem;
  height: 3.34rem;
  background-color: #4353A2;
  margin-right: 0.46rem;
}
.moudle2 .moudle2-item:last-child {
  margin-right: 0;
}
.moudle2 .moudle2-item .moudle2-item-t {
  width: 100%;
  height: 0.85rem;
  box-sizing: border-box;
  padding: 0 0.5rem;
  background: #364EB7;
  font-weight: 600;
  font-size: 0.3rem;
  color: #FFFFFF;
  line-height: 0.85rem;
}
.moudle2 .moudle2-item .moudle2-item-b {
  display: flex;
  height: calc(100% - 0.85rem);
  flex-direction: column;
  justify-content: space-around;
  padding: 0 0.5rem;
  box-sizing: border-box;
}
.moudle2 .moudle2-item .moudle2-item-b text {
  font-weight: 400;
  font-size: 0.23rem;
  color: #FFFFFF;
  line-height: 0.31rem;
  position: relative;
  padding-left: 0.16rem;
}
.moudle2 .moudle2-item .moudle2-item-b text::before {
  content: "";
  display: block;
  position: absolute;
  width: 0.07rem;
  height: 0.07rem;
  border-radius: 50%;
  background: #52C8F6;
  top: 0.13rem;
  left: 0;
}

.moudle3 {
  background: #FFFFFF;
  padding: 1.35rem 3.25rem 0.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.moudle3 .moudle3-txt1 {
  font-family: Helvetica;
  font-size: 0.47rem;
  color: #B6BAC2;
  line-height: 0.57rem;
}
.moudle3 .moudle3-txt2 {
  font-weight: 600;
  font-size: 0.47rem;
  color: #161B31;
  line-height: 0.66rem;
  margin: 0.04rem 0 0.85rem;
}
.moudle3 .moudle3-txt3 {
  font-weight: 400;
  font-size: 0.23rem;
  color: #323232;
  line-height: 0.38rem;
  text-align: center;
}
.moudle3 .swiper-container {
  margin-top: 0.53rem;
  width: 17.48rem;
  /* 设置容器宽度 */
  overflow: hidden;
  position: relative;
}
.moudle3 .swiper-container img {
  width: 5.63rem;
  height: 3.4rem;
}/*# sourceMappingURL=tabFive.css.map */