.banner {
  width: 100%;
  height: 7.83rem;
  position: relative;
}

.banner img {
  object-fit: cover !important;
}

.aboutBread {
  width: 100%;
  height: 0.79rem;
  background: #F7F7F7;
}

.aboutBreadBox {
  width: 15.2rem;
  height: 100%;
  margin: 0 auto;
  display: flex;
}

.aboutBreadBox a {
  height: 100%;
  font-family: MiSans-Medium;
  font-weight: normal;
  font-size: 0.21rem;
  color: #282828;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.2rem;
}

.aboutBreadBox a::after {
  content: '';
  width: 0;
  height: .03rem;
  background: #0F6DF7;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all .3s;
}


.aboutBreadBox a:hover::after,
.aboutBreadBox a.active::after {
  width: 100%;
}

.section1Box {
  padding: 1.47rem 0 1.21rem;
  width: 16.9rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.aboutTitle {
  font-family: DOUYINSANSBOLD-GB-GBpc-EUC-H;
  font-weight: 400;
  font-size: 0.39rem;
  color: #282828;
  transform: skew(-5deg);
}

.aboutTit {
  font-family: DOUYINSANSBOLD-GB-GBpc-EUC-H;
  font-weight: normal;
  font-size: 0.33rem;
  color: #282828;
  transform: skew(-5deg);
}

.section1Txt {
  width: 100%;
  margin-top: .67rem;
  font-family: MiSans-Regular;
  font-weight: 400;
  font-size: 0.24rem;
  color: #303030;
  line-height: 0.33rem;
}

.section2Box {
  width: 16.9rem;
  background: #F7F7F7;
  padding: .81rem 1.16rem .88rem 1.71rem;
  box-sizing: border-box;
  margin: 0 auto 1.37rem;
  display: flex;
}

.section2L {
  width: 100%;
  margin-right: .85rem;
  border-right: 0.02rem solid #CCCDCE;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.section2R {
  width: 5.25rem;
  flex-shrink: 0;
}

.section2Tit {
  font-family: MiSans-Regular;
  font-weight: normal;
  font-size: 0.3rem;
  color: #3A3A3A;
  line-height: 0.42rem;
  margin-bottom: .33rem;
}

.section2Txt {
  font-family: MiSans-Regular;
  font-weight: normal;
  font-size: 0.2rem;
  color: #3A3A3A;
  line-height: 0.36rem;
}

.section3 {
  background: #F7F7F7;
}

.section3T {
  width: 100%;
  height: 5.37rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 2.06rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.section3T .aboutTitle {
  color: #FFFFFF;
}

.histroySwiper1 {
  margin-top: .62rem !important;
  width: 10.3rem;
  height: .75rem;
}

.histroySwiper1 .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.year1 {
  font-family: MiSans-Regular;
  font-weight: normal;
  font-size: 0.21rem;
  color: #FFFFFF;
  margin-bottom: .1rem;
}

.round {
  width: 0.36rem;
  height: 0.36rem;
  background: rgba(255, 255, 255, .4);
  border-radius: 50%;
  position: relative;
}

.round::after {
  content: '';
  width: 1.23rem;
  height: 0.02rem;
  background: rgba(255, 255, 255, .4);
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.round::before {
  content: '';
  width: 0.26rem;
  height: 0.26rem;
  background: #FFFFFF;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.histroySwiper1 .swiper-slide.active .round::before {
  display: block;
}

.section3B {
  width: 16.8rem;
  margin: 0 auto;
  padding: .69rem 0 .43rem;
}

.histroySwiper2 .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.histroySwiper2 .swiper-slide:last-child .Swiper2List,
.histroySwiper2 .swiper-slide:nth-last-child(2) .Swiper2List {
    border: none;
}

.histroySwiper1 .swiper-slide:last-child,
.histroySwiper1 .swiper-slide:nth-last-child(2)  {
    display: none;
}

.year2 {
  font-family: DOUYINSANSBOLD-GB-GBpc-EUC-H;
  font-weight: normal;
  font-size: 0.36rem;
  color: #303030;
  transform: skew(-5deg);
  padding-top: .15rem;
}

.Swiper2List {
  border-top: .02rem solid #C9C9C9;
  padding-top: .32rem;
  padding-left: .38rem;
}

.Swiper2Item {
  display: flex;
  align-items: baseline;
  margin-bottom: .3rem;
}

.month {
  font-family: MiSans-Regular;
  font-weight: normal;
  font-size: 0.19rem;
  color: #3E3A39;
  transform: skew(-5deg);
  flex-shrink: 0;
  margin-right: .19rem;
}

.Swiper2Txt {
  font-family: MiSans-Regular;
  font-weight: normal;
  font-size: 0.19rem;
  color: #3E3A39;
  line-height: 0.35rem;
}

.section4 {
  padding: .44rem 0;
}

.section4Box {
  width: 100%;
  height: 8.21rem;
  background: #F7F7F7;
  display: flex;
  justify-content: center;
}

.section4L {
  width: 6.88rem;
  box-sizing: border-box;
  padding: .85rem 1.15rem 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.cultureList {
  margin-top: .74rem;
}

.cultureItem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: .45rem;
}

.section4Txt {
  margin-top: .09rem;
  font-family: MiSans-Regular;
  font-weight: normal;
  font-size: 0.2rem;
  color: #595757;
}

.section4R {
  width: 12.32rem;
}

.section5 {
  background: #F7F7F7;
}

.section5Box {
  padding: 1.14rem 0 2.56rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 16.6rem;
  margin: 0 auto;
}

.honorSwiper {
    overflow: hidden;
  margin-top: 1.06rem;
  width: 100%;
  /*height: 3.6rem;*/
  padding: .2rem .8rem !important;
  box-sizing: border-box;
  /*padding: .2rem 0!important;*/
}

.honorSwiper .swiper-slide {
  width: 4.22rem;
  height: 3.54rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.03rem 0.03rem 0.01rem rgba(122, 121, 121, 0.75);
  transition: all .3s!important;
}

.honorSwiper .swiper-slide:hover{
    box-shadow: rgba(74, 90, 117, 0.08) 0px .02rem .1rem 0px, rgba(74, 90, 117, 0.24) 0px .2rem .2rem -.12rem;
}

.honorImg {
  width: 100%;
  height: 2.78rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.honorImg img {
  object-fit: contain !important;
  max-width: 80%;
  max-height: 80%;
}

.honorTit {
  width: 100%;
  height: 0.76rem;
  background: #1D2088;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: MiSans-Regular;
  font-weight: normal;
  font-size: 0.28rem;
  font-size: .2rem;
  color: #FFFFFF;
  text-align: center;
  padding: 0 .15rem;
  box-sizing: border-box;
}

.honorSwiper .swiper-button-prev,
.honorSwiper .swiper-button-next {
  width: 0.57rem;
  height: 0.57rem;
  background: #1D2088;
  border-radius: 50%;
  opacity: 1 !important;
}

.honorSwiper .swiper-button-prev {
  left: 0;
}

.honorSwiper .swiper-button-next {
  right: 0;
}

.honorSwiper .swiper-button-prev::after,
.honorSwiper .swiper-button-next::after {
  font-size: .26rem;
  color: #FFFFFF;
}

.section6Box {
  width: 15rem;
  margin: 0 auto;
  padding: 1.7rem 0 1.18rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contactSwiper1 {
  width: 100%;
  margin-top: .56rem;
}

.contactSwiper1 .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.contactSwiper1 .swiper-slide:after {
  content: '';
  width: 0rem;
  height: 0.03rem;
  background: #0F6DF7;
  position: absolute;
  bottom: 0;
  left: 30%;
  /*transform: translateX(-50%);*/
  transition: all .3s;
}

.contactSwiper1 .swiper-slide p {
  font-family: DOUYINSANSBOLD-GB-GBpc-EUC-H;
  font-weight: normal;
  font-size: 0.33rem;
  color: #282828;
  transform: skew(-5deg);
  cursor: pointer;
}

.contactSwiper1 .swiper-slide-thumb-active:after {
  width: 1.46rem;
}

.contactSwiper2 {
  width: 100%;
  margin-top: .77rem;
}

.contactSwiper2 .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contactL p {
  font-family: MiSans-Medium;
  font-weight: normal;
  font-size: 0.25rem;
  color: #000000;
  line-height: 0.3rem;
  margin-bottom: .37rem;
}

.contactL p:last-child {
  margin-bottom: 0;
}

.contactR {
  width: 7.02rem;
  height: 3.16rem;
  flex-shrink: 0;
}