@media only screen and (min-width:751px) {
    .mh {
        margin: 0 auto;
        display: block;
    }

    body {
        height: 100%;
    }

    .head_pc {
        height: 100%;
    }

    .nav-ul {
        list-style: none;
    }

    a {
        text-decoration: none;
    }

    .nav-li a {
        color: #333333;
        font-family: "Î¢ÈíÑÅºÚ";
        font-size: 18px;
    }


    .container {
        width: 100%;
        height: 100%;
    }

    .c-m-q {
        width: 1420px;
        margin: auto;
    }

    .q-1 img {
        display: block;
        margin: auto;
    }

    .q-1 {
        display: inline-block;
        width: 23.751%;
        margin-bottom: 5%;
    }

    .q-2 img {
        display: block;
        margin: auto;
    }

    .q-2 {
        display: inline-block;
        width: 23.751%;
        margin-bottom: 5%;
    }

    .q-3 img {
        display: block;
        margin: auto;
        /*width:330px;*/
    }

    .q-3 {
        display: inline-block;
        width: 23.751%;
        margin-bottom: 5%;
    }
    .q-4 img {
        display: block;
        margin: auto;
        width:330px;
    }
    .q-4 {
        display: inline-block;
        width: 23.751%;
        margin-bottom: 5%;
    }
   
 
    .c-head {
        width: 100%;
        margin: auto;
        height: 100%;
        border-bottom: 1px solid #dadada;
    }

    .nav-bg img {
        width: 100%;
    }

    .nav-bg {
        height: 100%;
        width: 100%;
    }

    .nav-ul {
        list-style: none;
        width: 1420px;
        margin: auto;
        height: 82px;
        clear: both;
    }

    .nav-li {
        width: 152px;
        float: left;
        height: auto;
        padding-top: 20px;
        line-height: 40px;
        padding-bottom: 20px;
        padding-left: 13px;
        margin-right: 25px;
    }

    ul, li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .xuanzhong {
        color: #145499 !important;
        font-weight: 600;
        padding-bottom: 26px;
        border-bottom: solid 4px #145499;
    }

    .c-middle {
        width: 100%;
        height: 100%;
    }

    .c-m-m {
        width: 1420px;
        margin: auto;
        padding-bottom: 3%;
        margin-top: 3%;
    }
}

@media only screen and (max-width:750px) {
    .c-head {
        width: 100%;
        margin: auto;
        height: 100%;
        border-bottom: 1px solid #dadada;
        overflow-y: hidden;
        overflow-x: auto;
    }

    .q-1 {
        display: inline-block;
        width: 49% !important;
        margin-bottom: 5%;
    }

    .q-2 {
        display: inline-block;
        width: 49% !important;
        margin-bottom: 5%;
    }

    .q-3 {
        display: inline-block;
        width: 49% !important;
        margin-bottom: 5%;
    }
    .q-4{
        display: inline-block;
        width: 49% !important;
        margin-bottom: 5%;
    }
    .q-1 img {
        display: block;
        width: 60% !important;
        margin: auto;
    }

    .q-2 img {
        display: block;
        width: 60% !important;
        margin: auto;
    }

    .q-3 img {
        display: block;
        width: 60% !important;
        margin: auto;
    }
    .q-4 img {
        display: block;
        width: 60% !important;
        margin: auto;
    }
    .nav-ul {
        list-style: none;
        width: 912px;
        margin: auto;
        height: 82px;
        clear: both;
    }

    .nav-li {
        text-align: center;
        width: 152px;
        float: left;
        height: auto;
        padding-top: 20px;
        line-height: 40px;
        padding-bottom: 20px;
        padding-left: 0;
        margin-right: 0;
    }

    .m-m {
        width: 100%;
        height: 100%;
        margin: auto;
    }

    .m-text {
        /* font-size: 24px; */
        font-size: 20px;
        padding-bottom: 5%;
        line-height: 43px;
        width: 90%;
        margin: auto;
    }

    .m-bt {
        float: left;
        font-size: 15px;
        color: #145595;
        width: 33%;
        /* margin-right: 10%; */
        text-align: center;
        padding-bottom: 3%;
    }

    .m-bn {
        display: inline;
        font-size: 25px;
        color: #145595;
    }

    .m-st {
        /* float: left; */
        font-size: 15px;
        color: #999999;
        /* width: 20%; */
        text-align: center;
    }

    .m-t11 img {
        margin-left: 6%;
        height: 155px;
    }

    .m-t12 img {
        margin-left: 10%;
        /* margin-right: 82%; */
    }

    .m-t13 img {
        margin-left: 14.5%;
        /* margin-right: 82%; */
        /* margin-top: 10%; */
    }

    .m-t14 img {
        width: 95.5%;
        margin-left: 2%;
        margin-top: 4%;
    }

    .m-t22 img {
        width: 95.5%;
        /* height: 310px; */
        margin-left: 2%;
        margin-top: 4%;
    }

    .m-t22 {
        /* float: left; */
        width: 100%;
    }

    .m-t23 img {
        /* margin-left: 3%; */
        margin-top: 4%;
    }

    .m-t24 img {
        /* margin-left: -1%; */
        margin-top: 4%;
    }

    .gsjj-middle {
        width: 100%;
        height: 100%;
        padding-bottom: 10%;
        background: url(/TemplatePage/001/image/jjbj.jpg);
    }

    .mh {
        display: none;
    }

    .c-m-m {
        width: 100%;
        margin: auto;
        padding-bottom: 3%;
        margin-top: 3%;
    }

        .c-m-m img {
            width: 100%;
        }

        .c-m-m .mi {
            display: block !important;
        }

    .mh {
        display: none;
    }

    .nav-li a {
        color: #333333;
        font-family: "Î¢ÈíÑÅºÚ";
        /*font-size: 18px;*/
        font-size: 14px;
    }

    .nav-ul {
        list-style: none;
        width: 600px;
        margin: auto;
        height: 40px;
        clear: both;
    }

    .nav-li {
        text-align: center;
        width: 100px;
        float: left;
        height: auto;
        padding-top: 0;
        line-height: 40px;
        padding-bottom: 0;
        padding-left: 0;
        margin-right: 0;
    }

    .xuanzhong {
        color: #145499 !important;
        font-weight: 600;
        padding-bottom: 7px;
        border-bottom: solid 4px #145499;
    }
}<!--ºÄÊ±1753343986.2657Ãë-->