@charset "UTF-8";
/*响应式配置*/
@media (max-width: 1599px) {
  header .header .header-blank {
    width: 25.26316%;
  }
  .company-profile .video .video-text {
    font-size: 28px;
  }
  .index-banner .container h1 {
    font-size: 90px;
  }
  .index-title h2 {
    font-size: 52px;
  }
}
@media (max-width: 1477px) {
  .about-title h3 {
    font-size: 36px;
  }
  .contact .rt {
    padding: 1.40625% 11.0416667% 2.44791667% 5.59375%;
  }
  .index-banner .container h1 {
    font-size: 80px;
  }
  .index-title h2 {
    font-size: 48px;
  }
  .index-prod .prod-wrapper .block .pic h3 {
    font-size: 42px;
    margin: 45px 0 0 50px;
  }
  .index-prod .prod-wrapper .block .pic span {
    margin: 20px 0 0 50px;
  }
  .index-about ul li h6 span {
    font-size: 48px;
  }
  .index-application .pic .mask .logo {
    width: 120px;
  }
  .news-list .block {
    width: 31.592105%;
  }
  .news-list .block .news-title {
    padding: 6.451613% 7.903226% 9.03226% 7.03226%;
  }
  .product-list .container aside h4 {
    font-size: 22px;
  }
  .prod-detail .prod-brief .rt .name p {
    font-size: 14px;
  }
  .prod-detail .prod-specification .table-container table tr td {
    font-size: 14px;
  }
  .prod-detail .prod-specification .table-container table tr td:nth-child(1) {
    padding-left: 20px;
  }
  .prod-detail .prod-specification .table-container table tr td:nth-child(2) {
    padding-left: 30px;
  }
  .prod-detail .prod-specification .table-container table tr td:nth-child(3) {
    padding-left: 20px;
  }
  .prod-detail .prod-specification .table-container table tr td:nth-child(4) {
    padding-left: 30px;
  }
  .prod-detail .prod-tech .prod-tech-wrapper .block .pic .mask {
    font-size: 16px;
  }
  .prod-detail .choose-us .choose-us-wrapper .block h3 {
    font-size: 22px;
  }
}
@media (max-width: 1199px) {
  header {
    display: none;
  }
  .out-header {
    display: none;
  }
  .company-profile .video .video-text {
    font-size: 20px;
  }
  .about-title h3 {
    font-size: 32px;
  }
  .certificate .cert-swiper p {
    font-size: 16px;
    margin: 10px 0;
  }
  .certificate .cert-swiper .swiper-slide {
    padding: 30px 25px 0 25px;
  }
  footer .footer-top .lt {
    width: 45.723684%;
  }
  .inner-banner .container h3 {
    font-size: 32px;
  }
  .contact .rt {
    padding: 1.40625% 6.041667% 2.44791667% 5.59375%;
  }
  .index-banner .container h1 {
    font-size: 64px;
  }
  .index-banner .container h4 {
    font-size: 24px;
  }
  .index-title h2 {
    font-size: 44px;
  }
  .index-prod .prod-wrapper .block .pic h3 {
    font-size: 36px;
    margin: 30px 0 0 30px;
  }
  .index-prod .prod-wrapper .block .pic span {
    margin: 10px 0 0 30px;
  }
  .play-btn {
    top: 50%;
    opacity: 1;
  }
  .index-about ul li h6 span {
    font-size: 42px;
  }
  .index-application .pic .mask .logo {
    width: 100px;
  }
  .index-application .pic .mask p {
    font-size: 14px;
    margin: 5.7916667% 0 7.0416667%;
  }
  .index-application .pic .mask a {
    width: 120px;
    line-height: 32px;
  }
  .index-news .news-swiper .block {
    padding: 120px 28px 40px;
  }
  .index-news .news-swiper .block .date {
    width: 115px;
    height: 115px;
    padding: 18px 0 0 28px;
  }
  .news-detail .news-detail-title h3 {
    font-size: 30px;
  }
  .news-list .block .news-title h4 {
    font-size: 18px;
  }
  .news-list .block .news-title p {
    margin-bottom: 20px;
  }
  .product-list .container aside {
    width: 24.07895%;
  }
  .product-list .container main {
    width: 73.421053%;
  }
  .product-list .container main .prod-wrapper .block {
    width: 31.9%;
  }
  .prod-detail .prod-brief .rt .name h4 {
    font-size: 18px;
  }
  .prod-detail .prod-brief .lt .box-tab li {
    font-size: 14px;
  }
  .prod-detail .prod-brief .rt .quotationRequest {
    width: 160px;
    line-height: 40px;
    font-size: 14px;
  }
  .prod-detail .prod-brief .rt .name {
    padding-bottom: 15px;
  }
  .prod-detail .prod-brief .rt .params ul {
    padding: 15px 0;
  }
  .prod-detail .prod-brief .rt .params ul li {
    margin-bottom: 15px;
  }
  .prod-detail .prod-brief .rt .color {
    padding: 10px 0;
  }
  .prod-detail .prod-brief .rt .color .color-wrapper em {
    width: 20px;
    height: 20px;
  }
  .prod-detail .prod-brief {
    padding: 0;
  }
  .prod-detail .title {
    font-size: 18px;
  }
  .prod-detail .prod-tech .prod-tech-wrapper .block .pic .mask {
    font-size: 14px;
  }
  .prod-detail .choose-us .choose-us-wrapper .block h3 {
    font-size: 18px;
  }
  .prod-detail .choose-us .choose-us-wrapper .block p {
    font-size: 14px;
  }
  .prod-detail .prod-cert .prod-cert-wrapper .block {
    width: 25%;
  }
  .prod-detail .choose-us .choose-us-wrapper .block {
    width: 45.879433%;
  }
  .prod-detail .prod-specification .table-container table tr td {
    padding: 17px 10px;
  }
  .prod-detail .prod-brief .lt .swiper-box .thumbSwiper {
    display: none;
  }
}
@media (max-width: 990px) {
  footer .footer-top .rt {
    width: 47.157895%;
  }
  footer .footer-top .lt form .row input {
    height: 44px;
  }
  footer .footer-top .lt form .row textarea {
    height: 150px;
  }
  footer .footer-top .lt form button {
    width: 160px;
    height: 44px;
    font-size: 14px;
  }
  .certificate .cert-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 3px;
  }
  .about-title h3 {
    font-size: 28px;
  }
  .company-profile .video .video-text {
    font-size: 16px;
  }
  .company-profile .video .play-btn {
    width: 65px;
    height: 65px;
  }
  .company-profile article {
    font-size: 14px;
  }
  .factory-image .image-wrapper .mask {
    font-size: 14px;
  }
  .certificate .cert-swiper p {
    font-size: 14px;
  }
  .inner-banner .container h3 {
    font-size: 28px;
  }
  .contact .rt h3 {
    font-size: 28px;
  }
  .contact .lt {
    padding: 6.875% 0 9.375% 3.3020833%;
  }
  .contact .lt ul li h4 {
    font-size: 14px;
  }
  .contact .rt {
    padding: 1.40625% 3.041667% 2.44791667% 3.59375%;
  }
  .contact .rt form input {
    height: 44px;
  }
  .contact .rt form button {
    width: 160px;
    height: 44px;
    font-size: 14px;
  }
  .faq .block {
    min-height: 140px;
  }
  .faq .block h4 {
    font-size: 16px;
  }
  .faq .block p {
    font-size: 14px;
  }
  .index-banner .container h1 {
    font-size: 44px;
  }
  .index-banner .container h4 {
    font-size: 20px;
  }
  .index-prod .prod-wrapper .block .pic h3 {
    font-size: 28px;
    margin: 10px 0 0 20px;
  }
  .index-prod .prod-wrapper .block .pic span {
    margin: 10px 0 0 20px;
  }
  .index-title h2 {
    font-size: 36px;
  }
  .index-about ul li h6 span {
    font-size: 36px;
  }
  .index-about ul li h5 {
    font-size: 14px;
  }
  .index-about .index-about-content {
    font-size: 14px;
  }
  .index-title p {
    font-size: 14px;
  }
  .news-detail .news-detail-title h3 {
    font-size: 26px;
  }
  .news-detail article {
    font-size: 14px;
  }
  .news-list .block .news-title h4 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .news-list .block .news-title p {
    margin-bottom: 10px;
  }
  .product-list .container aside {
    width: 28.07895%;
  }
  .product-list .container aside h4 {
    font-size: 20px;
  }
  .product-list .container aside ul li a {
    font-size: 14px;
  }
  .product-list .container main {
    width: 69.421053%;
  }
  .product-list .container main .prod-wrapper .block {
    width: 48.9%;
  }
  .product-list .container main .prod-wrapper .block h4 {
    font-size: 14px;
  }
  .product-list .container main .prod-wrapper .block p {
    font-size: 12px;
  }
  .prod-detail .prod-brief .lt {
    width: 100%;
  }
  .prod-detail .prod-brief .rt {
    width: 100%;
  }
  .prod-detail .title {
    font-size: 16px;
  }
  .prod-detail .prod-tech .prod-tech-wrapper .block {
    width: 48.69643%;
  }
  .prod-detail .prod-brief .rt .name h4 {
    font-size: 16px;
  }
  .prod-detail .prod-cert .prod-cert-wrapper .block {
    width: 33%;
    margin-bottom: 0.5%;
  }
  .prod-detail .choose-us .choose-us-wrapper .block h3 {
    font-size: 16px;
  }
  .prod-detail .choose-us .choose-us-wrapper .block em {
    width: 100px;
    height: 100px;
  }
  .prod-detail .choose-us .choose-us-wrapper .block em img {
    max-width: 80%;
    max-height: 50%;
  }
  .sidebar ul li {
    width: 50px;
    height: 50px;
  }
  .sidebar ul li em {
    width: 30px;
    height: 30px;
    background-size: 100% auto;
  }
  .sidebar ul li a {
    font-size: 12px;
  }
  .sidebar ul li .icon1 {
    background-position-y: 3px;
  }
  .sidebar ul li .icon2 {
    background-position-y: -48px;
  }
  .sidebar ul li .icon3 {
    background-position-y: -100px;
  }
  .sidebar ul li .content {
    font-size: 14px;
  }
  .sidebar ul .backtop::after {
    width: 8px;
    height: 8px;
    margin-top: 8px;
  }
}
@media (max-width: 767px) {
  .container {
    width: 94%;
  }
  .certificate .cert-swiper .swiper-slide {
    padding: 20px 10px 0 10px;
  }
  .certificate .cert-swiper p {
    font-size: 12px;
    margin: 5px 0;
    line-height: 1.5;
  }
  footer .footer-top .lt {
    width: 100%;
    margin-bottom: 3%;
  }
  footer .footer-top .rt {
    width: 100%;
  }
  footer .footer-bt .container p {
    font-size: 12px;
  }
  footer .footer-bt .logo {
    width: 120px;
  }
  footer .footer-top h3 {
    margin-bottom: 15px;
  }
  .about-title h3 {
    font-size: 24px;
  }
  .company-profile .video {
    padding-bottom: 60%;
  }
  .company-profile .video .video-text {
    font-size: 12px;
    left: 20px;
    width: 60%;
  }
  .factory-image .image-wrapper .mask {
    font-size: 12px;
    line-height: 32px;
  }
  .factory-image .image-wrapper .lt {
    width: 100%;
    margin-bottom: 2%;
  }
  .factory-image .image-wrapper .rt {
    width: 100%;
  }
  .factory-image .image-wrapper .rt .pic:first-child {
    margin-bottom: 2%;
  }
  footer .footer-top .rt p {
    font-size: 14px;
  }
  .inner-banner .container h3 {
    font-size: 24px;
    line-height: 1.5;
  }
  .inner-banner .container h5 {
    font-size: 12px;
  }
  .contact .lt {
    width: 100%;
  }
  .contact .lt .logo {
    margin-bottom: 30px;
  }
  .contact .rt {
    width: 100%;
    margin-bottom: 10%;
  }
  .contact .rt h3 {
    font-size: 24px;
  }
  .contact .rt form .col {
    width: 100%;
    margin-bottom: 14px;
  }
  .contact .rt form .col:last-of-type {
    margin-bottom: 0;
  }
  .faq .block {
    min-height: 100px;
  }
  .index-banner .container h5 {
    font-size: 12px;
  }
  .index-banner .container h5 em {
    width: 5px;
    height: 5px;
  }
  .index-banner .container h1 {
    font-size: 24px;
  }
  .index-banner .container h4 {
    font-size: 14px;
  }
  .index-banner .container a {
    width: 120px;
    line-height: 34px;
  }
  .index-prod .prod-wrapper .block .pic h3 {
    font-size: 18px;
    margin: 10px 0 0 10px;
  }
  .index-prod .prod-wrapper .block .pic span {
    font-size: 12px;
    margin: 10px 0 0 10px;
    padding: 5px;
  }
  .index-prod .prod-wrapper .block:nth-child(2) .pic span {
    color: #bbb;
  }
  .index-title h2 {
    font-size: 26px;
  }
  .index-title h2::after {
    width: 8px;
    height: 8px;
  }
  .index-title h2::before {
    width: 45px;
  }
  .index-about ul li {
    width: 50%;
    text-align: center;
    margin-bottom: 3%;
  }
  .index-about ul li h6 span {
    font-size: 24px;
  }
  .index-about ul li h5 {
    font-size: 12px;
  }
  .index-partner .partner-swiper .swiper-pagination-bullet {
    font-size: 12px;
    margin: 0 3px;
  }
  .index-application .swiper-button-prev {
    width: 40px;
    height: 40px;
    background-position: 11px center;
    left: 1%;
  }
  .index-application .swiper-button-next {
    width: 40px;
    height: 40px;
    background-position: -70px center;
    right: 1%;
  }
  .index-application .pic .mask .logo {
    width: 60px;
  }
  .index-application .pic .mask p {
    font-size: 12px;
  }
  .index-application .pic .mask a {
    font-size: 12px;
    width: 100px;
    line-height: 30px;
  }
  .index-news .news-swiper .swiper-pagination-bullet {
    font-size: 12px;
    margin: 0 3px;
  }
  .news-detail .news-detail-title h3 {
    font-size: 22px;
  }
  .news-detail .news-detail-title h5 {
    font-size: 12px;
  }
  .news-detail .article-tab p {
    width: 100%;
    max-width: 100%;
    margin-bottom: 3%;
  }
  .news-list .block {
    width: 49%;
  }
  .news-list .block .news-title {
    padding: 6.451613% 3.903226% 9.03226% 3.03226%;
  }
  .news-list .block .news-title h4 {
    font-size: 14px;
  }
  .news-list .block .news-title p {
    font-size: 12px;
  }
  .news-list .block .news-title span {
    font-size: 12px;
  }
  .bread-crumb .container a {
    font-size: 14px;
  }
  .bread-crumb .container span {
    font-size: 14px;
  }
  .product-list .container aside {
    display: none;
  }
  .product-list .container main {
    width: 100%;
  }
  .prod-detail .prod-tech .prod-tech-wrapper .block .pic .mask {
    font-size: 12px;
    bottom: 10px;
    line-height: 1.2;
  }
  .prod-detail .choose-us .choose-us-wrapper .block {
    width: 100%;
  }
  .prod-detail .prod-cert .prod-cert-wrapper .block {
    width: 49.5%;
  }
  .prod-detail .prod-specification .table-container table tr td {
    padding: 10px;
  }
  .sidebar ul li {
    width: 34px;
    height: 34px;
    background-color: rgba(255, 255, 255, 0.7);
    transition: all .5s;
  }
  .sidebar ul li:hover {
    background-color: rgba(255, 255, 255, 1);
  }
  .sidebar ul li em {
    width: 20px;
    height: 20px;
    background-size: 100% auto;
    filter: brightness(0);
  }
  .sidebar ul li a {
    font-size: 8px;
  }
  .sidebar ul li .icon1 {
    background-position-y: 2px;
  }
  .sidebar ul li .icon2 {
    background-position-y: -32px;
  }
  .sidebar ul li .icon3 {
    background-position-y: -66px;
  }
  .sidebar ul li .content {
    font-size: 12px;
  }
  .sidebar ul .backtop::after {
    margin-top: 4px;
  }
  .modal-mask .col {
    width: 100%;
    margin-bottom: 4.0559441%;
  }
  .modal-mask .col:last-of-type {
    margin-bottom: 0;
  }
  .modal-mask .req-form {
    padding: 30px 20px 40px;
  }
  .cookieBanner {
      font-size: 12px;
  }
}