@media(max-width:1200px){
    .w1200{
        padding: 0 20px;
    }
}

@media(max-width:1023px){
    body.pad140{
        padding-top: 80px;
    }

    .language{
        display: none;
    }

    .btn_nav{
        display: flex;
    }

    .nav{
        display: none;
    }
}

@media(max-width:768px){
    /* content1 */
    body.pad140{
        padding: 80px 0 44px;
    }

    .banner .swiper-pagination .swiper-pagination-bullet{
        height: 2px;
    }

    .content1{
        padding: 40px 0;
        margin-top: 0;
    }

    .content1 .top .left,
    .content1 .top .right{
        width: 100%;
    }

    .content1 .top .left .info{
        margin: 20px 0;
        padding-right:0 ;
    }

    .content1 .top .left .c_more{
        display: none;
    }

    .content1 .top .right .pic{
        margin-top: 20px;
    }

    .content1 .bot{
        display: none;
    }


    /* content2 */

    .content2{
        padding: 40px 0;
    }

    .content2 .swiper-container{
        margin-top: 30px;
    }


    /* content3 */

    .content3{
        padding: 40px 0;
    }

    .content3 .swiper-container{
        margin-top: 30px;
    }


    /* content4 */

    .content4{
        padding: 40px 0;
    }

    .content4 .pro_wrap{
        margin-top: 30px;
    }

    /* content5 */

    .content5{
        padding: 40px 0;
    }

    .content5 .flex{
        margin-top: 30px;
    }

    /* content6 */

    .content6{
        padding: 40px 0;
    }

    /* about */

    .i_nav{
        display: none;
    }

    .about{
        padding: 40px 0;
    }

    .c_tit2 h2{
        font-size: 24px;
    }

    .about .flex{
        margin-top: 30px;
    }

    .about .flex .right .tit{
        padding-bottom: 10px;
        font-size: 18px;
    }
    
    .about .flex .right .info{
        margin-top: 20px;
    }

    .honor{
        padding: 40px 0;
    }

    .honor .honor_wrap{
        margin-top: 30px;
    }

    .culture{
        padding: 40px 0;
    }

    .culture .flex{
        margin-top: 30px;
    }

    .culture .flex .right .wrap p{
        font-size: 16px;
    }

    .slogan{
        padding: 40px 0;
    }

    .slogan .flex{
        margin-top: 30px;
    }

    .slogan .flex .left .info .wrap{
        margin-bottom: 20px;
    }
    
    .m_footer{
        display: flex;
    }


    /* contact1 */

    .contact1_content1::after{
        background: none;
    }

    .contact1_content1 .wrap{
        flex-wrap: wrap;
    }

    .contact1_content1 .wrap img{
        width: 100%;
        max-width: inherit;
    }

    .contact1_content1 .wrap .info{
        padding: 0;
    }
    
    .contact1_content1 .wrap .info p{
        color: #333;
    }

    .contact3{
        padding: 20px 0;
    }

    .contact3 .wrap{
        padding: 20px;
    }

    .contact3 .wrap > .top{
        min-height: auto;
        flex-wrap: wrap;
    }

    .contact3 .wrap .top .left, .contact3 .wrap .top .right{
        width: 100%;
    }

    .contact3 .wrap .top .left .contact3_tit{
        padding-bottom: 10px;
        font-size: 18px;
    }
    
    .contact3 .wrap .top .left .contact3_tit::after{
        height: 2px;
    }

    .contact3 .wrap .top .left h2{
        margin: 20px 0;
        font-size: 16px;
    }

    .contact3 .wrap .top .right{
        margin-top: 20px;
    }

    .contact3 .map{
        height: 400px;
        margin-top: 20px;
    }


    .contact3 .swiper-button-prev{
        top: 50%;
        left: 10px;
    }
    
    .contact3 .swiper-button-next{
        top: 50%;
        left: auto;
        right: 10px;
    }

}

@media(max-width:648px){
    body.pad140{
        padding-top: 56px;
    }

    header{
        height: 56px;
        box-shadow: 0 2px 2px rgba(196, 227, 255, 0.5);
    }

    header .w1200{
        height: 56px;
    }

    header .logo img{
        width: 240px;
    }
    
    .btn_nav {
        height: 56px;
        width: 56px;
    }


    .banner .swiper-slide img.pc{
        display: none;
    }
    
    .banner .swiper-slide img.m{
        display: block;
    }

    .banner .swiper-pagination .swiper-pagination-bullet{
        width: 40px;
    }
    
    .c_tit h2{
        font-size: 16px;
    }

    .c_tit p{
        font-size: 16px;
    }

    /* content1 */

    .content1{
        padding: 20px 0;
    }

    /* content2 */

    .content2{
        padding: 20px 0;
    }

    .content2 .wrap{
        padding: 20px 10px;
    }

    .content2 .wrap p{
        margin: 20px 0;
        font-size: 14px;
    }

    .content2 .swiper-button-prev{
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    
    .content2 .swiper-button-prev:hover{
        background-size: 30px 30px;
    }
    
    .content2 .swiper-button-next{
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    
    .content2 .swiper-button-next:hover{
        background-size: 30px 30px;
    }

    /* content3 */

    .content3{
        padding: 20px 0;
        background: #FAFAFA;
    }
    
    .content3 .swiper-container{
        width: 80%;
        margin-top: 30px;
    }

    .content3 .swiper-wrapper{
        flex-wrap: wrap;
    }

    .content3 .swiper-button-prev{
        display: none;
    }

    .content3 .swiper-button-next{
        display: none;
    }

    .content3 .swiper-wrapper .swiper-slide{
        margin-bottom: 10px;
    }

    .content3 .swiper-slide .wrap .mask{
        background: none;
    }

    .content3 .swiper-slide .wrap .mask .mask_wrap{
        width: 100%;
        padding: 10px;
    }

    .content3 .swiper-slide .wrap .mask .tit{
        margin-bottom: 16px;
        opacity: 1;
        font-size: 14px;
    }

    /* content4 */

    .content4{
        padding: 20px 0;
        background: #fff;
    }

    .content4 .pro_wrap{
        flex-wrap: wrap;
    }

    .content4 .pro_wrap .wrap{
        width: 100%;
        margin-bottom: 10px;
    }
    
    .content4 .pro_wrap .wrap img{
        width: 100%;
    }

    .content4 .pro_wrap .wrap .tit{
        top: 12px;
    }

    /* content5 */

    .content5{
        padding: 20px 0;
    }

    .content5 .flex{
        display: none;
    }

    .content5 .swiper-container{
        display: block;
    }


    /* content6 */

    .content6{
        padding: 20px 0 40px;
        height: auto;
    }

    .content6 .swiper-container{
        margin-top: 20px;
    }

    .content6 .swiper-pagination{
        margin: 10px ;
    }

    
    /* footer */
    
    .footer .flex{
        padding: 20px 0;
    }
    
    .footer .flex .left .row{
        margin-bottom: 12px;
    }

    .footer .flex .right{
        display: none;
    }

    .copyright{
        padding: 10px;
        line-height: 24px;
        font-size: 12px;
    }
    
    .copyright span{
        display: block;
        margin: 0;
    }



    /* about */

    .i_banner img.m{
        display: block;
    }
    
    .i_banner img.pc{
        display: none;
    }

    .about{
        padding: 20px 0;
    }

    .c_tit2 h2{
        font-size: 18px;
    }

    .about .flex{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .about .flex .left{
        margin-top: 10px;
    }

    .about .flex .right{
        padding-left: 0;
    }

    .about .flex .left, .about .flex .right{
        width: 100%;
        height: auto;
    }

    .about .flex .right .over{
        height: auto;
        max-height: inherit;
        padding-right: 0;
    }

    .about .flex .right .tit::after{
        background: #085AA2;  
    }

    .honor{
        padding: 20px 0;
    }

    .honor .honor_wrap{
        margin-top: 20px;
    }

    .honor .honor_wrap .wrap .info{
        margin-top: 10px;
    }
    
    .honor .honor_wrap .wrap .info p{
        font-size: 12px;
    }

    .c_page{
        margin-top: 30px;
    }

    .c_page a{
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
    }

    .culture{
        padding: 20px 0;
    }

    .culture .flex{
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .culture .flex .left, .culture .flex .right{
        width: 100%;
    }

    .slogan{
        padding: 20px 0;
    }

    .slogan .flex{
        flex-wrap: wrap;
        margin-top: 20px;
    }
    
    .slogan .flex .left, .slogan .flex .right{
        width: 100%;
    }

    .slogan .flex .left{
        padding: 0;
        margin-bottom: 10px;
    }

    /* 下属公司 */

    .company{
        padding: 20px 0;
    }

    .company .flex{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .company .flex .left .left_bg{
        display: none;
    }

    .company .flex .left, .company .flex .right{
        width: 100%;
        padding: 0;
    }

    .company .flex .right .tit{
        margin-bottom: 20px;
    }

    .company .flex .right .tit p{
        font-size: 20px;
    }

    .company .flex .right .tit h2{
        margin: 0;
        font-size: 18px;
    }


    /* products */

    .products{
        padding: 20px 0;
    }

    .products .pro_tit{
        margin-bottom: 20px;
        font-size: 18px;
    }

    .products .pro_wrap .wrap{
        width: calc(50% - 10px);
    }
    
    .products .pro_wrap .wrap:nth-child(2n){
        margin-right: 0;
    }

    .products .pro_wrap .wrap .info{
        padding: 10px;
    }

    .products .pro_wrap .wrap .info .tit{
        margin-bottom: 8px;
        font-size: 16px;
    }
    
    .products .pro_wrap .wrap .info p{
        margin-bottom: 8px;
    }

    .products .c_page{
        margin-top: 0;
    }

    /* products_show */

    .products_show{
        padding: 20px 0;
    }

    .pro_show_top{
        flex-wrap: wrap;
    }

    .pro_show_top .left .tit .top{
        font-size: 18px;
    }

    .pro_show_top .left .tit .top span{
        font-size: 36px;
    }

    .pro_show_top .left, .pro_show_top .right{
        width: 100%;
    }

    .pro_show_top .left .tit .bot span{
        margin-top: 10px;
        font-size: 16px;
    }

    .pro_show_top .left .info{
        width: 100%;
        padding: 20px;
        margin-top: 10px;
        min-height: auto;
    }

    .pro_show_top .left .info h3{
        margin-bottom: 10px;
        font-size: 16px;
    }
    
    .pro_show_top .left .info p{
        margin-bottom: 10px;
        line-height: 150%;
    }

    .pro_show_info_tit{
        margin: 30px 0 20px;
        font-size: 18px;
    }

    .pro_show_info .row{
        margin-bottom: 20px;
    }

    .pro_show_info .row p{
        line-height: 150%;
    }

    /* projects_wrap */

    .projects{
        padding: 20px 0;
    }

    .projects .project_tit{
        margin-bottom: 20px;
        font-size: 18px;
    }
        
    .projects .c_page{
        margin-top: 0;
    }

    .projects_wrap .wrap{
        position: relative;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }


    /* news */

    .news{
        padding: 20px 0;
    }

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

    .news_wrap .wrap{
        width: 100%;
        padding: 10px;
        border-left: none;
        border-bottom: 1px solid #ddd;
    }

    .news_wrap .wrap .tit{
        margin-bottom: 10px;
    }

    .news_wrap .wrap:nth-child(3n){
        border-right: none;
    }

    .news_wrap .wrap .time{
        margin-bottom: 10px;
        font-size: 12px;
    }


    /* video */

    .video{
        padding: 20px 0;
    }

    .video .video_tit{
        margin-bottom: 20px;
        font-size: 18px;
    }

    .video_wrap{
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .video_wrap .mask span{
        width: 44px;
    }

    .video_wrap .top .mask{
        opacity: 1;
    }


    /* news_show */

    .news_show{
        padding: 20px 0;
    }

    .news_show .title{
        padding-bottom: 20px;
    }

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

    .news_show .title span{
        font-size: 14px;
    }

    .page{
        padding: 0 0 30px;
    }

    .page .row{
        margin: 10px 0;
        font-size: 14px;
    }


    /* join1 */

    .join{
        padding: 20px 0;
    }
    
    .join1_wrap .wrap:nth-child(2n-1){
        flex-direction: inherit;
    }

    .join1_wrap .wrap:nth-child(2n+1) .left .info{
        padding: 0;
    }

    .join1_wrap .wrap .left,
    .join1_wrap .wrap .right{
        width: 100%;
    }

    .join1_wrap .wrap .left .info{
        margin: 10px 0;
    }

    .join1_wrap .wrap .left .info .tit .num{
        font-size: 36px;
    }

    .join1_wrap .wrap .left .info .tit span{
        font-size: 16px;
        white-space: nowrap;
    }

    .join1_wrap .wrap .left .info .tit p{
        margin-left: 10px;
        margin-top: 2px;
        line-height: 20px;
        white-space: nowrap;
    }

    .join1_wrap .wrap .left .info .bot{
        margin-top: 10px;
    }

    .join1_wrap .wrap .right .pic{
        width: 100%;
    }


    /* join2_info */

    .join2_info .row{
        margin: 0 0 20px;
    }

    .join2_info .row .tit{
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: bold;
    }


    /* join3 */

    .join3_wrap .swiper-container .swiper-slide{
        padding: 10px;
    }

    .join3_wrap .wrap{
        padding: 10px;
        flex-wrap: wrap;
        box-shadow: 0px 2px 10px 0px rgba(208, 208, 208, 0.5);
    }

    .join3_wrap::after{
        background: none;
    }

    .join3_wrap .wrap .pic{
        width: 100%;
    }
    
    .join3_wrap .wrap .info{
        width: 100%;
        margin-top: 10px;
        padding: 0;
    }

    .join3_wrap .swiper-pagination{
        margin: -5px 0 0;
    }

    .join3_wrap .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
        margin: 0 3px;
    }


    /* join4_wrap */

    .join4_tit{
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: bold;
    }

    .join4_wrap .wrap{
        width: 100%;
        margin: 10px 0;
        box-shadow: 0px 0px 5px 0px rgba(208, 208, 208, 0.5);
    }

    .join4_wrap .wrap:nth-child(2n){
        margin: 10px 0;
    }

    .join4_wrap .wrap .info{
        padding: 10px;
    }

    .join4_wrap .wrap .info .tit{
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: bold;
    }
    
    .join4_wrap .wrap .info p{
        line-height: 24px;
    }

    /* join5 */

    .join5_tit{
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: bold;
    }

    .join5 .flex{
        margin-bottom: 30px;
    }

    .join5 .flex .left{
        width: 100%;
    }

    .join5 .flex .info{
        position: relative;
        width: 100%;
        padding: 15px;
    }

    .join5_wrap .wrap{
        width: 100%;
        margin: 0 0 20px;
    }

    .join5_wrap .wrap .info{
        padding: 10px;
    }

    .join5_wrap .wrap .info .tit{
        margin-bottom: 10px;
        font-size: 16px;
    }

    .join5_wrap .wrap .info p{
        line-height: 21px;
    }


    /* join6 */

    .join6 .top img{
        width: 100%;
    }

    .join6 .top .info{
        position: relative;
        top: inherit;
        right: inherit;
        width: 100%;
        height: auto;
        padding: 20px;
        transform: inherit;
        box-shadow: 0 1px 10px 0 rgba(196, 227, 255, 0.5);
    }
    
    .join6 .top .info p{
        margin-bottom: 10px;
    }

    .join6 .top h2{
        display: none;
    }

    /* contact */

    .contact1_content1{
        padding: 20px 0;
    }

    .contact1_content1 .tit, .contact1_content3 .tit{
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: bold;
    }

    .contact1_content2{
        padding: 20px 0;
    }

    .contact1_content2 .tit{
        margin-bottom: 20px;
        font-size: 14px;
    }

    .contact1_content2 .flex .wrap{
        width: calc(50% - 10px);
        margin: 0 20px 20px 0;
    }

    .contact1_content2 .flex .wrap:nth-child(2n){
        margin: 0 0 20px;
    }
    
    .contact1_content2 .flex .wrap:nth-child(3n){
        margin: 0 20px 20px 0;
    }
    
    .contact1_content2 .flex .wrap:nth-child(6n){
        margin: 0 0 20px;
    }

    .contact1_content2 .bot .wrap .pic{
        width: 60px;
        height: 60px;
    }

    .contact1_content2 .bot{
        margin-top: 0;
    }

    .contact1_content3{
        padding: 20px 0;
    }


    /* contact2 */

    .contact2{
        padding: 20px 0;
    }

    .contact2_tit{
        flex-wrap: wrap;
    }

    .contact2_tit .num{
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 14px;
    }

    .contact2_tit .right{
        margin: 0;
    }

    .contact2 .row{
        margin-bottom: 10px;
        flex-wrap: wrap;
    }
    
    .contact2 .row span{
        margin-bottom: 10px;
        width: 100%;
    }

    .contact2 .row .right{
        width: 100%;
        padding-left: 0;
    }


    /* contact4 */

    .contact4{
        padding: 20px 0;
    }

    .contact4 .flex{
        flex-wrap: wrap;
    }
    
    .contact4 .flex .pic{
        width: 100%;
        margin-bottom: 20px;
    }

    .contact4 .flex .pic:nth-child(1){
        margin-right: 0;
    }
    
    .contact4 .flex .pic:nth-child(2){
        margin-left: 0;
    }


}