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



    .n_nav2 ul li:hover {

        background: #752919;

    }



    .n_nav2 ul li:hover a {

        color: #fff;

    }



    .page a:hover {

        border: 1px solid #00a7f0;

        background: #00a7f0;

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

    #fzlc .swiper-button-white {

        top: 15%;

    }

}



.web {}



.wap {

    display: none;

}



@media (max-width: 1500px) {

    #zp .lc {

        background: none;

    }



    #honors .swiper-slide>div::after {

        left: 7px;

        top: 30px;

    }



}



@media (max-width: 1440px) {



    .s_hall .left .txt h4 {

        font-size: 2.5rem;

    }



    .s_hall .m {

        gap: 6rem;

    }



    .business_wrap .contents {

        min-height: 640px;

    }



    .business_wrap .business_slider .item {

        width: 320px;

        height: 660px;

    }



    .business_wrap .business_slider .item .img {

        height: 314px;

    }



    .business_wrap .business_slider .item.slick-on {

        width: 570px;

    }



    .business_wrap .business_slider .item.slick-on .img {

        height: 557px;

    }



    .main_home {

        height: 40rem;

    }



}







@media (max-width: 1360px) {
    #procen .swiper-slide a {
        width: 13rem;
        height: 13rem;
    }
    #header #nav {
        width: 600px;
    }
}







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







@media (max-width: 1200px) {



    #nav {

        margin-right: 1.5rem;

    }



    #header {

        display: none;

    }



    #m_header {

        display: block;

    }



    #nav_btn_box {

        display: block;

    }



    .s_about .txt {

        margin-left: 0;

        max-width: 620px;

    }



    .s_about .m {

        display: flex;

        justify-content: flex-end;

    }



    .n_title,

    #dh {

        display: none

    }



    #m_n_nav {

        display: block

    }



    .web {

        display: none;

    }



    .wap {

        display: block;

    }



    span.wap {

        display: inline;

    }



    .online_q {

        display: none;

    }



    body {

        padding-top: 4.5rem;

    }



    .n_nav {

        display: none;

    }

    #fuli2 ul {

        background: none;

    }





}







@media (max-width: 1100px) {

    .modal-content {

        width: 90%;

        height: 90%;

        overflow-y: scroll;

    }



    #zp .contact .m>img {

        display: none;

    }



    #zp .contact .lx>h5,

    #zp .contact h4,

    #zp .lx .xx p {

        text-align: center;

    }



    #zp .contact .saoma,

    #zp .contact .m {

        justify-content: center;

    }



    #zp .contact .hf {

        margin-left: 0;

    }

    #recruit .zhaopin {

        grid-template-columns: 1fr;

    }

    .recurxx img {

        display: none;

    }

    .recurxx .zpphone {

        margin-top: 2rem;

    }

    #buy .m {

        flex-wrap: wrap;

    }

    #buy .zb::before {

        display: none;

    }

    #buy .zb h4 {

        font-size: 1.5rem;

    }



    #buy .zb {

        position: relative;

        width: 100%;

        top: 0;

    }



}







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







@media (max-width: 992px) {



    #lic .licleft {

        padding: 0px 0rem 0 2rem;

    }



    .foot_nav {

        display: none;

    }



    #bg .fz ul {

        grid-template-columns: 1fr 1fr;

    }



    #yp .sq {

        grid-template-columns: 1fr;

    }



    #zp .gw li {

        padding: 1.25rem;

    }



    #zp .gw li p {

        line-height: 1.5;

    }





 

    .faxx table {

        width: 800px !important;

    }

    #product table {

        width: 1000px !important;

    }

    .scrolls {

        overflow-x: auto;

    }

    #qywh {

        height: auto;

        background-size: cover;

    }

    #qywh ul {

        grid-template-columns: 1fr 1fr;

    }

    #qywh h4 {

        color: #fff;

    }

    .gundong ul {

        display: grid;

        padding: 2rem 0 3rem;

        gap: 2rem 3rem;

        grid-template-columns: .5fr .5fr 1fr;

    }

    .gundong ul li i {

        right: -30px;

    }

    #recruit .zhaopin {

        padding: 3.75rem 1.75rem 4rem 1.75rem;

    }

    .zpgw #list_slide dt h3 span:first-child {

        font-size: 1rem;

    }

    #n_containers .procen {

        grid-template-columns: 1fr;

    }

    .procen .bors {

        display: none;

    }

    .prolist {

        position: relative;

        top: 0;

        width: 100%;

    }

    .contacts , .contacts_jj {

        background: none;

    }
    #honorss a .img {
        height: 6.25rem;
    }

}







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







@media (max-width: 860px) {



    .fa,

    .newcp {

        height: auto;

    }



    .facon {

        top: 40%;

    }



    .jright .imgs img,

    .jright {

        width: 100%;

    }



    .jies {

        flex-wrap: wrap;

    }



    .companycon a {

        margin: auto;

    }



    .newcp {

        grid-template-columns: 1fr 1fr;

    }



    .nright h4 {

        width: auto;

        font-size: 1.25rem;

    }



    .nright div,

    .newcp .nleft {

        padding: 3.5rem 1.5rem;

    }



    #bg .renzheng {

        flex-wrap: wrap;

        gap: 2.5rem;

    }



    #bg .renzheng img {

        margin: auto;

    }



    .modal-title {

        padding: 1rem;

        flex-wrap: wrap;

        gap: 1.5rem;

    }



    .modal-body {

        padding: 5rem 2rem;

    }



    #zp .contact .hf h5 {

        padding-right: 0;

    }

    #fuli3 ul {

        grid-template-columns: repeat(4,1fr);

    }

    .contactcon {

        flex-wrap: wrap;

        gap: 1.5rem;

    }

    #jishu .yjsd {

        gap: 2rem 4rem;

    }
    .fa ul {
        flex-wrap: wrap;
    }

    .fa ul li {
        width: 50%;

    }

    

    

}







@media (max-width: 768px) {

    .m {

        padding: 0 30px !important;

    }



    .pad_top {

        padding-top: 5rem !important;

    }



    .pad_bot {

        padding-bottom: 5rem !important;

    }





    .newcp {

        grid-template-columns: 1fr;

    }



    #bg .fz ul li h5 {

        font-size: 1.25rem;

    }



    .right_con {

        margin-top: 3rem;

        margin-left: 0;

        width: 100%;

    }



    .mainbox {

        flex-direction: column;

    }



    .modal-body .modal-con {

        padding: 2.375rem 0 0 0;

    }



    #zp .lc {

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 1rem 1rem;

    }



    #zp .gw {

        grid-template-columns: 1fr 1fr;

    }



    .spbg {

        height: auto;

    }



    #zp .contact .hf {

        display: none;

    }



    #buy .fb {

        padding: 2rem;

    }



    .areacon p a {

        position: absolute;

        right: 0;

        bottom: 0;

    }

    #fuli3 ul {

        grid-template-columns: 1fr 1fr;

    }

    #fuli2 ul li {

        width: auto;

    }

    #fuli2 ul {

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 2rem;

    }

    #honors .swiper-slide {

        margin-top: 0 !important;

    }

    #result ul {

        grid-template-columns: 1fr 1fr 1fr;

    }

    .reltsearch {

        width: 100%;

    }

    #result {

        padding-left: 0;

    }

    #n_banner .m h4 {

        font-size: 2rem;

    }

    #n_banner .m h5 , #bg .zlcon h5 ,

    #yp h5 , .iconhz h4 , #honors h5 {

        font-size: 1.625rem;
        margin-left: 0;

    }

    #bg .zlcon p{
        margin-left: 0;
    }

    #yp .phoness p {

        font-size: 1.875rem;

    }

    .icons {

        width: 4.3125rem;

        height: 4.3125rem;

    }

    #buy .fb .areacon::before  {

        display: none;

    }

    

}







@media (max-width: 480px) {

    .swiper_con {

        padding: 1rem 0.875rem 1rem 1rem;

        width: auto;

        height: auto;

    }



    .pad_top {

        padding-top: 3rem !important;

    }



    .pad_bot {

        padding-bottom: 3rem !important;

    }



    .pad_top2 {

        padding-top: 3rem !important;

    }



    .pad_bot2 {

        padding-bottom: 3rem !important;

    }



    .m {

        padding: 0 15px !important;

    }





    #banner .swiper {

        height: 15rem;

    }



    #procen .swiper-slide a {

        width: 12rem;

        height: 12rem;

        margin: auto;

    }



    .s_tits h5 {

        font-size: 1.5rem;

    }




    .companycon a {

        width: 5rem;

        height: 5rem;

        font-size: .9375rem;

    }



    .jleft h4,

    .cptit h5 {

        font-size: 1.5rem;

    }



    .jleft h5 {

        font-size: 1.875rem;

    }



    #foot .item a {

        height: 4rem;

    }



    .f_address>p {

        margin: .5rem 0 0 4rem;

    }



    .ewm {

        margin-left: 4rem;

    }



    .nright h4 {

        font-size: 1rem;

    }



    .newcp .nleft a {

        margin-top: 2rem;

    }



    .newcp h4 {

        font-size: 1.25rem;

    }



    #gg ul {

        grid-template-columns: 1fr;

    }



    #bg .fz ul li div {

        height: 15rem;

        padding: 1.25rem 1.5rem 1rem;

    }



    .gouxuan .leix .dxk {

        grid-template-columns: 1fr;

    }



    .gouxuan .three .dxk {

        grid-template-columns: 1fr 1fr 1fr;

    }



    .page .box {

        gap: 0.5rem;

    }



    #newbg .new ul {

        grid-template-columns: 1fr;

    }



    .leftright a {

        height: 4rem;

        padding: 1.125rem;

        line-height: 1.5rem;

    }



    #zp .gw li {

        padding: 1rem;

    }



    .cxy ul {

        grid-template-columns: 1fr 1fr;

    }



    .cxy .cxytit p {

        padding: 0 5%;

    }



    .spbg h5 {

        font-size: 2rem;

    }



    .spbg p {

        font-size: 1.25rem;

    }



    .tc_video .tc_close {

        top: -3rem;

        right: 0rem;

    }

    #fuli4 ul {

        grid-template-columns: 1fr;

        gap: 2rem;

    }

    #fuli1 .jinsheng {

        flex-wrap: wrap;

        gap: 2.5rem;

    }

    .jt {

        display: none;

    }



    .contactcon .contactxq p {

        padding-left: 2.25rem;

    }

    .contactcon .contactxq p svg {

        flex-shrink: 0;

        position: absolute;

        left: 0;

        top: 5px;

    }

    #jishu .yjsd {

        padding: 2rem;

        grid-template-columns: 1fr;

    }



    #fzlc .swiper-button-white {

        top: 50%;

    }

    #qywh ul {

        gap: 1.25rem;

    }

    #qywh ul li h5 {

        font-size: 1.25rem;

    }

    #qywh ul li .whcon {

        padding: 1rem 1.5rem;

    }

    .contacts_jj h5 {

        font-size: 1.5rem;

    }

    #qywh h4 , .contacts_jj  h4 {

        font-size: 1.75rem;

    }

    .sps a div {

        width: 3.125rem;

        height: 3.125rem;

    }

    .zpgw #list_slide dt h3 {

        grid-template-columns: 1fr;

    }

    .zpgw #list_slide dt h3 .days {
        text-align: left;
    }

    .zpgw #list_slide dt {

        padding: 0 2rem;

    }

    .zpgw #list_slide dt .tgl:after {

        left: 25%;

        width: 1rem;

    }

    .zpgw #list_slide dt .tgl:before {

        width: 1rem;

    }

    .xqname {

        flex-wrap: wrap;

    }

    #n_banner {

        height: 15rem;

    }

    .gundong ul li .counter ,#zp .contact h4 {

        font-size: 2rem;

    }

    .pinzhi h5 {

        font-size: 1.25rem;

    }

    .contacts_jj p {

        font-size: 1.25rem;

    }

    #yp h4 ,  #zp .contact .lx>h5 , #n_containerhr h4, #hrzs h4 , .xqname h3  {

        font-size: 1.875rem;

    }

    .ar_title .time , .ar_title h2 , #zp h4 ,

    .contacts h5 , .fatit h4 {

        font-size: 1.5rem;

    }

    .fatit {

        margin-bottom: 1.5rem;

    }

    #jjfa .m>div {

        margin-bottom: 2.5rem;

    }

    #zp .gw {

        gap: 1rem;

    }

    #zp .m>div {

        padding-bottom: 3rem;

    }

    .areatit , #fuli2 ul li h5 , #fuli4 ul li h5 ,

    .contacts .lxphone p , #productxq h5 {

        font-size: 1.375rem;

    }

    #fuli2 ul li p {

        font-size: 1rem;

    }

    #fuli4 ul li .hdcon {

        margin: 1rem 0;

    }

    .contactcon .wxma {

        padding: 8px;

    }

    .mapbox {

        height: 400px;

    }

    .fa4 .faadv ul {

        padding: 2.5rem 2rem;

    }

    .faadv ul li::before, #productxq .ys li::before{

        top: 0;

    }

    #n_containerhr h4, #hrzs h4 {

        margin-bottom: 2rem;

    }

    #fzlc{

        height: 50rem;

    }

    #honorss a div i {

        margin-top: 0;

    }

    .fzs .swiper-button-white {

        height: 79%;

    }
    #buy .zb p a {
        margin-left: 0;
    }
    .areacon p a {
        position: relative;
    }
    #procen .swiper-slide p {
        font-size: 1rem;
    }
    #procen .swiper-slide:nth-child(3n+3).on {
        background: transparent;
    }
}





@media (max-width: 350px) {

    .news ul li a .img {

        max-width: 100%;

    }



    .news ul li a {

        flex-wrap: wrap;

    }

}