@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(max-width:1660px) {
    .m {
        padding: 0 9rem
    }
}

@media(max-width:1600px) {
    .m {
        padding: 0 8rem
    }
}

.wap {
    display: none
}

@media(max-width:1440px) {
    .m {
        padding: 0 7rem
    }

    .s_about .right {
        width: 39rem
    }


    .s_shuzi ul li p {
        font-size: .9375rem
    }

    .s_pro .bd {
        grid-auto-rows: 20rem
    }

    .s_about .bd {
        gap: 4rem
    }

    .lianxi_box .box1 .right {
        width: 30rem
    }
}

@media(max-width:1360px) {
    .m {
        padding: 0 6rem
    }
}

@media(max-width:1280px) {
    .m {
        padding: 0 5rem
    }

    .n_fangan01 {
        margin-top: -22vw
    }
}

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

    #header {
        display: none
    }

    #m_header {
        display: block
    }

    #nav_btn_box {
        display: block
    }

    .n_title {
        display: none
    }

    #m_n_nav {
        display: block
    }

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

    .page a:hover ,
    .page a.on {
        border: 1px solid #008e52;
        background: #008e52;
        color: #fff;
    }
}
@media(max-width:1100px) {
    .m {
        padding: 0 3rem
    }


    #banner .swiper-container {
        height: 50rem
    }

    .headstop , #foot .m .footright>ul ,
    #foot .m .footright .share h5 {
        display: none;
    }
    #banner ,
    .n_banner {
        margin-top: 4.5rem;
    }
    .zidh {
        display: none;
    }
	
.s_pro ul { display:block;}	
.s_pro ul li { width:98%; display:inline-block; margin-bottom:10px;}
.s_pro ul li a { height:auto;}	
.s_pro ul li a p { margin:0px 0px 20px; height:auto;}
	
	
}
@media (max-width: 992px) {
    #foot .m {
        flex-direction: column;
    }
    #foot .m .footleft ul {
        margin-top: 1.5rem;
    }
    #foot .m .footright {
        gap: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media(max-width:768px) {
    .pad_top2 {
        padding-top: 4rem !important
    }

    .pad_bot2 {
        padding-bottom: 4rem !important
    }

    .pad_top {
        padding-top: 5rem !important
    }

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


    .m {
        padding: 0 30px
    }
    .setcookie .m {
        flex-direction: column;
    }
    .setcookie {
        padding: 1.5rem 1rem;
    }
    #banner .txt {
        max-width: 100%;
    }
    #banner .swiper-button-next {
        right: 0;
    }
    #banner .swiper-button-prev {
        left: 0;
    }
    .s_pro ul {
        grid-template-columns: 1fr 1fr;
        gap: 1.125rem;
    }
    .s_pro ul li a {
        padding: 2.5rem 1rem 2.125rem;
    }
    #s_tq .swiper-slide {
        grid-template-columns: 1fr;
    }
    #s_tq .swiper-slide .s_tqcon {
        padding: 2rem;
    }
    #s_tq .s_tqnext {
        left: auto;
        right: 5%;
    }
    #s_tq .s_tqprev {
        left: auto;
        right: 15%;
    }
    #s_tq .swiper-slide .s_tqcon h4 {
        font-size: 1.75rem;
    }
    .s_weltop {
        flex-direction: column;
        gap: 1.75rem;
    }
    .s_weltop .weleft p {
        margin-bottom: 1.75rem;
    }
    .s_video {
        height: 13rem;
    }
    .jhjj ul li::before ,
    .jhline {
        display: none;
    }
    .jhjj ul {
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }
    .jhjj ul li .counter {
        margin: 1.5rem 0 0;
        font-size: 2.25rem;
    }
    .jhjj ul li {
        padding-bottom: 2rem;
    }
    .s_adv ul {
        flex-direction: column;
        gap: 1.5rem;
    }
    .s_partner .partcon div {
        display: none;
    }
    .s_partner .partcon h4 {
        max-width: 100%;
        font-size: 1.75rem;
    }
    .s_partner .partcon {
        justify-content: center;
    }
    .s_new ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.75rem;
    }
    .s_new .m {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .s_new .lmore {
        margin: 2rem 0 0;
    }
    #s_exhswiper .s_extop ,
    .n_zhxx .m>ul>li .s_extop ,
    .n_zhxx .m>ul {
        grid-template-columns: 1fr;
    }
    .s_exhbox .s_exhdian {
        bottom: 0;
    }
    .s_sam .s_sub ul li .yzm {
        height: 2rem;
    }
    .s_sam .s_sub ul {
        grid-template-columns: 1fr;
    }
    .s_sam .s_sub {
        flex-direction: column;
    }
    .n_new ul li a {
        gap: 1.5rem;
        grid-template-columns: 1fr;
    }
    .n_new ul li a .n_newcon p {
        margin: 1.5rem 0;
    }
    .newxqbox {
        grid-template-columns: 1fr;
    }
    /* .pro_ss {
        flex-direction: column;
    } */
    .prolist li .proslide .theme_con {
        padding: 1.5rem 1rem;
        gap: 2rem;
        flex-direction: column;
    }
    .prolist li .proslide .theme_con .thxx {
        gap: 1rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .prolist li .proslide .theme_con .thlj {
        gap: 1.375rem;
        flex-direction: column;
    }
    .prolist li .proslide .theme_con .thlj a {
        width: 100%;
    }

    .pro_menu {
        /* width: 1000px !important; */
        display: none;
    }
    .prolist .proitem div {
        width: 100% !important;
    }
    .prolist .proitem {
        padding: 1rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        height: auto;
    }
    .prolist .proitem div:nth-child(2) ,
    .prolist li .proslide .theme_con .thxx div:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .prolist li .proslide .theme_con img {
        width: 100%;
    }
    .prolist li .proslide .theme_con>div {
        width: 100%;
    }
    .n_tspro ul li a {
        grid-template-columns: 1fr;
        padding: 1.125rem;
    }
    .n_tspro ul li a .tscon p {
        gap: 0;
        flex-direction: column;
    }
    .tsproxq {
        padding: 1rem;
    }
    .tsproxq .tsxqnr {
        grid-template-columns: 1fr;
        gap: 1.625rem;
    }
    .tsproxq .tsxqnr .tsxqcon a {
        position: relative;
        margin-top: 1.5rem;
        bottom: 0;
    }
    .tsproxq .tsxqnr .tsxqcon h5 {
        font-size: 1.5rem;
    }
    .ts_slide_nav li {
        font-size: .875rem;
        line-height: 1rem;
    }
    .n_about .m {
        flex-direction: column;
    }
    .n_abgd ul li::before {
        display: none;
    }
    .n_abgd ul li .counter {
        margin: 1.5rem 0 0;
    }
    .n_abgd ul {
        padding: 0;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 1rem 0;
    }
    .n_abgd ul li p {
        color: rgb(255 255 255 / 60%);
    }
    .n_zhaopin #list_slide dt {
        height: auto;
        padding: 0 1.75rem;
    }
    .n_zhaopin #list_slide dt h3 {
        padding: 1rem 0;
        grid-template-columns: 1fr;
    }
    .n_zhaopin #list_slide dd {
        padding: 1.5rem;
    }
    .n_zhaopin #list_slide dd .content {
        flex-direction: column;
        gap: 2rem;
    }
    .n_zhaopin #list_slide dd .content>div {
        width: 100%;
    }
    #list_slide .content .right {
        padding-left: 0;
        order: 2;
    }
    .n_zhaopin #list_slide .btn_send {
        margin-top: 1.5rem;
    }
    #list_slide .content .scrollbox {
        height: auto;
        padding-right: 0;
    }
    .n_contact ul li .add_con h4 {
        font-size:18px;
    }
    .n_contact ul li {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .n_contact ul li .contactcon>div {
        flex-direction: column;
    }
    .n_contact ul li .contactcon a {
        font-size: .9375rem;
    }
    .n_contact ul li .contactcon .tels {
        grid-template-columns: repeat(3,1fr);
    }
    .n_rongyu ul {
        grid-template-columns: 1fr;
        gap: 2.25rem;
    }
    .n_rongyu ul li {
        padding: 2rem;
        gap: 1.75rem;
        flex-direction: column;
    }
    .n_general>ul, .n_address>ul, .n_products>ul {
        grid-template-columns: 1fr;
    }
    .n_products>ul>li:nth-child(3), .n_products>ul>li:nth-child(4) {
        grid-column-start: 1;
        grid-column-end: 2;
  
    }
    .n_products>ul>li:nth-child(2) ,
    .n_products>ul>li:nth-child(3) ,
    .n_products>ul>li:nth-child(5) {
        height: auto;
        flex-direction: column;
        padding: .5rem 1rem;
        align-items: flex-start;
    }
    .row_tab {
        flex-wrap: wrap;
        gap: .5rem;
    }
    #s_exhswiper .s_exbot{
        justify-content: center;
    }
}

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

    .pad_bot {
        padding-bottom: 4rem !important
    }

    .pad_top2 , .pad_top3 {
        padding-top: 3rem !important
    }

    .pad_bot2 , .pad_bot3 {
        padding-bottom: 3rem !important
    }

    .m {
        padding: 0 15px
    }

    #banner .swiper-container {
        height: 27rem
    }

    #banner .txt h4 {
        font-size: 1.5rem;
        line-height: 1.5;
    }
    .s_tit h4 {
        font-size: 1.75rem;
    }
    .s_jiahe {
        padding-bottom: 0 !important;
    }
    .n_banner {
        height: 12.6875rem;
    }
    .n_banner .m div h4 {
        font-size: 2.25rem;
    }
    .n_banner .position {
        display: none;
    }
    .page .box {
        gap: .5rem;
    }
    .newxqbox {
        padding: 2.5rem 1rem;
    }
    .newxqleft .ar_title h4 {
        font-size: 1.5rem;
    }
    .prolist li .proslide .theme_color .pop-close {
        width: 2.25rem;
        height: 2.25rem;
    }
    .prolist li .proslide .theme_color {
        height: 4rem;
        padding: 0 1rem;
    }
    .ts_slide_nav {
        gap: .5rem;
    }
    #jssw .swiper-slide .img {
        height: 20rem;
    }
    .n_rongyu .n_ry {
        gap: 1.25rem;
    }
    .n_rongyu .n_ry a {
        font-size: .9375rem;
        height: 3rem;
    }
    .s_pro ul li a h5{
        height: ;
    }
	.s_pro ul li a h5 { line-height:1.2; margin-bottom:10px;}
	
	
.s_pro ul li.active { width:100%;}
.s_pro ul li a .cp_lb { margin-bottom:20px;}
.s_pro ul li.active a { padding-bottom:45px;}
	
#s_tq .swiper-slide .img a { margin-left:0px;}
	
body #s_tq .swiper-wrapper .swiper-slide .img { background-size: auto 100%;}	
body #s_tq .swiper-wrapper .swiper-slide:nth-child(1) .img  { background-size: auto 100%;}	
body #s_tq .swiper-wrapper .swiper-slide:nth-child(2) .img  { background-size: auto 100%;}	
body #s_tq .swiper-wrapper .swiper-slide:nth-child(3) .img  { background-size: auto 100%;}	
body #s_tq .swiper-wrapper .swiper-slide:nth-child(4) .img  { background-size: auto 100%;}	
body #s_tq .swiper-wrapper .swiper-slide:nth-child(5) .img  { background-size: auto 100%;}	
body #s_tq .swiper-wrapper .swiper-slide:nth-child(6) .img  { background-size: auto 100%;}	
#s_tq .swiper-slide .img a { width:80%; margin:50px 10%; position: absolute;}

#s_tq .swiper-slide .img .tt { width:100%; position:; margin:10px auto; height: 160px;}
#s_tq .swiper-slide .img .tt img { width:100%; height:auto;}	
#s_tq .swiper-button-white { display:none;}
.s_wel .m { margin-top:30px; grid-template-columns: auto;}
.s_adv ul li { height:auto;}
.s_botton::before {background-size: auto 100%;}
.footleft .aa img { display:none;}
.prolist li .proslide .theme_con img { height:auto; max-height:inherit;}
.n_about .m .n_abcon img { width:100% !important; height:auto !important; }
.liuyan2 h2 { font-size:30px;}
.liuyan2 h3 { font-size:15px; color:#666; line-height:25px; font-weight:400;}
.liuyan2 ul li { width:99%;}
	
    .s_weltop{
        padding-top: 0 !important;
    }
    #banner .txt p{
        display: none;
    }
    #banner .txt{
        max-width: 80%;
    }
    .prolist .proitem div:nth-child(1){
        grid-column: 1 / -1;
    }
    .n_address>ul>li:nth-child(1){
        grid-column-end: 1;
    }
}