/* ======================================
   企业官网 标准响应式适配 CSS
   规范断点：1199px / 991px / 767px
====================================== */

/* 1. 小屏PC / 平板横屏 ≤1199px */
@media screen and (max-width: 1599px) {
    .brand>div:nth-of-type(2),
    .slogan-line,.slogan-box{display:none;}
    .arc-center-text>p{
        font-size: 3rem;
    }
    .nav-list{
        gap:2vw;
    }
    .container{
        padding:0 5rem;
    }
    .footer-content{
        padding:5rem;
    }

    .data-item .num{
        font-size: 2rem;
    }

    .data-item .num span{
        font-size: 4.2rem;
    }
    .logo-wrapper{
        height: 34vw;
    }
    .arc{
        width: 40vw;
        height: 40vw;
    }
    .cooplogo {
        width: clamp(70px, 8vw, 110px);
        height: clamp(70px, 8vw, 110px);}
    /*company*/
    .history{
        height: 660px;
    }
    /*news*/
    .znewscard-image{
        height: 22vw;
    }

}
@media screen and (max-width: 1199px) {
    .swiper-banner .swiper-button-prev,
    .swiper-banner .swiper-button-next {
        width: 5rem;
        height: 5rem;
    }
    .product-grid {
        gap: 2rem;
    }
    .about-card {
        padding: 3rem 2.5rem;
    }
    .adv_btn {
        width: 30rem;
    }
    .header-wrap{
        padding:1rem 2rem;
    }
    .nav-list{
        gap:20px;
    }
    .logo img{
        height: 4rem;
    }
    .tel-box{
        display:none;
    }
    .logo{
        margin-left: 0;
    }

    .zcontactul li .myqr-code {
        width: 14rem;
        height: 14rem;
    }

    .zcontactul li>p{
        font-size: 1.8rem;
    }
    .zcontactul li>h4 {
        font-size: 2rem;
        line-height: 1;
    }
    .zconticon{
        margin:0 auto;
    }
    .zcontactul li {
        height: 24rem;
        padding: 4rem 0;
    }
    .zconticon svg{
        width: 3rem;
        height: 3rem;
    }

    .footer-content{
        gap: initial;
    }

    .zbanner div>h2{
        font-size: 8rem;
    }
    .zbanner div>h3 {
        font-size: 4.2rem;
        line-height: 10rem;
    }

    .about-text h1{
        line-height: 1;
    }
    .about-text h4{
        font-size: 2.6rem;
    }
    .stat-item .num span{
        font-size: 3.6rem;
    }
    .card-iconbg{
        width: 5.2rem;
        height: 5.2rem;
    }
    .card-icon svg{
        width: 2.8rem;
        height: 2.8rem;
    }
    .vision-card h3{
        font-size: 2.4rem;
    }
    .vision-card p{
        font-size: 1.6rem;
    }

    .vision-card{
        height: 36rem;
    }
    .product-image{
        height: 29vw;
    }

    .zproinfotab table img, .zproinfo_intro table img{
        max-width: 255px;
    }


    .field-section>.container{
        bottom:20px;
    }
    .icon-slide span{
        font-size: 1.6rem;
    }
    .icon-slide>b svg{
        font-size: 2.4rem;
        height: 2.4rem;
    }
    .icon-slide>b{
        width: 5rem;
        height: 5rem;
    }
    .title{
        padding-top: 3.5rem;
    }

    .title::before{
        top:7.5rem
    }

    .form_msg .form-item .code{
        width: calc(100% - 6.4rem);

    }

}

/* 2. 平板竖屏 ≤991px */
@media screen and (max-width: 991px) {
    /* 产品3列变2列 */
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    /* About 左右改上下 */
    .about-card {
        grid-template-columns: 1fr;
    }
    .about-text {
        padding-left: 0;
        margin-top: 2rem;
    }
    /* 优势板块左右改上下 */
    .feature-section {
        grid-template-columns: 1fr;
    }
    /* 合作弧形大小适配 */
    .arc {
        width: 40vw;
        height: 40vw;
    }
    /* 轮播slide宽度 */
    .swiper-adv .swiper-slide {
        width: 100rem;
    }

    .nav-list{
        gap: 7px;
    }
    .swi-adv .swiper-slide{
        width: 64%;
    }


    .title h2{
        font-size: 3rem;
    }
    .title::before {
        top: 6.5rem;
    }
    .title::before{
        font-size: 5rem;
        line-height: 1;
    }
    .feature-text h3 {
        font-size: 2.4rem;
    }
    .feature-text .desc{
        font-size: 1.5rem;
    }
    .feature-text{
        padding:4rem;
    }
    #apply{
        height: 62vw;
    }
    .logo-wrapper{
        height: 36vw;
    }
    .arc {
        width: 45vw;
        height: 45vw;
    }
    .arc-center-text>p{
        font-size: 2.3rem;
    }
    .footer-nav{
        display:none;
    }
    .zbanner div>h2{
        font-size: 5rem;
    }
    .zbanner div>h3{
        font-size: 3rem;
    }
    .zbanner div>h3{
        line-height: 5rem;
    }

    .crumbs p, .crumbs p a, .crumbs span {
        color: #fff;
        font-size: 1.5rem;
    }

    .container {
        padding: 0 3rem;
    }
    .zproinfotab table img, .zproinfo_intro table img {
        max-width: 210px;
    }
    .about-top{
        grid-template-columns: 1fr;
    }

    .vision-card{
        height: 30rem;
    }
    .product-image{
        height: 25vw;
    }

    .vision-card{
        width: 100%;
    }
    .vision-cards{
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap:2vw;
    }
    .his_step ul li i{
        height: 25rem;
    }

    .his_text h1 {
        font-size: 3rem;}
    .his_text p{
        font-size: 2.5rem;
    }
    .history{
        height: 550px;
    }
    .his_step ul li h4{
        font-size: 3rem;
    }
    .his_step ul li p{
        font-size: 1.4rem;
    }
    .his_step ul li small{
        font-size: 1.2rem;
    }

    .zcontactul li>h4{
        font-size: 1.8rem;
    }
    .znews-grid {
        grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));}

    .znewsinfo .container{
        grid-template-columns:1fr;
    }

    .form-item textarea{
        height: 100%;
    }
    .form_msg{
        width: 100%;
        display:grid;
        grid-template-columns: 1fr;
        gap:1.5rem;
    }
    .form_msg .form-item{
        width: 100%;
    }
    .form_msg .btn{
        width: 100%;
    }





}

/* 3. 手机端 ≤767px 标准移动端断点 */
@media screen and (max-width: 767px) {
    /* 隐藏banner左右箭头 */
    .swiper-banner .swiper-button-prev,
    .swiper-banner .swiper-button-next {
        display: none;
    }
    /* 产品2列变1列 */
    .product-grid {
        grid-template-columns: 1fr 1fr;
    }
    /* 产品卡片 */
    .product-card {
        padding: 2rem 1rem;
    }
    .product-card .card-img {
        height: 20vw;
    }
    .about-card{padding:2rem;}
    /* 文字字号统一缩小 */
    .about-text h3 {
        font-size: 2rem;
    }
    .data-item .num span{
        font-size: 3rem;
    }
    .data-item .label{
        font-size: 1.5rem;
    }
    .about-text .sub-title,
    .about-text .desc,
    .feature-text .desc {
        font-size: 1.6rem;
    }
    /* 关于我们数据排版 */
    .about-data {
        display:grid;
        grid-template-columns: 1fr 1fr;
        flex-wrap: wrap;
        gap: 1rem;
    }
    .about-data .data-item{
        text-align: center;
    }
    .swi-adv .swiper-slide{
        width: 80%;
    }
    .feature-text h3{
        font-size: 2rem;
    }
    .about-text .sub-title, .about-text .desc, .feature-text .desc{
        font-size: 1.4rem;
    }
    /* 应用场景高度自适应 */
    #apply {
        height: auto;
        padding-bottom: 60vw;
    }
    /* 图标轮播图标大小 */
    .icon-slide>b {
        width: 5rem;
        height: 5rem;
    }

    /* 弧形背景文字适配 */
    .arc {
        width: 65vw;
        height: 65vw;
        bottom: -30%;
    }
    .arc-center-text>p {
        font-size: 2.2rem;
        bottom: 40%;
    }
    .logo-wrapper {
        height: 66vw;
    }
    .break{
        height: 5rem;
    }
    .break a{
        font-size: 1.4rem;
    }
    .about-section{
        padding-top: 4rem;
    }
    .about-text h1{
        font-size:2.5rem;
    }
    .about-text h4 {
        font-size: 2rem;
    }
    .about-text .divider{
        margin-left: 0;
    }
    .about-stats{
     display:grid;
        grid-template-columns: 1fr 1fr;
        gap:2rem;
    }
    .about-section{
        padding-bottom:4rem;
    }
    .container {
        padding: 0 2rem;
    }

    .vision-card h3 {
        font-size: 2rem;
        margin-top: 2rem;
    }
    .vision-card{
        padding: 0 1rem;
        padding-top: 3rem;
        height: 26rem;
    }

    .card-iconbg {
        width: 4rem;
        height:4rem;
    }

    .his_step ul li i {
        height: 9rem;
    }
    .his_step ul li h4{
        font-size: 2rem;
    }
    .history {
        height: 400px;
    }
    .hisline03{
        margin-left: initial;
        margin-right: inherit;
    }
    /* 按钮区域自适应 */
    .adv_btn {
        width: 80vw;
        margin-top: 3vw;
    }
    .title p{
        font-size: 1.6rem;
    }
    .factory-advantage{
        grid-template-columns: repeat(2, 1fr);
    }
    .zcontactul{
        display: grid;
        grid-template-columns: 1fr;
        gap:1.5rem;
    }
    .gallery-list{
        grid-template-columns: repeat(2, 1fr);
    }
    .zcontactul li{
        width: 100%;
    }
    .gallery-item img{
        height: 33vw;
    }
    .cooplogo {
        width: clamp(50px, 8vw, 110px);
        height: clamp(50px, 8vw, 110px);
    }
    .znewscard-image {
        height: 57vw;
    }
    .zhonor-list{
        grid-template-columns: repeat(2, 1fr);
    }
    .zhonor-item b{
        height: 52vw;
    }
    .de-page-mian .page-inner span,
    .de-page-mian .page-inner .page-btn,
    .de-page-mian .page-inner input{
        display:none;
    }
    .znewsinfo-title{
        font-size: 2rem;
    }
    .znewsifo-header>h1{
        font-size: 2rem;
    }
    .znewsinfo-body{
        padding:2rem 0;
    }

    .title h2{
        font-size: 2.5rem;
    }
    .title::before {
        top: 6rem;
        font-size: 4rem;
    }
    .zbanner div>h2{
        font-size: 3.5rem;
    }
    .crumbs span{display:none;}
    .zbanner{
        height: 52vw;
    }

    #zcontactly .container{
        display: grid;
        grid-template-columns: 1fr;
    }
    .contact-map{
        width: 100%;
        height: 35vw;
    }
    .contact-form{
        padding: 2rem;
        width: 100%;
    }

    .zproinfo-grid{
        display: grid;
        grid-template-columns: 1fr;
    }
    .zproduct-info{
        padding:2rem;
        width: 100%;
    }
    .zproinfo-pic{
        width: 100%;
        height: 78vw;
    }

    .zproduct-info h1{
        font-size: 2.4rem;
    }
    .pb10 {
        padding-bottom: 6rem;
    }
    .zproinfotab table{
        min-width: 700px;
    }
    .zproinfotab::-webkit-scrollbar{
        height:2px; /*滚动条宽度*/
    }

    .contact-form h3 {
        font-size: 1.6rem;}
    .form_msg .form-item,
    .form_msg .btn,
    .form-item{
        height: 5.4rem;
    }
    .form-item label{
        width: 5.4rem;
        height: 5.4rem;
    }

    .brand{display:none;}
    .footer-content{
        padding:3rem;
    }
    .contact-item{
        margin-top: 0;
        margin-bottom: 2vw;
    }
    .contact-text p:first-child{
        font-size: 1.6rem;
    }
    .contact-text p:last-child{
        font-size: 2rem;
    }
    .footer-qrcode{
        margin:0 auto;
        margin-top: 2vw;
    }
    .copyright{
        padding:1.5rem 0;
    }
    .header-wrap {
        padding:1rem 2rem;
    }
    .sidebarbg{
        position:fixed;
        top:0;
        left:-100%;
        height: 100%;
        width: 100%;
        z-index: 1000;
        transition: left 350ms ease 0ms;
    }
    .sideclick{
        position:absolute;
        left:0;
        top:0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        opacity: 0;
    }
    .sidebarbg.active{
        left:0;
    }
    .sidebarbg.active .sideclick{
        opacity: 1;
        transition: opacity 350ms ease 250ms;
    }
    .sidebar::-webkit-scrollbar{
        width:0; /*滚动条宽度*/
    }
    .sidebar{
        box-shadow: 0 0 10px #ddd;
        background:#fff;
        overflow-y:auto;
        height: 100%;
        width: 70vw;
        border-radius: 0;
    }


    .zpromain {
        display: block;
    }
    .products-area{
        width: 100%;
        padding:0;
        box-shadow: none;
    }

    .product-image {
        height: 54vw;
    }


    /*daohang*/
    .head_right{display:none;}
    .hamburger-btn {
        width: 22px;
        height: 18px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
        position: relative;
        z-index: 300;
    }
    .hamburger-btn span {
        display: block;
        width: 100%;
        height: 2px;
        background: #686868;
        border-radius: 2px;
        transition: all 0.3s ease;
        transform-origin: center;
    }
    .hamburger-btn.active span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }
    .hamburger-btn.active span:nth-child(2) {
        opacity: 0;
        transform: scaleX(0);
    }
    .hamburger-btn.active span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    .logo img{
        height: 3.2rem;
    }
    .nav-list{
        position:fixed;
        top:0;
        left:-100%;
        z-index: 1000;
        background:#fff;
        gap: 0;
        display:block;
        width: 45vw;
        height: 100%;
        box-sizing: border-box;
        padding-top:3vw;
        overflow-y:auto;
        box-shadow: 0 0 10px #ddd;
        transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .nav-list li{
        box-sizing: border-box;
        padding:10px 20px;
    }
    .langchange{display:block;}
    .lang-dropdown{display:none;}
    .nav-list.usehow{
        left:0;
    }
    .product-card .card-text h3{
        font-size: 2rem;
    }
    .product-card .card-text p{
        font-size: 1.6rem;
    }


    .zproducts-all{
        display:none;
    }
    .zproducts-fl{
        display:block;
    }




}