@media screen and (max-width: 1200px) {
  .flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #ColumnPage .MainContent {
    width: 100%;
  }

  .w1200 {
    width: auto;
  }

  .banner {
    width: auto;
  }

  .nav {
    width: auto;
    height: auto;
    overflow: inherit;
    background-size: 100% 100%;
  }

  .w1300 {
    width: auto;
  }

  .banner img {
    width: 100%;
  }

  .nav_end {
    width: auto !important;
  }

  .nav ul {
    display: flex;
    flex-wrap: wrap;
  }

  .nav ul li {
    float: none;
  }

  #nav1 {
    padding-left: 48px !important;
  }

  .headlines {
    height: auto;
  }

  .headlines .headline {
    float: none;
  }

  .headlines .headline ul a {
    float: none;
    width: 90%;
  }

  .headlines .information {
    margin-left: 0;
  }

  .association {
    float: right;
  }

  .content {
    padding: 0 20px;
  }

  .association {
    width: 460px;
  }

  .video-js {
    width: 100%;
  }
}

@media screen and (max-width: 753px) {
  .nav ul {
    justify-content: center;
  }
}

@media screen and (max-width: 984px) {
  .association {
    float: left;
  }
}

@media screen and (max-width: 517px) {
  .headlines .information {
    width: 96%;
  }

  .headlines .information .information_n {
    width: 96%;
  }

  .association {
    width: 96%;
  }
}

@media screen and (max-width: 781px) {
  .top {
    margin-top: 0;
  }

  .platform {
    padding: 0 20px;
  }

  .platform_n {
    width: 100%;
  }

  .information h2 {
    margin-bottom: 15px;
    margin-top: 10px;
  }

  .association h2 {
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .platform_top,
  .Winchance_top {
    width: 100%;
    background: url(../img/zxtt_03.png) no-repeat 0 13px;
    background-size: 100% auto;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
  }

  .Winchance_top h4 {
    text-align: left !important;
    padding-left: 25px;
  }

  .platform_top h4 {
    text-align: left !important;
    padding-left: 25px;
  }

  .garden_n {
    width: 100%;
  }

  .garden {
    padding: 0 20px;
  }

  .Winchance {
    padding: 0 20px;
  }
}

@media screen and (max-width: 611px) {
  .top {
    overflow: inherit;
  }

  .logo {
    position: relative;
    display: flex;
    justify-content: center;
    top: 14px;
  }

  .Cable {
    padding: 12px 0;
    position: relative;
    top: 0;
    right: 0;
    /* width: auto; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
  }

  .top_n {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
  }
}