@media screen and (max-width: 768px) {
  .header {
    background-size: 230% !important;
    height: auto !important;
  }
  .logoimg img {
    left: 10% !important;
    width: 80% !important;
  }
  .logoimg {
    height: 170px !important;
  }
  .search {
    position: absolute;
    left: 0;
    width: 90%;
    display: block;
    margin: 0 auto;
    top: 30vw !important;
    left: 10vw !important;
  }
  .valuesearch {
    right: 5% !important;
  }
  .search-q {
    width: 72% !important;
  }
  .nav {
    height: auto !important;
    width: 100%;
  }
  .nav ul {
    flex-wrap: wrap;
    width: 100% !important;
  }
  .nav ul li {
    float: left;
    line-height: 50px;
    font-size: 24px;
    width: 33.3% !important;
    text-align: center;
  }
  .mid-a {
    flex-direction: column;
    display: flex;
  }
  .focusBox2 .pic img {
    width: 100%;
    height: 60vw;
  }
  .focusBox2 {
    height: 60vw;
  }
  .bord {
    height: 60vw;
    margin-right: 0px;
    width: 100% !important;
  }
  .context {
    width: 95%;
    margin: 0 auto;
  }
  .mid-ab {
    margin-top: 5vw;
    width: 100% !important;
  }
  .mid-ab-list li p {
    width: 72%;
  }
  .mainconfece {
    width: 100%;
    margin-right: 0px;
  }
  .mainconfece-title {
    width: 100%;
  }
  .mainconfece-title h2 {
    width: 100%;
  }
  .mid-abc {
    width: 100%;
  }
  .new_boount {
    display: none !important;
  }
  .old_boount {
    display: none !important;
  }
  .content {
    width: 95% !important;
  }
  .mobile_type .default_pgContainer div>a {
    display: inline-block;
    width: 70% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 3.5vw;
}
  .content .list div>span{
  font-size: 3.5vw;
}
  .content .list{
    width: 100% !important;
  }
  .content .list .info .art_share{
    display: none;
  }
}