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

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

    .w1366{
        width: 92%;
    }

    .list01 .list01_left{
        width: 45%;
    }

    .list01 .list01_right{
        width: 55%;
    }

    .list02 .list02_con .text p{
        padding: 0 10%;
    }


}

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

    .list01{
        padding: 70px 0;
    }

    .list02{
        padding: 70px 0 100px 0;
    }

    .list03{
        padding: 70px 0;
    }

    .list04{
        padding: 70px 0 100px 0;
    }

    .list05{
        padding: 70px 0;
    }

    .footer .footer_con .footer_left{width: 40%;}
    .footer .footer_con .footer_right{width: 25%;}


}

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

    .banner .swiper-slide .text{
        margin-top: 24%
    }

    .banner .swiper-slide .text img{
        width: 660px;
    }

    .banner .swiper-slide .text h1{
        font-size: 36px;
    }

    .footer .footer_con .footer_left{
        width: 50%;
    }

    .footer .footer_con .footer_center{
        width: 50%;
    }

    .footer .footer_con .footer_right{
        width: 100%;
        margin-top: 10px;
        text-align: left;
    }

    .footer .footer_con .footer_right .img{
        margin-left: 0;
        margin-right: 20px;
    }

}

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

    .nav{width: 100%; height: 100%; position: fixed; top: 0; left: -100%; margin-top: 80px; background: #f0f0f0;}
    .nav .nav_bar{padding-right: 0; padding-top: 60px;}
    .nav .nav_bar li{width: 100%; margin: 2px 0;}
    .nav .nav_bar li:before{display: none}
    .nav .nav_bar li span{display: none}
    .nav .nav_bar li a{font-size: 15px; line-height: 50px; text-align: center}
    .nav .nav_bar li.on a{color: #009984}
    .nav.nav_on{left: 0;}

    .header_search{margin-right: 60px;}

    .header .button{display: block}

    .title{
        margin-bottom: 40px;
    }

    .title h1{
        font-size: 26px;
    }

    .title h4{
        font-size: 16px;
    }

    .list03 .list03_con{
        padding: 20px 0 0 0;
    }

    .list03 .list03_con .list{
        margin-right: -1%;
    }

    .list03 .list03_con .list li{
        width: 32.3333%;
        margin-right: 1%;
        padding: 10px;
    }

    .list03 .list03_con .list li .text{
        padding: 20px 0 0 0;
        height: 120px;
    }

    .footer{
        padding-top: 50px;
    }

    .right_list{
        width: 36px;
        right: 5px;
        margin-bottom: 50%;
    }

    .right_list .li{
        width: 36px;
        height: 36px;
        margin-bottom: 2px;
        line-height: 36px;
    }

    .right_list .li i{
        font-size: 26px;
    }

    .right_list .li.top{
        height: 36px;
        line-height: 32px
    }
}

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

    .a_link{
        margin-top: 30px;
    }

    .list01 .list01_left{
        padding-top: 30px;
    }

    .list01 .list01_right .list li{
        height: 190px;
    }

    .list02 .list02_con .list02_link a{
        margin: 0 8px;
    }

}

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

    .w1366{width: 94%;}

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

    .banner .swiper-slide .text{margin-top: 32%}
    .banner .swiper-slide .text img{width: 430px;}
    .banner .swiper-slide .text h1{font-size: 32px;}

    .title{
        margin-bottom: 30px;
    }

    .title h1{
        font-size: 22px;
    }

    .a_link{margin-top: 20px;}

    .list01{padding: 50px 0;}
    .list01 .list01_left{width: 100%; padding-right: 0; padding-top: 0; margin-bottom: 20px;}
    .list01 .list01_right{width: 100%; padding-left: 0;}

    .list02{padding: 50px 0 70px 0;}
    .list02 .list02_con .text{margin-bottom: 20px;}
    .list02 .list02_con .text p{font-size: 15px; padding: 0 2%;}
    .list02 .list02_con .list02_link a{width: 160px; height: 52px; line-height: 52px; font-size: 15px; margin: 0 2px;}

    .list03{padding: 50px 0;}
    .list03 .list03_con .list li{padding: 0;}
    .list03 .list03_con .list li .text{padding: 20px 10px 10px 10px;}
    .list03 .list03_con .list li .text h1{font-size: 15px;}
    .list03 .list03_con .list li .text h4{font-size: 13px;}

    .list04{padding: 40px 0 70px 0;}

    .list05{padding: 40px 0;}

    .footer .footer_con .footer_left{width: 100%; padding-top: 0;}
    .footer .footer_con .footer_center{width: 100%;}
    .footer .footer_con .footer_right{display: none}

}

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

    .banner{position: relative; padding-top: 60px;}
    .mark{display: none}

    .nav{
        margin-top: 60px;
    }

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

    .header_search{
        display: none;
    }

    .banner .swiper-slide .text{margin-top: 14%}
    .banner .swiper-slide .text img{width: 300px;}
    .banner .swiper-slide .text h1{font-size: 20px; margin-bottom: 6px}
	.banner .swiper-slide .text h3{font-size: 16px;}

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

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

    .list01{padding: 40px 0;}
    .list01 .list01_left .text p{font-size: 14px; line-height: 1.6}
    .list01 .list01_right .list li{width: 50%; height: 120px;}
    .list01 .list01_right .list li:nth-child(1), .list01 .list01_right .list li:nth-child(4){padding: 20px 20px 0 20px;}
    .list01 .list01_right .list li h1{font-size: 16px; font-weight: normal;}
    .list01 .list01_right .list li h6{font-size: 13px;}

    .list02{padding: 40px 0;}
    .list02 .list02_con .text p{font-size: 14px; color: #fff; line-height: 1.6; text-shadow: none; padding: 0;}
    .list02 .list02_con .list02_link a{width: 140px; height: 42px; line-height: 42px; font-size: 14px; margin: 0 4px 10px 4px;}

    .list03{padding: 40px 0 20px 0;}
    .list03 .list03_con{padding: 10px 0;}
    .list03 .list03_con .list{margin-right: 0;}
    .list03 .list03_con .list li{width: 100%; margin-right: 0; margin-bottom: 10px; padding: 10px 10px 0 10px;}
    .list03 .list03_con .list li .text{padding: 20px 10px 10px 10px; height: 100px;}

    .list04{padding: 30px 0 60px 0;}
    .list04 .list04_con .li{margin: 0 5px;}

    .footer{padding-top: 40px;}
    .footer .footer_con .footer_left .footer_ying{display: none}
    .footer .footer_end{padding: 20px 0 50px 0;}
    .footer .footer_end a{margin: 0 10px 6px 10px;}

}

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

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

    .page_banner .banner_text{padding: 300px 0 0 6%;}

}

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

    .page_banner .banner_text{padding: 300px 0 0 4%;}

    .page_news .list li .img{height: 180px;}

    .page_abouts img{width: 100%; }

    .page_about .about_con .about_left{width: 35%;}

    .page_about .about_con .about_right{width: 65%;}

}

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

    .page_about .about_con .about_left{width: 100%; margin-bottom: 20px;}
    .page_about .about_con .about_right{width: 100%;}

    .page_mark{padding: 200px 0;}

    .page_news .list li .img{height: 160px;}
    .page_news .list li .text{padding: 20px;}
    .page_news .list li .text h1{font-size: 17px;}

    .page_search .list li .img{height: 160px;}
    .page_search .list li .text{padding: 20px;}
    .page_search .list li .text h1{font-size: 17px;}

}


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

    .page_news .list{margin-right: -1.3333%;}
    .page_news .list li{width: 32%; margin-right: 1.3333%;}
    .page_news .list li .img{height: 140px;}
    .page_news .list li .text{padding: 18px 12px;}
    .page_news .list li .text h1{font-size: 16px;}
    .page_news .list li .text .data{padding-top: 14px; margin-top: 14px;}

    .page_search .list{margin-right: -1.3333%;}
    .page_search .list li{width: 32%; margin-right: 1.3333%;}
    .page_search .list li .img{height: 140px;}
    .page_search .list li .text{padding: 18px 12px;}
    .page_search .list li .text h1{font-size: 16px;}
    .page_search .list li .text .data{ padding-top: 14px; margin-top: 14px; }

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

}

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

    .page_con{padding-bottom: 40px;}

    .p_t{margin-bottom: 30px;}
    .p_t h1{font-size: 24px;}

    /*----page_about----*/
    .page_about{padding-top: 140px; padding-bottom: 40px;}
    .page_about h4{font-size: 22px;}
    .page_about h1{font-size: 30px;}

    .page_mark{padding: 160px 0; }

    .page_advantage{padding: 50px 0;}
    .page_advantage .list{margin-right: -1%;}
    .page_advantage .list li{width: 32.3333%; margin-right: 1%; padding: 10px 10px 0 10px;}
    .page_advantage .list li .text{padding: 20px 10px 30px 10px;}

    .page_contact .contact_left{padding: 60px 10px 72px 20px;}
    .page_contact .contact_left span{font-size: 15px;}

    .page_news .list li .text h1{font-size: 15px;}
    .page_search .list li .text h1{font-size: 15px;}

    .news_show .news_title h6{font-size: 20px; margin-bottom: 10px;}
    .news_show .news_title h1{font-size: 22px;}
    .news_show .news_title h4{font-size: 14px;}

    .page_abouts{margin-bottom: 10px;}

    .page_features{padding-top: 140px;}
    .page_features h4{font-size: 22px;}
    .page_features h1{font-size: 30px;}


}

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

    .page_news .list{margin-right: -2%;}
    .page_news .list li{width: 48%; margin-right: 2%;}
    .page_news .list li .img{height: 180px;}

    .page_search .list{margin-right: -2%;}
    .page_search .list li{width: 48%; margin-right: 2%;}
    .page_search .list li .img{height: 180px;}

    .page_team{padding: 60px 0;}

}


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

    .page_banner{height: 280px;}
    .page_banner .banner_text{padding: 180px 0 0 4%;}
    .page_banner .banner_text h1{font-size: 20px; margin-bottom: 4px;}
    .page_banner .banner_text p{font-size: 22px;}

    .page_site{padding: 20px 0 40px 0;}

    .page_features .features_con .list li{width: 48%;}

    .page_advantage .list li{padding: 0}
    .page_advantage .list li .text{height: 120px; padding: 20px 10px;}
    .page_advantage .list li .text h1{font-size: 15px;}
    .page_advantage .list li .text h4{font-size: 13px;}

    .page_contact .contact_left{width: 100%; padding: 20px 40px; margin-bottom: 10px;}
    .page_contact .contact_left .img{margin-top: 10px;}
    .page_contact .contact_right{width: 100%; margin: 0; padding: 20px 50px;}

    .page_contact .contact_map{margin-top: 20px;}

}

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

    .page_about{padding-top: 120px;}
    .page_about .about_con .about_right p{font-size: 14px;}

    .page_features{padding-top: 120px;}

    .page_news .list li .img{height: 150px;}

    .page_search .list li .img{height: 150px;}

    .page_advantage .list{margin-right: 0;}
    .page_advantage .list li{width: 100%; margin-right: 0; padding: 10px; margin-bottom: 10px;}
    .page_advantage .list li .img{width: 45%; float: left}
    .page_advantage .list li .text{float: left; width: 55%; padding: 30px 10px 40px 40px; height: auto; text-align: left}
    .page_advantage .list li .text h1{font-size: 16px;}
    .page_advantage .list li .text h4{font-size: 14px;}

    .page_team .team_con h3{font-size: 20px;}

    .page_culture{padding: 50px 0;}

    .page_honor{padding: 50px 0 70px 0;}

}

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

    .page_news .list li .img{height: 120px;}

    .page_advantage .list li .text{padding: 4px 10px 10px 20px;}
    .page_advantage .list li .text h1{font-size: 15px;}
    .page_advantage .list li .text h4{font-size: 13px;}
    
}

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

    .page_news .list{margin-right: 0;}
    .page_news .list li{width: 100%; margin-right: 0;}
    .page_news .list li .img{height: 180px;}

    .page_search .list{margin-right: 0;}
    .page_search .list li{width: 100%; margin-right: 0;}
    .page_search .list li .img{height: 180px;}
    
}


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

    .page_banner{height: 240px;}
    .page_banner .banner_text{padding: 150px 0 0 4%;}

    .p_t{margin-bottom: 20px;}
    .p_t h1{font-size: 20px; font-weight: normal;}
    .p_t h5{font-size: 14px;}

    /*----page_about----*/
    .page_about{padding-top: 100px;}
    .page_about h4{font-size: 18px;}
    .page_about h1{font-size: 24px;}

    .page_mark{padding: 100px 0; background: url("../image/page_mark.jpg") no-repeat center; background-size: cover}

    .page_advantage{padding: 40px 0;}
    .page_advantage .list li .img{width: 100%;}
    .page_advantage .list li .text{width: 100%; text-align: center; padding: 10px;}

    .page_culture{padding: 30px 0;}

    .page_team{padding: 30px 0;}
    .page_team .team_con h3{font-size: 16px;}

    .page_honor{padding: 30px 0;}

    .page_contact .contact_left{padding: 20px 10px;}
    .page_contact .contact_left .img{margin-right: 4px;}
    .page_contact .contact_right{padding: 20px 10px;}

    .page_news .list li .img{height: 160px;}

    .page_search .list li .img{height: 160px;}

    .page_features{padding-top: 100px;}
    .page_features h4{font-size: 18px;}
    .page_features h1{font-size: 24px;}

}