.list1{
  padding-bottom: 0.6rem;
  position: relative;
  overflow: hidden;
  background: #fff;
}

.list1>img{
  position: absolute;
  left: -40%;
  bottom: -25%;
  width: auto;
  height: auto;
}

.list1-img{
  width: 100%;
  height: 7.2rem;
}

.list1-img img{
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.list1-box{
  width: 100%;
  height: 3.4rem;
  box-shadow: 0 0 0.1rem 0 #ccc;
  overflow: hidden;
}

.list1-box .box1{
  width: 50%;
  height: 1.7rem;
  position: relative;
  float: left;
}

.list1-box .box1 .box1-icon{
  height: 0.65rem;
  margin-top: 0.3rem;
}

.list1-box .box1 .box1-icon img{
  display: block;
  margin: 0 auto;
  height: 100%;
  width: auto;
}

.list1-box .box1 p{
  position: absolute;
  top: 65%;
  font-size: 0.28rem;
  width: 100%;
  text-align: center;
  color: #666;
}

.list1-box .box1 .b-r{
  width: 1px;
  height: 0.32rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #dedede;
}

.list1 .text1{
  margin-top: 0.4rem;
}

.list1 .text1 p{
  font-size: 0.28rem;
  line-height: 0.44rem;
  margin-top: 0.2rem;
  color: #333;
  text-indent: 2em;
}






.list2{
  background: #fbfbfb;
  overflow: hidden;
  padding-bottom: 0.6rem;
}

.list2 .list2-img{
  width: 100%;
}

.list2 .list2-img img{
  width: 100%;
}


.list3{
  height: 4.05rem;
  width: 100%;
  background: url(../images/aboutus/res-bac.png) no-repeat;
  background-size: contain;
  overflow: hidden;
  position: relative;
}

.list3-box{
  width: 100%;
  height: 3.4rem;
  background: #fff;
  margin-top: 0.3rem;
  overflow: hidden;
}

.list3-box>img{
  position: absolute;
  width: 35%;
  right: 0;
  bottom: 0;
  height: auto;
}

.list3-box .title{
  margin: 0.35rem auto 0.25rem;
}

.list3-box .text{
  font-size: 0.27rem;
  color: #333;
  text-indent: 2em;
  line-height: 0.4rem;
  padding: 0 0.2rem;
}



.list4 .swiper{
    padding-bottom: 1rem;
}

.list4 .swiper-button-next, .list4 .swiper-button-prev{
    top: 30%!important;
    margin-top: 0!important;
    background: rgba(18,78,163,0.37);
}

.list4 .swiper-button-next:after, .list4 .swiper-button-prev:after{
    font-size: initial!important;
    color: #fff!important;
}

.list4 .swiper-button-next, .list4 .swiper-rtl .swiper-button-prev{
    right: 0!important;
}

.list4 .swiper-button-prev, .list4 .swiper-rtl .swiper-button-next{
    left: 0!important;
}

.list4 .swiper-pic{
  width: 100%;
  height: 4.6rem;
}

.list4 .swiper-pic img{
  height: 100%;
  width: auto;
  display: block;
  margin: 0 auto;
}

.list4 .swiper-slide{
  height: 5rem;
}

.list4 .swiper-slide p{
  font-size: 0.3rem;
  padding: 0 0.3rem;
  text-align: center;
  color: #124ea3;
  margin-top: 0.3rem;
}

.list4 .swiper-pagination-bullet{
  width: 0.11rem!important;
  height: 0.11rem!important;
  background: #999!important;
  border-radius: inherit!important;
  opacity: unset!important;
}

.list4 .swiper-pagination-bullet-active{
  background: #2c66b8!important;
  width: 0.37rem!important;
}

.list4 .list4-p{
  position: inherit!important;
  padding-bottom: 0.1rem;
}



.bannerText, .list1 .title, .list1-img, .list1-box, .text1 p, .list2 .title, .list2-img, .list3 .title, .list3 .text, .list4 .title, .list4 .swiper{visibility: hidden;}
.bannerText.active, .list1 .title.active, .list1-img.active, .list1-box.active, .text1 p.active, .list2 .title.active, .list2-img.active, .list3 .title.active, .list3 .text.active, .list4 .title.active, .list4 .swiper.active{
    visibility: visible;
    animation-delay: 0.2s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}