html, body {
  max-width: 100%;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 1100px) {
  .navbox .nav,
  .header-inner,
  .main.home,
  .main.mainbg,
  .ft-wrap,
  .ftLink {
    width: auto !important;
    max-width: 100%;
    margin: 0 12px !important;
  }

  .main.home,
  .main.mainbg {
    display: block;
  }

  .left,
  .right,
  .box_119104,
  .box_119105,
  .box_119104101,
  .box_119104102,
  .box_119105101,
  .box_119105102,
  .box_119105103 {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .thumb_list,
  .pic_list_01 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .pic_list_4,
  .pic_list_3 {
    width: calc(50% - 6px) !important;
    margin: 0 !important;
  }

  .online-qq {
    display: none;
  }
}

@media (max-width: 768px) {
  .header .logo img {
    width: 100% !important;
    height: auto !important;
  }

  .navbox .nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .navbox .nav li,
  .navbox .nav0 {
    width: auto !important;
    min-width: 30%;
  }

  .banner,
  .picBox,
  .picBox .bd ul,
  .picBox .bd li {
    height: 220px !important;
  }

  .main-home,
  .main-home.inner {
    padding: 0 10px;
  }

  .pic_list_4,
  .pic_list_3 {
    width: 100% !important;
  }

  .display_title h1,
  h1.title,
  .title b {
    font-size: 22px !important;
    line-height: 1.4 !important;
  }

  .display_content,
  #info_content {
    font-size: 16px;
    line-height: 1.8;
  }
}