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

@media screen and (max-width: 1700px) {
    
    .w1440{width: 88%;}

}

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

    .w1440{width: 92%;}

}

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

    .index-title h2{font-size: 42px;}

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

    .list02 .list02-con .item-left h2{font-size: 32px;}
    
}

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

    .header .logo{margin: 0 0 0 40px;}

    .index-title{padding-bottom: 40px;}
    .index-title h2{font-size: 32px;}

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

    .list02{padding: 30px 0 60px 0;}
    .list02 .list02-con .item-left h2{font-size: 24px; margin-bottom: 10px;}
    .list02 .list02-con .item-left{width: 40%; padding: 0 20px 0 30px;}
    .list02 .list02-con .item-right{width: 60%;}

    .list04 .list04-con .list li .text{padding-top: 20px;}
    .list04 .list04-con .list li .text h2{font-size: 18px;}
    .list04 .list04-con .list li .text .data{padding: 24px 20px; margin-top: 60px;}
    
}

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

    .nav{margin-left: 40px;}
    .nav .nav_bar li{margin: 0 20px;}

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

    .list01{padding: 60px 0 10px 0;}

    .list02 .list02-con .item-left{width: 45%; padding: 20px;}
    .list02 .list02-con .item-left h2{font-size: 20px;}
    .list02 .list02-con .item-right{width: 55%;}

    .list03{padding: 60px 0 60px 0;}
    .list03 .list03-con{padding: 0 18%;}
    .list03 .list03-con .slick-prev{margin-left: 16%;}
    .list03 .list03-con .slick-next{margin-right: 16%;}

    .list04{padding: 60px 0;}
    .list04 .list04-con .list li .text h4{display: none;}
    .list04 .list04-con .list li .text h2{font-size: 16px;}
    .list04 .list04-con .list li .text .data{padding: 16px 18px; margin-top: 40px;}

    .list06{padding: 60px 0;}

    .footer{padding: 40px 0 0 0; }

}

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

    .list02 .list02-con{flex-wrap: wrap;}
    .list02 .list02-con .item-left{width: 100%; padding: 40px;}
    .list02 .list02-con .item-right{width: 100%; height: 360px; overflow: hidden;}

    .list03 .list03-con{padding: 0 14%;}
    .list03 .list03-con .li{margin: 0 20px;}
    .list03 .list03-con .slick-prev{margin-left: 10%;}
    .list03 .list03-con .slick-next{margin-right: 10%;}


    /* 侧边栏 */
    .right_list{width: 32px; right: 5px;}
    .right_list .li{width: 32px; height: 32px; line-height: 38px;}
    .right_list .li i{font-size: 20px;}
    
}


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

    .header{height: 60px;}
    .header .logo{margin: 0 0 0 10px; }

    .header .button{display: block;}

    .nav{width: 100%; height: 100%; position: fixed; top: 0; left: -100%; margin: 60px 0 0 0; background: #f4f4f4;}
    .nav .nav_bar{padding-top: 40px;}
    .nav .nav_bar li{float: none; margin: 10px 0;}
    .nav .nav_bar li a{padding: 6px 0;}
    .nav.nav_on{left: 0;}

    .index-title{padding-bottom: 20px;}
    .index-title h2{font-size: 20px;}

    .a-link{width: 140px; height: 36px; line-height: 36px; margin-top: 20px;}

    .banner{padding-top: 60px;}
    .banner .swiper-pagination{bottom: 10px; right: 10px;}

    .list01{padding: 40px 0 20px 0;}
    .list01 .list01-con{flex-wrap: wrap; padding: 0 4%;}
    .list01 .list01-con .item{width: 100%;}
    .list01 .list01-con .item .text{padding: 20 0px; text-align: center;}
    .list01 .list01-con .item .text p{font-size: 15px;}

    .list02{padding: 0 0 40px 0;}
    .list02 .list02-con .item-left{padding: 20px;}
    .list02 .list02-con .item-left h2{font-size: 17px;}
    .list02 .list02-con .item-right{height: auto;}

    .list03{padding: 40px 0;}
    .list03 .list03-con{padding: 0 4%;}
    .list03 .list03-con .li{margin: 0 10px;}
    .list03 .list03-con .slick-prev{margin-left: 1%;}
    .list03 .list03-con .slick-next{margin-right: 1%;}

    .list04{padding: 30px 0 20px 0; overflow: hidden;}
    .list04 .list04-con .list{margin-right: 0;}
    .list04 .list04-con .list li{width: 100%; margin-right: 0; margin-bottom: 10px;}
    .list04 .list04-con .list li .text{padding-top: 20px; background: #f3f3f3;}
    .list04 .list04-con .list li .text h2{font-size: 16px;}
    .list04 .list04-con .list li .text .data{padding: 12px 20px; margin-top: 10px; }
    .list04 .list04-con .list li .text span{display: none;}
    .list04 .list04-con .list li:nth-child(3){display: none;}

    .list06{padding: 30px 0;}
    .list06 .list06-con .li{margin: 0 5px;}

    .footer{padding: 40px 0 0 0;}
    .footer .footer-left .footer-logo{display: none;}
    .footer .footer-left{width: 100%;}
    .footer .footer-left p{font-size: 14px;}
    .footer .footer-right{width: 100%; padding-top: 0;}
    .footer .footer-right p{font-size: 14px;}

    .footer .footer-end{margin-top: 20px; padding: 20px 0;}

}

/* ------------------------------------------------------------------------------- */

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

    .page_banner{height: 460px;}

    
}

@media screen and (max-width: 1280px) {
  
    .page-img .list li{width: 48%;}
    
}

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

    .page-newshow .con img{max-width: 960px;}
    
}

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

    .page_banner{height: 360px; padding-top: 60px;}

    .page-con{padding: 40px 0;}

    .page-product .list li{width: 48%;}
    .page-product .list li .txt{text-align: center;}
    .page-product .list li .txt h1{font-size: 15px;}

    .page-img .list li{margin-bottom: 12px;}

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

    .page-newshow .con img{max-width: 800px;}

    .page-contact{flex-wrap: wrap;}
    .page-contact .item-left{width: 100%;}
    .page-contact .item-right{width: 100%;}
    .page-contact .item h2{font-size: 20px; margin-bottom: 30px;}
    .page-contact .item .li h3{font-size: 18px;}



}

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

    .page-pro .pro-img{width: 100%;}
    .page-pro .pro-con img{width: 100%;}

    .page-newshow .con img{width: 100%;}
    
}

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

    .page_banner{height: 220px;}

    .page-link{padding: 14px 0;}
    .page-link span{font-size: 14px;}
    .page-link span i{font-size: 16px;}
    .page-link span a{font-size: 14px; margin: 0 5px;}

    .page-con{padding: 30px 0;}

    .page-about p{font-size: 14px;}

    .page-product .list li .txt{padding: 10px;}
    .page-product .list li .txt h1{font-size: 14px;}

    .page-pro h1{font-size: 20px;}

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

    .page-contact .item h2{font-size: 18px; margin-bottom: 20px;}
    .page-contact .item .li h3{font-size: 17px; margin-bottom: 12px;}
    .page-contact .item .li p{font-size: 14px;}

    
}