@charset "utf-8";



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

    }





}

.table_green.fpeosat {
  width: 100%;
}
.touzizhe .shown {
  padding: 1% 5%;
}
.table_area td {
  padding: 15px 0px;
  font-size: 14px;
  /*! text-align: right; */
}
.table_area tr:nth-child(odd) {
  background: #E5E5E6;
}
.table_area tr:nth-child(even) {
  background: #FFF;
}
.table_area td:first-child {
  font-size: 14px;
  font-weight: bold;
  padding-left: 0;
  width: 20%;
}
.table_area td:last-child {
  font-size: 14px;
  font-weight: bold;
  /*! padding-left: 10%; */
  width: 20%;
}
.table_area tr td.fj {
  width: 20%;
  padding-left: 9.6%;
}
.table_area tr td {
  border-bottom: 1px solid #529C7B;
  text-align: center;
  width: 55%;
}
.table_area tr:last-child td {
  border-bottom: 2px solid #529C7B;
}
.table_area tr img {
  width: auto;
  text-align: right;
  display: flex;
}

.aboutconInfor {
  max-width: 1400px;
  margin: 0 auto .5rem auto;
  background: #fff;
  padding-top: .2rem;
  padding-bottom: .6rem;
}
.aboutconInfor ul{
      width: 100%;
      padding: 2% 5%;
}

.aboutconInfor li{
      float: left;
      width: 33%;
      display: flex;
      align-items: center;
}

.aboutconInfor li h2{font-size:20px;line-height:40px;margin: 0 10px;}
.aboutconInfor li h3{
font-size:20px;
}
.gupiao{max-width:1400px;margin: 0 auto .5rem auto;background: #fff;padding-top: .5rem;padding-bottom: .6rem;}
.gupiao-content{background: #fff;box-shadow: 5px 8.66px .16rem 0px rgba(51, 51, 51, 0); padding: .5rem .6rem .3rem .4rem; display: flex;}
.gupiao-content-left{width: 55%;}
.gupiao-content-left .gp-p1{font-size: 20px; color: rgb(51, 51, 51);line-height: 1.6;}
.gupiao-content-left .gp-p2{font-size: 16px; color: rgb(51, 51, 51);line-height: 2; margin-top: .2rem; margin-bottom: .5rem;}
.gupiao-content-left .gp-p2 span{font-size: .36rem;line-height: 0.889;}
.gupiao-content-left .gp-p2 img{display: inline-block; width: 14px;}
.gupiao-content-left .gp-p3{font-size: 16px; color: rgb(153, 153, 153);line-height: 2;margin-top: .5rem;}
.gupiao-content-left .gp-p4{font-size: 14px; color: rgb(78, 151, 95);line-height: 2;margin-top: 0;}
.gp-list{display: flex; flex-wrap: wrap;}
.gp-list div{width: 25%;}
.gp-list div p{font-size: 16px; color: rgb(51, 51, 51);line-height: 2;margin-bottom: .1rem;}
.gp-list div span{font-size: 24px; color: rgb(51, 51, 51);line-height: 1.333;}
.gupiao-content-right{width: 45%;}
.gupiao-content-right img{max-width: 100%;}
.gp-tabs{display: flex; flex-wrap: wrap; margin-top: .35rem; padding-left: .3rem;}
.gp-tabs p{
 font-size: 16px;
 color: rgb(51, 51, 51);
 line-height: 2;
 transition: all .3s;
 background: transparent;
 border: 2px solid rgba(198,198,198,0.17);
 margin-right: 5px;
 padding: 0 .25rem;
 cursor: pointer;
 }
.gp-tabs p.on,.gp-tabs p:hover{background: #4e975f;color: #fff;}
.gp-img img{display: none;}
.gp-img img.on{display: block;}
@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) {
.aboutconInfor {
  max-width: 100%;
  margin: 0 auto .5rem auto;
  background: #fff;
  padding-top: 0;
  padding-bottom: 6rem;
}
    .aboutconInfor li{
      float: left;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
      align-content: center;
      flex-direction: column;
}
.aboutconInfor li h2{font-size: 18px;line-height:20px;margin: 0 10px;}
.aboutconInfor li h3{font-size: 20px;}
    .aboutconInfor .pic{width: 35px;}
.touzizhe .shown {
  padding: 0% 0%;
}
.table_area td:first-child {
  font-size: 12px;
  font-weight: bold;
  padding-left: 2px;
  width: 20%;
}
.table_area tr td.fj {
  width: 20%;
  padding-left: 6%;
}

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

    .gupiao-content,.prospectus-box .p-item .p-item-left{flex-wrap: wrap;padding: .2rem 0 .5rem 0;}
.gupiao-content-right,.gupiao-content-left,.prospectus-box .p-item .p-item-left span,.prospectus-box .p-item .p-item-left p{width: 100%; flex: unset;}
.gp-list div{width: 50%;}
.gupiao-content-left .gp-p3{margin-bottom: .3rem;}
    .m {

        padding: 0 30px !important;

    }

.gupiao-content-left {
  padding: 0 5%;
}

    .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: .8rem !important;
    }



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



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



    .pad_bot2 {

        padding-bottom: 3rem !important;

    }



    .m {padding: 0 25px !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) {}