@media screen and (max-width: 768px) {
    .cat1 .con{flex-wrap: wrap;}
    .cat1 .con>.txt{width: 100%;}
    .cat1 .con .pic{width: 100%;}
    .jo1{padding: 50px 20px;}
    .jo1 .p{width: 100%;}
    .jo2 .con{display: block;}
    .jo2 .txt{width: 100%;}
    .jo2 .pic{width: 100%;display:none}
    
    .w1600{padding: 0 20px;}
    .nl1{padding: 50px 0 0 0;}
    .nl1 .con .swiper-slide{display: block;}
    .nl1 .con .swiper-slide .pic{width: 100%;height: 50vw;}
    .nl1 .con .swiper-slide .txt{width: 100%;padding:30px 20px 40px 20px;}
    .nl1 .con .swiper-pagination{right: 50%;}
    .nl2{padding: 50px 0;}
    .nl2 .top{display: block;}
    .nl2 .top ul{margin-bottom: 12px;}
    .nl2 .top .ser input{width: calc(100% - 80px);}
    .nl2 .top .ser button{width: 80px;}
    .nl2 .bottom .item{width: 100%;}
    .nl2 .bottom .item .pic{height: 50vw;}
    
    .nd_con .w1600 .left{float: none;width: 100%;margin-top:50px;padding:50px 20px;}
    .nd_con .w1600 .right{float: none;width: 100%;position: static;margin-top:30px;}
    
    .ser_con{margin-top: 50px;}
    .breadcrumb{padding: 30px 20px 0 20px;}
    .ser1{padding: 50px 0;}
    .ser1 .tit1{margin-bottom: 30px;}
    .ser1 .list .jt{display: none;}
    .ser1 .list{flex-wrap: wrap;gap:20px;}
    .ser1 .list .item{width: calc(50% - 10px);} 
    
    .ser2{padding: 50px 20px;}
    .ser2 .list{gap:16px;}
    .ser2 .list .item{width: calc(50% - 8px);margin-bottom:0;}
    
    .ser3{padding: 50px 20px;}
    .ser3 .con .item{width: 100%;margin-right: 0;}
    
    .ser4{padding: 50px 20px;}
    
    .case_con{margin-top: 50px;}
    .case_con .top{margin: 40px 0 30px 0;}
    .case_con .top ul li a{margin-left: 20px;}
    .case_con .bottom .item{width: 100%;}
    .case_con .bottom .item .pic{height: 50vw;}
    
    .cd_con{margin-top: 50px;padding-bottom: 50px;}
    .cd_con .w1600{display: block;}
    .cd_con .w1600 .left{width: 100%;}
    .cd_con .w1600 .right{width: 100%;}
    .cd_con .w1600 .left .pic_box .next{right: -0.25rem;}
    .cd_con .w1600 .left .pic_box .prev{left: -0.25rem;}
    
    .product_list{padding: 50px 0;}
    .product_list .li{width: 100%;margin: 0 0 16px 0;}
    .product_list .li .ss .imgbox::before{z-index:6;}
    .product_list .li .ss .imgbox{height: 50vw;}
    
    .pdd1{padding: 80px 0 50px 0;}
    .pdd1 .box .lf{width: 100%;margin-bottom: 30px;}
    .pdd_switch{margin-top: 0;}
    .pdd2{padding: 50px 0;}
    .pdd2 .swiper .ul{gap:16px;}
    .pdd2 .swiper .ul .li{width: calc(50% - 8px);margin: 0;}
    
    .pdd3{padding: 50px 0;}
    
    .pdd4 .swiper{width: 100%;}
    .pdd4 .swiper .swiper-slide{display: block;}
    .pdd4 .swiper .swiper-slide .text{width: 100%;position:relative;padding:30px 20px;}
    .pdd4 .swiper .swiper-slide .text .t3{left: 20px;bottom:10px;}
    .pdd4 .swiper .swiper-slide .imgbox{width: 100%;}
    
    .ab1{padding: 50px 0;}
    .ab1 .w1600{display: block;}
    .about_tit{width: fit-content;margin: 0 auto;margin-bottom:30px;}
    .ab1 .rf{width: 100%;}
    .ab1 .rf .text{height: auto;padding-right:0;text-align:center;}
    .ab1 .rf .imgbox{width: 100%;}
    
    .ab2{padding: 50px 0;}
    .ab2 .ul{margin-top: 0;display:block;}
    .ab2 .ul .li{width: 100%;margin: 0 0 20px 0;}
    .ab3{padding: 50px 0;}
    .ab3 .bot .swiper1{display: none;}
    .ab3 .bot .swiper2 .sbot{display: block;}
    .ab3 .bot .swiper2 .sbot .txt{width: 100%;}
    .ab3 .bot .swiper2 .sbot .txt .t2{max-height: 9999px;}
    .ab3 .bot .swiper2 .sbot .img{width: 100%;margin-top:16px;}
    
    .ab_honor{padding: 50px 0;}
    
    .ab4{padding: 50px 0;}
    .ab5 .txtbox .t3{width: 100%;}
    
    .esg2{padding: 50px 0px;}
    
    .esg2 .w1600{display: block;}
    .esg2 .lf{width: 100%;padding-top: 0;}
    .esg2 .rf{width: 100%;padding-bottom:1.6rem;}
    
    .in_ban .imgbox{height: 160vw;}
    .in_ban .txtbox{bottom: auto;top: 37.3vw;right: 20px;}
    .in_ban .in_pogin{left: 50%;transform: translateX(-50%);bottom:30px;}
    .in1{padding-top: 50px;}
    .in1 .switch a{min-width: 0;padding:0 26px;}
    .in1 .switch .icon{height: 30px;}
    .in1 .switch .icon img{height: 100%;width: fit-content;}
    .in1 .ibt .item.act{display: block;}
    .in1 .ibt .item .lf{width: 100%;}
    .in1 .ibt .item .lf .ul{width: 100%;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap: 16px}
    .in1 .ibt .item .lf .ul .li{width: 48%;}
    .in1 .ibt .item .lf .ul .li .ico{width: 26px;height: 26px;}
    .in1 .ibt .item .lf .ul .li .ico img{width: 100%;height: 100%;object-fit: contain;}
    .in1 .ibt .item .lf .ul .li .txt{font-size: 10px;}
    .in1 .ibt .item .lf .ul .li:not(:first-child){margin-top:0;}
    .in1 .ibt .item .rf::before{width:100%;}
    .in1 .ibt .item .rf{width: 100%;margin: 0;}
    .in1 .ibt .item .rf .rox{padding-left: 0;}
    .in1 .ibt .item .rf .rox .swiper{width: 100%;}
    .in1 .ibt .item .rf .rox .swiper .swiper-slide{width: 100%;}
    .in1 .ibt .item .rf .rox .swiper .swiper-slide img{display: block;width: 100%;object-fit: contain;}
    
    .in2{padding: 50px 0;}
    .in2 .itp{display: block;}
    .in2 .itp .inner_titbox{width: 100%;max-width: 9999px;margin-bottom:20px;}
    .in2 .itp .txtbox{width: 100%;max-width: 9999px;}
    
    .in3 .txtbox{padding-top: 50px;}
    .in3 .txtbox .swiper{width: calc(100% - 40px);left:20px;}
    .in3 .txtbox .swiper .swiper-wrapper{display: block;}
    .in3 .txtbox .ss{width: 100%;margin: 20px 0 0 0!important;height: auto;padding: 16px 20px;}
    
    .in4 .itp{display: block;}
    .in4 .itp .inner_switch{margin-top: 30px;margin-bottom: 0px;}
    .in4{padding: 50px 0px;}
    
    .ab3 .bot .swpbtn2{left: 50%;
    z-index: 11;
    transform: translateX(-50%);}
    
    .pet1 .box{display: block;}
    .pet1 .txtbox{width: 100%;padding:50px 20px;}
    .pet1 .imgbox{width: 100%;height: 90vw;}
    .pet1 .about_tit{margin: 0 0 30px 0;}
    .pet1 .txtbox .t3{margin-top: 0;}
    
    .pet2{padding: 0 0 50px 0;}
    .pet2 .swiper{width: 100%;}
    
    .pet3{padding: 50px 0;}
    .pet3 .switch a{margin-right: 80px;}
    .pet3 .switch a::after{width:70px;left:35px}
    .pet3 .list{margin-top: 50px;padding: 0;}
    .pet3 .list .item .lf{width: 100%;margin-bottom:20px}
    .pet3 .list .item .lf .about_tit{margin:0;margin-bottom: 0;}
    .pet3 .list .item .lf .txt{padding: 30px 0 0 0;}
    .pet3 .list .item .rf{width: 100%;}
    .pet3 .list .item .rf .swiper{width: 100%;}
    
    .pet4{padding: 50px 0;}
    .pet4 .top{display: block;}
    .pet4 .top .switch{justify-content: center;}
    .pet4 .top .switch a{padding: 0 12px;margin:0 6px;}
    .pet4 .list .item .swiper{width: 100%;}
    .pet4 .list .item .swiper-slide{padding-bottom: 0;}
    .pet4 .list .item .swiper-slide .txtbox{display: block;padding:0;}
    .pet4 .list .item .swiper-slide .t1{width: 100%;margin-right: 0;margin-bottom:10px;}
    .pet4 .list .item .swiper-slide .t2{width: 100%;}
    .pet4 .list .item .swiper-slide .imgbox{position: static;margin-top: 26px;}
    .pet4 .list .item .swpbtn{justify-content: center;margin-top: 30px;display:flex;gap:16px;}
    .pet4 .list .item .swpbtn a{position: static;width:30px;height:30px;}
    
    .footer .ftp .ftlogo{width: 90px;}
    .footer .ftp .w1600{padding: 0 20px;text-align:center;}
    .footer .ftp .rf{margin-top: 0;}
    .footer .fce .ul{display: none;}
    .footer .fce .w1600{padding: 0 20px;}
    .footer .fce .txtbox{width: 100%;margin-right: 0;max-width:100%;position: relative;}
    .footer .fce .txtbox .code{position: absolute;bottom:0;right:0;width: 80px;}
    .footer .fbt .w1600{display: block;padding:0 20px;}
    .footer .fbt .lf{width: 100%;margin-right: 0;justify-content:center;line-height:1.5;}
    .footer .fbt .text{text-align: center;}
    .footer .fbt .rf{justify-content: center;margin-top:16px;}
}