@media (min-width: 769px) and (max-width: 1024px) {
 .main{
        width: 100%;
    }
    .nav_Mobile{
        display: block;
    }
    .nav{
        position: relative;
        height: 80px;
    }
    .nav_display{
        /* display: block; */
        padding: 0 20px;
    }
    .nav_left img{
        width: 100px;
    }
    .nav_left .logoTit{
        font-size: 18px;
        padding: 0;
    }
    .nav_right{
        display: none;
    }
    .nav_MobileList{
        position: absolute;
        top: 80px;
        left: 0;
        width: 100%;
        height: 200px;
        background-color: #062750;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 100;
        display: none;
        transition: all 0.3s ease-in-out;
    }
    .nav_MobileList div{
        width: 100%;
        margin-bottom: 20px;
        font-size: 18px;
        color: #fff;
        font-weight: 400;
        text-align: left;
        padding-left: 20px;
    }

    /* banner */
    .banner{
        height: 100%;
    }
    .banner_flex{
        display: block;
    }
    .banner_h1{
        /* font-size: 32px; */
    }
    .banner_left{
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        left: 0;
    }
    .banner_h2{
        /* font-size: 32px; */
    }
    .banner_p{
        width: 100%;
        margin: 20px 0;
    }
    .banner_mobild_flex{
        display: flex;
    }
    .banner_iconBox{
        /* display: block; */
    }
    .banner_display{
        /* margin: 20px 0; */
    }
    .banner_btn{
        /* width: 100%; */
    }
    .banner_btnText{
        font-size: 16px;
    }
    /* center_one */
    .center_one{
        padding: 0 20px;
        display: block;
    }
    .center_onelistBox{
        display: block;
    }
    .center_onelist{
        width: 100%;
        margin-bottom: 20px;
    }
    .center_oneTit{
        /* font-size: 32px; */
    }
    /* center_two */
    .center_two{
        padding: 0 20px;
    }
    .center_twoTit{
        font-size: 32px;
    }
    .center_twoList{
        display: block;
    }
    .center_twoBoxactive{
        display: block;
        height: 100%;
        text-align: center;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .center_twoBox{
        display: block;
        height: 100%;
        text-align: center;
        padding: 20px 0;
    }
    .center_banner{
        padding: 0 20px 20px 20px;
        height: 100%;
    }
    .center_bannerBox{
        display: block;
    }
    .center_bannerList{
        width: 100%;
        margin-top: 20px;
    }
    .center_bannerTit h2{
        font-size: 32px;
        color: #fff;
    }
    .center_buzhouTextBox{
        margin-left: 5px;
    }
    /* center_FAQ */
    .center_FAQ{
        padding: 0 20px;
    }
    .center_FAQrongyu{
        flex-wrap: wrap;
        padding: 0;
    }
    .center_FAQrongyuBox{
        justify-content: center;
        margin-bottom: 20px;
    }
    /* footer */
    .footer{
        padding:0 20px;
    }
    .footerZindex p{
        font-size: 14px;
    }
 }


@media (max-width: 768px) {
    .main{
        width: 100%;
    }
    .nav_Mobile{
        display: block;
    }
    .nav{
        position: relative;
        height: 80px;
    }
    .nav_display{
        /* display: block; */
        padding: 0 20px;
    }
    .nav_left img{
        width: 100px;
    }
    .nav_left .logoTit{
        font-size: 18px;
        padding: 0;
    }
    .nav_right{
        display: none;
    }
    .nav_MobileList{
        position: absolute;
        top: 80px;
        left: 0;
        width: 100%;
        height: 200px;
        background-color: #062750;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 100;
        display: none;
        transition: all 0.3s ease-in-out;
    }
    .nav_MobileList div{
        width: 100%;
        margin-bottom: 20px;
        font-size: 18px;
        color: #fff;
        font-weight: 400;
        text-align: left;
        padding-left: 20px;
    }

    /* banner */
    .banner{
        height: 100%;
    }
    .banner_flex{
        display: block;
    }
    .banner_h1{
        font-size: 32px;
    }
    .banner_left{
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        left: 0;
    }
    .banner_h2{
        font-size: 32px;
    }
    .banner_p{
        width: 100%;
        margin: 20px 0;
    }
    .banner_mobild_flex{
        display: flex;
    }
    .banner_iconBox{
        display: block;
    }
    .banner_display{
        margin: 20px 0;
    }
    .banner_btn{
        width: 100%;
    }
    .banner_btnText{
        font-size: 16px;
    }
    /* center_one */
    .center_one{
        padding: 0 20px;
        margin: 20px 0;
    }
    .center_onelistBox{
        display: block;
    }
    .center_onelist{
        width: 100%;
        margin: 0 20px 20px 0;
    }
    .center_oneTit{
        font-size: 32px;
    }
    /* center_two */
    .center_two{
        padding: 0 20px;
        margin: 20px 0;
    }
    .center_twoTit{
        font-size: 32px;
    }
    .center_twoList{
        display: block;
    }
    .center_twoBoxactive{
        display: block;
        height: 100%;
        text-align: center;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .center_twoBox{
        display: block;
        height: 100%;
        text-align: center;
        padding: 20px 0;
    }
    .center_banner{
        padding: 0 20px 20px 20px;
        height: 100%;
    }
    .center_bannerBox{
        display: block;
    }
    .center_bannerList{
        width: 100%;
        margin-top: 20px;
    }
    .center_bannerTit h2{
        font-size: 32px;
        color: #fff;
    }
    .center_buzhouTextBox{
        margin-left: 5px;
    }
    /* center_FAQ */
    .center_FAQ{
        padding: 0 20px;
    }
    .center_FAQrongyu{
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }
    .center_FAQrongyuBox{
        justify-content: center;
        margin-bottom: 20px;
    }
    /* footer */
    .footer{
        padding:0 20px;
    }
    .footerZindex p{
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .main{
        width: 100%;
    }
    .nav_Mobile{
        display: block;
    }
    .nav{
        position: relative;
        height: 80px;
    }
    .nav_display{
        /* display: block; */
        padding: 0 20px;
    }
    .nav_left img{
        width: 100px;
    }
    .nav_left .logoTit{
        font-size: 18px;
        padding: 0;
    }
    .nav_right{
        display: none;
    }
    .nav_MobileList{
        position: absolute;
        top: 80px;
        left: 0;
        width: 100%;
        height: 200px;
        background-color: #062750;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 100;
        display: none;
        transition: all 0.3s ease-in-out;
    }
    .nav_MobileList div{
        width: 100%;
        margin-bottom: 20px;
        font-size: 18px;
        color: #fff;
        font-weight: 400;
        text-align: left;
        padding-left: 20px;
    }

    /* banner */
    .banner{
        height: 100%;
    }
    .banner_flex{
        display: block;
    }
    .banner_h1{
        font-size: 32px;
    }
    .banner_left{
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        left: 0;
    }
    .banner_h2{
        font-size: 32px;
    }
    .banner_p{
        width: 100%;
        margin: 20px 0;
    }
    .banner_mobild_flex{
        display: flex;
    }
    .banner_iconBox{
        display: block;
    }
    .banner_display{
        margin: 20px 0;
    }
    .banner_btn{
        width: 100%;
    }
    .banner_btnText{
        font-size: 16px;
    }
    /* center_one */
    .center_one{
        padding: 0 20px;
        margin: 20px 0;
    }
    .center_onelistBox{
        display: block;
    }
    .center_onelist{
        width: 100%;
        margin-bottom: 20px;
    }
    .center_oneTit{
        font-size: 30px;
    }
    /* center_two */
    .center_two{
        padding: 0 20px;
        margin: 20px 0;
    }
    .center_twoTit{
        font-size: 30px;
    }
    .center_twoList{
        display: block;
    }
    .center_twoBoxactive{
        display: block;
        height: 100%;
        text-align: center;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .center_twoBox{
        display: block;
        height: 100%;
        text-align: center;
        padding: 20px 0;
    }
    .center_banner{
        padding: 0 20px 20px 20px;
        height: 100%;
    }
    .center_bannerBox{
        display: block;
    }
    .center_bannerList{
        width: 100%;
        margin-top: 20px;
    }
    .center_bannerTit h2{
        font-size: 32px;
        color: #fff;
    }
    .center_buzhouTextBox{
        margin-left: 5px;
    }
    /* center_FAQ */
    .center_FAQ{
        padding: 0 20px;
    }
    .center_FAQrongyu{
        display: block;
        padding: 0;
    }
    .center_FAQrongyuBox{
        justify-content: center;
        margin-bottom: 20px;
    }
    /* footer */
    .footer{
        padding:0 20px;
    }
    .footerZindex p{
        font-size: 14px;
    }
}


.displayNone{
    display: none;
}
.nav_MobileList.show {
    display: block;
}