@charset "utf-8";

@media screen and (max-width: 640px) and (min-width: 0px) {
  .title>p {
    font-size: 38px;
  }

  .section08 .Swiper08_1 {
    width: 240px !important;
  }

  .aboutNumberBox .demo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .NumberBox {
    margin: 15px 0;
    width: 50%;
  }

  .aboutImg {
    bottom: 380px;
    width: 160%;
  }

  .box_item {
    background-color: #000;
  }

  .box_item img {
    width: 150%;
    position: relative;
    right: 50%;
    opacity: .75;
  }

  .box3List {
    /* background: rgb(0 0 0 / .25) !important; */
  }

  .box3ListBox .cur {
    background: rgb(19 57 132 / 90%) !important;
  }

  .box3List h1 {
    font-size: 14px;
  }

  .box3List span {
    font-size: 14px;
  }

  .box_item_text p {
    width: calc(100% - 180px);
    margin: 0;
    font-size: 12px;
  }

  .box4Text {
    margin-top: 30px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.5;
  }

  .box4NumberBox .demo .NumberBox {
    margin: 0;
    width: 33%;
  }

  .box4 .box4More {
    font-size: 14px;
    width: 160px;
    height: 34px;
    line-height: 30px;
  }

  /* .newsBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .newsBox .newsList {
    width: 100%;
    margin-bottom: 30px;
  } */

  .newsListText {
    padding: 10px 15px;
  }
}

@media screen and (max-width: 400px) and (min-width: 0px) {
  .section08 .banner_text h1 {
    font-size: 18px !important;
  }

  .section08 .banner_text p {
    font-size: 14px !important;
  }

  .section08 .banner_text a {
    display: none !important
  }
}