@charset "utf-8";
@media screen and (max-width: 1440px) {
  .slider .culture,
  .index_slider .itm .info,
  .row-titl,
  .row-content{ max-width: 1360px;}

  .wrapper-article .article-title{ padding: 0 2.5vw;}
  .wrapper-article .article-caption{ padding: 2.5vw;}
}
@media screen and (max-width: 1366px) {
  .slider .culture,
  .index_slider .itm .info,
  .row-titl,
  .row-content{ max-width: 1240px;}
}
@media screen and (max-width: 1280px) {
  .slider .culture,
  .index_slider .itm .info,
  .row-titl,
  .row-content{ max-width: 1040px;}
}
@media screen and (max-width: 1200px) {
  ::-webkit-scrollbar,
  .header .tag,
  .header .nav,
  .header .phone,
  .index_slider .itm .info .detl,
  .slider .culture,
  .about .row-content .info .nbr:after,
  .advantage .row-titl .nbr,
  .contact .row-content .qcode,
  .news .row-titl .arrows,
  .navigation .wrapper .right,
  .category .row-content a:after,
  .wrapper-article .article-arrows .goback,
  .contact-en,
  .contact-cn:before,
  .wrapper-product-page .itm .info .cn:after,
  .about-3:after,
  .about-3 .itm .yy:before,
  .about-6:after,
  .about-6 .itm .detl{ display: none;}
  

  .header .logo a img{ height: 35px;}
  .nk-menu i{ font-size: 20px;}

  .navigation .wrapper{ grid-template-columns: 1fr;}
  .navigation .wrapper .left .nav{ width: 90%; padding-top: 5vw;}
  .navigation .wrapper .left .nav dt{ font-size: 18px;}

  .index_slider .itm{ height: 60vw;}
  .index_slider .itm .info{ padding: 5vw; justify-content: flex-start;}
  .index_slider .itm .info .name{ font-size: 14px;}
  .index_slider .itm .info .cn{ font-size: 17px;}
  .index_slider .itm .info .en{ font-size: 8px;}

  .slider .culture{ display: none;}

  .row{ padding: 5vw;}
  .nk-en{ font-size: 28px;}
  .nk-cn{ font-size: 20px;}
  .nk-line{ font-size: 28px; margin-top: 14px;}
  .nk-dsc{  margin-top: 14px; font-size: 14px;}
  .products .row-titl .detl{ top: 43px;}
  .products .row-titl .detl span{ margin: 0;}
  .products .row-titl .detl i{ display: none;}
  .products .row-titl .catg{ position: relative; text-align: left;}
  .products .row-titl .catg a{ margin: .5em;}
  .products .row-content{ grid-template-columns: repeat(6,1fr); grid-gap: 5vw; padding: 2.5vw 0;}
  .products .row-content .itm .info .titl{ font-size: 16px;}
  .products .row-content .itm .info .catg{ font-size: 12px;}

  .about .row-content{ grid-gap: 5vw;}
  .about .row-content .info{ grid-column: 1/13;}
  .about .row-content .info .social{ margin: 8vw 0; font-size: 20px;}
  .about .row-content .info .nbr{ background: none;}
  .about .row-content .info .nbr .itm b{ font-size: 20px;}
  .about .row-content .info .nbr .itm i{ width: 15px; height: 1px; }
  .about .row-content .info .nbr .itm span{ font-size: 11px;}
  .about .row-content .cover{ grid-column: 1/13; height: 50.625vw;}

  .advantage .row-titl{ grid-gap: 5vw; padding: 5vw 0;}
  .advantage .row-titl .titl{ grid-column: 1/13;}
  .advantage .row-titl .dsc{ grid-column: 1/13; text-align: left;}
  .advantage .row-titl .dsc h1{ font-size: 20px;}
  .advantage .row-titl .dsc p{ font-size: 14px;}
  .advantage .row-content{ grid-template-columns: repeat(2,1fr); padding-top: 5vw;}
  .advantage .row-content .itm b{ font-size: 15px;}
  .advantage .row-content .itm i{ font-size: 10px;}
  
  .news .row-titl .nk-en, .news .row-titl .nk-cn{ text-align: left;}
  .news .row-titl .nk-line{ float: left;}
  .news .row-content{ grid-template-columns: 100%; grid-gap: 5vw; margin-top: 5vw;}
  .news .row-content>.itm a .info{ padding: 5vw;}
  .news .row-content .carousel{ grid-column: 1/2;}
  .news .row-content .carousel .itm a{ padding: 5vw;}
  .news .row-content .carousel .itm a .dt{margin-bottom: 5vw;}

  .contact .row-content{ flex-flow: column nowrap;}

  #map{ width: 100%; height: 50vw; margin-top: 5vw;}
  
  .partner-list{ grid-template-columns: repeat(2,1fr); grid-gap: 5vw;}
  .partner-list .itm{ height: 50px}

  .footer{ padding: 5vw;}
  .footer .row-content{ flex-flow: column nowrap; text-align: center;}

  .container-sub.has .category{ top: 50px;}
  .category .row-content{ display: block; height: auto; overflow-x: auto; white-space:nowrap}
  .category .row-content a{ display: inline-block; padding: 0 1.5em; line-height: 48px;}

  .wrapper-article{ margin: 5vw auto;}
  .wrapper-article .article-title{ font-size: 24px;}

  .wrapper-channel{ margin: 5vw auto;}

  .wrapper-product{ grid-template-columns: repeat(2,1fr); grid-gap: 2.5vw; padding: 2.5vw;}
  .wrapper-product .itm{ grid-column-start: auto;}
  .wrapper-product .itm .info .titl{ font-size: 16px;}
  .wrapper-product .itm .info .catg{ font-size: 12px;}
  
  .wrapper-news{ grid-template-columns: 100%; grid-gap: 2.5vw; padding: 2.5vw;}
  .wrapper-news>.itm{ padding: 5vw}
  .wrapper-news>.itm .info{ width: 70%;}
  .wrapper-news>.itm .info .titl{ font-size: 18px;}
  .wrapper-news>.itm .info .dsc{ font-size: 14px;}
  .wrapper-news>.itm .info .detl{ font-size: 12px;}

  .carousel-news{ grid-column: auto;}
  .carousel-news .itm{ grid-template-columns: 100%; padding: 0;}
  .carousel-news .itm .content{ padding: 5vw;}
  .carousel-news .itm .content .titl{ width: 70%; font-size: 18px;}
  .carousel-news .itm .content .dsc{ width: 70%; font-size: 14px;}
  .carousel-news .itm .content .detl{ font-size: 12px;}
  .carousel-news .itm .date{ right: 5vw;}
  .carousel-news .slick-dots{ right: 5vw; bottom: 5vw;}

  .wrapper-contact{ grid-template-columns: 100%; padding: 2.5vw; margin: 2.5vw auto}
  #contact-map{ height: 50vw;}

  .wrapper-product-page{ padding: 2.5vw;}
  .wrapper-product-page .itm{ grid-template-columns: 100%; grid-template-areas: unset; margin: 2.5vw 0;}
  .wrapper-product-page .itm:nth-of-type(2n) .thumb{ grid-area: auto;}
  .wrapper-product-page .itm:nth-of-type(2n) .info{ grid-area: auto;}
  .wrapper-product-page .itm .info{ position: relative; padding: 2.5vw;}
  .wrapper-product-page .itm .info .en{ font-size: 14px;}
  .wrapper-product-page .itm .info .cn{ font-size: 18px;}
  .wrapper-product-page .itm .info .detl{ position: absolute; top: calc( 2.5vw + 7px ); right: 2.5vw; padding: 0 .5em; border-bottom: 2px solid #222; background: none; color: #222;}

  .wrapper-album{ grid-template-columns: 100%; grid-gap: 2.5vw;}
  .wrapper-album .itm .info{ padding: 5vw;}
  .wrapper-album .itm .info .name:after{ margin: 2.5vw 0;}
  .wrapper-album .itm .info .dsc{ font-size: 13px; line-height: 1.5;}

  .team-cover{ height: 50vw;}
  .team-cover .titl .en{ font-size: 18px;}
  .team-cover .titl .cn{ font-size: 20px;}
  .team-cover .info{ font-size: 14px;}

  .team-introduce{ grid-template-columns: repeat(2,1fr)}
  .team-introduce a.itm .en{ font-size: 24px;}
  .team-introduce a.itm .cn{ font-size: 14px;}

  .team-mechanism{ grid-template-columns: 100%;}
  .team-mechanism .titl .en{ font-size: 18px;}

  .about-cover{ height: 50vw;}
  .about-cover .titl .en{ font-size: 18px;}
  .about-cover .titl .cn{ font-size: 20px;}
  .about-cover .info{ font-size: 14px;}

  .about-1{ grid-template-columns: 100%;}
  .about-1 .social .en{ font-size: 18px;}
  .about-1 .content .titl{ font-size: 20px;}
  .about-1 .content .info{ font-size: 14px; line-height: 1.75;}

  .about-2 .itm .thumb{ height: 50vw;}
  .about-2 .itm .info{ width: 100%;}
  .about-2 .itm .info .titl{ font-size: 18px;}

  .about-3{ grid-template-columns: 100%;}
  .about-3 .itm{ grid-template-areas: 'a'
                                      'b'; grid-template-rows: auto; padding: 2.5vw 0; margin: 2.5vw 0; border-bottom: 1px solid #ccc;}
  .about-3 .itm .yy{ grid-area: a; padding: 0; line-height: 1; font-size: 24px;}
  .about-3 .itm .info{ grid-area: b; padding: 0; line-height: 1.5; font-size: 15px;}

  .about-4{ grid-template-columns: auto; grid-template-rows: auto;}
  .about-4 .box .titl .en{ font-size: 18px;}
  
  .network .content .info{ line-height: 1.75;}

  .resources .content .itm b{ font-size: 24px;}
  .resources .content .itm i{ height: 1px; margin: 2.5vw 0;}

  .achievement .content{ font-size: 14px; line-height: 1.75;}

  .about-5 .titl .en{ font-size: 18px;}
  
  .about-6{ grid-template-columns: auto; grid-template-rows: auto;}
  .about-6 .info{ grid-column: auto; grid-row: auto}
  .about-6 .info .titl .en{ font-size: 18px;}
  .about-6 .itm{ grid-column: auto;}
  
  
}