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


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

    .header .logo{margin: 10px 0 0 4%;}
    .nav{padding-right: 4%;}

}


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

    .w1366{width: 92%;}

    .banner .swiper-pagination{bottom: 100px;}

    .b_fix{display: none}
  
}

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

    .banner{height: 720px;}

    .index-data .data-container{width: 88%;}
    .index-data .data-container .li span{font-size: 46px;}

    .index-business .business-container .li .text h2{margin-bottom: 10px; }
    .index-business .business-container .li .text p{height: 75px;}
    .index-business .business-container .li .text .line{display: none;}
    .index-business .business-container .li .text .r{display: none;}

    .index-about .about-container h3 p{padding: 0 10%;}
    
}


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

    .header .logo{width: 333px; height: 50px; margin: 15px 0 0 2%;}
    
    .nav{padding-right: 1%;}
    .nav .nav-bar li a{padding: 0 16px;}
    .nav .nav-bar li:first-child a{padding: 0 20px;}

    .banner{height: 660px;}

    .index-data{top: -60px;}
    .index-data .data-container .li{padding: 30px 0;}
    .index-data .data-container .li span{font-size: 36px;}

    .index-parallax{margin: 40px 0 60px 0;}
    .parallax-container{padding: 50px 0;}
    .parallax-container h2{font-size: 24px;}

    .index-about{margin-top: 80px;}
    .index-about .about-container h3 p{padding: 0 5%;}
    .index-about .about-container .about-img{width: 100%;}

    .index-news .news-container .news-one .img{width: 100%; height: 260px;}
    .index-news .news-container .news-list .list li{padding: 22px 0;}
    .index-news .news-container .news-list .list li:last-child{display: none;}

    .footer .footer-container .footer-right{padding-left: 10%;}


     /*----right_list----*/
     .right_list{width: 36px; right: 10px; margin-bottom: 120px;}
     .right_list .li{width: 36px; height: 36px; line-height: 44px;}
     .right_list .li i{font-size: 24px;}
 
     .right_list .li .tel{width: 140px; height: 34px;  margin: 1px 0 0 -140px;}
     .right_list .li .tel a{font-size: 14px; line-height: 34px;}
 
     .right_list .li:hover .tel{margin: 1px 0 0 -148px;}


}

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

    .header .button{display: block;}

    .nav{width: 360px; height: 100%; position: fixed; top: 0; right: -360px; margin-top: 80px; background: #f0f0f0; padding-right: 0;}
    .nav .nav-bar{padding-top: 60px;}
    .nav .nav-bar li{width: 100%; margin: 2px 0;}
    .nav .nav-bar li:before{width: 100%; display: none;}
    .nav .nav-bar li a{font-size: 15px; padding: 0 0 0 60px; line-height: 60px; border-bottom: 1px solid #dedede;}
    .nav .nav-bar li:first-child a{padding: 0 0 0 60px;}
    .nav .nav-bar li.on{box-shadow: none;}
    .nav .nav-bar li.on a{color: #005caf;}

    .nav.nav_on{right: 0;}

    .banner{height: 520px;}

    .index-title h3{font-size: 20px;}

    .a-link{width: 150px; height: 40px; line-height: 40px; margin: 40px auto 0 auto; }

    .index-data .data-container .li span{font-size: 28px;}

    .index-business .business-container .li{width: 49%; margin-bottom: 20px;}
    .index-business .business-container .li .text h2{font-size: 16px;}

    .index-parallax{height: 360px; }
    .parallax-container{padding: 40px 0;}
    .parallax-container h2{font-size: 20px;}
    .parallax-container .line{margin: 20px 0;}

    .index-about .about-container h3 p{font-size: 15px; line-height: 1.8; padding: 0 2%;}
    .index-about .about-container .about-img{height: 200px;}

    .index-news .news-container .news-one .img{width: 100%; height: 210px;}
    .index-news .news-container .news-one .text h2{margin-bottom: 0;}
    .index-news .news-container .news-one .text p{display: none;}

    .index-news .news-container .news-list .list li{padding: 18px 0;}
    .index-news .news-container .news-list .list li:nth-child(5){display: none;}

    .footer{padding-top: 40px;}
    .footer .footer-logo{width: 307px; height: 46px;}
    .footer .footer-container .footer-left{width: 60%;}
    .footer .footer-container .footer-left p{font-size: 14px;}
    .footer .footer-container .footer-right{width: 40%; padding-left: 0;}
    .footer .footer-container .footer-right a{font-size: 14px;}


}


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

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

    .nav{margin-top: 60px; width: 300px; right: -300px;}
    .nav .nav-bar{padding-top: 40px;}

    .header .button{margin-top: 0;}

    .banner{height: 280px; padding-top: 60px;}
    .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 20px;}

    .index-title{margin-bottom: 20px;}
    .index-title h3{font-size: 18px;}

    .a_link{width: 140px; height: 38px; line-height: 38px; margin-top: 30px;}
    .a_link i{font-size: 14px; }

    .index-data{display: none;}

    .index-business{padding-top: 40px;}
    .index-business .business-container .li .text{padding: 12px 0 0 0; text-align: center;}
    .index-business .business-container .li .text h2{font-size: 15px; margin-bottom: 0;}
    .index-business .business-container .li .text .line{display: block; margin: 10px 0 0 0;}
    .index-business .business-container .li .text p{display: none;}

    .index-parallax{height: 300px; margin: 40px 0;} 
    .parallax-container{width: 90%; padding: 20px 0;}
    .parallax-container h2{font-size: 17px; font-weight: normal;}
    .parallax-container .line{margin: 14px 0;}
    .parallax-container p{font-size: 14px; padding: 0 4%;}
    
    .index-about{margin-top: 60px; padding: 40px 0;}
    .index-about .about-container h3 p{font-size: 15px; line-height: 1.8; padding: 0;}
    .index-about .about-container .about-img{display: none;}

    .index-news{margin: 40px 0;}
    .index-news .news-container .news-one{width: 100%; margin-bottom: 10px;}
    .index-news .news-container .news-one .text{padding: 20px;}
    .index-news .news-container .news-list{width: 100%;}

    .footer{padding-top: 20px; padding-bottom: 20px;}
    .footer .footer-logo{display: none;}
    .footer .footer-container{border-top: 0; padding-top: 0;}
    .footer .footer-container .footer-left{width: 100%;}
    .footer .footer-container .footer-right{width: 100%; text-align: left;}
    .footer .footer-container .footer-right a{margin-left: 0; margin-right: 20px;}
    

    .right_list .li.ewm{display: none}

}



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

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

    .page-banner{height: 460px;}
    .page-banner .banner-text{padding-top: 260px;}
    .page-banner .banner-text h3{font-size: 32px;}
    .page-banner .banner-text p{font-size: 26px;}

    
}

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

    .page-about .about-left p{font-size: 15px; line-height: 1.8;}

    .page-culture{padding: 80px 0;}

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

    .page-achiev-li a{margin-bottom: 4px;}

    .page-news .list li .text h2{font-size: 16px; height: 86px;}


    
}

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

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

    .page-about .about-left{width: 100%; margin-bottom: 20px;}
    .page-about .about-right{width: 100%;}

    .page-scope .text h5{font-size: 16px;}

    .page-achievements .achiev-left{width: 100%; margin-bottom: 20px;}
    .page-achievements .achiev-left h4{font-size: 18px;}

    .page-achievements .achiev-right{width: 100%;}

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

    .news_show .news_title h1{font-size: 22px;}

    .news_show .news_con img{width: 100%;}

    .page-contact .contact-con .contact-left{width: 100%;}
    .page-contact .contact-con .contact-right{width: 100%; margin-left: 0;}
    .page-contact .contact-con .contact-right .page-message{padding: 20px 0;}
    

}

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

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

    .page-link span.left{display: block; float: none; width: 100%; margin-bottom: 10px;}
    .page-link span.right{display: block; float: none; text-align: left;}

    .page-title h3{font-size: 20px; }

    .page-business .list li{width: 100%; margin-bottom: 20px;}

    .page-scope .text h5{font-size: 15px; }

    .page-achiev-li{margin-bottom: 30px;}
    .page-achiev-li a{padding: 12px 20px;}
    .page-achievements .achiev-left p{font-size: 15px;}

    .news_show .news_title h1{font-size: 18px;}
    .news_show .news_title span{font-size: 14px;}
    .news_show .news_con p{font-size: 15px;}
    .news_show .news_con a{font-size: 15px;}

    .show_pages p{font-size: 14px;}
    .show_pages p a{font-size: 14px;}

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


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

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

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

    .page-title h3{font-size: 18px;}

    .page-about{margin-top: 30px;}
    .page-about .about-left h3{font-size: 18px; font-weight: normal;}

    .page-culture{padding: 50px 0; background: url(../image/img11.jpg) no-repeat center; background-size: cover;}
    .page-culture .text h4{font-size: 20px; margin-bottom: 30px;}
    .page-culture .text p{font-size: 18px; font-weight: normal; margin-bottom: 10px;}

    .page-images{margin: 40px 0;}
    .page-images .list li{margin-bottom: 10px;}

    .page-business .list li .text{padding: 20px 0 0 0;}
    .page-business .list li .text h3{font-size: 17px;}
    .page-business .list li .text .line{margin: 12px auto;}

    .page-achiev-li a{width: 32.3333%; padding: 10px 0; font-size: 13px; margin: 0 0.5% 4px 0.5%; text-align: center;}
    .page-results{padding: 40px 0;}
    .page-results .text p{font-size: 14px; padding: 8px 0;}

    .page-news{margin-top: 30px;}
    .page-news .list{margin-right: 0;}
    .page-news .list li{width: 100%; margin-right: 0; margin-bottom: 10px;}
    .page-news .list li .img{height: 190px;}
    .page-news .list li .text{padding: 14px;}
    .page-news .list li .text h6{font-size: 14px;}
    .page-news .list li .text h2{font-size: 15px; height: auto;}

    .news_show{margin-top: 30px;}

    .page-contact .contact-con .contact-left p{font-size: 15px;}

    .page_webmap{padding: 100px 0 40px 0;}
    .page_webmap .title h1{font-size: 18px;}
    .page_webmap .webmap_nav .list .li>a{font-size: 16px;}
    .page_webmap .webmap_nav .list_son li{margin-bottom: 10px;}


}