@charset "utf-8";


@media (min-width:1601px) {
    html {
        font-size: 16px;
    }
}

@media (min-width:1400px) and (max-width:1600px) {
    html {
        font-size: 14px;
    }
}

@media (min-width:640px) and (max-width:1399px) {
    html {
        font-size: 13px;
    }
}

@media (min-width:481px) and (max-width:639px) {
    html {
        font-size: 13px;
    }
}

@media (min-width:329px) and (max-width:480px) {
    html {
        font-size: 13px;
    }
}


@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1280px) {}

@media (min-width: 1440px) {}

@media (min-width: 1660px) {}

@media (min-width: 1921px) {}

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

@media (max-width: 1660px) {}

@media (max-width: 1600px) {
    .ul-serve1 li {
        width: 33.82vw !important;
        left: 1.7%;
        top: 8%;
    }
}

.web {}

.wap {
    display: none;
}

@media (max-width: 1440px) {
    #xjsb .m .arr_left {
        left: 45%;
        margin-left: -3.5rem;
        bottom: -5.5rem;
        top: auto !important;
    }

    #xjsb .m .arr_right {
        right: 45%;
        margin-right: -3.5rem;
        bottom: -5.5rem;
        top: auto !important;
    }
}

@media (max-width: 1360px) {
    .map_buju {
        width: 600px;
    }

    .ul-serve1 li {
        width: 34.82vw !important;
        left: 1.7%;
        top: 8%;
    }
}

@media (max-width: 1280px) {
    .n_wenhua .centerbox {
        width: 30rem;
    }

    .n_ys .img {
        width: 24rem !important;
    }

    .n_ys .imgbox i {
        font-size: 13rem;
        top: -3rem;
    }
}

@media (max-width: 1200px) {
    #nav {
        margin-right: 1.5rem;
    }

    #header {
        display: none;
    }

    #m_header {
        display: block;
    }

    #nav_btn_box {
        display: block;
    }


    #m_n_nav {
        display: block
    }

    .web {
        display: none;
    }

    .wap {
        display: block;
    }

    span.wap {
        display: inline;
    }

    .online_q {
        display: none;
    }

    /* body{ padding-top: 4.5rem;} */
    /* #banner .swiper{ height: calc(100vh - 4.5rem);} */
    .s_about .tt {
        font-size: 3rem;
    }


    .headerbox {
        display: none;
    }

    .zidh {
        display: none;
    }
}

@media (max-width: 1100px) {
    .foot_nav {
        display: none;
    }

    .m-pic-center {
        display: none;
    }

    .ul-serve1 li {
        position: relative;
        width: 100% !important;
        margin-bottom: 20px;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }

    .ul-serve1 .con {
        flex-direction: row !important;
        justify-content: flex-start;
        height: auto;
    }

    .ul-serve1 .m-pic {
        width: 180px;
        height: 180px;
    }

}

@media (min-width: 1100px) {

    .slide_for .li.hide {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

    .slide_for .li+.li {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .m-pic-center {
        top: 50%;
        transform: translate(-50%, -50%);
        width: 27.44vw;
        height: 27.44vw;
    }

    .ul-serve1 li {
        width: 24.82vw;
        left: 1.7%;
        top: 8%;
    }

    .ul-serve1 .li2 {
        left: auto;
        right: 1.55%;
    }

    .ul-serve1 .li3,
    .ul-serve1 .li4 {
        top: 55.1%;
    }

    .page .on,
    .page a:hover {
        border: 1px solid #157cca;
        background: #157cca;
        color: #fff
    }

    .page a:hover svg path {
        fill: #fff
    }


}

/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px) {

    .slide_for .li.hide {
        display: none !important;
    }

    .n_new ul {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width:481px) and (max-width:992px) {}

@media (max-width: 860px) {
    .s_probox {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .pad_top {
        padding-top: 5rem !important;
    }

    .pad_bot {
        padding-bottom: 5rem !important;
    }

    .m {
        padding: 0 50px;
    }

    .s_probox .s_proright {
        grid-template-columns: 1fr 1fr;
    }

    .s_probox .s_proright .cpbox {
        padding: 1rem;
    }

    .s_title h4 {
        font-size: 2rem;
    }

    .xm_slide_for ul {
        grid-template-columns: 1fr 1fr;
        gap: 1.75rem 1.4168rem;
    }

    .wh_slide_nav {
        height: auto;
        grid-template-columns: 1fr 1fr;
    }

    .wh_slide_nav li {
        padding: 1rem;
    }

    .wh_slide_nav li:last-child {
        border-radius: 0 0 0.625rem 0;
    }

    .wh_slide_nav li:nth-child(3) {
        border-radius: 0 0 0 0.625rem;
    }

    .wh_slide_for .li {
        flex-direction: column;
        gap: 2rem;
    }

    .s_about {
        padding: 5rem 0;
    }

    .s_about .s_aboutcon {
        flex-direction: column;
    }

    .s_about .m>i {
        margin: 2.25rem 0 2.5rem;
    }

    .s_about .s_abox div h4,
    .s_newdt .s_newhead .s_newleft h5 {
        font-size: 2rem;
    }

    .s_about .m .shuju {
        margin-top: 2.75rem;
    }

    .s_about .m .shuju ul li div em {
        font-size: 1.25rem;
    }

    .s_about .m .shuju ul {
        height: auto;
        padding: 1rem;
    }

    .s_about .m .shuju ul li {
        flex-direction: column;
        gap: 0;
    }

    .s_about .m .shuju ul li div .counter {
        font-size: 2rem;
    }

    .s_newdt .s_newhead {
        flex-direction: column;
        gap: 1.5rem;
        margin-bottom: 2.125rem;
    }

    .s_newdt .s_newhead .s_newleft {
        align-items: flex-start;
        flex-direction: column;
    }

    .s_newdt .snew_slide_for .li {
        grid-template-columns: 1fr;
    }

    #foot .footbox .footleft .footcons h5 {
        letter-spacing: .625rem;
    }

    .ul-serve1 .m-pic {
        width: 90px;
        height: 90px;
    }

    .ul-serve1 .pic .iconfont {
        font-size: 2rem !important;
    }

    .ul-serve1 .txt .desc {
        font-size: 1rem;
    }

    .ul-serve1 .con {
        gap: 1rem;
    }

    .ul-serve1 .txt {
        padding: 0 !important;
    }

    .ul-serve1 .li1 .txt {
        text-align: left;
    }

    .n_shouhou .inner {
        height: auto;
    }


    .n_shform .inner {
        grid-template-columns: 1fr;
        gap: 1.625rem;
    }

    .n_shform .inner .rights {
        padding: 2rem;
    }

    .n_shform .inner .rights .rtop {
        flex-direction: column;
    }

    .n_shform .inner .rights .rtop>div,
    .n_shform .inner .rights .rbot>div {
        width: 100% !important;
    }

    .n_shform .inner .rights .rbot,
    .n_shouqian .m {
        flex-direction: column;
    }

    .n_shform .inner .rights .rbot button {
        width: 35vw;
    }

    .n_shouqian .m .sqbox>p {
        margin: 1.25rem 0;
    }

    .n_title h5 {
        font-size: 1.875rem;
    }

    .sslist li .img {
        max-width: 10.625rem;
    }

    .n_xmal ul {
        gap: 1.8125rem 1.65625rem;
        grid-template-columns: 1fr 1fr;
    }

    .n_newxq .m {
        grid-template-columns: 1fr;
    }

    .alxqbox {
        grid-template-columns: 1fr;
    }

    .n_cpxl .m,
    .n_cpxq .cptop {
        grid-template-columns: 1fr;
    }

    .n_cpxl .s_proleft {
        position: relative;
        top: 0;
    }

    .n_dzxx .bd {
        grid-template-columns: 1fr;
    }

    .xmwh_slide_for .li {
        flex-direction: column;
    }

    .xmwh_slide_nav {
        margin-top: 2rem;
        bottom: 2rem;
    }

    .n_lic .history ul li {
        padding: 0 1.75rem 0;
    }

    .n_lic .history ul li h4 {
        padding-right: 1.5rem;
    }

    .n_lic .history ul li div {
        margin: 1.375rem 0 0 1.5rem;
    }
}

@media (max-width: 680px) {
    .modal-content {
        width: 90%;
    }

    .modal-body {
        padding: 4rem 4rem;
    }

    .s_fuwu ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .s_fuwu ul li {
        padding: 2rem 1.125rem 3.25rem;
    }

    .s_fuwu ul li:nth-child(odd)::before {
        display: none;
    }

    .n_banner {
        height: 16.25rem;
        padding-top: 2rem;
    }

    .ar_fot {
        justify-content: space-between;
        align-items: stretch;
        flex-direction: column;
    }

    .ar_fot h5 {
        margin-top: 0;
    }

    .alxqbox {
        gap: 1.875rem;
    }

    .n_cpxl .s_proright {
        grid-template-columns: 1fr;
    }

    .n_cpxl .s_proright .cpbox {
        padding: 1.5rem;
        height: auto;
    }

    .n_cpxl .page .box {
        justify-content: center;
    }

    .n_cpxl {
        padding-top: 3rem;
    }

    #relpros a {
        height: 21rem;
    }

    .n_dzxx .txt {
        padding: 2rem 1.75rem;
    }

    .n_lic .history ul li h4 {
        font-size: 2rem;
    }

    .xmwh_slide_for .li h2 {
        font-size: 3.125rem;
        line-height: 1.5;
    }
}

@media (max-width: 480px) {
    .pad_top {
        padding-top: 4rem !important;
    }

    .pad_bot {
        padding-bottom: 4rem !important;
    }

    .pad_top2 {
        padding-top: 3rem !important;
    }

    .pad_bot2 {
        padding-bottom: 3rem !important;
    }

    .pad_top3 {
        padding-top: 2rem !important;
    }

    .pad_bot3 {
        padding-bottom: 2rem !important;
    }

    .m {
        padding: 0 15px;
    }

    .hmFocus_item,
    .index_section1 {
        height: 50vh;
    }

    .s_probox .s_proright .cpname p {
        font-size: .9375rem;
    }

    .s_newdt .snew_slide_for .li .snew_hot a {
        padding: 1.375rem 1rem 1.5rem;
    }

    .n_shform .inner .lefts .tit {
        font-size: 2.375rem;
    }

    .n_shform .inner .lefts .tit2 {
        font-size: 1.75rem;
    }

    .n_new ul {
        grid-template-columns: 1fr;
    }

    .ar_title h4 {
        font-size: 1.875rem;
    }

    #cpsy .swiper-slide .img {
        height: 14.875rem;
    }

    .n_ppbox .pro_next {

        right: 0;
    }

    .n_ppbox .pro_prev {
        left: 0;
    }

    .n_ppbox .swiper-button-white i {
        color: #fff;
    }

    .n_lxfk .bd {
        padding: 1.5rem 2rem 3rem;
    }

    .n_lxfk form {
        grid-template-columns: 1fr;
    }

    .n_lxfk .textareabox {
        grid-column: 1/2;
    }

    .n_lxfk .button {
        height: 3.5rem;
    }

    .n_dzxx .txt h3 {
        font-size: 1.75rem;
        margin-bottom: 1.5rem;
    }
    .honorbox .box {
        padding: 1.5rem 1.25rem;
    }
}

@media (max-width: 320px) {
    #modal .gridbox .group input {
        padding: 1rem;
        line-height: 1rem;
    }

    .modal-body {
        padding: 1rem 1rem;
    }

    #modal .s_title {
        flex-wrap: wrap;
        gap: .5rem;
    }

    .modal-body .modal-title {
        margin: 0;
    }
}