.banner {

    background: url("/img/about_us/banner.jpg") no-repeat;

    background-size: cover;

  }

  .content_top {

    background: url("/img/about_us/2_1_1index.jpg") no-repeat;

    background-size: cover;

    background-position: left bottom;

  }

  

  .content_width > p {

    font-family: Microsoft YaHei, Microsoft YaHei;

    font-weight: bold;

    font-size: 0.37rem;

    color: #2b66b0;

    text-align: center;

    margin-bottom: 0.65rem;

  }

  

  .content_img {

    width: 4.23rem;

    height: 3.21rem;

  }

  

  .content_box .content_box_titel {

    font-family: Microsoft YaHei, Microsoft YaHei;

    font-weight: bold;

    font-size: 0.3rem;

    color: #000000;

    line-height: 0.95rem;

    text-align: center;

  }

  

  .content_box .content_box_text {

    font-family: Microsoft YaHei, Microsoft YaHei;

    font-weight: 400;

    font-size: 0.22rem;

    color: #868686;

    text-align: center;

  }

  

  .content_width > .content_flex {

    display: flex;

    justify-content: space-between;

  }

  

  .content_box img,

  .content_box .content_box_titel,

  .content_box .content_box_text {

    transition: var(--m_tran) border-radius, color;

  }

  .content_width > .content_flex > .content_box {
    width: 4.23rem;
    }

  .content_box:hover {

    img {

      border-radius: 0 0 0.8rem 0;

    }

  

    .content_box_titel {

      color: rgba(43, 102, 176, 1);

    }

  

    .content_box_text {

      color: rgba(43, 102, 176, 1);

    }

  }

  

  .content_width .content_bottom_text {

    font-family: Microsoft Sans Serif, Microsoft Sans Serif;

    font-weight: 400;

    font-size: 0.18rem;

    color: #0a0a0a;

    line-height: 0.3rem;

  }

  

  .about .mySwiper ._content {

    width: 3.2rem;

  }

  .about .mySwiper ._content .content > div:first-of-type {

    width: 100%;

    height: 1.8rem;

  }

  .about .mySwiper ._content .content > div:last-of-type {

    font-size: 0.18rem;

    color: #0a0a0a;

    line-height: 0.3rem;

    text-align: center;

    margin-top: 0.09rem;

  }

  .about .mySwiper ._content .content:last-of-type {

    margin-top: 0.46rem;

  }

  .about .swiper-pagination{

      bottom:-0.86rem !important;

      position: absolute;

  }

  .about .swiper-pagination>span{

      width: 0.11rem;

      height: 0.11rem;

      border-radius: 50%;

      margin: 0 0.11rem !important;

  }

  .about .swiper-pagination>span.swiper-pagination-bullet-active {

  background: #2B66B0 !important;

  }

 .img{
    border-radius: 0.2rem;
  }
  
  @media only screen and (max-width: 1024px) {
  .content_width > .content_flex{
    display: block;
  }
  .content_box{
    margin-bottom: 0.3rem;
  }
  .content_img{
    margin: auto;
  }
  .content_box .content_box_text,.content_width .content_bottom_text,.about .mySwiper ._content .content > div:last-of-type{
    font-size: 12px;
  }
  .content_bottom .swiper-wrapper{
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .content_bottom .swiper-slide{
    flex: 0 0 48%;
    margin-bottom: 0.3rem;
  }
  .about .mySwiper ._content{
    width: 100%;
  }
}