@media screen and (max-width: 768px) {
  .news-index-wrap .small-news-list > a .name {
    width: 60% !important;
    width: calc(100% - 135px) !important;
  }
  .news-index-wrap {
    height: auto;
  }
  .news-index-wrap .left-swiper-wrap {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .news-index-wrap .left-swiper-wrap .news-banner {
    width: 100%;
    height: 253px;
  }
  .left-swiper-title {
    margin-bottom: 10px;
  }
  .news-index-wrap .comm-main-width {
    width: 95%;
    margin: 0 auto;
    flex-direction: column;
  }
  .news-index-wrap .left-swiper-wrap .news-banner .swiper-slide {
    height: 253px;
  }
  .ycs {
    display: none;
  }
  .news-index-wrap .right-news-list {
    float: left;
    width: 100% !important;
    margin-left: 0px;
    height: auto;
    margin-top: 20px;
  }
  .news-index-wrap .right-news-list .big-news-item .title {
    font-size: 18px;
  }
  .news-index-wrap .right-news-list .big-news-item {
    padding-bottom: 5px;
    border-bottom: 1px dashed #e0e0e0;
    margin-bottom: 5px;
  }
  .small-news-list {
    width: 100% !important;
  }
  .body-main-left {
    margin: 0;
    width: 100%;
    height: auto;
  }
  .body-main-right {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .body-main {
    height: auto;
  }
  .body-main .wzgg {
    flex-direction: column;
    width: 95% !important;
    margin: 0 auto !important;
  }
  .body-main-back {
    display: none !important;
    background: #f3f9ff;
  }
  .body-main-title {
    margin-bottom: 20px;
    margin-top: 5px !important;
  }
  .small-news-list {
    height: 40px;
    margin-bottom: 15px;
  }
  .small-news-list > a > div:last-child {
    width: 100%;
    height: 40px;
    line-height: 40px;
  }
  .small-news-list > a > div:first-child {
    height: 40px;
    line-height: 40px;
  }
  .body-main-right-table {
    width: 100%;
    height: auto;
  }
  .body-main-right-water > a {
    width: 48%;
    height: 101px;
    margin: 30px 0px 0px 0px;
  }
  .body-main-right-water {
    width: 100%;
    margin-top: 0px;
  }
  .servicehall-top,
  .servicehall-center,
  .servicehall-bottom {
    display: none;
  }
  .servicehall {
    height: auto;
  }
  .servicehall-right {
    width: 95%;
    height: auto;
    margin: 15px auto;
  }
  .servicehall-right > div:first-child {
    margin: 15px;
  }
  .servicehall-right-main {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .servicehall-right-main > div {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 10px;
  }
  .servicehall-right-main > div:first-child {
    margin: 0;
  }
  .servicehall-right-main > div:last-child {
    display: none;
  }
  .servicehall-right-main > div > a {
    width: 48%;
    margin-bottom: 20px;
    height: 100px;
  }
  .servicehall-right-main > div:nth-child(2) {
    margin: 0;
  }
  .servicehalltwo {
    width: 95%;
    height: auto;
  }
  .servicehalltwo-main-left {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .servicehalltwo-main-right {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .servicehalltwo .zbxx {
    flex-direction: column;
  }
  .servicehalltwo-main-title {
    margin-bottom: 10px;
  }
  .xxlist-news-item-ctr > div:first-child {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .xxlist-news-item-ctr > div:first-child {
    width: calc(100% - 115px) !important;
  }
  .xxlist-news-item-ctr {
    width: 100% !important;
  }
  .servicehalltwo-main-right-card {
    width: 100%;
    height: auto;
    margin-top: 15px;
  }
  .servicehalltwo-main-right-card > img {
    width: 100%;
    height: 146px;
    margin: 0;
  }
  .servicehalltwo-main-right .xxlist-news {
    width: 95% !important;
  }
  .servicehalltwo-main-right .xxlist-news .xxlist-news-item-ctr > div:first-child {
    width: 100% !important;
  }
  .specialcolumn > div > div {
    width: 95%;
    height: 180px;
    margin: 0 auto;
  }
  .specialcolumn {
    width: auto;
    height: auto;
    margin-bottom: 20px;
  }
  .videostyle {
    width: 95%;
    height: auto;
  }
  .videostyle-left {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0;
  }
  .videostyle .spfc {
    flex-direction: column;
  }
  .videostyle-right-main > img {
    width: 100%;
    margin: 0;
  }
  .videostyle .xxlist-news {
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
  }
  .videostyle-right-main {
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .videostyle-right > div:last-child {
    width: 100%;
    height: 215px;
  }
  .videostyle .xxlist-news-item-ctr > div:first-child {
    width: 100% !important;
  }
  .videostyle-left-bottom {
    display: none;
  }
  .videostyle-left-top {
    width: 100%;
    height: 250px;
    position: relative;
    margin-bottom: 20px;
  }
  .videostyle-left-top video {
    width: 100% !important;
    height: 250px !important;
  }
}