/* swiper */
  
  .swiper-container {
    display: none;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  
  .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  
  .swiper-slide img {
    width: 100%;
    height: 100%;
  }
  
  .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: rgb(136, 178, 196);
    opacity: 1;
  }
  
  .swiper-pagination-bullet-active {
    background: #007aff;
  }
  
  @media screen and (max-width: 1200px) {
    /* header */
    .c-wrap {
      width: 100%;
    }
    body,
    .top-nav,
    .c-page .top-nav {
      min-width: 100%;
    }
    .top-nav .qp {
      display: none;
    }
    .top-nav .logo {
      float: none;
      display: block;
      margin: 0 auto;
      text-align: center;
    }
    .top-nav .nav-list {
      float: none;
    }
    .fixed-nav .logo {
      display: none;
    }
    .fixed-nav .nav-list {
      height: 100%;
      background: rgba(79, 168, 205, 0.6);
    }
    .top-nav .nav-list .nav-label {
      display: none;
    }
    .c-page .top-nav .nav-list li {
      background: none;
    }
    .top-nav .nav-list li {
      width: 20%;
      line-height: 56px;
      background: rgba(79, 168, 205, 0.6);
    }
    .top-nav .nav-list a {
      padding: 0;
    }
    .c-header .page-top {
      width: 100%;
    }
    .c-header .page-title img {
      width: 220px;
    }
    .page-products .c-header .page-title img {
      width: 180px;
    }
    /* footer */
    .inner {
      width: 100%;
    }
    .footer p {
      padding: 0 20px;
    }
    /* index */
    .about-us {
      background-position: left center;
    }
    .about-us .about-cont {
      width: 80%;
      margin: 50px auto;
      border: none;
    }
    .platform {
      height: auto;
    }
    .platform .platform-list {
      padding-bottom: 100px;
    }
    .platform .platform-list li {
      float: none;
      margin: 0 auto 30px;
    }
    .platform .platform-list li.platform-1 {
      float: none;
    }
    .culture {
      height: auto;
    }
    .culture .culture-cont {
      width: 80%;
      margin: 0 auto;
    }
    .culture .culture-li {
      width: 50%;
      margin: 0 auto 20px;
    }
    .culture .culture-li p {
      width: 60%;
      margin: 0 auto;
    }
    .branch {
      height: auto;
    }
    .branch-cont {
      float: none;
      width: 655px;
      height: auto;
      margin: 0 auto;
    }
    .branch-img {
      float: none;
      text-align: center;
      margin: 20px auto;
    }
    .branch-img li {
      float: none;
      display: inline-block;
    }
    .team {
      height: 100%;
    }
    .team-list {
      width: 915px;
      margin: 0 auto;
    }
    .team-list li:nth-child(4n+1) {
      margin-left: 20px;
    }
    /* c-page */
    .c-page {
      background-size: 1200px;
    }
    .c-header .page-title {
      padding-top: 48px;
    }
    .c-header {
      height: 280px;
    }
    .page-news .c-header,
    .page-article .c-header {
      height: 280px;
    }
    /* news */
    .page-news .news-list li {
      height: auto;
    }
    .page-news .news-date {
      display: none;
    }
    .page-news .news-img {
      width: 35%;
      max-width: 230px;
    }
    .page-news .news-img img {
      width: 100%;
      max-width: 100%;
    }
    .page-news .news-txt {
      float: left;
      width: 60%;
      margin-left: 5%;
    }
    .page-news .news-txt .news-mid {
      height: auto;
    }
    /* products */
    .page-products .c-content {
      padding-left: 22px;
      padding-right: 22px;
    }
    .c-content .page-sub-title {
      font-size: 20px;
    }
    .products-list li {
      float: none;
      margin: 0 auto 20px;
    }
    .products-list li:nth-child(even) {
      margin: 0 auto 20px;
    }
    /* details */
    .page-article .c-content {
      min-height: auto;
    }
    .page-article .back-to-news {
      top: 30px;
    }
    .page-article .article img {
      max-width: 100%;
    }
  }
  
  @media screen and (max-width: 960px) {
    .business-cont {
      width: 100%;
      height: auto;
    }
    .business-cont .bus-gl,
    .business-cont .bus-gw {
      float: none;
      width: 100%;
      padding-bottom: 30px;
    }
    .team-list {
      width: 610px;
    }
  }
  
  @media screen and (max-width: 780px) {
    .culture .culture-li p {
      width: 100%;
      font-size: 16px;
    }
    .map .map-img {
      width: 100%;
    }
    .map .map-tip em {
      font-size: 16px;
      background-size: contain;
    }
  }
  
  @media screen and (max-width: 700px) {
    .active .branch-img {
      display: none;
    }
    .branch-cont {
      width: 80%;
      margin-bottom: 40px;
    }
    .page-news .news-txt .news-mid {
      display: none;
    }
  }
  
  @media screen and (max-width: 640px) {
    .top-nav .logo-home {
      display: none;
    }
    .slider-container {
      display: none;
    }
    .swiper-container {
      display: block;
    }
    .branch-cont {
      width: 80%;
    }
    .active .team-list {
      width: 305px;
      display: none;
    }
    .team-swiper {
      display: block;
      width: 90%;
      margin: 20px auto;
    }
    .page-article .article-t h1 {
      font-size: 16px;
    }
    .page-article .article-c p {
      font-size: 14px;
    }
    .platform-list {
      display: none;
    }
    .swiper-platform-tip {
      width: 150px;
      height: 150px;
      margin: 0 auto;
      text-align: center;
      background: url(../images/platform-tip.png) no-repeat center;
      background-size: cover;
    }
    .swiper-platform-tip a {
      display: block;
      height: 100%;
      position: relative;
      overflow: hidden;
      color: #fff;
      z-index: 9;
    }
    .swiper-platform-tip img {
      padding: 50px 0;
      width: 120px;
      height: 52px;
    }
    .platform .platform-text {
      padding: 40px 60px;
    }
    .development {
      height: auto;
    }
    .active .dev-history {
      display: none;
    }
    .development-swiper {
      padding: 30px 0;
    }
    .development-swiper .date {
      color: #fab92d;
      font-size: 24px;
      line-height: 48px;
    }
    .development-swiper .word {
      color: #fff;
      font-size: 12px;
    }
    .about-us.show .about-title,
    .about-us.show .about-cont {
      display: block;
    }
    .business-cont {
      margin: 0 auto;
    }
    .map {
      padding: 20px 0;
    }
  }
  
  @media screen and (max-width: 600px) {
    .platform .platform-list li {
      width: 100%;
    }
    .platform .platform-tip {
      margin: 20px auto;
    }
    .platform .platform-info {
      width: 100%;
      height: auto;
      background: none;
      top: 260px;
    }
    .platform .platform-text {
      padding: 20px 40px 40px;
    }
  }
  
  @media screen and (max-width: 480px) {
    .about-us .about-cont {
      height: auto;
      margin: 0 auto 50px;
    }
    .platform .platform-summary {
      width: 86%;
    }
    .culture .culture-li {
      width: 100%;
    }
    .products-list li {
      width: 100%;
    }
    .products-list .link-1 a,
    .products-list .link-1 img {
      width: 100%;
      height: 50%;
    }
    .map .map-tip em {
      background: none;
      padding: 0 20px;
    }
    .up {
      width: 55px;
      height: 100px;
      background-size: cover;
    }
    .culture .culture-cont {
      width: 90%;
    }
    .culture .culture-li {
      width: 50%;
      height: 150px;
    }
    .culture .culture-li img {
      width: 80px;
    }
    .culture .culture-li p {
      font-size: 12px;
    }
    .about-title,
    .platform-title,
    .development-title,
    .culture-title,
    .branch-title,
    .team-title {
      font-size: 20px;
    }
    .about-title span,
    .platform-title span,
    .development-title span,
    .culture-title span,
    .branch-title span,
    .team-title span {
      font-size: 14px;
    }
    .platform .platform-summary {
      font-size: 13px;
    }
    .platform .platform-text {
      font-size: 12px;
    }
    .page-news .news-txt .news-top {
      font-size: 14px;
      line-height: 1.5;
    }
    .business-cont .name,
    .map .map-tip span {
      font-size: 26px;
    }
    .business-cont .qq,
    .business-cont .email {
      font-size: 14px;
      background-size: 22px;
    }
    .map .map-tip em {
      font-size: 13px;
    }
    .footer p {
      font-size: 13px;
    }
    .page-products .c-header .page-title img,
    .page-article .c-header .page-title img {
      width: 160px;
    }
  }
  
  @media screen and (max-width: 380px) {
    .platform .platform-info {
      top: 210px;
    }
  }