/* 所有页面的媒体查询 */




/* 
1025-----------1200    中等屏幕
*/
@media screen and (min-width: 1025px) and (max-width: 1200px) {

    .header_m22_bot_r {
        width: 70%;
    }

    .m22_Two1_01 {
        width: 100%;
        padding-bottom: 30px;
    }

    .m22_Two1_02 {
        width: 62%;
    }

    .m22_Five1_01 {
        background-size: cover;
    }





}


/* 
768------------1024    ipad
*/
@media screen and (min-width: 768px) and (max-width: 1024px) {

    .ind_video_maskBox .video_Box_1 {
        width: 92%;
        height: 400px;
    }

    .bg_fixed {
        background-attachment: scroll;
    }



    .header_m22_bot_r {
        display: none;
    }

    .header_m22_bot_w {
        height: 80px;
        -ms-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .m22_Two1_01 {
        width: 100%;
        padding-bottom: 30px;
    }

    .m22_Two1_02 {
        width: 59%;
    }

    .m22_Three2 {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 30px;
        row-gap: 30px;
    }

    .m22_Five1_01 {
        background-size: cover;
    }

    .m22_Five1_01_l {
        width: 100%;
    }

    .m22_Five1_01_r {
        width: 100%;
        padding: 30px 0 0;
    }

    .m22_Five1_01_r_01 {
        max-width: 100%;
    }

    .m22_Six1_l {
        width: 100%;
    }

    .m22_Six1_r {
        width: 100%;
        padding-top: 30px;
    }

    .m22_Seven1_l {
        width: 100%;
    }

    .m22_Seven1_r {
        width: 100%;
        padding-top: 20px;
    }

    .m22_Seven2 {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 30px;
        row-gap: 30px;
    }

    .m22_Eight1_l {
        width: 100%;
    }

    .m22_Eight1_r {
        width: 100%;
        margin-bottom: 35px;
        -ms-order: -1;
        -webkit-order: -1;
        order: -1;
    }


















}


/* 
1--------------767      手机
*/
@media screen and (min-width: 1px) and (max-width: 767px) {

    .plr_15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ind_video_maskBox .video_Box_1 {
        width: 92%;
        height: 220px;
    }

    .bg_fixed {
        background-attachment: scroll;
    }






    .wrap {
        width: 100%;
    }

    .ptb {
        padding-left: 15px;
        padding-right: 15px;
    }

    .p3_inquiry_pop_form_l {
        display: none;
    }

    .p3_inquiry_pop_form_r {
        width: 100%;
    }

    .header_m22_top {
        display: none;
    }

    .header_m22_bot_r {
        display: none;
    }

    .header_m22 {
        height: 70px;
    }

    .header_m22_bot_w {
        height: 70px;
        -ms-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .m22_Two1_01 {
        width: 100%;
        padding-bottom: 20px;
    }

    .m22_Two1_03 {
        width: 100%;
        margin-top: 30px;
    }

    .m22_Two1_02 {
        width: 100%;
    }

    .m22_Three2 {
        grid-template-columns: repeat(1, 1fr);
        column-gap: 0;
        row-gap: 15px;
    }

    .m22_Five1_01 {
        background-size: cover;
    }

    .m22_Five1_01_l {
        width: 100%;
    }

    .m22_Five1_01_r {
        width: 100%;
        padding: 30px 0 0;
    }

    .m22_Five1_01_r_01 {
        max-width: 100%;
    }

    .m22_Six1_l {
        width: 100%;
    }

    .m22_Six1_r {
        width: 100%;
        padding-top: 30px;
    }

    .m22_Seven1_l {
        width: 100%;
    }

    .m22_Seven1_r {
        width: 100%;
        padding-top: 20px;
    }

    .m22_Seven2 {
        grid-template-columns: repeat(1, 1fr);
        column-gap: 0;
        row-gap: 15px;
    }

    .m22_Eight1_l {
        width: 100%;
    }

    .m22_Eight1_r {
        width: 100%;
        margin-bottom: 35px;
        -ms-order: -1;
        -webkit-order: -1;
        order: -1;
    }








}