@charset "UTF-8";
/*响应式配置*/
@media (max-width: 1477px) {
  .index-news .wrapper .block {
    font-size: 14px;
  }
  .company-culture .wrapper .block .pic .mask h4 {
    font-size: 20px;
  }
  .news-detail .news-title h3 {
    font-size: 22px;
  }
}
@media (max-width: 1199px) {
  header {
    display: none;
  }
  .out-header {
    display: none;
  }
  .index-about .container .rt .brief {
    line-height: 2;
  }
  footer .footer-top h4 {
    font-size: 16px;
  }
  footer .footer-top ul li {
    font-size: 14px;
  }
  .index-news .wrapper .block p {
    line-height: 2;
  }
  .index-news .wrapper .block .more a img {
    width: 40px;
  }
  .index-news .wrapper .block h4 {
    font-size: 1.3em;
  }
  .company-culture .wrapper .block .pic .mask h4 {
    font-size: 18px;
  }
  .company-culture .wrapper .block .pic .mask .brief {
    line-height: 2;
    min-height: 10em;
    font-size: 14px;
  }
  .dev-history .wrapper .swiper .swiper-slide {
    max-width: 20%;
  }
  .news-detail .news-title h3 {
    font-size: 20px;
  }
  .news-list .wrapper .block .title p {
    line-height: 2;
    min-height: 6em;
  }
  .prod-list .wrapper .block .title {
    font-size: 16px;
  }
}
@media (max-width: 990px) {
  .container {
    width: 94%;
  }
  footer .footer-top nav {
    display: none;
  }
  .index-news .wrapper .block {
    font-size: 12px;
  }
  .index-news .wrapper .block .more span {
    font-size: 12px;
  }
  .index-news .wrapper .block .more a img {
    width: 30px;
  }
  .company-culture .wrapper .block .pic .mask h4 {
    font-size: 16px;
  }
  .company-culture .wrapper .block .pic .mask .brief {
    font-size: 12px;
  }
  .dev-history .wrapper .swiper .swiper-slide {
    max-width: 25%;
  }
  .news-detail .news-title h3 {
    font-size: 18px;
  }
  .news-detail article {
    font-size: 14px;
  }
  .news-list .wrapper .block .title h4 {
    font-size: 16px;
    margin-bottom: 2%;
  }
  .news-list .wrapper .block .title p {
    font-size: 14px;
  }
  .news-list .wrapper .block .title .more {
    font-size: 14px;
  }
  .prod-list .wrapper .block .title {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .index-banner .swiper-pagination .swiper-pagination-bullet {
    margin: 0 3px;
  }
  .prod-rec .wrapper .block {
    width: 100%;
  }
  .index-about {
    margin: 30px 0 0;
  }
  .index-about .container .lt {
    width: 100%;
    margin-bottom: 5%;
  }
  .index-about .container .rt {
    width: 100%;
  }
  .index-about .container .lt .data .block h2 {
    font-size: 1.8em;
  }
  .index-about .container .lt::before {
    transform: translate(50%, 0);
    right: 50%;
  }
  .tab .tab-lv1 li {
    min-width: 6.526316em;
    margin: 0 0.57895em;
  }
  .index-prod .swiper-container .swiper .swiper-slide {
    width: 49%;
  }
  .index-prod .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px;
  }
  .index-customer .container .lt {
    width: 100%;
  }
  .index-customer .container .rt {
    width: 100%;
  }
  footer .footer-top .name {
    margin-bottom: 5%;
  }
  .index-news .swiper .swiper-slide {
    width: 70%;
  }
  .index-news .wrapper .block {
    width: 100%;
    margin-bottom: 3%;
  }
  .company-culture .wrapper .block {
    width: 49%;
    margin-bottom: 2%;
  }
  .dev-history .wrapper .swiper .swiper-slide {
    max-width: 50%;
  }
  .company-env .wrapper .block {
    width: 49.3125%;
  }
  .contact-us .contact-info .lt {
    width: 100%;
  }
  .contact-us .contact-info .rt {
    width: 100%;
  }
  .contact-us .online-msg .wrapper .lt {
    width: 100%;
    margin-bottom: 5%;
  }
  .contact-us .online-msg .wrapper .rt {
    width: 100%;
  }
  .contact-us .online-msg .wrapper .lt form input {
    height: 3em;
  }
  .factory .wrapper .block {
    width: 49%;
  }
  .news-detail .news-title h5 {
    font-size: 12px;
  }
  .news-list .wrapper .block .title h4 {
    margin-bottom: 1%;
    font-size: 14px;
    line-height: 1.8;
  }
  .news-list .wrapper .block .title p {
    font-size: 12px;
    line-height: 1.6;
    min-height: 4.8em;
  }
  .news-list .wrapper .block .title .more {
    font-size: 12px;
  }
  .prod-list .wrapper .block {
    width: 49%;
    margin-bottom: 5%;
  }
}