@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 #0da945;

        background: #0da945;

        color: #fff;

    }





}







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







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







@media (min-width: 1660px) {
    .ar_article .ks {
        position: relative;
      }
      
      .ar_article .ks::before {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding-top: 65.6%;
      }
    .ar_article iframe {
        width: 100%;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
      }
}







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







@media (max-width: 1660px) {
    .ar_article .ks {
        position: relative;
      }
      
      .ar_article .ks::before {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding-top: 65.6%;
      }
    .ar_article iframe {
        width: 100%;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
      }
    
}







@media (max-width: 1600px) {

    .medias .swiper-button-white {

        display: none;

    }

}



.web {}



.wap {

    display: none;

}



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







@media (max-width: 1280px) {
    #juzhen .swiper-wrapper {
        justify-content: flex-start !important;
    }
}







@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;

    }



    #m_n_nav {

        /* margin-bottom: 2rem; */

    }



    #fen4 ul li:nth-child(2) , #fen4 ul li:nth-child(3) {

        display: none;



    }

    #exp .tuwen {

        grid-template-columns: 1fr 1fr;

    }

}







@media (max-width: 1100px) {

    .news_xq_con {

        flex-direction: column;

    }

    .news_xq_con .left_con {

        width: 100%;

    }

    .n_news .news_xq_con .right_con {

        margin-top: 3rem;

    }

    .news_xq_con .right_con {

        width: 100%;

        margin-left: 0;

        display: flex;

        flex-direction: column;

    }

    .news_xq_con {

        flex-direction: column;

    }

    .product ul li {

        padding: 4.375rem 3.25rem;

    }

    #fen4 ul li:first-child, #fen4 ul li:last-child {

        padding: 2rem 2.625rem;

    

    }
    .product ul li>div {
        flex-wrap: wrap;
    }
    .product ul li img {
        width:auto;
        max-width: 100%;
    }
    .product ul li > div {
        padding: 0;
    }
}







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







@media (max-width: 992px) {

   

  

    .foot_nav , #foot .m .box1s i {

        display: none;

    }

    #foot .item {

        width: 100%;

        justify-content: space-between;

    }

    .s_new {

        grid-template-columns: 1fr;

    }

    .s_new .hotnew img , .advcon>div , .ppcons a {

        height: auto;

    }

    .advcon>div {

        padding: 3rem 1rem;

    }

    .advcon {

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

    }

    .ppcons  a {

        padding: 1rem;

    }

    #fen4 ul {

        grid-template-columns: 1fr;

    }

    #fen4 ul li {

        justify-content: center !important;

    }

    #n_container .shopping ul {

        grid-template-columns: 1fr;

    }

     .byc {

        flex-direction: column;

    }

    .bycs {

        margin: 1rem 0;

    }

    .bycs , .bycs .bl {

        width: 100% !important;

        height: 10rem;

    }

    .bycs+.bycs {

        margin-left: 0;

    }

    .product ul li {

        flex-wrap: wrap;

        justify-content: center;

        padding: 4rem;

    }

    .n_address {

        flex-wrap: wrap;

    }

    .business_yw>img {

        display: none;

    }

    .bycs .byc_tit p {

        height: auto;

    }

    .xqall {

        flex-wrap: wrap;

    }

    #xqs {

        max-width: 100%;

    }

    #fen4 .m {

        flex-direction: column;

        align-items: center;

    }

    #fen4 ul li {

        width: 100%;

    }
    .advcon .advtits {
        height: 20rem;
    }
}







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







@media (max-width: 860px) {

    #banner .swiper {

        height: 30rem;

    }

    .drink {

        display: grid;

        grid-template-columns: 1fr 1fr;

    }

    .zsliucheng ul {

        flex-direction: column;

        justify-content: center;

        gap: 2rem;

    }

    .zsliucheng .lctit {

        justify-content: flex-start;

    }

    

}







@media (max-width: 768px) {

    .m {

        padding: 0 30px !important;

    }



    .pad_top {

        padding-top: 5rem !important;

    }



    .pad_bot {

        padding-bottom: 5rem !important;

    }



    .advcon {

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

    }

    .advcon>div {

        padding: 2rem 1rem;

    }

    #fen4 ul li:first-child , #fen4 ul li:last-child  {

        padding: 2rem 0;

    }

    .ppcons  a {

        padding: 2rem;

    }

    .ppcons {

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

    }

    .fenlist {

        flex-wrap: wrap;

        gap: 1.5rem;

    }

    .product ul {

        grid-template-columns: 1fr;

    }

    .product ul li {

        justify-content: space-around;

    }

    .product ul li {

        align-items: center;

        padding: 2.5rem;

        flex-wrap: nowrap;

    }

    .product ul li img {

        flex-shrink: 1;

        max-width: 20rem;

    }



    .product ul li h5 {

        font-size: 1.125rem;

    }

    .honors ul li a .hor {

        gap: 1.5rem;

    }

    .honors ul {

        grid-template-columns: 1fr 1fr;

    }

    .honors ul li a .hor {

        padding: 2.5rem;

    }

    .gks {

        flex-wrap: wrap;

        gap: 0;

    }

    .gk::before {

        display: none;

    }

    .drink {

        gap: 3.5rem;

    }

    .huisu h4 {

       font-size: 1.5rem;

    }

    #n_container .tech li {

        display: flex;

        flex-direction: column;

    }

    #n_container .tech div {

        padding: 2rem 4.375rem;

    }

    #n_container .tech li:last-child {

        flex-direction: column-reverse;

    }

    #exp .slide-inner {

 

        background-size: contain !important;

    }

    #exp .tuwen {

        grid-template-columns: 1fr;

    }

    #exp {

        height: auto;

    }

    #exp .expcon::before {

        display: none;

    }

    #exp .expcon {

        padding: 2.5rem  4rem;

    }
    .product ul li > div {
        justify-content: center;
    }
    .scinene ul {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
    .honors ul li a .hor, .scinene ul li a .hor {
        padding: 2rem;
        display: flex;
        flex-direction: column;
        gap: 0.875rem;
    }
}







@media (max-width: 480px) {

    #n_banner {

        height: 20.5rem;

    }

    .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: 18rem;

    }



    .s_tits h5 {

        font-size: 1.5rem;

    }



    #foot .item {

        flex-wrap: wrap;

        gap: 1rem;

    }

    .copyright {

        padding: 2rem 0;

    }

    .advcon {

        grid-template-columns: 1fr;

        gap: 1.25rem;

    }



    .ppcons {

        gap: 1.875rem;

    }

    #banner .swiper-button-white {

        display: none;

    }

    #foot .item .ewms {

        width: 100%;

    }

    .ewm {

        margin: auto;

    }

    .icobiao {

        justify-content: center;

    }

    #n_container .shopping ul li {

        padding: 2rem 1rem;

    }

    .page .box {

        gap: .5rem;

    }

    .n_news .imgbox {

        width: 100%;

    }

    .n_news_list .box {

        flex-direction: column;

    }

    .n_news .txt {

        padding: 1rem ;

    }

    .n_addresscon {

        flex-shrink: 1;

    }

    .licheng .history ul li {

        padding: 0 1.5rem 0;

    }

    .bycs .byc_tit p {

        font-size: 1rem;

    }

    .gk {

        padding-bottom: 4.125rem;

    }

    .fenlist , .yewu {

        justify-content: center;

    }

    .proxq {

        padding: 2rem;

    }

    .drink {

        gap: 2rem;

    }

    #n_container .tech div {

        padding: 2rem 2.375rem;

    }

    #n_container .tech img {

        height: 17rem;

    }

    #n_container .lab {

        grid-template-columns: 1fr;

    }

    #fen4 ul li .fencon>a, #fen4 ul li .fenlist>a {

        margin: 1rem auto;

    }

    .modal-content {

        margin: 75% auto;

    }
    .product ul li > div {
        gap: 1rem;
    }
    .honors ul li a .hor {
        padding: 1.5rem;
    }
    .honors ul {
        gap: 2rem 2rem;
    }
    .licheng .history ul li h4 {
        padding-right: 1.5rem;
    }
    .licheng .history ul li div {
        margin: 2.5rem 0 0 1.5rem;
    }
    .ppcons {
        margin-bottom: 0;
    }

    .bianjidy p {
        text-align: left !important;
    }
    .advcon .advicon {
        width: 6rem;
        height: 6rem;
    }
    .advcon .advtits {
        height: auto;
    }
    #n_container .shopping h5 {
        font-size: 1.125rem;
    }
    #exp .expcon div {
        padding: 0 .5rem;
    }
}





@media (max-width: 350px) {



}