.c1 h2 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px; }
  .c1 h2 img {
    max-width: 50%; }
.c1 .list1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .c1 .list1 div li {
    float: left;
    width: 46%;
    margin: 0 2%;
    margin-bottom: 10px; }
    .c1 .list1 div li a.img img {
      max-width: 100%; }
    .c1 .list1 div li h3 {
      font-weight: 500;
      line-height: 34px;
      background: #333;
      font-size: 14px;
      color: #fff;
      text-align: center; }
  .c1 .list1 .slick-dots {
    text-align: center;
    width: 100%; }
    .c1 .list1 .slick-dots li {
      display: inline-block;
      margin: 0 2px;
      background: #bfbfbf;
      width: 12px;
      height: 12px;
      border-radius: 100%; }
      .c1 .list1 .slick-dots li button {
        visibility: hidden; }
      .c1 .list1 .slick-dots li.slick-active {
        background: #e8363d; }

.c2 {
  width: 96%;
  margin: 0 auto;
  margin-bottom: 20px; }
  .c2 h2 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px; }
    .c2 h2 img {
      max-width: 50%; }
  .c2 .content .c2-1 {
    width: 40%; }
    .c2 .content .c2-1 img {
      max-width: 100% !important;
      height: auto !important; }
  .c2 .content .c2-2 {
    width: 55%; }
    .c2 .content .c2-2 dd {
      font-size: 12px;
      color: #000000; }
    .c2 .content .c2-2 a {
      width: 64px;
      height: 20px;
      margin-top: 10px;
      margin-right:10px;
      display: block;
      text-align: center;
      color: #fff;
      font-size: 12px;
      background: #333;}

.hf {
  text-align: center; }
  .hf img {
    max-width: 100% !important;
    height: auto !important; }

.c3 {
  width: 96%;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 40px 0;
  background: #f2f0f0; }
  .c3 h2 {
    font-weight: 500;
    text-align: center;
    color: #000000;
    font-size: 12px;
    margin-bottom: 20px; }
    .c3 h2 p {
      font-size: 16px; }
      .c3 h2 p span {
        color: #1b9f94; }
  .c3 dd {
    text-align: center; }
    .c3 dd img {
      max-width: 100% !important;
      height: auto !important; }
  .c3-1 p{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;  }
  .c3-2 {
    margin: 30px 0;
  }
  .c3 .list1 div li {
    float: left;
    width: 46%;
    padding: 8px;
    box-sizing: border-box;
    margin: 0 2%;
    margin-bottom: 10px;
    background: #fff;  }
  .c3 .list1 div li img {
    max-width: 100%;
  }
  .c3 .list1 .slick-dots {
    text-align: center;
    width: 100%; }
    .c3 .list1 .slick-dots li {
      display: inline-block;
      margin: 0 2px;
      background: #bfbfbf;
      width: 12px;
      height: 12px;
      border-radius: 100%; }
      .c3 .list1 .slick-dots li button {
        visibility: hidden; }
      .c3 .list1 .slick-dots li.slick-active {
        background: #e8363d; }
      .c3 .list1 li h3 {
        line-height: 3; }
        .c3 .list1 li h3 i {
          margin-right:3px;
          color:#e8363d; }
  .c3 .ck {
    display: block;
    margin: 0 auto;
    width:120px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #333;
    border-radius: 15px;
    text-align: center;
  }
.c4 {
  margin-top: 20px;
  margin-bottom: 20px; }
  .c4 h2 {
    margin-bottom: 20px;
    line-height: 1;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #1b9f94; }
    .c4 h2 img {
      padding-bottom: 4px;
      max-width: 18%; }
    .c4 h2 p {
      font-size: 12px;
      color: #000;
      margin-top: 4px; }
  .c4 .content {
    position: relative;
    margin: 0 auto;
    width: 84%; }
    .c4 .content .xx {
      position: absolute;
      cursor: pointer;
      top: 70px;
      width: 20px;
      height: 20px; }
      .c4 .content .xx img {
        max-width: 100%; }
    .c4 .content .zb {
      left: -25px; }
    .c4 .content .yb {
      right: -25px; }
    .c4 .content .bd {
      overflow: hidden; }
      .c4 .content .bd .list1 li {
        float: left;
        margin-right: 17px;
        width: 117px;
        background: url(../../images/oo.png) no-repeat center bottom;
        height: 124px; }
        .c4 .content .bd .list1 li .tu {
          text-align: center; }
          .c4 .content .bd .list1 li .tu img {
            width: 80px;
            height: 80px;
            border-radius: 100px; }
        .c4 .content .bd .list1 li h3 {
          text-align: right;
          color: #000000;
          font-weight: 500;
          font-size: 12px;
          margin-top: 7px;
          line-height: 1;
          transform: scale(0.8); }
          .c4 .content .bd .list1 li h3 p {
            margin-top: 4px; }

.c5 {
  width: 96%;
  margin: 0 auto;
  margin-bottom: 20px; }
  .c5 h2 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px; }
    .c5 h2 img {
      max-width: 50%; }
  .c5-1 a {
    display: inline-block;
    width: 22%;
    padding:5px 0;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    background: #e8e8e8;
    border-radius: 15px;  }
    .c5-1 a:hover, .c5-1 a.active {
      background: #e8363d;
      color: #fff;
      cursor: pointer;  }

  .c5 .swiper-container{height:100%;width:100%;border-top:0;}

  @media screen and (min-width:320px) {
      .swiper-container {
        max-height: 430px;
  }}

  @media screen and (min-width: 360px;) {
    .swiper-container{
      max-height: 465px;
  }}

  @media screen and (min-width: 375px) {
    .swiper-container{
      max-height: 460px;
  }}
  @media screen and (min-width: 400px) {
    .swiper-container {
      max-height: 470px;
  }}

  @media screen and (min-width: 414px) {
    .swiper-container {
      max-height: 480px;
  }}

  @media screen and (min-width: 480px) {
    .swiper-container {
      max-height: 520px;
  }}

  @media screen and (min-width: 520px) {
    .swiper-container {
      max-height: 550px;
  }}

  @media screen and (min-width: 550px) {
    .swiper-container {
      max-height: 570px;
  }}

  @media screen and (min-width: 600px) {
    .swiper-container {
      max-height: 600px;
  }}

  @media screen and (min-width: 639px) {
    .swiper-container {
      max-height: 630px;
  }}
  .c5 .swiper-slide{height:100%; width:100%;}
  .c5 .swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */  z-index:1;}
  .c5 .swiper-wrapper {position:relative;width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;
    
    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;
    
    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);
    
    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;
    
    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  .c5 .swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
  }
  .c5 .swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  
  .c5 .toutiao {
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;  }
    .c5 .toutiao .tu {
      position: relative;
      text-align: center; }
      .c5 .toutiao .tu .toutiao_icon {
        position: absolute;
        top: 0;
        left: 0; }
      .c5 .toutiao .tu img {
        max-width: 100% !important;
        height: auto !important; }
    .c5 .toutiao h3 {
      margin: 10px 0;
      font-size: 13px;
    }
    .c5 .toutiao .desc {
      font-size: 12px;
    }
  .c5 .list1 li {
    margin: 10px 0; }
    .c5 .list1 li a {
      color: #444950;
      font-size: 13px;
      display: block; }
      .c5 .list1 li a .fa {
        margin-right: 5px;
      }
      .c5 .list1 li a span {
        float: right;
        color: #999999; }