@media (max-width:5220px){
    .banner-title-1{ margin-bottom: 50px;}
    .service-page,.about-page{  transform: translateY(-110px); }
    .pages{  margin: 75px 0; }
    .pages a{ margin: 5px 30px; }
    .page-body{ padding: 45px 0;}
    .nav-cate a{ padding: 35px 20px;}
    .join-container table tr td{ padding:20px 50px; }
    .join-container table tr td p{ line-height: 3em; }
    nav > ul > li > a{ padding: 30px 20px; }

    /*
    about page
    */
    .about-page article{ background-color: #fff; padding: 65px 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); }
    .about-page h2{ font-size: 24px; color: #000; margin-bottom: 35px; }
    .about-page p{ line-height: 2.4em; }
    .about-page .big-text{ padding: 80px 0; }
    .about-page .big-text h4{ font-size: 30px; font-weight: bold; line-height: 2.5em; margin: 0;}
    .about-page .text-box{ padding: 70px 35px; }
    .about-page .text-box span{ color: #E71F19 }
    .about-page .text-box p{ margin: 50px; line-height: 3.6em; color: #000 } 

    .application-banner{ height: 460px; }
    .application-banner h1{ font-size: 36px; font-weight: bold;  }
    .application-banner p{ color: #fff; font-size: 14px; line-height: 2em; }
    .application-banner .short-line{ width: 75px; height: 5px; background-color: #fff; display: inline-block; margin-right: 10px; }

    article{ margin: 20px 40px; }
    .article-content{ margin: 40px 0; background-color: #fff; padding:45px 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.08);}

    .cate-nav{ margin-bottom: 35px; }
    .cate-nav a{ color: #1d1d1d; display:inline-block;  font-size: 14px; padding: 15px 0px; margin: 0 20px;}
    .cate-nav a.on{ border-bottom: #E82923 2px solid; color: #E82923; }
    .cate-nav a:hover{ text-decoration: none; }

    .news-banner h1{ font-weight: bold; color: #fff; font-size: 36px; margin-bottom: 45px;}
    .news-banner p{ color: #fff; }

    /*
        service-page
        */
        .service-page{ background-color: #fff; padding: 65px 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); }
        .service-page h2{ font-size: 24px; color: #000; margin-bottom: 35px; }
        .service-page p{ color: #000; line-height: 2.3em; }
        .service-page img{ margin-top: 10px; }

        .appl-detail h1{ font-size: 24px; font-weight: bold; line-height: 24px; margin-bottom: 10px;}
        .appl-detail span{ font-size: 48px; font-weight: bold; color: #000;}
        .appl-detail p{ font-size: 24px; line-height: 1.9em; margin: 0;}
        .appl-detail hr{ margin-bottom: 5px; }

}
@media (max-width:1350px){
    nav > ul > li > a{ padding: 20px 10px; }
}

@media (max-width:1270px){
    nav > ul > li > a{ padding: 20px 5px; }
}

@media (max-width:1120px){

}

@media (max-width:991px){

    .service-page,.about-page{  transform: translateY(0); }
    .hot-news h2,.hot-service h2,.hot-product h2,.hot-application h2{ font-size: 24px;}
    .hot-product h3{ font-size: 18px;}
    .hot-product .uk-card{ padding: 60px 0;}
    .banner-title-1{ margin-bottom: 20px;}

    .product-list figure h5 a{ font-size: 14px; }  
    .pages{  margin: 15px 0; }  
    .pages a{ margin: 5px; }
    .page-body{ padding: 25px 0;}
    .nav-cate a{ padding: 2px 0;}
    .join-container table tr td{ padding:5px 10px; }
    .join-container table tr td p{ line-height: 2em; }

    /* about page */
    .about-page article{ background-color: #fff; padding: 0; box-shadow: none; }
    .about-page h2{ font-size: 24px; color: #000; margin-bottom: 15px; }
    .about-page p{ line-height: 2.4em; margin: 0;}
    .about-page .big-text{ padding: 80px 0; }
    .about-page .big-text h4{ font-size: 30px; font-weight: bold; line-height: 2.5em; margin: 0;}
    .about-page .text-box{ padding: 70px 35px; }
    .about-page .text-box span{ color: #E71F19 }
    .about-page .text-box p{ margin: 50px; line-height: 3.6em; color: #000 } 

    .application-banner{ height: 260px; }
    .application-banner h1{ font-size: 22px; font-weight: bold;  }
    .application-banner p{ color: #fff; font-size: 14px; line-height: 2em; }
    .application-banner .short-line{ width: 75px; height: 5px; background-color: #fff; display: inline-block; margin-right: 10px; }

    article{ margin: 20px; }
    .article-content{ margin: 40px 0; background-color: #fff; padding:25px 0; box-shadow: 0 5px 15px rgba(0,0,0,0.08);}

    .cate-nav{ margin-bottom: 45px; }
    .cate-nav a{ color: #1d1d1d; display:inline-block;  font-size: 14px; padding: 5px 0px; margin: 0 10px;}
    .cate-nav a.on{ border-bottom: #E82923 2px solid; color: #E82923; }
    .cate-nav a:hover{ text-decoration: none; }

    .news-banner h1{ font-weight: bold; color: #fff; font-size: 36px; margin-bottom: 45px;}
    .news-banner p{ color: #fff; }


    /*
    service-page
    */
    .service-page{ background-color: #fff; padding: 25px 0; box-shadow: 0 5px 15px rgba(0,0,0,0.08); }
    .service-page h2{ font-size: 24px; color: #000; margin-bottom: 35px; }
    .service-page p{ color: #000; line-height: 2.3em; }
    .service-page img{ margin-top: 10px; }

    .appl-detail h1{ font-size: 24px; font-weight: bold; line-height: 24px; margin-bottom: 10px;}
    .appl-detail span{ font-size: 48px; font-weight: bold; color: #000;}
    .appl-detail p{ font-size: 24px; line-height: 1.9em; margin: 0;}
    .appl-detail hr{ margin-bottom: 5px; }


}