/* ====================== 响应式媒体查询 方案1 ====================== */
/* 1. 手机竖屏 ≤767px */
@media (max-width: 767px) {
    .hidden-xs{display:none;}
    .hamburger{display:flex;}
    .pd4{padding:22vw 0}
    .btn{height:4rem;padding-left:2rem}
    .title p{font-size:clamp(1.6rem, 1.8vw, 2.4rem)}
    .btn span{font-size:1.5rem}
    .btn svg{width:2rem;height:2rem}
    .banner{height:170vw}
    .indexcom_black{padding:3rem}
    .indexcom-left{
        width: 100%;}
    .indexcom-right{
        width: 100%;
        margin-top: 4vw;
    }
    .indexcom .btn{
        margin:4vw auto;
    }
    .indexcom-ul{grid-template-columns: repeat(2,1fr); gap: 3rem;}
    .indexcom{margin-bottom:3.5rem;flex-wrap: wrap}
    .indexcom-left p{font-size:clamp(1.4rem, 1.6vw, 2rem)}
    .indexcom-right-cont{font-size:clamp(1.6rem, 1.4vw, 2.6rem);line-height:1.8}
    .indexpro{gap:2rem;grid-template-columns:repeat(1,1fr)}
    .indexpro a{padding:2rem}
    .indexpro a>h3{font-size:clamp(1.8rem, 2vw, 2.6rem)}
    .indexpro a>b{height:60vw}
    .fot_top{display:none;}

    .fot_top a img,.logo img{max-width:14rem}
    .indexcom-ul li{max-width:14rem;text-align: center}
    .indexcom-ul li b{width:4rem;height:4rem;margin:0 auto;}
    .indexcom-left h3{
        line-height: 1.4;
        margin-top: 4vw;
    }
    .title{padding-top:2rem}
    .navbar{height:60px}
    .ban_text{max-width:54rem}
    .ban_text h4{top:-4rem;font-size:clamp(16rem, 18vw, 34rem)}
    .banner .swiper-pagination-fraction,.scrolldown{bottom:2rem}
    .scrolldown span{font-size:1.2rem}
    .scrolldown svg{width:3rem;height:3rem}
    .ban_text p{font-size:clamp(1.8rem, 2vw, 3rem)}
    .ban_text h2{margin-top:1.5rem;margin-bottom:1.5rem;font-size: clamp(2.5rem, 5vw, 5.6rem);}
    .banner .swiper-pagination,
    .banner .swiper-button-prev,
    .banner .swiper-button-next{display:none;}
    .formtext p{font-size:1.5rem}
    .ban_text small{font-size:1.4rem}
    #indexform{width:84%;padding:3rem;}
    .form_left{
        width: 100%;
        grid-template-columns: 1fr;
    }
    .form_right{
        width: 100%;}
    #galleryPin{background:#fff;height:224rem}
    .gallery-card{width:32rem}
    .gallery-card a h4{
        font-size: clamp(1.7rem, 2vw, 3.4rem);
    }
    .casebg_change,.gallery-track,.gallery-viewport{height:100%}
    #indexform label{font-size:1.5rem;line-height:2.5}
    #indexform .code,#indexform .form-tr>input{height:4rem}
    #indexform .code .verify{width:7rem}
    #indexform textarea{height:12rem}
    #indexform .code input{width:calc(100% - 7rem)}
    #indexform .submit{height:4rem;line-height:4rem;margin-top:1rem;}
    .lxlist h6,.lxlist p{font-size:1.6rem}
    .lxlist h6{
        margin-bottom: 1rem;
    }
    .footer{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .zban_tit .title p {
        font-size: clamp(2rem, 2.6vw, 6rem)}
    .zban_tit .title h3{
        font-size: clamp(6rem,10vw,28rem);
    }
    .zbanner{height:66vw}
    .fot_mid_right svg{width: 6rem;
        height: 6rem;
        display: block;
        margin: inherit;
        margin-top: inherit;}
    .fot_mid_right>div img{max-width:8rem;margin:0 auto}
    .fot_mid_right>div p{font-size:1.4rem}
    .fot_top a p{font-size:1.6rem}
    .foot{padding:1.5rem 0}
    .foot a,.foot>div{font-size:1.2rem}
    .fot_mid_right{display:flex;justify-content: space-between;align-items: center}
    .fotnav{display:none}
    .lxlist{max-width:100%;margin-bottom:6vw;margin-right:0;}
    .workshopstyle p{line-height:5rem}
    .fot_mid{display:block;}
    .fot_mid_left{display:block;width:100%;}
    .serul_style li div i{height:11vw}
    .news_style>b{
        height: 64vw;
    }
    .prodet_fl{display:none;}
    .swiper-honor a{height:93vw}
    .swiper-honor .swiper-button-prev{left:5%;}
    .swiper-honor .swiper-button-next{right:5%;}
    .znewsfl a{        width: 10rem;
        line-height: 4rem;}
    .znewsback p{
        color: #fff;
    }
    .down_list a{
        padding:0 2rem;
    }
    .ztit{
        font-size: clamp(2rem, 2.4vw, 4.6rem);
    }
    .zcase-list ul li a{
        height: 63vw;
    }
    .zcaseinfo,
    .zdown-content{
        padding:4rem 0;
    }
    .zcase-list ul{
        grid-template-columns: repeat(1,1fr);
    }
    .znewsinfo_cont{width:90%;padding:0;}
    .znewscontbg{padding:5rem 0;}
    .znewsback{left:2%}
    .znewsinfobg{padding-top:21vw}
    .down_list{grid-template-columns:repeat(1,1fr)}
    .zpro{gap:2rem}
    .znewslist ul{gap:5rem;grid-template-columns:repeat(1,1fr)}
    .zcase_text{padding:3rem}
    .znewslist ul li a b{
        height: 61vw;
    }
    .znewsinfo_cont>h3{
        font-size: clamp(2rem, 2.4vw, 4rem);
    }
    .zcase_text p{margin-bottom:1.5rem}
    .zcont01ul{padding-bottom:2rem;grid-template-columns: repeat(2,1fr)}
    #contform .form-tr>input,.magcode .code input{line-height:5rem}
    .zcont_msg{padding:4rem 2.5rem;}
    .zcont_sz>h3, .zcont_msg>h3{
        font-size: clamp(1.9rem, 2.4vw, 4.6rem);
    }
    #contform{
        grid-template-columns: repeat(1,1fr);
    }
    #contform label {
        font-size: clamp(1.4rem, 1.4vw, 2.2rem);}
    .zcont_msg .submit{width:11rem;height:5rem;margin-top:2rem;}
    .de-page-mian .page-inner a{margin:0 2px}
    .zcont_sz ul{gap:2rem;grid-template-columns:repeat(1,1fr);}
    .zcont_sz ul li{padding:4rem 2rem}
    .zcaseinfo_left{width:100%}
    .swiperpic{height:69vw}
    .honorbg{height:initial}
    .zprolistcont{flex-wrap: wrap}
    .zcaseinfo_right{width:100%;padding:2rem}
    .zprolist_right{width:100%}
    .zcaseinfo_tit{padding:2rem}
    .zcaseinfo_tit h3{font-size:clamp(1.8rem, 1.8vw, 2.8rem)}
    .zcaseinfo_tit p{font-size:clamp(1.4rem, 1.5vw, 1.8rem)}
    .zcaseinfo_titlist a{padding:1rem 2rem;font-size:clamp(1.6rem, 1.7vw, 2.2rem)}
    .zcom01bg>.warpper>h1{font-size:clamp(2rem, 2.3vw, 3.2rem)}
    .play-btn{width:6rem;height:6rem}
    .chanjiacont{width:90%;padding:2rem;}
    .zcaseinfo_right p{
        font-size: 1.6rem;
    }
    .chanjiacont img {
        max-width: 12rem;}
    .chanjiacont p {
        font-size: clamp(1.8rem, 2vw, 3.6rem);
    }
    .chanjiacont h3 {
        font-size: clamp(1.8rem, 2vw, 3.6rem);
    }
    .chanjiacont small{
    font-size: clamp(1.3rem, 1.2vw, 1.8rem);
}
    .chanjia{
        height: 115vw;
    }
    .ser_ul{gap:1.5rem;grid-template-columns:repeat(1,1fr);margin-top:80px}
    .serul_style li div i svg{width:6rem;height:6rem}
    .serul_style li div{padding:1.5rem}
    .serul_style li div p{font-size:clamp(1.4rem, 1vw, 2rem)}
    .swiper-honor .swiper-button-next,.swiper-honor .swiper-button-prev{width:5rem;height:5rem}
    .swiper-honor .swiper-button-next svg,.swiper-honor .swiper-button-prev svg{width:2rem;height:2rem}
    .indexpro a>.btn>i{width:3rem;height:3rem}

    /*product*/
.zcaseinfo_left{display:none;}
    .prodet_cont>div>div h3{
        font-size: 2.3rem;
    }
    .prodet_top{flex-wrap: wrap}
    .prodet_top_left{
        width: 100%;}
    .prodet_top_right{padding-right:0;width:100%;margin-top:3vw;}
    .prodet_cont>div>div table th, .prodet_cont>div>div table td{
        font-size: 1.4rem;
        padding: 4px !important;
    }
/*company*/
    .zcom01bg {
        padding: 5rem 0;
    }
    .zcom01_top{margin-bottom:4rem;grid-template-columns:repeat(1,1fr)}
    .zcom_video{
        height: 65vw;
    }
    .zcom_text{font-size:clamp(1.4rem, 1.4vw, 2rem);}

    .workshopstyle b{
        height: 56vw;
    }
    .workshop_fl span{
        width: 11rem;
        line-height: 4rem;
        font-size: clamp(1.6rem, 1.8vw, 2rem);
    }

}

/* 2. 平板 768px ~ 1023px */
@media (min-width: 768px) and (max-width: 1023px) {
    .hidden-sm{display:none;}
    .hamburger{display:flex;}

    .pd4{padding:22vw 0}
    .btn{height:4rem;padding-left:2rem}
    .title p{font-size:clamp(1.8rem, 1.8vw, 2.4rem)}
    .btn span{font-size:1.5rem}
    .btn svg{width:2rem;height:2rem}
    .banner{height:115vw}
    .indexcom_black{padding:5rem}
    .indexcom{margin-bottom:3.5rem}
    .indexcom-left p{font-size:clamp(1.4rem, 1.6vw, 2rem)}
    .indexcom-right-cont{font-size:clamp(1.6rem, 1.4vw, 2.6rem);line-height:1.8}
    .indexpro{gap:2rem;grid-template-columns:repeat(2,1fr)}
    .indexpro a{padding:2rem}
    .indexpro a>h3{font-size:clamp(1.8rem, 2vw, 2.6rem)}
    .gallery-sticky{height:108vw}
    .fot_top a img,.logo img{max-width:14rem}
    .indexcom-ul li{max-width:14rem}
    .title{padding-top:2rem}
    .navbar{height:80px}
    .ban_text{max-width:54rem}
    .ban_text h4{top:-4rem;font-size:clamp(16rem, 18vw, 34rem)}
    .banner .swiper-pagination-fraction,.scrolldown{bottom:2rem}
    .scrolldown span{font-size:1.2rem}
    .scrolldown svg{width:3rem;height:3rem}
    .ban_text p{font-size:clamp(1.8rem, 2vw, 3rem)}
    .ban_text h2{margin-top:1.5rem;margin-bottom:1.5rem}
    .banner .swiper-button-prev{width:6rem;height:6rem;bottom:7rem;right:10rem}
    .banner .swiper-button-next{width:7rem;height:7rem;bottom:2rem;right:4.5rem}
    .banner .swiper-button-next svg,.banner .swiper-button-prev svg{width:2.3rem;height:2.3rem}
    .formtext p{font-size:1.5rem}
    .ban_text small{font-size:1.4rem}
    #indexform{width:80%}
    .indexcom-ul li b{width:4rem;height:4rem}
    .indexpro a>b{height:30vw}
    #galleryPin{background:#fff;height:266rem}
    .gallery-card{width:38rem}
    .casebg_change,.gallery-track,.gallery-viewport{height:100%}
    #indexform label{font-size:1.5rem;line-height:2.5}
    #indexform .code,#indexform .form-tr>input{height:4rem}
    #indexform .code .verify{width:7rem}
    #indexform textarea{height:12rem}
    #indexform .code input{width:calc(100% - 7rem)}
    #indexform .submit{height:4rem;line-height:4rem}
    .lxlist h6,.lxlist p{font-size:1.6rem}
    .zbanner{height:45vw}
    .fot_mid_right svg{width:10rem;height:10rem;display:block;margin:0 auto;margin-top:15vw}
    .fot_mid_right>div img{max-width:8rem;margin:0 auto}
    .fot_mid_right>div p{font-size:1.4rem}
    .fot_top a p{font-size:1.6rem}
    .news_style>b{
        height: 33vw;
    }
    .foot{padding:1.5rem 0}
    .foot a,.foot>div{font-size:1.6rem}
    .fotnav{display:none}
    .lxlist{max-width:31rem;margin-right:4vw}
    .workshopstyle p{line-height:5rem}
    .serul_style li div i{height:11vw}
    .swiper-honor a{height:34vw}

    .znewsfl a{width:15rem;line-height:6rem}
    .znewsinfo_cont{width:90%}
    .znewsback{left:2%}
    .znewsinfobg{padding-top:21vw}
    .down_list{grid-template-columns:repeat(1,1fr)}
    .zpro{gap:2rem}
    .znewslist ul{gap:5rem;grid-template-columns:repeat(2,1fr)}
    .zcase_text{padding:3rem}
    .zcase_text p{margin-bottom:1.5rem}
    .zcont01ul{padding-bottom:2rem}
    #contform .form-tr>input,.magcode .code input{line-height:5rem}
    .zcont_msg{padding:5rem}
    .zcont_msg .submit{width:16rem;height:5rem}
    .de-page-mian .page-inner a{margin:0 2px}
    .zcont_sz ul{gap:3.5rem;grid-template-columns:repeat(2,1fr)}
    .zcont_sz ul li{padding:4rem 2rem}
    .zcaseinfo_left{width:16rem}
    .swiperpic{height:29vw}
    .honorbg{height:initial}
    .prodet_top_right{padding-right:0}
    .zcaseinfo_right{width:calc(100% - 16rem);padding:4rem}
    .zprolist_right{width:calc(100% - 18rem)}
    .zcaseinfo_tit{padding:2rem}
    .zcaseinfo_tit h3{font-size:clamp(1.8rem, 1.8vw, 2.8rem)}
    .zcaseinfo_tit p{font-size:clamp(1.4rem, 1.5vw, 1.8rem)}
    .zcaseinfo_titlist a{padding:1rem 2rem;font-size:clamp(1.6rem, 1.7vw, 2.2rem)}
    .zcom01bg>.warpper>h1{font-size:clamp(2rem, 2.3vw, 3.2rem)}
    .play-btn{width:6rem;height:6rem}
    .zcom_text{font-size:clamp(1.4rem, 1.4vw, 2rem)}
    .zcom01_top{margin-bottom:4rem}
    .chanjiacont{width:50rem}
    .ser_ul{gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:80px}
    .serul_style li div i svg{width:6rem;height:6rem}
    .serul_style li div{padding:1.5rem}
    .serul_style li div p{font-size:clamp(1.4rem, 1vw, 2rem)}
    .swiper-honor .swiper-button-next,.swiper-honor .swiper-button-prev{width:5rem;height:5rem}
    .swiper-honor .swiper-button-next svg,.swiper-honor .swiper-button-prev svg{width:2rem;height:2rem}
    .indexpro a>.btn>i{width:3rem;height:3rem}

    .fot_mid_left{
        width: calc(85% - 13rem);

    }

}

/* 3. 常规桌面 1024px ~ 1439px 【1080P标准屏】 */
@media (min-width: 1024px) and (max-width: 1439px) {
    .pd4{padding:4vw 0}
    .btn{height:4rem;padding-left:2rem}
    .title p{font-size:clamp(1.8rem, 1.8vw, 2.4rem)}
    .btn span{font-size:1.5rem}
    .btn svg{width:2rem;height:2rem}
    .indexcom{margin-bottom:3.5rem}
    .indexcom-left p{font-size:clamp(1.4rem, 1.6vw, 2rem)}
    .indexcom-right-cont{font-size:clamp(1.6rem, 1.4vw, 2.6rem);line-height:1.8}
    .indexpro{gap:2rem}
    .indexpro a{padding:2rem}
    .indexpro a>h3{font-size:clamp(1.8rem, 2vw, 2.6rem)}
    .nav_right form input[type=text]{width:9rem;font-size:12px;line-height:3rem;padding:0 8px}
    .nav_right form input[type=submit]{width:2rem}
    .lang a{width:5.6rem;padding:0 8px;height:3rem}
    .lang a svg{width:1.5rem;height:1.5rem}
    .fot_top a img, .logo img{max-width:14rem}
    .lang a span, .nav_ul li a{font-size:1.4rem}
    .indexcom-ul li{max-width:14rem}
    .title{padding-top:2rem}
    .navbar{height:80px}
    .ban_text{max-width:58rem}
    .ban_text h4{top:-4rem;font-size:clamp(16rem, 18vw, 34rem)}
    .banner .swiper-pagination-fraction, .scrolldown{bottom:2rem}
    .scrolldown span{font-size:1.2rem}
    .scrolldown svg{width:3rem;height:3rem}
    .ban_text p{font-size:clamp(1.8rem, 2vw, 3rem)}
    .ban_text h2{margin-top:1.5rem;margin-bottom:1.5rem;font-size:clamp(2rem, 2.4vw, 3.2rem)}
    .banner .swiper-button-prev{width:6rem;height:6rem;bottom:7rem;right:10rem}
    .banner .swiper-button-next{width:7rem;height:7rem;bottom:2rem;right:4.5rem}
    .banner .swiper-button-prev svg, .banner .swiper-button-next svg{width:2.3rem;height:2.3rem}
    .formtext p{font-size:1.5rem}
    .ban_text small{font-size:1.4rem}
    #indexform{width:80%}
    .indexcom-ul li b{width:4rem;height:4rem}
    .indexpro a>b{height:14vw;margin-top:1.2rem;margin-bottom:1.2rem}
    #indexform label{font-size:1.5rem;line-height:2.5}
    #indexform .code, #indexform .form-tr>input{height:4rem}
    #indexform .code .verify{width:7rem}
    #indexform textarea{height:12rem}
    #indexform .code input{width:calc(100% - 7rem)}
    #indexform .submit{height:4rem;line-height:4rem}


    .fot_mid_left{
        width: calc(85% - 13rem);

    }

    .fot_mid_right svg{width:7rem;height:7rem;display:block;margin:0 auto;margin-top:15vw}
    .fot_mid_right>div img{max-width:8rem;margin:0 auto}
    .fot_mid_right>div p{font-size:1.4rem}
    .fot_top a p{font-size:1.6rem}
    .foot{padding:1.5rem 0}
    .foot>div, .foot a{font-size:1.6rem}
    .fotnav{display:none}
    .gallery-card{width:38rem}
    .lxlist{max-width:31rem;margin-right:4vw}
    .workshopstyle p{line-height:5rem}
    .serul_style li div i{height:11vw}
    .swiper-honor a{height:20vw}
    .znewsfl a{width:15rem;line-height:6rem}
    .znewsinfo_cont{width:85rem}
    .zpro{gap:2rem}
    .znewslist ul{gap:5rem}
    .zcase_text{padding:3rem}
    .zcase_text p{margin-bottom:1.5rem}
    .zcont01ul{padding-bottom:2rem}
    .magcode .code input, #contform .form-tr>input{line-height:5rem}
    .zcont_msg{padding:5rem 9rem}
    .zcont_msg .submit{width:16rem;height:5rem}
    .zcont_sz ul{gap:3.5rem}
    .zcont_sz ul li{padding:4rem 2rem}
    .zcaseinfo_left{width:20rem}
    .zcaseinfo_right{width:calc(100% - 20rem);padding:4rem}
    .zprolist_right{width:calc(100% - 22rem)}
    .zcaseinfo_tit{padding:2rem}
    .zcaseinfo_tit h3{font-size:clamp(1.8rem, 1.8vw, 2.8rem)}
    .zcaseinfo_tit p{font-size:clamp(1.4rem, 1.5vw, 1.8rem)}
    .zcaseinfo_titlist a{padding:1rem 2rem;font-size:clamp(1.6rem, 1.7vw, 2.2rem)}
    .zcom01bg>.warpper>h1{font-size:clamp(2rem, 2.3vw, 3.2rem)}
    .play-btn{width:6rem;height:6rem}
    .zcom_text{font-size:clamp(1.4rem, 1.4vw, 2rem)}
    .zcom01_top{margin-bottom:4rem}
    .chanjiacont{width:50rem}
    .ser_ul{gap:1.5rem}
    .serul_style li div i svg{width:6rem;height:6rem}
    .serul_style li div{padding:1.5rem}
    .serul_style li div p{font-size:clamp(1.4rem, 1vw, 2rem)}
    .swiper-honor .swiper-button-next, .swiper-honor .swiper-button-prev{width:5rem;height:5rem}
    .swiper-honor .swiper-button-next svg, .swiper-honor .swiper-button-prev svg{width:2rem;height:2rem}
    .indexpro a>.btn>i{width: 3rem;height: 3rem;}
}

/* 4. 2K大屏重点适配 1440px ~ 1919px  */
@media (min-width: 1440px) and (max-width: 1919px) {
    .title{padding-top:3rem}
    .navbar{height:80px}
    .ban_text{max-width:75rem}
    .ban_text h4{top:-4rem;font-size:clamp(16rem, 18vw, 34rem)}
    .scrolldown svg{width:3.5rem;height:3.5rem}
    .ban_text h2{margin-top:1.5rem;margin-bottom:1.5rem;}
    .banner .swiper-button-prev{width:7rem;height:7rem;bottom:11rem;right:16rem}
    .banner .swiper-button-next{width:10rem;height:10rem}
    .indexcom-ul li b{width:4rem;height:4rem}
    .indexpro a>b{height:14vw;margin-top:1.8rem;margin-bottom:1.8rem}
    .gallery-card{width:38rem}
    .lxlist{max-width:31rem;margin-right:4vw}
    .fot_top a img{max-width:22rem}
    .workshopstyle p{line-height:5rem}
    .serul_style li div i{height:11vw}
    .serul_style li div i svg{width:10rem;height:10rem}
    .swiper-honor a{height:20vw}
    .znewsfl a{width:15rem;line-height:6rem}
    .zcont_msg{padding:5rem 9rem}
    .znewsinfo_cont{width:110rem}
    .zpro{gap:5rem}
    .znewslist ul{gap:5rem}
    .zcase_text{padding:4rem 5rem}
    .zcont01ul{padding-bottom:4rem}
    .magcode .code input, #contform .form-tr>input{line-height:5rem}
    .zcont_msg .submit{width:16rem;height:5rem}
    .zcont_sz ul{gap:3.5rem}
    .zcont_sz ul li{padding:4rem 2rem}
}

/* 5. 4K / 超宽屏 ≥1920px  */
@media (min-width: 1920px) {
    /* 导航微调 */
    .navbar {
        height: 120px;
    }
    .logo img {
        max-width: 26rem;
    }

    /* 联系表单限制左右填充，不要无限拉宽 */
    .zcont_msg {
        padding: 10rem 26rem;
    }

    /* 新闻详情锁定最大宽度，避免文本单行太长 */
    .znewsinfo_cont {
        width: 120rem;
    }

    /* 案例详情右侧加宽内边距 */
    .zcaseinfo_right {
        padding: 8rem;
    }
}