@media (min-width: 992px) {
   .container {
      width: 960px;
   }
}
@media (min-width: 1200px) {
   .container {
      width: 1170px;
   }
}
@media (max-width: 1366px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 1272px) {
}
@media (max-width: 1199px) {
   .navbar ul > li {
      margin-right: 20px;
      padding: 0;
   }
   .navbar ul > li + li {
      margin-left: 10px;
   }
   .navbar ul > li > a {
      padding: 0;
   }
   .master-swiper {
      width: 880px;
   }
   .master-swiper .list {
      width: auto;
   }
   .fun-grid .col {
      width: 320px;
   }
   .fun-grid .col .icon {
      margin-left: 35px;
   }
   .green-row .col {
      width: 240px;
   }
   .green-row .col + .col {
      margin-left: 0;
   }
   .rdxq-left {
      overflow: hidden;

      width: 720px;
      height: 279px;
   }
   .reason .col {
      display: block;
      float: left;

      width: 20%;
      height: 190px;
      margin: 0;

      background-size: contain;
   }
   .bottom .col {
      padding-left: 100px;
   }
   .bottom .col-1 {
      background-position: 40px 0;
   }
   .bottom .col-2 {
      background-position: 40px -45px;
   }
   .bottom .col-3 {
      background-position: 40px -90px;
   }
   .bottom .col-4 {
      background-position: 40px -135px;
   }
}
@media (max-width: 991px) {
   .sh {
      display: none;
   }
   .logo {
      width: 91px;
      height: 53px;
      margin-left: 15px;

      background-image: url(../img/logo-md.png);
   }
   .logo a {
      width: 91px;
      height: 53px;
   }
   .header {
      height: 100px;
   }
   .container {
      width: 100%;
   }
   .navbar ul {
      padding: 10px 0;
   }
   .navbar ul > li {
      padding: 0 15px;
   }
   .navbar ul > li + li {
      margin: 0;
   }
   .carousel {
      width: 200%;
      margin-left: -50%;
   }
   .newsbar .title {
      left: 15px;
   }
   .newsbar {
      padding-right: 15px;
   }
   .fun-grid .col {
      position: relative;

      display: block;

      width: 30%;
      margin-left: 2.2%;
      padding-top: 30%;
   }
   .fun-grid .col span {
      display: none;
   }
   .fun-grid .col .icon {
      position: absolute;
      top: 0;
      left: 0;

      width: 100%;
      height: 100%;
      margin-left: 0;
   }
   .fun-grid .col + .col {
      border: none;
   }
   .rdxq-wrap {
      margin-bottom: 30px;
   }
   .rdxq-left {
      float: none;

      width: 100%;
   }
   .rdxq-left ul li {
      width: 33.3333%;
      margin-top: 10px;
      margin-left: 0 !important;
   }
   .rdxq-left ul li .img {
      position: relative;

      width: 100%;
      height: 0;
      padding-top: 129%;
   }
   .rdxq-left ul li .img img {
      position: absolute;
      top: 0;
      left: 0;

      width: 100%;
      height: 100%;
   }
   .rdxq-right {
      float: none;

      box-sizing: border-box;
      width: 100%;
      padding: 0 15px;
   }
   .rdxq-right .title {
      font-size: 24px;

      text-indent: 0;

      color: #f66f1d;
      border-bottom: 2px solid #f66f1d;
      background-image: none;
   }
   .index-message .group label {
      display: inline-block;
      float: none;

      margin-bottom: 5px;
   }
   .index-message .group input {
      width: 100%;
   }
   .index-message button[type='submit'] {
      float: none;
   }
   .green-row .col {
      float: none;

      box-sizing: border-box;
      width: 100%;
      padding: 0 15px;
   }
   .green-row .col + .col {
      margin-top: 10px;
      margin-left: 0;
   }
   .green-row .col .photo {
      display: none;
   }
   .master-swiper {
      width: 100%;
   }
   .master-swiper .list {
      width: 100%;
   }
   .reason {
      overflow: hidden;
   }
   .bottom {
      background-size: cover;
   }
   .bottom .col {
      padding-left: 70px;
   }
   .bottom .col-1 {
      background-position: 15px 0;
   }
   .bottom .col-2 {
      background-position: 15px -45px;
   }
   .bottom .col-3 {
      background-position: 15px -90px;
   }
   .bottom .col-4 {
      background-position: 15px -135px;
   }
   .footer {
      box-sizing: border-box;
      padding: 25px 15px;
   }
   .master-swiper-perv,
   .master-swiper-next {
      display: none !important;
   }
   .item-banner {
      overflow: hidden;

      height: auto;
   }
   .item-banner img {
      display: block;

      max-width: 200%;
      height: auto;
      margin-left: -50%;
   }
   .crumbs {
      box-sizing: border-box;
      padding: 0 15px;
   }
   .master-view-title {
      padding-right: 15px;
      padding-left: 15px;
   }
   .item-title {
      padding: 8px 15px;
   }
   .item-wrap .list-box {
      margin-left: 0;
   }
   .item-wrap .list {
      box-sizing: border-box;
      width: 50%;
      margin-left: 0;
      padding: 5px;
   }
   .item-wrap .list .photo {
      width: 100%;
   }
   .item-pagination a {
      display: block;

      width: 100%;
      margin: 2px 0;
      padding: 5px 0;

      text-align: center;

      border-right: none !important;
      border-left: none !important;
   }
   .item-view-wrap .view-1 {
      height: auto;
   }
   .item-view-wrap .view-1 .info-box {
      width: 100%;
      height: auto;
      padding-left: 0;

      border: none;
   }
   .item-view-wrap .view-1 .info-box .view-swiper {
      position: relative;
      top: auto;
      left: auto;

      width: 100%;
   }
   .item-view-wrap .view-1 .info-main {
      position: relative;

      width: 100%;
   }
   .item-view-wrap .view-1 .message-box {
      display: none !important;
   }
   .item-view-wrap .view-2 .title {
      padding: 8px 15px;
   }
   .item-view-wrap .view-2 .list-wrap {
      overflow: hidden;

      width: 100%;
      height: 260px;
      margin-top: 10px;
   }
   .item-view-wrap .view-2 .list-wrap .list {
      box-sizing: border-box;
      width: 50%;
      margin: 0;
      padding: 5px;
   }
   .item-view-wrap .view-2 .list-wrap .list .photo {
      overflow: hidden;
   }
   .master-view-content .photo {
      width: 100%;
      height: auto;
   }
   .master-view-content .article {
      width: 100%;
      height: auto;
      margin-top: 20px;
      margin-left: 0;
   }
   .doing-wrap ul li .photo {
      float: none;
   }
   .doing-wrap ul li .text {
      float: none;

      width: 100%;
      height: auto;
      margin-top: 20px;
      margin-left: 0;
   }
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
   .reason .col {
      display: block;
      float: none;

      width: 100%;
      margin: 0;

      background-position: center center;
   }
   .reason .col + .col {
      margin-top: 20px;
   }
   .reason .col-1 {
      margin-left: 13px;
   }
   .reason .col-2 {
      margin-left: 13px;
   }
   .reason .col-3 {
      margin-left: 13px;
   }
   .reason .col-4 {
      margin-left: 13px;
   }
   .bottom .col {
      float: none;

      width: 100%;
   }
   .bottom .col + .col {
      margin-top: 20px;
   }
   .bottom .col-1 {
      background-position: 15px 0;
   }
   .bottom .col-2 {
      background-position: 15px -45px;
   }
   .bottom .col-3 {
      background-position: 15px -90px;
   }
   .bottom .col-4 {
      background-position: 15px -135px;
   }
}
@media (max-width: 700px) {
}
@media (max-width: 479px) {
}
@media (max-width: 320px) {
}