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







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







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







@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) {
	
	#container .dingwei{
	max-width: 1200px;
	}
}







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

    }





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



    }
    .hottalk{
        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%;

    }

    .news,
    .address {

        grid-template-columns: 1fr;

    }

    .luntan,
    .ziliao {

        padding-left: 0;

    }

    .abouttop i {

        display: none;

    }

    .abouttop {

        flex-wrap: wrap;

        justify-content: center;

    }

    .ziliao>img {

        width: 10rem;



    }

    .lcsx .timu {

        height: auto;

        margin-left: 1rem;

    }

    .hcmsg {

        flex-direction: column;

        align-items: flex-start;

        gap: 2rem;

    }

    .luntan li {

        padding: 0 0 2.5rem;

    }

    .slide_nav li {

        border-radius: 0;

    }

    .slide_nav {

        gap: 1.5rem;

    }

    .slide_nav li span {

        text-align: center;

        font-size: .875rem;

    }

    .slide_nav li p {

        font-size: .9375rem;

    }

    .maodian {

        flex-wrap: wrap;
   

    }
    .maodian a {
        margin-top: 1.125rem;
    }

    .maodian.fixedTop {

        padding: 0;

        top: 5rem;

    }

    #container .dingwei {

        left: 0;

       

    }

    .hotbang {

        width: 100%;

        height: 55rem;

    }

    .bangtit {
        top: 3rem;
    }

    #container .dingwei {
        width: 100%;
    }
    .s_tit h4::after {
        border-radius: 0 1rem 1rem 0;
    }

}







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

    }



}







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

    }

    .product ul li div {

        flex-shrink: 0;

    }

    .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 0;

    }
    .ziliao , .luntan {
        flex-wrap: wrap;
    }
    .bangtit h4 {
        font-size: 1.5rem;
    }
    .ziliao>img {
        width: 14rem;
        margin: auto;
    }
    .ziliao {
        flex-direction: column-reverse;   
    }
    .ziliao .rw {
        margin-right: 0;
        margin-top: 2rem;
    }
    .hottalk {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }
    .hcmsg .zixun > div , .hcmsg .zixun {
        flex-direction: column;
    }
    .hcmsg .zixun div > div {
        margin: .5rem 0;
    }
    .hcmsg .zixun {
        height: auto;
        width: 100%;
    }
    .hcmsg .zixun > p {
        line-height: 2.5rem;
        width: 100%;
        border-radius: 0;
    }
}


@media (max-width: 480px) {

    .maodian {
        gap: 1rem;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        width: 340px;
        margin: auto;
    }
    .maodian a {
        width: 7.875rem;
        height: 3rem;
        font-size: 1.25rem;
    }
    .ziliao ul {
        margin-top: 1.5rem;
    }

    .abright h6 {
        width: 9rem;
        flex-shrink: 0;
		font-size:1.4rem;
    }

    .abright li P {
        width: 100%;
        height: 2.5rem;
        display: flex;
        align-items: center;
        margin-left: 0;
		font-size:.975rem;
    }

    .abright li {
        gap: 2rem;
    }

    .lcsx {
        background: url(../images/lcbg.png)center no-repeat;
        background-size: cover;
        padding: 2rem 1rem 2.125rem;
    }

    .lcsx .line->img {
        height: auto;
        top: 70%;
    }
    .lcsx .sisitu {
        height: 380px;
    }
    .time {
        flex-direction: column;
        gap: 0;
    }
    .time i {
        display: none;
    }
    .ziliao ul li {
        align-items: flex-start;
        margin-bottom: .5rem;
        gap: 0;
    
    }
    .luntan {
        justify-content: space-between;
    }
    .luntan li {
        width: 45%;
    }
    .ziliao .rw {
        padding-top: 0;
    }
    .ziliao .name {
        font-size: 1.375rem;
        padding-bottom: 0;
        border-bottom: none;
    }
    .address .jiud {
        border-radius: 2.5rem;
        padding: 3.75rem 2.875rem ;
    }
    .ph {
        display: block;
    }
    .webs {
        display: none;
    }
    .lcsx:last-child {
        background-size: cover;
    }
    .mapbox {
        height: 350px;
    }
    .s_new .w1200 > ul {
        grid-template-columns: 1fr;
    }
    .fancybox-slide--image .fancybox-content {
        width: 100% !important;
        height: 40% !important;
    }
    .fancybox-caption {
        padding: 0;
        width: 90%;
    }
    .hotbang {
        height: 48rem;
    }
    .bangtit img {
        width: 3rem;
        height: 3rem;
    }
    .s_tit h4 {
        font-size: 2.5rem;
    }
    .maodian a {
        margin-top: 0;
        margin: auto;
    }
    .slide_for .li > div {
        grid-template-columns: 1fr;
    }
    .s_tit h4::before {
        left: -45%;
        z-index: -1;
    }
    #banner .swiper {
        height: 12.7rem;
    }
    .slide_navs li{
        border-radius: 2rem;
        height: 3rem;
    }
    .abright h6::after  {
        width: 67px;
        height: 82px;

    }
    .luntan li p {
        font-size: 1.5rem;
    }
    .line-::before {
        display: none;
    }
    .cdmo .big {
        padding: 0;
    }
    .mapbox {
        display: none;
    }
    .lcsx .timu , .time p {
        font-size: 1rem;
        margin-top: 1.375rem;
    }
    
    .sm_tit h5 , .sm_tit {
        margin-bottom: 1rem;
    }

    .lctit {
        margin: 3rem 0 ;
    }
    .hcmsg .zixun {
        border-radius: 1rem;
    }
    .dowebok li {
        width: 18.375rem;
    }
    .news ul li a .img{
        max-width: 12.6875rem;
    }
    .s_tit {
        margin: 3.375rem 0 ;
    }
    .slide_for .li .jjjj {
        padding: 2.25rem 2.625rem 1rem 3.125rem;
    }
    #container .dingwei {
        top: 2.5rem;
    }
    .abright ul {
        margin-top: 2rem;
    }
    .time {
        align-items: flex-start;
    }
    .xxad a {
        color: #1ea8ca;
    }
    #nav_1, #nav_2, #nav_3, #nav_4, #nav_5, #nav_6 {
        top: -7rem;
    }

    .abouttop {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .lcsx .timu {
        margin-right: 1rem;
        width: 95%;
    }
    .tc_video .tc_close {
        top: -4rem;
        right: -1rem;
    }
}