@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) {

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

    .slide_for .li.hide {
        opacity: 0;
        visibility: hidden;
    } */
}

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

@media (min-width: 1200px) {
    /* .s_news .hd ul li:hover a:before { border-image: linear-gradient(to right, #ff0410 0%, #e896b2 75%, #f5d8db 100%) 4;} */
    /* .s_news .hd ul li:hover a:after {width: 100%;left: 0;right: auto;} */
    /* .s_news .hd ul li:hover a {color: #fff;} */
}

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

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

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

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

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

@media (max-width: 1600px) {
    .n_hongzhen .m .vsbox {
        display: flex;
    }
}

.web {}

.wap {
    display: none;
}

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

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

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

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

    #header {
        display: none !important;
    }

    #m_header {
        display: block;
    }

    #nav_btn_box {
        display: block;
    }

    .n_title {
        display: none
    }

    #m_n_nav {
        display: block
    }

    .web {
        display: none;
    }

    .wap {
        display: block;
    }

    span.wap {
        display: inline;
    }

    .online_q {
        display: none;
    }

    body,
    body.nei {
        padding-top: 4.5rem;
    }

    .fp-viewing-page1 .menu-handler {
        opacity: 1;
        visibility: visible;
    }


    .foot_nav {
        display: none;
    }

    .n_banner {
        margin-top: 0;
    }

    #pcnav {
        display: none;
    }

    .page .box {
        gap: 1rem 0;
        margin: 2rem 0;
    }

    .n_zrhonor .m {
        gap: 5rem;
    }

    .n_deed .deedbox #n_deed .swiper-slide {
        flex-direction: column;
    }

}

@media (max-width: 1100px) {
    .n_licheng .m {
        flex-direction: column-reverse;
    }

    .n_licheng #lcswiper .swiper-wrapper>.swiper-slide {
        grid-template-columns: 1fr;
    }

    .n_licheng #lcswiper .swiper {
        order: 2;
    }

    .lcnavs {
        overflow: auto;
    }

    .lcnavs .lc_nav {
        width: 800px !important;
    }

    .lcnavs::-webkit-scrollbar {
        display: none;
    }
    .lcnavs .lclines {
        top: 21px;
    }
    .n_licheng .lc_nav li::before {
        top: 5px;
        right: 0px;
    }
    .n_licheng .lc_nav::before {
        top: 5px;
        left: 0;
    }
    .lcnavs::after {
        content: '';
        position: absolute;
        height: 2px;
        width: 800px;
        background: #e5e5e5;
        left: 0;
        top: 21px;
        z-index: -1;
    }
    .n_licheng .lc_nav li {
        border-top: none;
    }
    .n_licheng .lc_nav li::after{
        right: -3.5px;
        top: 1.5px;
        width: 16px;
        height: 16px;
    }
    .n_licheng .lc_nav::after {
        top: 4px;
    }
}

@media (min-width: 1100px) {
    .page a:hover {
        background: #b7845e;
        border: 1px solid #b7845e;
        color: #fff;
        text-decoration: none;
    }

    .n_deed .m {
        padding-right: 0;
        margin-right: 0;
        padding-left: 0;
    }
}

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

@media (max-width: 992px) {
    .s_tt {
        font-size: 2.25rem;
    }

    #fp-nav,
    .line02,
    .line03 {
        display: none;
    }

    #foot .lj {
        line-height: 1;
        gap: .75rem;
        flex-wrap: wrap;
    }

    #foot .box1 {
        display: none;
    }

    .s_newcenter .newcenter {
        grid-template-columns: 1fr;
    }

    .s_newcenter .hotnew {
        border-right: none;
        padding: 0;
    }

    #online_qs {
        display: none;
    }

    #banner {
        padding: 0;
    }

    .section,
    .s_add,
    .footer {
        padding: 8rem 0;
    }

    .s_about .m {
        flex-direction: column;
        gap: 3rem;
    }

    .s_about .m .aboutright {
        gap: 3rem 4.75rem;
        width: 100%;
    }

    .s_advice .s_lyfw,
    .n_lawzx .n_lyfw,
    .n_coophz .n_lyfw {
        grid-template-columns: 1fr;
        gap: 2.125rem;
    }

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

    .n_hzhonor .ul .li1 .img {
        height: 12.0625rem;
    }

    .n_zrhonor .bd,
    .n_zrhonor .hd {
        display: none;
    }

    .licheng_slide_wap {
        display: block;
    }

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

    .n_teamfc .team_ul {
        grid-template-columns: repeat(4, 1fr);
    }
    .lingybox_slide_nav {
        grid-template-columns: repeat(3,1fr);
    }
}

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

@media (max-width: 860px) {
    .n_hongzhen .m .vsbox {
        flex-direction: column;
    }

    #list_slide .fx {
        flex-direction: column;
        gap: 1rem;
    }

    .n_zhaopin #list_slide dt {
        height: auto;
        padding: 1.25rem 1.75rem;
    }

    .n_zhaopin #list_slide dt h3 {
        width: 100%;
    }

    .n_right {
        display: block;
    }

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

    .n_dangjianew ul li .djcon {
        padding: 1.5rem 1rem;
    }

    .n_dangjianew ul {
        grid-template-columns: 1fr 1fr;
        gap: 1.6875rem;
    }

    .n_zrwishes .m {
        grid-template-columns: 1fr;
        gap: 2rem;
        justify-items: center;
    }

    .n_jj1 .zwbox #zhiwei .zwhead {
        margin: 0 auto 2rem;
    }

    .n_jj1 .zwbox {
        margin-top: 2rem;
    }

    .n_teamxq .teamren {
        grid-template-columns: 1fr;
        gap: 1.1875rem;
    }

    .n_contactus .contact_slide_nav {
        height: 20%;
        width: 100%;
        flex-direction: row;
    }

    .n_contactus .contact_slide_nav li::before {
        display: none;
    }

    .contact_address h4 {
        font-size: 1.625rem;
    }

    .contact_address h5 {
        font-size: 1.5rem;
    }

    .n_contactus .contact_slide_for .li .contact_address {
        width: 100%;
        height: 50%;
        top: auto;
        transform: translate(0, 0);
        bottom: 0;
        padding: 2rem 1rem;
        position: relative;
        border-bottom: 1px solid rgb(255 255 255 / 30%);
    }

    .n_contactus .contact_slide_for .li {
        height: auto;
    }

    .n_contactus .contact_slide_nav {
        position: relative;
        padding: 1.25rem 0;
        gap: 1rem;
    }
}

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

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


    .m {
        padding: 0 50px;
    }

    .qr-scanner {
        display: none;
    }

    .section,
    .s_add,
    .footer {
        padding: 6rem 0;
    }

    #banner,
    #foot {
        padding: 0 !important;
    }

    #foot .box2 .m {
        flex-direction: column;
        gap: 1rem;
    }

    .footer .left {
        width: 100%;
        text-align: center;
        margin-bottom: 2rem;
    }

    .foot_tel {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .foot_tel span {
        margin-bottom: 0;
    }

    .foot_rukou {
        margin-bottom: 2rem;
    }

    .foot_ewm {
        padding-bottom: 5rem;
    }

    .foot_rukou ul {
        column-gap: 1.5rem;
    }

    .s_news .bd ul {
        column-gap: 1.5rem;
    }

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

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

    #foot .box2 {
        justify-content: center;
    }

    .s_msbox {
        margin-right: 0;
    }

    .s_about .m .aboutleft>p {
        margin: 1.5rem 0;
    }

    .s_newcenter .s_newbox {
        grid-template-columns: 1fr;
    }

    .s_newbox .s_nw .swiper-button-white {
        margin-top: 0;
    }

    #nwc a .s_nwcon {
        border-right: 1px solid #e9e9e9;
        border-radius: 0;
    }

    .hour24 {
        margin: 1.5rem 0 1.375rem;
    }

    .lyfw_right {
        padding: 1.875rem 1rem;
    }

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

    .lyfw_right ul li:nth-child(3) {
        grid-column-start: auto;
        grid-column-end: auto;
    }

    #foot .box2-right .brtop {
        flex-direction: column;
        justify-content: center;
    }

    .foot_link {
        width: 100%;
    }

    .s_team .teambox .tea_prev {
        left: 0;
    }

    .s_team .teambox .tea_next {
        right: 0;
    }

    .hotlist ul li a {
        flex-direction: column;
    }

    .hotlist ul li a .hotcon {
        margin: 1.875rem 0 2.5rem 0;
        width: 100%;
    }

    .hotlist ul li .img {
        max-width: 100%;
    }

    .hotlist ul li a .hotcon p {
        margin-bottom: 1.5rem;
    }

    .hzintro .sjgd::before {
        display: none;
    }

    .hzintro .sjgd {
        grid-template-columns: 1fr 1fr;
        gap: 1.875rem;
        justify-items: start;
    }

    .hzintro .sjgd .counter {
        font-size: 2.5rem;
    }

    .ph .phbox .prevph {
        left: 0;
    }

    .ph .phbox .nextph {
        right: 0;
    }

    .ph {
        margin: 0;
        padding-bottom: 11.75rem;
    }

    .weizhi {
        bottom: 1rem;
    }

    .n_zhaopin #list_slide dt h3 {
        grid-template-columns: 1fr 1fr;
        font-size: 1rem;
    }

    .n_zhaopin #list_slide dt .tgl {
        position: absolute;
        right: 1rem;
        top: 1rem;
    }

    .n_zhaopin .content {
        padding: 1.5rem 0;
        flex-direction: column;
        gap: 1rem;
    }

    .n_zhaopin .content .scrollbox {
        max-height: 100%;
        padding-right: 0;
    }

    .n_zhaopin #list_slide dd .jianli {
        flex-direction: column;
    }

    .n_zhaopin #list_slide dd {
        padding: 0 1.25rem 2.5rem;
    }

    .n_natural ul li a {
        grid-template-columns: 1fr;
    }

    .n_natural ul li a .ziycon {
        padding: 2rem;
    }

    .n_natural ul li:nth-child(even) a .ziycon {
        order: 0;
    }

    .n_natural ul li a .ziycon::before,
    .n_natural ul li a .ziycon::after {
        display: none;
    }

    .n_hzhonor .ul {
        grid-template-columns: 1fr 1fr;
        gap: 1rem 2.875rem;
    }

    .n_wh1,
    .n_wh2 {
        height: auto;
    }

    .n_wh2 .wh2 {
        position: relative;
        top: 0;
        padding: 0;
    }

    .n_jj2 .m img {
        position: relative;
        right: 0;
        bottom: -8rem;
        min-width: auto;
        min-height: auto;
    }

    .n_teamfc .team_ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .lingybox {
        margin: 0 0 2.25rem;
    }
}

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

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

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

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

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

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

    .m {
        padding: 0 15px;
    }

    #banner .swiper-container {
        height: auto;
    }

    #banner .swiper-slide h4 {
        font-size: 2rem;
    }

    #banner .txt {
        padding: 0;
    }

    .swiper-buttonbox {
        left: 4.5%;
        bottom: 12%;
    }

    #banner .swiper-pagination {
        bottom: 15%;
    }

    .swiper-buttonbox .swiper-button-white {
        height: 103%;
    }

    .draw_h {
        width: 3rem !important;
        height: 3rem !important;
    }

    .s_zhuanye #s_zy {
        /* max-width: 80%; */
    }

    .s_zhuanye .zybox {
        height: auto;
    }

    .s_zhuanye .dotbox {
        position: relative;
        bottom: 0;
        margin-top: 2rem;
    }

    .s_zhuanye .s_tit {
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0, 0);
        margin-bottom: 2rem;
    }

    .fullPage .fp-tableCell {
        height: auto !important;
    }

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

    .s_msbox {
        z-index: 3;
        max-width: 100%;
        height: 19.0625rem;
        padding: 2.6875rem 1.75rem 3rem;
    }

    #s_ms .sms-sub-box h5 {
        font-size: 1.625rem;
    }

    #s_ms .swiper-button-white {
        bottom: -.625rem;
    }

    .s_team .teambox {
        margin: 2rem 0;
    }

    .section,
    .s_add,
    .footer {
        padding: 3.5rem 0;
    }

    .s_team .m,
    .s_newcenter .m,
    .s_three .m {
        padding-top: 0;
    }

    .foot_ewm {
        padding-bottom: 3rem;
    }

    .s_news .bd .box .txt h5 {
        font-size: 1.3125rem;
        margin-bottom: .5rem;
    }

    .top_menu_box .top_menu {
        flex-shrink: 0;
        margin-left: 1.4rem;
    }

    .top_menu.btn_language svg {
        width: 1.75rem;
        height: 1.75rem;
        margin-right: .5rem;
    }

    .btn_play {
        width: 5rem;
        height: 5rem;
    }

    .s_add .bgbox .img02 {
        display: block;
    }

    .s_add .bgbox .img01 {
        display: none;
    }

    .s_add .m {
        justify-content: flex-start;
    }

    .s_add .bd dl dd a {
        position: static;
    }

    .s_add .bd dl dt {
        flex-shrink: 0;
    }

    #dj .dj_con,
    #wz .wz_con,
    #nw .nw_con {
        padding: 2rem 2.625rem 2rem 1.5625rem;
    }

    #sousuo .inputs {
        grid-template-columns: 1fr 1fr;

    }

    .calendar-modal {
        right: 0;
    }

    .flswitch .lefts ul li a {
        padding: 0 1rem;
    }

    #falv .flswitch .rights ul,
    #gwteam ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .modal-body {
        padding: 2.75rem;
    }

    .close svg {
        width: 1.75rem;
        height: 1.75rem;
    }

    .close {
        top: .5rem;
        right: .5rem;
    }

    .s_swiper .swiper-slide .slidess {
        flex-direction: column;
    }

    .s_newcenter .hotnew h4 {
        font-size: 1rem;
    }

    .s_newcenter .nornew ul li {
        padding: 2rem 0;
    }

    .s_newcenter .nornew ul li a {
        grid-template-columns: 1fr;
    }

    #foot .lj,
    #foot .lianjie {
        justify-content: center;
    }

    #foot .lianjie {
        gap: .875rem;
    }

    .nextpage {
        display: none;
    }

    .s_newcenter .hotnew .hottit {
        max-width: 11rem;
    }

    .s_about .m .aboutright .counter {
        font-size: 2rem;
    }

    .s_about .m .aboutright em {
        line-height: .5;
    }

    .s_about .tsmore {
        margin-left: 1rem;
    }

    .s_team #team .img_db:after {
        padding-top: 118.17%;
    }

    .s_newhead .newtou {
        padding-left: .875rem;
    }

    .s_newcenter .tsmore {
        flex-shrink: 0;
        width: 9.25rem;
    }

    .s_newhead .newtou h4 {
        font-size: 1.5rem;
    }

    .s_newbox .s_newlist li a .img {
        max-width: 8rem;
        flex-shrink: 0;
        margin: 0 1rem;
    }

    .s_newbox .s_newlist li a {
        padding: 1rem;
    }

    .lyewmbox div {
        font-size: 1.875rem;
    }

    .s_three {
        padding-top: 0 !important;
    }

    #foot .box2 .foot_phone h6 {
        font-size: 1.75rem;
    }

    .n_banner h6 {
        font-size: 1.5rem;
    }

    .btn_video2 {
        width: 5rem;
        height: 5rem;
    }

    .btn_video2 svg {
        width: 2rem;
    }

    #thumbs .gaoliang h5 {
        font-size: 1.125rem;
    }

    .ar_title h4 {
        font-size: 1.5rem;
        margin-bottom: .5rem;
    }

    #foot .box2_slide_nav {
        width: 100%;
        justify-content: space-between;
    }

    .n_example .n_anli li a p {
        margin: 1rem 0 1.5rem;
    }

    .n_natural ul li a h5 {
        font-size: 1.5rem;
    }

    .n_natural ul li a i {
        font-size: 2.25rem;
    }

    .n_dangjian h5 {
        font-size: 1.75rem;
    }

    .n_banner {
        height: 16.375rem;
    }

    .n_hzhonor .ul .li1 .img {
        padding: 0.9375rem;
        height: 9.0625rem;
        background-size: 100% 100%;
    }

    .n_hzhonor .ul .li1 a::before {
        bottom: 3.625rem;
    }

    .n_hzhonor .ul a i {
        margin: 2.5rem auto 1rem;
    }

    .n_wh1 p::before {
        display: none;
    }

    .n_wh2 .wh2con {
        height: 16.625rem;
    }

    .n_wh1 h5 {
        font-size: 1.25rem;
    }

    .n_jj2 .m img {
        bottom: -4rem;
    }

    .n_jj2 .m h5 {
        font-size: 1.875rem;
        line-height: 1.5;
    }

    .n_jj2 .m h5 p {
        font-size: 1.375rem;
    }

    .n_deed .deedbox #n_deed .deedcon>h5 {
        font-size: 1.5rem;
        margin: 1rem 0;
    }

    .n_deed .deedbox #n_deed .ar_article {
        max-height: 100%;
        padding-right: 0;
        margin-bottom: 1rem;
    }

    .n_deed .deedbox #n_deed .swiper-slide {
        gap: 1.25rem;
    }

    .n_deed .deedbox #n_deed .deedcon .nums h5,
    .n_deed .deedbox #n_deed .deedcon .nums h6 {
        font-size: 2rem;
        line-height: 2.25rem;
    }

    .n_deed .deedbox #n_deed .deedcon .nums p {
        font-size: 1.625rem;
        line-height: 1.875rem;
    }

    .n_deed .deedbox .swiper-pagination {
        bottom: -1.25rem !important;
    }

    .n_teamfc .team_ul {
        grid-template-columns: 1fr 1fr;
    }

    .n_teamfc .teaname {
        margin-bottom: 3.25rem;
        gap: 1rem;
    }

    .n_teamxq .teamren .rencon h5 {
        font-size: 1.875rem;
    }

    .n_teamxq .teamren .rencon div {
       1 margin: 1.25rem;
    }

    #foot .box2 {
        padding-bottom: 2rem;
    }

    .lingybox #lingy .swiper-slide {
        font-size: .875rem;
    }

    .n_lingy #lingycon p {
        margin: 1.5rem 0 0;
    }

    .n_lingy #lingycon h5 {
        font-size: 1.625rem;
    }

    .n_lawzx .n_lyfw,
    .n_coophz .n_lyfw {
        padding-top: 2rem;
    }

    .hour24hz h5 {
        font-size: 1.75rem;
    }

    .contact_address ul li div {
        width: 38px;
        height: 46px
    }

    .contact_address ul li p {
        font-size: 1.125rem;
    }

    .contact_address ul li a {
        font-size: 1rem;
        align-items: flex-start;
    }

    .contact_address ul li {
        gap: .5rem;
    }

    .n_contactus .contact_slide_nav li h5 {
        font-size: .9375rem;
    }

    .n_contactus .contact_slide_for img {
        height: 20rem;
        width: 100%;
    }
    .n_licheng .lc_nav li h5 {
        font-size: 1.25rem;
    }
    .n_licheng .m {
        gap: 3rem;
    }
    .n_licheng #lcswiper .lchead span {
        left: 8rem;
    }
    .n_licheng #lcswiper .lchead .ths p:first-child {
        font-size: 4.375rem;
    }
    .n_licheng #lcswiper .lchead .ths p:last-child {
        font-size: 3rem;
    }
    .n_licheng #lcswiper .lcyear {
        margin: 1rem 0;
    }
    .n_licheng #lcswiper .swiper-wrapper>.swiper-slide {
        gap: 2rem;
    }
    .n_licheng #lcswiper .lcyear h5 {
        font-size: 1.75rem;
    }
    .licheng_slide_wap ul li .txt:after {
        height: 100%;
    }
    .n_hzhonor .ul a p {
        font-size: .9375rem;
    }
    .n_zrwishes {
        padding-bottom: 3.5rem;
    }
    .n_hztese h5, .n_hzgl h5 {
        font-size: 1.625rem;
    }
    .hotlist ul li a .hotime {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-top: 0;
    }
    .hotlist ul li a .hotime span {
        font-size: 1rem;
    }
    .hotlist ul li a .hotcon {
        margin: .5rem 0 1.25rem 0;
        width: 100%;
    }
    .hotlist ul li a .hotcon h5 {
        font-size: 1.375rem;
    }
    .s_newhead .newtou h4 {
      1  padding: 5rem 2.375rem;
    }
    .s_team #team .teacon, .n_teamfc .team_ul a .teamcon {
        padding: 1.5rem 1rem;
    }
    .n_example .n_anli {
        gap: 2.875rem 2.5625rem;
    }
    .n_contactus .contact_slide_nav li img {
        width: 3rem;
    }
    .lingybox_slide_nav {
        grid-template-columns: 1fr 1fr;
    }
    .lingybox_slide_nav li {
        font-size: .875rem;
    }
}



@media (max-width: 320px) {
    .s_swiper .arrows .swiper-button-white {
        display: none;
    }

    #chanpin {
        margin: 0;
    }
}