﻿@media (max-width: 5130px) {
  .page-subtitle span {
    font-size: 30px;
  }
  .page-subtitle em {
    font-size: 16px;
  }
  .index-news-box {
    padding: 35px 25px;
  }
  .index-about .uk-card-text {
    padding: 80px;
  }
  footer dl dt {
    font-size: 16px;
  }
  footer dl dd a {
    font-size: 14px;
  }
  .index-product {
    padding: 60px 0;
  }
  .page-subtitle {
    margin-bottom: 70px;
    position: relative;
  }
  .index-product .uk-card h3 a {
    padding: 30px;
  }
  .index-service {
    background: #f7f7f7;
    padding: 60px 0;
  }
  .index-cases {
    padding: 60px 0 0;
  }
  .reason img {
    width: 68px;
  }
  .reason .uk-card {
    border: #ddd 1px solid;
    padding: 20px;
    transition: all 0.4s;
  }
  .reason .uk-card:hover {
    border: #f08200 1px solid;
  }
  .reason .uk-card:hover h3 {
    color: #f08200;
  }
  .reason .uk-card:hover p {
    color: #f08200;
  }
  .reason h3 {
    margin-top: 20px;
    font-weight: bold;
  }
  .reason p {
    line-height: 1.7em;
    margin-bottom: 0;
  }
  .parts p {
    color: #fff;
    line-height: 2em;
    font-size: 13px;
  }
  .cases-list-container .uk-card h3 a {
    font-size: 30px;
  }
  article p {
    line-height: 2.4em;
  }
  .contact-list .uk-card p span i {
    font-size: 16px;
  }
}

@media (max-width: 1920px) {
}

@media (max-width: 1490px) {
}

@media (max-width: 1366px) {
}

@media (max-width: 1170px) {
}

@media (max-width: 991px) {
  footer {
    padding-left: 15px;
    padding-right: 15px;
  }
  .page-subtitle span {
    font-size: 24px;
  }
  .page-subtitle em {
    font-size: 12px;
  }
  .index-news-box {
    padding: 15px 10px;
  }
  .index-about .uk-card-text {
    padding: 40px 20px;
  }
  .index-about .uk-card-text p {
    font-size: 12px;
  }
  .index-about .uk-card-text h2 {
    margin-bottom: 20px !important;
  }
  .index-about .uk-card-text a {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
  }
  footer dl dt {
    font-size: 14px;
  }
  footer dl dd a {
    font-size: 12px;
  }

  .index-product {
    padding: 35px 0;
  }
  .index-product .uk-card h3 a {
    padding: 10px 20px;
  }
  .index-service {
    background: #f7f7f7;
    padding: 30px 0;
  }
  .index-cases {
    padding: 30px 0 0;
  }
  .reason img {
    width: 70px;
  }
  .reason h3 {
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 14px;
  }
  .reason p {
    line-height: 1.6em;
    font-size: 12px;
    margin-top: 10px;
    color: #999;
  }
  .parts p {
    color: #fff;
    line-height: 2em;
    font-size: 12px;
  }
  .cases-list-container .uk-card h3 {
    margin-bottom: 10px;
  }
  .cases-list-container .uk-card h3 a {
    font-size: 16px;
  }
  .cases-list-container .uk-card p {
    font-size: 12px;
    margin-top: 0;
  }
  .cases-list-container-meta,
  .pro-content-meta {
    color: #999;
    font-size: 12px;
  }
  .pro-content h1 {
    font-size: 16px;
  }
  article {
    font-size: 12px;
    line-height: 1.8em;
    color: #666;
    padding: 15px;
  }
  .history-list p {
    line-height: 1.8em;
    font-size: 14px;
  }
  .news-text-box h4,
  .n-hd-list2 h3 {
    font-size: 16px;
  }
  .news-text-box p,
  .n-hd-list2 p {
    font-size: 12px;
  }
  .news-content h1 {
    font-size: 16px;
  }
  .news-content .news-meta {
    font-size: 12px;
    color: #999;
  }
  .news-content p {
    font-size: 12px;
  }
  .contact-list .uk-card p span i {
    font-size: 12px;
  }
  .contact-list .uk-card p {
    font-size: 12px;
    margin: 3px 0;
  }

  .uk-card-body {
    padding: 10px;
  }
  .pro-content-nav a {
    margin: 0 6px;
    padding: 4px 6px;
  }
  .pro-content article {
    padding: 15px;
  }
  .pro-content article li {
    list-style: none;
  }
  .pro-info {
    padding-left: 10px;
    padding-right: 10px;
  }
  .index-news {
    padding: 30px 0;
  }
  .page-subtitle:after {
    bottom: -15px;
  }
  .page-subtitle {
    margin-bottom: 30px;
  }
  .service-m-text p {
    margin: 5px 0;
    font-size: 13px;
  }
  .p-cate:hover h3 {
    color: #f08200;
    font-weight: bold;
  }
  .pro_card:hover h3 a {
    color: #f08200;
    font-weight: bold;
  }
  .pro_card:hover p a {
    color: #f08200;
  }
  .pro_card:hover a {
    color: #f08200;
  }
}

@media (max-width: 768px) {
}

@media (max-width: 468px) {
}
