/*Created by lk on 2020/04/28.*/

@media screen and (max-width: 1800px) {

    .index-case{margin-left: 10.5%;}

    
}

@media screen and (max-width: 1700px) {

    .index-case{margin-left: 8.5%;}
    
}

@media screen and (max-width: 1600px) {

    .w1440{width: 92%;}

    .header .logo{margin: 10px 0 0 4%;}

    .nav{margin-right: 28%;}
    .nav .nav-bar li a{padding: 0 12px;}

    .index-case{margin-left: 4%;}

    .about-container .about-years .li span{font-size: 82px;}


}


@media screen and (max-width: 1440px) {


    .nav{margin-right: 18%;}
    .header-contact{display: none;}

    .footer .footer-top img{width: 391px;}
    .footer .footer-container .footer-left{display: none;}
    .footer .footer-container .footer-center{width: 50%; padding-left: 0;}
    .footer .footer-container .footer-center p i{font-size: 32px;}
    .footer .footer-container .footer-right{width: 50%;}

    .index-title h4{font-size: 32px; margin-bottom: 6px;}
    .index-title h2{font-size: 20px;}
    .index-title p{font-size: 17px;}

    .index-product{padding: 80px 0;}
    .product-text .li{padding: 50px 40px 40px 30px;}

    .index-mark .mark-container{padding: 100px 0 100px 5%;}
    .index-mark .mark-container h2{font-size: 24px;}

    .index-news .news-container .news_list .li{max-height: 428px;}
    .index-news .news-container .news_list .li h6{margin-bottom: 130px;}
    .index-news .news-container .news_list .li h1{font-size: 20px;}

}

@media screen and (max-width: 1366px) {

    
    
}


@media screen and (max-width: 1280px) {

    .nav{margin-right: 12%;}
    .header_search{display: none;}

    .nav .nav-bar li{margin: 0 8px;}
    .nav .nav-bar li a{padding: 0 8px;}

    .index-title p{font-size: 16px;}

    .index-case .case-container{padding-right: 20%;}

    .product-text .li{padding: 30px;}
    .product-text .li a{flex-wrap: wrap;}
    .product-text .li .icon{margin: 0 auto 20px auto;}
    .product-text .li .icon img{width: 97px;}
    .product-text .li .text h2{text-align: center;}

    .about-container .index-title{width: 55%;}
    .about-container .about-years{width: 45%;}
    .about-container .about-years .li span{font-size: 66px;}
    
    .index-news .news-container{padding-right: 20%;}

}

@media screen and (max-width: 1180px) {

    .banner .text h2{font-size: 46px;}
    
}

@media screen and (max-width: 1080px) {

    .nav{position: fixed; top: 0; right: -340px; width: 340px; height: 100%; background: #f4f4f4; margin-right: 0; }
    .nav .nav-bar{padding-top: 100px; overflow: hidden;}
    .nav .nav-bar li{width: 100%; margin: 2px 0;}
    .nav .nav-bar li a{font-size: 16px; padding: 0 0 0 80px; line-height: 46px;}
    .nav.nav_on{right: 0;}

    .header .button{display: block;}

    .footer{padding-top: 40px;}
    .footer .footer-top{display: none;}
    .footer .footer-container .footer-right{margin-top: 60px;}

    .index-title h4{font-size: 26px;}
    .index-title h2{font-size: 18px;}

    .a-link{margin-top: 40px; }

    .index-case{margin: 60px 0 60px 4%;}
    .index-case .case-container .slick-dots{margin: 0 0 0 14%;}

    .index-product{padding: 60px 0;}
    .product-text .li .text{width: 100%;}
    .product-text .li .text h2{font-size: 18px;}
    .product-text .li .text p{display: none;}

    .index-about{padding: 50px 0 60px 0;}
    .about-container{flex-wrap: wrap;}
    .about-container .index-title{width: 100%; position: relative; top: 0;}

    .about-container .about-years{width: 100%; display: flex; flex-wrap: wrap;}
    .about-container .about-years .li{width: 50%; margin-bottom: 40px;}
    .about-container .about-years .li span{font-size: 42px; color: #da6113;}
    .about-container .about-years .li p{font-size: 16px; margin-top: 10px;}

    .index-mark .mark-container{padding: 80px 0 80px 5%;}
    .index-mark .mark-container h2{font-size: 20px;}

    .index-news .news-container{padding-right: 4%;}
    .index-news .news-container .news_list .li{max-height: 368px; margin-right: 20px;}
    .index-news .news-container .news_list .li h6{margin-bottom: 80px;}
    .index-news .news-container .news_list .li h1{font-size: 18px; margin-bottom: 80px;}

    .right_list{width: 34px;}
    .right_list .li{width: 34px; height: 34px; line-height: 42px;}
    .right_list .li i{font-size: 22px; }

    .right_list .li .tel{width: 160px; height: 34px; margin: 0 0 0 -160px;}
    .right_list .li .tel a{font-size: 16px; line-height: 34px;}

    .right_list .li:hover .tel{margin: 0 0 0 -164px;}

    .right_list .li:nth-child(2){display: none;}

}

@media screen and (max-width: 820px) {

    .footer .footer-container .footer-center{width: 100%; padding-bottom: 20px;}
    .footer .footer-container .footer-center p i{font-size: 22px;}

    .footer .footer-container .footer-right{width: 100%; margin-top: 0;}
    .footer .footer-container .footer-right .footer-ying{display: none;}
    .footer .footer-container .footer-right a{margin-left: 0; margin-right: 20px;}

    .footer .footer-end{text-align: left;}
    .footer .footer-end a{font-size: 14px; margin-bottom: 6px;}

    .banner .text h2{font-size: 36px;}

    .index-case .case-container{padding-bottom: 20px;}

    .product-text .li{padding: 20px;}
    .product-text .li .icon{margin: 0 auto 10px auto;}
    .product-text .li .text h2{font-size: 16px; font-weight: normal;}

    .about-container .about-years .li span{font-size: 32px;}
    .about-container .about-years .li p{font-size: 14px;}

    .index-mark .mark-container{padding: 50px 0;}
    .index-mark .mark-container h2{font-size: 18px;}

    .index-news .index-title .a-link{margin-right: 20px;}
    .index-news .news-container{padding-right: 0;}
    
}


@media screen and (max-width: 479px) {

    .header{height: 60px; background: #f4f4f4;}
    .header .logo{width: 131px; height: 50px; margin: 5px 0 0 10px;}

    .nav{right: -280px; width: 280px; margin-top: 60px;} 
    .nav .nav-bar{padding-top: 80px;}

    .header-language{height: 60px; padding: 6px 70px 0 0;}
    .header-language .lan-down{margin-top: 59px; margin-left: -18px;}
    .header .button{margin-top: 0;}

    .footer .footer-container .footer-center{padding-top: 0;}

    .index-title h4{font-size: 22px; margin-bottom: 6px;}
    .index-title h2{font-size: 16px; margin-bottom: 20px;}
    .index-title p{font-size: 14px; padding-right: 0;}

    .banner{padding-top: 60px;}
    .banner .text{margin: 26% 0 0 5%;}
    .banner .text h2{font-size: 18px; margin-bottom: 10px;}
    .banner .text h3{font-size: 15px;}

    .swiper-horizontal > .swiper-pagination-bullets{bottom: 20px;}


    .b_fix{display: none;}

    .index-case{margin: 40px 0 20px 6%;}
    .index-case .case-container{padding-bottom: 40px;}
    .index-case .case-container .li{margin-right: 20px;}

    .index-case .case-container .slick-prev{margin-left: 0;}
    .index-case .case-container .slick-next{margin-left: 40px;}
    .index-case .case-container .slick-dots{display: none; opacity: 0; visibility: hidden;}

    .index-product{padding: 40px 0;}
    .product-text{margin-bottom: 20px;}
    .product-text .li{width: 100%; margin-bottom: 10px;}
    .product-con .product-list .li h2{padding: 20px 0 20px 20px;}

    .about-container .about-years{display: none;}
    .about-map .index-title{top: 0;}
    .about-map .map-con{width: 100%}

    .index-mark .mark-container{padding: 50px 0 30px 5%;}
    .index-mark .mark-container img{width: 146px;}
    .index-mark .mark-container h2{font-size: 16px; font-weight: normal;}

    .index-news{padding: 40px 0;}

    .index-news .index-title .a-link{display: none;}
    .index-news .news-container{padding-right: 0;}
    .index-news .news-container .news_list .li{max-height: 228px; padding: 20px 20px 30px 20px;}
    .index-news .news-container .news_list .li h6{margin-bottom: 40px; background: url("../image/icon06.png") no-repeat 0 -2px;}
    .index-news .news-container .news_list .li h1{font-size: 17px; height: 79px; margin-bottom: 20px;}

}



/*----------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1492px) {

    .page-abouts img{width: 100%;}
    
}


@media screen and (max-width: 1440px) {

    .page-banner{height: 460px;}

    


}

@media screen and (max-width: 1280px) {

    .page-banner{height: 360px;}
    .page-banner .banner-text{padding-top: 180px;}
    .page-banner .banner-text h3{font-size: 28px;}
    .page-banner .banner-text p{font-size: 22px;}

    .page-news .list li .item_right{padding: 10px 0 0 5%;}
    .page-news .list li .item_right h2{font-size: 18px;} 
    .page-news .list li .item_right span{margin-top: 20px;}

}

@media screen and (max-width: 1080px) {

    .page-honor .list li{width: 31.3333%;}

    .page-product .list li{width: 48%;}
    .page-product .list li .text h2{font-size: 16px;}

    .pro-show .pro-title h1{font-size: 20px;}
    .pro-show .pro-title .img{width: 100%;}
    .pro-show .pro-title .img img{width: 100%;}

    .page-news .list li .item_right{padding: 0 0 0 5%;}
    .page-news .list li .item_right span{display: none;}

    .news-show .news-title h1{font-size: 22px;}
    .news-show .news-con img{width: 100%;}

    .page_feature .list{margin-right: -2%;}
    .page_feature .list li{width: 48%; margin-right: 2%; margin-bottom: 20px;}


}

@media screen and (max-width: 960px) {

    .page-banner{height: 300px;}
    .page-banner .banner-text{padding-top: 140px;}
    .page-banner .banner-text h3{font-size: 24px;}
    .page-banner .banner-text p{font-size: 18px;}

    .page-link{padding: 20px 0 40px 0;}
    .page-link .site{width: 100%; margin-bottom: 6px;}
    .page-link .site-link{width: 100%; text-align: left;}
    .page-link .site-link a{margin-bottom: 4px;}


    .pro-hot .list{margin-right: -2%;}
    .pro-hot .list li{width: 48%; margin-right: 2%; margin-bottom: 20px;}
    .page-news .list li .item_right p{font-size: 14px; }


    
}

@media screen and (max-width: 820px) {

    .page-link{padding: 20px 0 30px 0;}

    .page-news .list li .item_left{width: 60%;}
    .page-news .list li .item_right{width: 100%; padding: 20px 0;}

    .news-show .news-title h1{font-size: 18px;}
    .news-show .news-con p{font-size: 15px;}
    .news-show .news-con p span{font-size: 15px;}
    .news-show .news-con a{font-size: 15px;}

    .page_feature .list li{margin-bottom: 10px;}

    .page-contact .contact-con .contact-left{width: 100%;}
    .page-contact .contact-con .contact-left h3{font-size: 20px;}
    .page-contact .contact-con .contact-left p{font-size: 15px;}
    .page-contact .contact-con .contact-right{width: 100%; margin-left: 0;}
    .page-contact .contact-con .contact-right .page-message{padding: 30px 0 10px 0;}
    
}


@media screen and (max-width: 479px) {

    .page-banner{height: 240px;}
    .page-banner .banner-text{padding-top: 150px;}
    .page-banner .banner-text h3{font-size: 20px; margin-bottom: 4px;}
    .page-banner .banner-text p{font-size: 18px;}

    .page-link .site-link a{width: 49%; padding: 12px 0; font-size: 14px; text-align: center; margin: 0 0.5% 4px 0.5%;} 

    .page_con{padding-bottom: 40px;}
   
    .page-about .about-text p{font-size: 15px;}

    .page-honor .list li{width: 48%;}

    .page-product .list{margin-right: 0;}
    .page-product .list li{width: 100%; margin-right: 0;}

    .page-product .list li .text{padding-top: 14px;}
    .page-product .list li .text h2{font-size: 14px;}
    .page-product .list li .text .line{margin-top: 14px;}

    .pro-show .pro-title{margin-bottom: 30px;}
    .pro-show .pro-title h1{font-size: 18px;}
    .pro-show .pro-con p{font-size: 15px;}

    .page-news .list li .item_left{width: 100%;}
    .page-news .list li .item_right h2{font-size: 16px; font-weight: normal;}

    .page-contact .contact-con .contact-left h3{font-size: 18px;}

}