@charset "utf-8";

@media screen and (min-width: 1025px){
    .pc_none{
        display: none;
    }
}
@media screen and (max-width:1700px){
    .nav_info{
        padding: 0 32px;
    }
    .header_wrap .brand_copy{
        width: 350px;
        max-width: 350px;
        margin-right: 18px;
    }
}
@media screen and (max-width:1620px){
    .wrapper{
        width: 100%;
        padding-left:30px;
        padding-right: 30px;
    }
    .banner .swiper-pagination{
        left: 30px;
    }
    .banner .item .item_con .tit h5 p{
        font-size: 68px;
    }
    .banner .item .item_con .tit h5{
        font-size: 52px;
    }
    .banner .item .item_con .tit h6{
        font-size: 18px;
    }
    .banner .item .item_con .desc{
        font-size: 24px;
        margin: 0;
    }
    .product_menu .item .info .img{
        width: 50%;
    }
    .product_menu .item .info .tit{
        font-size: 36px;
    }
    .product_swiper .item_tit{
        font-size: 160px;
    }
    .product_wrap .swiper-button-prev{
        left: 0;
    }
    .product_wrap .swiper-button-next{
        right: 0;
    }
    .product_wrap .swiper-button-prev, .product_wrap .swiper-button-next{
        width: 160px;
    }
    .solution_wrap .j_item .j_item_hd{
        left: 30px;
    }
    .solution_wrap .j_item .j_item_hd .j_tit{
        font-size: 45px;
    }
    .solution_wrap .j_item .j_item_hd .list .item{
        margin-bottom: 15px;
    }
    .tit_box1{
        padding: 60px 0 30px;
    }
    .tit_box1 .tit h4{
        font-size:54px;
    }
}
@media screen and (max-width:1600px){
    .page_contact_img{
        width: 1000px;
    }
    .nav .nav_li{
        padding: 16px 8px;
    }
    .nav .nav_li.nav_li_product .nav2_wrap.nav2_product_panel{
        padding: 0;
    }
    .nav .nav_li.nav_li_product .nav2_product_shell{
        --nav2-side-width: 220px;
        grid-template-columns: 220px minmax(0, 1fr);
        min-height: 0;
        padding: 9px 0 11px;
    }
    .nav .nav_li.nav_li_product .nav2_product_main{
        padding: 12px 20px 10px;
    }
    .nav .nav_li.nav_li_product .nav2_product_cards{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 14px;
    }
    .nav .nav_li.nav_li_product .nav2_product_card{
        min-height: 46px;
        padding: 0 18px;
    }
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con{
        width: 100%;
    }
}
@media screen and (max-width:1480px){
    .w1400{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .page_product_index_menu .item .item_img h4{
        font-size: 36px;
    }
   .header_wrap .nav_btn{
       display: none;
   }
   .nav_info{
       padding: 0;
   }
   .header .logo{
       flex:1;
   }
   .header_wrap .brand_copy{
       width: 300px;
       max-width: 300px;
       margin-left: 18px;
       margin-right: 12px;
   }
   .header_wrap .brand_copy .eyebrow{
       font-size: 15px;
   }
   .header_wrap .brand_copy .title{
       font-size: 14px;
   }
   .header_top .info_bd .language{
       margin: 0 18px;
   }
   .header_top .info_bd .language .lang{
       min-width: 78px;
       padding: 0 12px;
   }
   .header_top .info_bd .language .lang_menu{
       min-width: 116px;
   }
   .nav .nav_li.nav_li_product .nav2_wrap.nav2_product_panel{
       padding: 0;
   }
   .nav .nav_li.nav_li_product .nav2_product_shell{
       --nav2-side-width: 200px;
       grid-template-columns: 200px minmax(0, 1fr);
       min-height: 0;
       padding: 8px 0 10px;
   }
   .nav .nav_li.nav_li_product .nav2_product_tab{
       min-height: 54px;
       padding: 0 20px;
       font-size: 15px;
   }
   .nav .nav_li.nav_li_product .nav2_product_main{
       padding: 12px 18px 10px;
   }
   .nav .nav_li.nav_li_product .nav2_product_group_intro h4 a{
       font-size: 20px;
   }
   .nav .nav_li.nav_li_product .nav2_product_overview{
       min-width: 98px;
       height: 40px;
       padding: 0 18px;
   }
   .nav .nav_li.nav_li_product .nav2_product_cards{
       gap: 10px 12px;
   }
   .nav .nav_li.nav_li_product .nav2_product_card{
       min-height: 44px;
       padding: 0 16px;
       font-size: 14px;
   }
   .banner .item .item_con .tit{
       margin-bottom: 20px;
   }
    .banner .item .item_con{
       padding-top: 56px;
    }
    .banner .item .item_con .tit h5 p{
       font-size: 46px;
    }
    .banner .item .item_con .tit h5{
       font-size: 34px;
       margin-bottom: 12px;
    }
   .banner .item .item_con .tit h6{
       font-size: 14px;
       white-space: nowrap;
   }
   .banner .item .item_con .desc{
       font-size: 18px;
       margin: 0;
       white-space: nowrap;
   }
   .banner .swiper-pagination{
       bottom: 50px;
   }
   .product_menu .item .info{
       padding: 25px 0 0 25px;
   }
   .product_menu .item .info .tit{
       font-size: 24px;
   }
   .tit_box1 .tit h4{
       font-size: 46px;
   }
   .pt100{
       padding-top: 60px;
   }
   .pb100{
       padding-bottom: 60px;
   }
   .solution_wrap .j_item .j_item_hd_w{
       padding-top: 40px;
   }
   .about_con .j_desc h5{
        font-size: 30px;
    }
   .about_con .j_desc .slogan{
        font-size: 16px;
        margin-bottom: 20px;
    }
   .about_con .j_desc p{
        font-size: 18px;
        line-height: 1.9;
    }
   .about_wrap{
       padding:0;
   }
   .about_data,.page_about_banner_con .list{
       margin: 0 -30px;
   }
   .about_data .item .img,.page_about_banner_con .item .img{
       padding-right:30px;
   }
   .about_data .item,.page_about_banner_con .item{
       padding: 0 30px;
   }
   .news_con .arrow{
       top: -50px;
   }
   .product_menu.zl_scene_menu .scene_title{
       font-size: 38px;
   }
   .product_menu.zl_scene_menu .scene_desc{
       font-size: 15px;
   }
   .product_menu.zl_scene_menu .item{
       width: 33.333%;
   }
   .product_menu.zl_scene_menu .item .info .tit{
       font-size: 30px;
   }
   .footer_message .tit{
       font-size: 32px;
       line-height: 1.3;
   }
   .page_product_banner_con{
       padding:40px 0;
   }
   .page_product_banner_con .content_img .info .tit,.about_tit_box1 .tit h4,.page_news_detail_hd h1,.page_service_panel1 .item_con .tit,.page_service_panel2 .j_tit,.page_contact_tit .tit,.page_about_panel1 .tit,.page_about_panel3 .con h4,.page_about_panel4_con .info h4,.page_about_panel7 .item .con h4,.page_certificates_tit .tit,.page_certificates_list_tit{
       font-size: 36px;
   }
   .about_tit_box1{
       padding:60px 0 30px;
   }
   .product_model_select{
       margin: 0 0 30px;
   }
   .page_banner_con .info{
       width: 60%;
   }
   .page_cases_menu{
       padding-bottom: 30px;
   }
   .page_service_panel1 .item_con .desc{
       font-size: 16px;
   }
   .page_oness_panel2 .item{
       padding: 30px 60px;
   }
   .page_about_panel5_list .item .desc{
       font-size: 20px;
   }
   .page_vision_mission_list .item .tit{
       font-size:24px;
   }
   .page_certificates_list{
       margin: -20px;
   }
   .page_certificates_list .item{
       padding: 20px;
   }
   .page_certificates_swiper_wrap{
       padding: 0 28px;
   }
   .about_certificates_swiper .tit{
       min-height: 48px;
   }
   .page_contact_list{
       margin:0;
   }
   .page_contact_list .item{
       padding: 40px;
   }
}

@media screen and (max-width: 1280px){
    .wrapper,.w1400{
        padding-left: 20px;
        padding-right: 20px;
    }
    .page_product_index_menu .item .item_img h4{
        font-size: 28px;
    }
    .solution_wrap .j_item .j_item_hd .j_tit,.tit_box1 .tit h4{
        font-size: 36px;
    }
    .product_swiper .item_tit{
        font-size: 140px;
    }
    .product_swiper .item_img{
        margin-top: -40px;
    }
    .solution_wrap .j_item .j_item_hd .list .item{
        font-size: 20px;
    }
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico{
        width: 120px;
        height: 120px;
    }
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico img{
        width: 50px;
        height: 50px;
    }
    .about_con .j_desc h5{
        font-size: 24px;
    }
    .about_data .item .num span{
         font-size: 50px;
     }
    .page_about_panel1 .page_about_stats{
         margin-top: 48px;
     }
    .page_product_index_menu{
        margin:-10px;
        padding-top: 30px;
    }
    .page_product_index_menu .item{
        padding: 10px;
    }
    .page_product_index_menu .item .item_con{
        padding: 25px;
    }
    .page_product_list .list{
        margin: -10px;
    }
    .page_product_list .item{
        padding: 10px;
        width: 33.333%;
    }
    .pd_detail_hd{
        padding-top:60px;
    }
    .pd_detail_hd .infos .desc p{
        font-size: 16px;
    }
    .pd_detail_intro__tit{
        font-size: 30px;
        margin: 50px 0 20px;
    }
    .pd_detail_intro__tit.pd_detail_intro1__tit{
        margin-top: 0;
    }
    .page_case_study .item .con h4,.pd_detail_intro__desc,.page_cases_list .item .item_con .tit{
        font-size: 20px;
        line-height: 1.3;
    }
    .page_service_panel6_list .item a{
        padding: 20px 30px;
    }
    .pd_detail_intro6 .list .item{
        font-size: 16px;
    }
    .page_product_list .item{
        width: 50%;
    }
    .product_menu.zl_scene_menu .scene_heading{
        padding-bottom: 24px;
    }
    .product_menu.zl_scene_menu .scene_title{
        font-size: 34px;
    }
    .product_menu.zl_scene_menu .item{
        width: 33.333%;
    }
    .product_menu.zl_scene_menu .item a{
        min-height: 260px;
    }
    .product_menu.zl_scene_menu .item .info{
        padding: 22px 20px;
    }
    .product_menu.zl_scene_menu .item .info .tit{
        font-size: 26px;
    }
    .pd_detail_intro6 .list .item{
        margin-bottom: 0;
    }
    .page_cases_list{
        margin: -10px;
    }
    .page_cases_list .item{
        padding: 10px;
    }
    .page_banner_con .info{
        width: 100%;
    }
    .page_banner_con .tit,.page_product_banner_con .content_img .info .tit, .about_tit_box1 .tit h4, .page_news_detail_hd h1, .page_service_panel1 .item_con .tit, .page_service_panel2 .j_tit, .page_contact_tit .tit, .page_about_panel1 .tit, .page_about_panel3 .con h4, .page_about_panel4_con .info h4, .page_about_panel7 .item .con h4, .page_certificates_tit .tit, .page_certificates_list_tit{
        font-size: 30px;
    }
    .page_banner_con .tit{
        color: #f4f8ff;
    }
    .zl_case_detail_page .page_banner .img img{
        min-height: 260px;
    }
    .zl_case_intro{
        padding: 0 6%;
    }
    .zl_case_intro h1{
        font-size: 32px;
    }
    .zl_case_intro .desc{
        font-size: 16px;
    }
    .zl_case_related_products .page_product_list .list{
        margin: -10px;
    }
    .zl_case_related_products .page_product_list .item{
        width: 50%;
        padding: 10px;
    }
    .zl_case_related_products .page_product_list .item .item_w{
        padding: 20px 18px;
    }
    .page_banner .img img{
        min-height: 300px;
        object-fit: cover;
    }
    .page_service_panel2 .list .item .desc{
        font-size: 16px;
    }
    .page_service_panel2 .list .item .img{
        width: 80px;
        height: 80px;
    }
    .page_service_panel2 .list .item .img img{
        width: 40px;
        height: 40px;
    }
    .page_service_panel2 .list .item .tit{
        font-size: 24px;
        padding-left: 60px;
    }
    .page_service_panel4 .list .item{
        padding:20px 0;
    }
    .page_service_panel4 .list .item .tit h4{
        font-size: 18px;
    }
    .page_service_panel4 .list .item .tit i{
        font-size: 12px;
    }
    .page_service_panel5_list{
        padding-bottom: 0;
        height: 230px;
    }
    .page_about_banner_con .item .img img{
        min-height: auto;
    }
    .page_about_banner_con .item .num span{
        font-size: 50px;
    }
    .page_about_panel2 .item .con h4{
        font-size: 24px;
    }
    .page_about_panel2 .item .con p{
        font-size: 16px;
    }
    .page_about_panel2{
        padding: 50px 60px;
    }
    .page_about_panel3 .con{
        padding: 30px;
    }
    .page_about_panel3 .con p{
        font-size: 16px;
        margin: 5px 0 20px;
    }
    .page_about_panel4_con .info p{
        font-size: 16px;
    }
    .page_about_panel4_con .info{
        width: 80%;
    }
    .page_about_panel5_list .item{
        padding: 0 30px;
    }
    .page_about_panel5_list .item .tit{
        font-size: 24px;
    }
    .page_about_panel5_list .item .desc{
        font-size: 16px;
    }
    .page_about_panel5_wrap{
        background-position: center top;
        background-size: cover;
    }
    .page_about_panel5{
        padding: 64px 0 80px;
    }
    .page_about_panel7 {
        margin: 0 -20px;
    }
    .page_about_panel7 .item{
        padding: 0 20px;
    }
    .page_about_panel7 .item .con h4{
        font-size: 24px;
    }
    .page_about_panel7 .item .con p{
        font-size: 16px;
    }
    .footer_message .tit{
        font-size: 28px;
    }
    .footer_message .desc{
        font-size: 18px;
        margin: 10px 0 20px;
    }
    .footer_con{
        flex-wrap: wrap;
    }
    .footer_partner,
    .footer_contact{
        width: 100%;
    }
    .footer_contact{
        flex: 0 0 100%;
        margin-top: 28px;
    }
    .footer_partner_list{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .page_vision_mission_list .item{
        padding: 30px;
    }
    .page_vision_mission_list .item .num{
        font-size: 40px;
    }
    .page_vision_mission_list .item .desc{
        font-size: 16px;
    }
    .page_certificates_tit .desc{
        font-size: 24px;
    }
    .page_latest_news .item_con{
        padding-left: 40px;
    }
    .news_list.page_news_list{
        margin: -10px;
    }
    .news_list.page_news_list .item{
        padding: 10px;
        width: 33.333%;
    }
    .page_news_list.news_list .item .item_con .tit{
        font-size: 20px;
    }
    .news_list .item .item_con{
        padding: 20px;
    }
    .news_list .item .item_con .desc{
        font-size: 16px;
    }
    .page_contact_list {
        margin: -20px;
        padding-bottom: 50px;
    }
    .page_contact_list .item{
        padding: 20px;
    }
    .nav .nav_li{
        padding: 16px 0;
    }
}
@media screen and (max-width: 1024px){
    .mb_none{
        display: none;
    }
    .page_product_index_menu .item .item_img h4{
        font-size: 24px;
    }
    .header{
        height: 60px;
        background: #fff;
    }
    .header_wrap{
        height: 60px;
        min-height: 60px;
    }
    .header .logo,
    .header .logo a{
        height: 100%;
    }
    .zl_case_related_products .page_product_list .item .item_con .btns{
        flex-direction: column;
        align-items: stretch;
    }
    .zl_case_related_products .page_product_list .item .item_con .btns a{
        width: 100%;
        min-width: 0;
    }
    .header .logo img.img1{
        display: none;
    }
    .header .logo img.img2{
        display: block;
    }
    .header .logo img{
        height:50px;
    }
    .menuBtn{
        height: 60px;
        width: 60px;
    }
    .mobile_lang_switch{
        position: fixed;
        top: 0;
        right: 68px;
        height: 60px;
        display: flex;
        align-items: center;
        z-index: 10001;
        padding: 0 8px 0 12px;
    }
    .mobile_lang_switch a{
        min-width: 0;
        height: auto;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: none;
        color: #123d6b;
        font-size: 13px;
        font-family: 'GothicB';
        line-height: 1;
        text-decoration: none;
        transition: all .25s ease;
    }
    .menuBtn .line{
        width: 26px;
        height: 2px;
        margin: 10px auto;
    }
    .menuBtn.active .line:nth-child(1) {
        -webkit-transform: translateY(12px) rotate(45deg);
        -ms-transform: translateY(12px) rotate(45deg);
        -o-transform: translateY(12px) rotate(45deg);
        transform: translateY(12px) rotate(45deg);
    }
    .menuBtn.active .line:nth-child(3) {
        -webkit-transform: translateY(-12px) rotate(-45deg);
        -ms-transform: translateY(-12px) rotate(-45deg);
        -o-transform: translateY(-12px) rotate(-45deg);
        transform: translateY(-12px) rotate(-45deg);
    }
    .menuPage{
        padding-right: 60px;
    }
    .banner{
        margin-top: 60px;
    }
    .banner .item .item_con .tit{
        font-size:30px;
    }
    .banner .item .item_con .tit h5 p{
        font-size: 42px;
        white-space: normal;
    }
    .banner .item .item_con .tit h5{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .banner .item .item_con .tit h6{
        font-size: 15px;
        white-space: normal;
    }
    .banner .item .item_con .desc{
        font-size: 18px;
        line-height: 1.5;
        margin: 0;
        white-space: normal;
    }
    .tit_box1{
        padding: 50px 0 20px;
    }
    .tit_box1 .tit h4{
        font-size: 30px;
    }
    .product_menu .list{
        flex-wrap: wrap;
    }
    .product_menu .item{
        width: 50%;
        padding: 10px;
    }
    .product_menu.zl_scene_menu{
        padding: 40px 15px;
    }
    .product_menu.zl_scene_menu .scene_heading{
        padding: 5px 5px 22px;
    }
    .product_menu.zl_scene_menu .scene_title{
        font-size: 28px;
    }
    .product_menu.zl_scene_menu .scene_desc{
        font-size: 14px;
        line-height: 1.7;
    }
    .product_menu.zl_scene_menu .item{
        width: 50%;
    }
    .product_menu.zl_scene_menu .item a{
        min-height: 240px;
    }
    .product_menu.zl_scene_menu .item .info{
        padding: 20px 18px;
    }
    .product_menu.zl_scene_menu .item .info .tit{
        font-size: 24px;
    }
    .product_menu .item .info{
        padding: 35px 0 0 35px;
    }
    .product_swiper .item_tit{
        font-size: 100px;
    }
    .product_swiper .item_con .desc p{
        font-size: 18px;
    }
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .more{
        margin-bottom:50px;
    }
    .solution_wrap .j_item .j_item_hd_w{
        width: 30vw;
    }
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .item_con_w{
        left: 32%;
        padding-left: 100px;
    }
    .solution_wrap .j_item .j_item_hd .list .item{
        margin-bottom: 5px;
    }
    .solution_wrap .j_item .j_item_hd .j_tit{
        font-size: 24px;
        margin-bottom: 30px;
    }
    .solution_wrap .j_item .j_item_hd .list .item{
        font-size: 18px;
    }
    .solution_wrap .j_item .j_item_hd .list .item:before{
        top: 12px;
    }
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico{
        width: 100px;
        height: 100px;
    }
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .desc{
        width: 80%;
        font-size: 16px;
    }
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .tit{
        font-size: 30px;
    }
     .about_con .j_desc h5{
          font-size: 20px;
          margin-bottom: 10px;
      }
     .about_con .j_desc .slogan{
          font-size: 14px;
          line-height: 1.7;
          margin-bottom: 14px;
      }
     .about_con .j_desc p{
          font-size: 16px;
          line-height: 1.85;
      }
    .about_con .j_desc p br{
        display: none;
    }
    .about_con .btns{
        margin: 50px 0 60px;
    }
    .about_data .item .item_w{
          padding-bottom: 20px;
      }
    .page_about_panel1 .page_about_stats{
         margin-top: 40px;
     }
    .news_list .item .item_con .tit{
        font-size: 22px;
    }
    .footer{
        padding-top: 0px;
        padding-bottom: 55px;
    }
    .footer_copyright{
        height: 50px;
        font-size: 14px;
    }
    .pt100{
        padding-top: 40px;
    }
    .pb100{
        padding-bottom: 40px;
    }
    .footer_message_wrap{
        padding-top: 40px;
    }
    .inner_pos_wrap{
        margin-top: 60px;
    }
    .page_product_index_menu .item .item_con .desc,.page_product_index{
        font-size: 16px;
    }
    .page_banner_con .tit, .page_product_banner_con .content_img .info .tit, .about_tit_box1 .tit h4, .page_news_detail_hd h1, .page_service_panel1 .item_con .tit, .page_service_panel2 .j_tit, .page_contact_tit .tit, .page_about_panel1 .tit, .page_about_panel3 .con h4, .page_about_panel4_con .info h4, .page_about_panel7 .item .con h4, .page_certificates_tit .tit, .page_certificates_list_tit{
        font-size: 26px;
    }
    .about_tit_box1{
        padding: 40px 0 20px;
    }
    .page_about_panel2{
        padding: 36px 28px;
    }
    .pd_detail_hd .infos h1{
        font-size: 30px;
    }
    .pd_detail_intro__tit{
        font-size: 24px;
    }
    .pd_detail_intro4 .page_case_study{
        margin: 0 -8px;
    }
    .pd_detail_intro4 .page_case_study .item{
        padding: 0 8px;
    }
    .page_service_panel6_list{
        margin:20px -6px 0;
    }
    .page_service_panel6_list .item{
        width: 100%;
        padding: 6px;
    }
    .page_case_study .item .con h4, .pd_detail_intro__desc, .page_cases_list .item .item_con .tit{
        font-size: 18px;
    }
    .pd_detail_intro_tit{
        top:100px;
    }
    .pd_detail_intro{
        padding-left: 4%;
    }
    .pd_detail_intro1 .content{
        font-size: 16px;
    }
    .page_suggested_products{
        margin:-10px;
        flex-wrap: wrap;
    }
    .page_suggested_products .item{
        width: 50%;
        padding: 10px;
    }
    .page_suggested_products .item .con h4{
        font-size: 18px;
    }
    .news_list.page_news_list .list{
        flex-wrap: wrap;
    }
    .news_list.page_news_list .item{
        width: 50%;
    }
    .page_about_banner_con .item .item_w{
        padding-bottom: 20px;
    }
    .page_about_banner_con .btns{
        margin-top: 40px;
    }
    .page_about_banner_con .item .num span{
        font-size: 40px;
    }
    .about_data .item .img, .page_about_banner_con .item .img{
        padding-right: 20px;
    }
    .page_about_banner_con .item .desc{
        font-size: 16px;
    }
    .page_about_panel5_list .item .img img{
        width: 60px;
        height: 60px;
    }
    .page_oness_panel3 .panel_con .con{
        font-size: 16px;
    }
    .page_oness_panel3 .panel_con .con br{
        display: none;
    }
    .page_service_panel4 .list{
        padding-left: 0;
    }
    .page_service_panel4 .list .item .desc{
        font-size: 16px;
    }
    .page_menu_public{
        margin: 50px 0 30px;
    }
    .page_latest_news .item_con .tit{
        font-size: 22px;
    }
    .page_latest_news .item_con .desc{
        font-size: 16px;
        margin: 5px 0 20px;
    }
    .page_cases_menu .item{
        width: 25%;
    }
}
@media screen and (max-width: 768px){
    body{
        font-size:14px!important;
        overflow-x: hidden;
    }
    .page_public_family .j_tit{
        border-left-width: 5px;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
    }
    .page_public_family .list1 .item{
        flex-direction: column-reverse;
        padding: 20px 0;
    }
    .page_product_index_menu .item .item_img h4{
        font-size:18px;
        padding: 20px;
    }
    .zl_case_related_products .page_product_list .item .item_con .btns{
        gap: 8px;
    }
    .page_public_family .list1 .item .item_img{
        width: 100%;
    }
    .page_public_family .list1 .item .item_con{
        padding-right: 0;
        padding-top: 15px;
    }
    .page_public_family .list2{
        flex-direction:column;
        margin-top: 15px;
    }
    .page_public_family .list2 .cover{
        width: 100%;
    }
    .page_public_family .list2 .con{
        padding: 15px 0 0;
    }
    .header{
        height: 50px;
    }
    .header .logo,
    .header .logo a{
        height: 100%;
    }
    .header .logo img{
        height:50px;
    }
    .menuPage{
        padding-right: 52px;
    }
    .menuBtn{
        width: 50px;
        height: 50px;
    }
    .mobile_lang_switch{
        right: 58px;
        height: 50px;
        padding: 0 6px 0 10px;
    }
    .mobile_lang_switch a{
        font-size: 12px;
    }
    .menuBtn .line{
        margin:7px auto;
    }
    .menuBtn.active .line:nth-child(1) {
        -webkit-transform: translateY(9px) rotate(45deg);
        -ms-transform: translateY(9px) rotate(45deg);
        -o-transform: translateY(9px) rotate(45deg);
        transform: translateY(9px) rotate(45deg);
    }
    .menuBtn.active .line:nth-child(3) {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    .wrapper,.w1400{
        padding-left: 15px;
        padding-right: 15px;
    }
    .header_wrap{
        height: 50px;
        min-height: 50px;
    }
    .header_wrap .logo_words{
        top:12px;
        left: 42px;
    }
    .header_wrap .logo_words img{
        height:18px;
    }
    .banner{
        margin-top: 50px; 
    }
    .banner .new_more{
        display: none;
    }
    .banner .item .item_con{
        padding-top: 0;
        padding-bottom: 0;
    }
    .banner .item .item_con .info{
        max-width: calc(100% - 36px);
    }
    .banner .item .item_con .tit h5{
        font-size: 22px;
        margin-bottom: 5px;
        line-height: 1.18;
    }
    .banner .item .item_con .tit h5 p{
        font-size: 26px;
        line-height: 1.18;
        white-space: normal;
    }
    .banner .item .item_con .tit span{
        white-space: normal;
    }
    .banner .item .item_con .tit h6{
        font-size: 13px;
        line-height: 1.45;
        white-space: normal;
        display: none;
    }
    .banner .item .item_con .desc{
        font-size: 14px;
        line-height: 1.5;
        margin: 0;
        white-space: normal;
        display: none;
    }
    .banner .swiper-pagination{
        bottom: 20px;
    }
    .banner .swiper-pagination .swiper-pagination-bullet{
        height: 6px;
        margin: 0 3px;
    }
    .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
        height: 10px;
    }
    .product_menu{
        padding: 15px 15px 0;
    }
    .product_menu.zl_scene_menu .scene_heading{
        padding: 0 0 18px;
    }
    .product_menu.zl_scene_menu .scene_eyebrow{
        margin-bottom: 8px;
        font-size: 12px;
    }
    .product_menu.zl_scene_menu .scene_title{
        font-size: 24px;
    }
    .product_menu.zl_scene_menu .scene_desc{
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.7;
    }
    .product_menu.zl_scene_menu .scene_project_name{
        padding-top: 12px;
        font-size: 16px;
        text-align: left;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        word-break: break-word;
    }
    .product_menu.zl_scene_menu .scene_project_nav{
        margin-top: 18px;
        gap: 10px;
    }
    .product_menu.zl_scene_menu .scene_project_prev,
    .product_menu.zl_scene_menu .scene_project_next{
        width: 40px;
        height: 40px;
    }
    .product_menu.zl_scene_menu .list{
        margin: 0 -6px;
    }
    .product_menu.zl_scene_menu .item{
        width: 50%;
        padding: 6px;
    }
    .product_menu.zl_scene_menu .item a{
        min-height: 210px;
    }
    .product_menu.zl_scene_menu .item .info{
        padding: 16px 15px;
        gap: 8px;
    }
    .product_menu.zl_scene_menu .item .info .scene_label{
        min-height: 28px;
        padding: 0 10px;
        font-size: 10px;
    }
    .product_menu.zl_scene_menu .item .info .tit{
        font-size: 20px;
        text-align: left;
    }
    .product_menu.zl_scene_menu .item .info .desc{
        font-size: 12px;
        line-height: 1.6;
    }
    .product_menu.zl_scene_menu .item .info .more{
        font-size: 12px;
        padding: 0 12px;
    }
    .page_case_listing .page_case_study{
        margin: 0 -10px;
    }
    .page_case_listing .page_case_study .item{
        width: 50%;
        padding: 0 10px 28px;
    }
    .page_case_listing .page_case_study .item .con h4{
        min-height: 50px;
        font-size: 20px;
    }
    .page_case_listing .page_case_study .item .con p{
        min-height: 0;
        font-size: 13px;
    }
    .product_menu .item{
        padding: 6px;
    }
    .product_menu .item .info{
        padding: 15px;
    }
    .product_menu .item .info .tit{
        font-size: 16px;
        width: 100%;
        text-align: center;
    }
    .product_menu .item .info .img{
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10px;
    }
    .product_menu .item .info .more{
        display: none!important;
    }
    .tit_box1{
        padding: 30px 0 20px;
    }
    .tit_box1 .tit h4{
        font-size: 24px;
    }
    .product_wrap{
        overflow: hidden;
    }
    .product_swiper .item_tit{
        font-size:36px;
    }
    .product_swiper .item_img{
        margin-top: -10px;
    }
    .about_wrap{
        background-image: none;
    }
    .product_wrap .swiper-button-prev, .product_wrap .swiper-button-next{
        width:50px;
        height: 50px;
    }
    .product_swiper .item_con .tit{
        font-size: 16px;
    }
    .product_swiper .item_con .desc p{
        font-size: 14px;
    }
    .product_swiper .item_con{
        padding-top: 30px;
    }
    .product_swiper .item_con .desc p:before{
        left: 3px;
        top: 9px;
    }
    .solution_wrap .j_item .j_item_bd_item .item_bg img{
        height:310px;
        object-fit: cover;
    }
    .solution_wrap .j_item .j_item_hd_w{
        width: 100%;
        padding-top: 30px;
    }
    .solution_wrap .j_item .j_item_hd .j_tit{
        text-align: center;
        margin-bottom: 20px;
    }
    .pb100{
        padding-bottom: 30px;
    }
    .pt100{
        padding-top: 30px;
    }
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .item_con_w{
        width: 100%;
        left: 0;
        padding:0 15px;
    }
    .solution_wrap .j_item .j_item_hd .list{
        flex-direction:row;
        overflow-x: auto;
    }
    .solution_wrap .j_item .j_item_hd .list .item{
        font-size: 16px;
        padding-bottom: 8px;
        white-space: nowrap;
        margin-right: 15px;
        padding-left: 18px;
    }
    .solution_wrap .j_item .j_item_hd .list .item:before{
        width: 5px;
        height:5px;
        top: 13px;
        left: 5px;
    }
    .solution_wrap .j_item .j_item_hd{
        left: 0;
        width: 100%;
        padding: 0 15px;
        overflow: hidden;
    }
    .solution_wrap .more{
        display: none;
    }
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico{
        width: 60px;
        height: 60px;
    }
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico img{
        width: 30px;
        height: 30px;
        margin: 10px 10px 0 0;
    }
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .tit{
        font-size: 22px;
    }
    .solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .desc{
        width: 100%;
        font-size: 14px;
        margin: 10px 0 70px;
    }
     .about_con .j_desc h5{
          font-size: 16px;
      }
     .about_con .j_desc .slogan{
          font-size: 12px;
          line-height: 1.6;
          letter-spacing: 0.3px;
      }
     .about_con .j_desc p{
          font-size: 14px;
          line-height: 1.75;
      }
    .about_con .btns{
        margin:20px -5px 40px;
    }
    .about_con .btns a{
        margin: 0 5px;
        font-size: 12px;
        border-width: 1px;
    }
    .about_data{
        flex-wrap: wrap;
    }
    .about_data{
        margin: 0 -15px;
    }
    .about_data .item{
          width: 50%;
          padding:  15px;
      }
    .page_about_panel1 .page_about_stats{
         margin-top: 28px;
     }
    .about_data .item .num span{
        font-size: 30px;
    }
    .about_data .item .img img{
        width: 40px;
        height: 40px;
    }
    .about_data .item .item_w{
        border-bottom-width: 1px;
        padding-bottom: 10px;
    }
    .about_data .item .desc{
        font-size: 16px;
    }
    .news_list{
        overflow: hidden;
    }
    .news_con .arrow .swiper-button-prev, .news_con .arrow .swiper-button-next{
        width: 30px;
        height: 30px;
    }
    .news_con .arrow .swiper-button-prev i, .news_con .arrow .swiper-button-next i{
        font-size: 18px;
    }
    .news_con .arrow .swiper-button-prev{
        margin-right: 10px;
    }
    .news_con .arrow{
        top: -25px;
    }
    .news_list .item .item_con .tit{
        font-size: 18px;
    }
    .footer_message_wrap{
        padding-bottom: 40px;
    }
    .footer_message .tit{
        font-size: 22px;
        text-align: center;
    }
    .footer_message{
        padding-right: 0;
    }
    .footer_message .desc{
        font-size: 16px;
        text-align: center;
    }
    .footer_message .form .button{
        margin-top: 20px;
    }
    .footer_message .form button{
        font-size: 14px;
    }
    
    .footer_copyright a{
        display: block;
    }
    
    .footer_copyright{
        display: block;
        padding: 10px 0;
        height: auto;
        font-size:12px;
        text-align: center;
    }
    .footer_copyright span{
        display: inline-block;
        margin: 0 8px;
    }
    .footer_sort33_link{
        flex-basis: 100%;
    }
    
    .inner_pos_wrap{
        margin-top: 50px;
    }
    .inner_pos{
        height: 40px;
    }
    .page_banner .img img{
        min-height: 150px;
    }
    .page_product_index_menu{
        margin: -6px;
    }
    .page_product_index_menu .item{
        padding: 6px;
        width: 50%;
    }
    .page_product_index_menu .item .item_con{
        padding: 15px;
    }
    .page_product_index_menu .item .item_con .desc{
        font-size: 14px;
    }
    .page_product_banner_con .content_img{
        flex-direction: column-reverse;
    }
    .page_product_banner_con .content_img .img{
        width: 100%;
    }
    .page_product_banner_con .content_img .info{
        padding-right: 0;
    }
    .page_banner_con .tit, .page_product_banner_con .content_img .info .tit, .about_tit_box1 .tit h4, .page_news_detail_hd h1, .page_service_panel1 .item_con .tit, .page_service_panel2 .j_tit, .page_contact_tit .tit, .page_about_panel1 .tit, .page_about_panel3 .con h4, .page_about_panel4_con .info h4, .page_about_panel7 .item .con h4, .page_certificates_tit .tit, .page_certificates_list_tit{
        font-size: 22px;
    }
    .page_product_banner_con .content_img .info .desc{
        margin-top: 10px;
        padding-right: 0;
    }
    .product_model_select{
        flex-direction: column;
        padding: 25px;
    }
    .product_model_select .list{
        width: 100%;
        flex-direction: column;
    }
    .product_model_select .list .item{
        width: 100%;
        padding-right: 0;
        padding-bottom: 15px;
    }
    .product_model_select .btn{
        margin-left: 0;
        height: 38px;
        flex: auto;
    }
    .page_product_list .item .item_con .btns a.btn2{
        display: none;
    }
    .page_product_list .item .item_w{
        padding: 15px;
    }
    .page_product_list .list{
        margin: -6px;
    }
    .page_product_list .item{
        padding: 6px;
    }
    
    .inner_pos{
        overflow-x: auto;
    }
    .inner_pos a{
        white-space: nowrap;
    }
    .pd_detail_hd .pics{
        width: 100%;
    }
    .pd_detail_hd .pics .mySwiper .swiper-slide .img{
        padding: 5px;
    }
    .pd_detail_hd{
        padding-top: 20px;
    }
    .pd_detail_hd .infos{
        flex-direction: column;
    }
    .pd_detail_hd .infos .infos_hd{
        width:100%;
        padding-right: 0;
    }
    .pd_detail_hd .infos h1{
        font-size: 24px;
    }
    .pd_detail_hd .infos .btns .btn{
        width: 180px;
        height: 40px;
        margin-right: 0;
    }
    
    .pd_detail_hd .infos .infos_bd{
        padding-top: 20px;
        overflow: hidden;
    }
    .pd_detail_hd .pics .mySwiper{
        margin-top: 20px;
    }
    .j_pdinal{
        flex-direction: column;
        padding-top: 10px;
    }
    
    .pd_detail_intro{
        width: 100%;
        padding-left: 0;
    }
    .pd_detail_intro_tit{
        display: flex;
        overflow-x: auto;
        background: #eee;
        padding: 15px 10px;
        top: 50px;
        width: 100%;
        z-index: 1;
        margin-bottom: 10px;
    }
    .pd_detail_intro_tit .item{
        font-size: 16px;
        white-space: nowrap;
        padding-right: 20px;
        margin-bottom: 0;
    }
    .pd_detail_intro2_hd .item{
        font-size: 15px;
        height: 50px;
    }
    .page_case_study .item .con h4, .pd_detail_intro__desc, .page_cases_list .item .item_con .tit,.page_service_panel6_list .item .tit{
        font-size: 16px;
    }
    .page_service_panel6_list .item a{
        padding: 20px;
    }
    .page_banner_con .desc{
        display: none;
    }
    .page_banner_con .tit{
        margin-bottom: 20px;
        font-size: 28px!important;
        color: #f4f8ff;
    }
    .zl_case_intro{
        padding: 0;
    }
    .zl_case_intro h1{
        font-size: 28px;
    }
    .zl_case_intro .desc{
        margin-top: 14px;
        font-size: 14px;
        line-height: 1.8;
    }
    .zl_case_intro .content{
        margin-top: 24px;
    }
    .zl_case_intro .content p{
        margin-bottom: 14px;
        font-size: 14px;
        line-height: 1.8;
    }
    .zl_case_related_products .page_product_list .list{
        margin: -6px;
    }
    .zl_case_related_products .page_product_list .item{
        width: 50%;
        padding: 6px;
    }
    .zl_case_related_products .page_product_list .item .item_w{
        padding: 15px;
    }
    .zl_case_related_products .page_product_list .item .item_con .tit{
        min-height: 0;
    }
    .zl_case_related_products .page_product_list .item .item_con .desc{
        display: none;
    }
    .page_solution_tit.about_tit_box1{
        padding: 30px 0 20px;
    }
    .page_case_study{
        padding-bottom: 50px;
    }
    .news_con .arrow{
        left: auto;
        right: 0; 
    }
    .page_case_study_wrap{
        padding-bottom: 30px;
    }
    .page_suggested_products .item .con h4{
        font-size: 16px;
    }
    .page_suggested_products .item .con .btns a.btn2{
        display: none;
    }
    
    .page_suggested_products{
        margin: -6px;
    }
    .page_suggested_products .item{
        padding: 6px;
    }
    .page_suggested_products .item .con{
        padding-top: 10px;
    }
    .page_case_listing .page_case_study{
        margin: 0 -6px;
        padding-bottom: 10px;
    }
    .page_case_listing .page_case_study .item{
        width: 100%;
        padding: 0 6px 22px;
    }
    .page_case_listing .page_case_study .item .con{
        padding-top: 14px;
    }
    .page_case_listing .page_case_study .item .con h4{
        min-height: 0;
        font-size: 18px;
    }
    .page_case_listing .page_case_study .item .con p{
        font-size: 13px;
        line-height: 1.7;
    }
    .page_cases_menu{
        margin: -6px;
    }
    .page_cases_menu .item{
        width:50%;
        padding: 6px;
    }
    .page_cases_menu .item a{
        padding: 15px;
    }
    .page_cases_menu .item img{
        width: 25px;
        height: 25px;
    }
    .page_cases_menu .item span{
        font-size: 14px;
        padding-left:15px;
    }
    .page_cases_list .item{
        padding: 6px;
        width: 50%;
    }
    .page_cases_list .item .item_con{
        padding-top: 10px;
    }
    .page_news_detail_hd .hd_right{
        display: none;
    }
    .page_news_detail_hd{
        padding-right: 0;
    }
    .page_news_detail_hd .time{
        font-size: 14px;
        margin: 10px 0;
    }
    .page_cases_list .list{
        flex-wrap: wrap;
    }
    .page_service_panel1 .item{
        flex-direction: column;
    }
    .page_service_panel1 .item_img{
        width: 100%;
    }
    .page_service_panel1 .item_con{
        padding-left: 0;
    }
    .page_service_panel2{
        padding: 30px 0;
    }
    .page_service_panel2 .list{
        flex-direction: column;
    }
    .page_service_panel2 .list .item{
        width: 100%;
        margin-bottom: 15px;
    }
    .page_service_panel2 .list .item .tit{
        padding-left: 40px;
        font-size: 20px;
    }
    .page_service_panel2 .list .item .desc{
        font-size: 15px;
        margin-top: 10px;
    }
    .page_service_panel1 .item_con .desc{
        margin-bottom: 30px;
    }
    .page_service_panel4 .img_list{
        margin-top: 20px;
    }
    .page_service_panel4 .img_list{
        flex-direction: column;
    }
    .page_service_panel4 .img_list .img{
        width: 100%;
    }
    .page_service_panel4 .list .item .tit h4,.page_oness_panel1{
        font-size: 16px;
    }
    .page_oness_panel2 {
        display: none;
    }
    .page_oness_panel2_tit{
        display: none;
    }
    .page_oness_panel3{
        padding-top: 20px;
        flex-direction: column;
    }
    .page_oness_panel3 .panel_img{
        width: 100%;
    }
    .page_oness_panel3 .panel_con{
        padding: 15px 0 0;
    }
    .page_oness_panel3 .panel_con .tit{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .page_menu_public .item a{
        font-size: 14px;
    }
    .page_menu_public{
        margin: 30px 0 10px;
    }
    
    .page_download_list .item .time{
        display: none;
    }
    .page_download_list .item .img{
        width: 42px;
        flex-basis: 42px;
    }
    .page_download_list .item .is-disabled{
        padding: 22px 24px;
    }
    .page_download_list .item .page_download_card{
        padding: 22px 24px;
        align-items: flex-start;
        gap: 18px;
    }
    .page_download_list .item .download_actions{
        width: 100%;
        flex-basis: 100%;
        margin-left: 60px;
        justify-content: flex-start;
        gap: 10px 18px;
    }
    .page_download_list .item .download_action{
        font-size: 13px;
    }
    .pdf_preview_dialog{
        width: calc(100% - 24px);
        height: calc(100vh - 24px);
        margin: 12px auto;
        border-radius: 14px;
    }
    .pdf_preview_head,
    .pdf_preview_toolbar,
    .pdf_preview_body{
        padding-left: 16px;
        padding-right: 16px;
    }
    .pdf_preview_head{
        padding-top: 16px;
        padding-bottom: 14px;
    }
    .pdf_preview_title{
        font-size: 18px;
    }
    .pdf_preview_toolbar{
        gap: 12px;
    }
    .pdf_preview_toolbar_group{
        width: 100%;
        justify-content: space-between;
    }
    .pdf_toolbar_btn,
    .pdf_preview_close{
        min-height: 36px;
        padding: 0 14px;
        font-size: 13px;
    }
    .pdf_preview_status{
        padding-left: 16px;
        padding-right: 16px;
    }
    .pdf_preview_canvas_wrap{
        padding: 14px;
    }
    .page_about_banner_con .list{
        display: none;
    }
    .page_about_banner_con .btns{
        margin-top: 0;
    }
    .page_about_panel1 .desc{
        font-size: 20px;
        line-height: 1.3;
    }
    .page_about_panel1 .con{
        font-size: 16px;
    }
    .page_about_panel2 .item{
        flex-direction: column-reverse;
    }
    .page_about_panel2 .item .img{
        width: 100%;
    }
    .page_about_panel2 .item .con{
        padding-right: 0;
    }
    .page_about_panel2 .item .con h4{
        margin-top: 10px;
        font-size: 20px;
    }
    .page_about_panel2 .swiper-button-prev,
    .page_about_panel2 .swiper-button-next{
        top: 24px;
        margin-top: 0;
    }
    .page_about_panel2 .swiper-button-prev{
        left: auto;
        right: 74px;
    }
    .page_about_panel2 .swiper-button-next{
        right: 20px;
    }
    .page_about_panel3{
        flex-direction: column;
    }
    .page_about_panel3 .img{
        width: 100%;
    }
    .page_about_panel4_img img{
        height: 400px;
    }
    .page_about_panel4_con .info{
        width: 100%;
    }
    .page_about_panel4_con .info p{
        margin: 10px 0 30px;
    }
    .page_about_panel5{
        padding: 48px 0 60px;
    }
    .page_about_panel5 .j_btn_style1{
        display: none;
    }
    .page_about_panel5_list .item:after{
        display: none;
    }
    .page_about_panel5_list{
        flex-direction: column;
    }
    .page_about_panel5_list .item{
        padding: 0 20px 20px;
    }
    .about_tit_box1 .tit p{
        font-size: 16px;
        margin-top: 10px;
    }
    .page_about_panel7{
        flex-direction: column;
    }
    .page_about_panel7 .item{
        padding-bottom: 20px;
    }
    .page_about_panel7 .item .con{
        padding-top: 10px;
    }
    .page_vision_mission_tit{
        font-size: 24px;
        padding-top: 30px;
    }
    .page_certificates_list_tit{
        margin-bottom: 20px;
    }
    .page_vision_mission_list{
        padding: 20px 0 60px;
    }
    .page_certificates_list{
        margin: -6px;
    }
    .page_certificates_list .item{
        padding: 8px;
        width:50%;
    }
    .page_certificates_list .item .tit{
        font-size: 16px;
    }
    .page_certificates_swiper_wrap{
        padding: 0 0 56px;
    }
    .about_certificates_prev,
    .about_certificates_next{
        display: block;
        top: auto;
        bottom: 0;
        transform: none;
        width: 38px;
        height: 38px;
    }
    .about_certificates_prev{
        left: calc(50% - 46px);
    }
    .about_certificates_next{
        right: calc(50% - 46px);
    }
    .about_certificates_swiper .tit{
        min-height: 0;
        font-size: 22px;
        line-height: 1.35;
        text-align: left;
    }
    .about_certificates_swiper .sortname{
        font-size: 14px;
        line-height: 1.45;
        text-align: left;
    }
    
    
    .page_latest_news .item{
        flex-direction: column;
    }
    .page_news{
        padding-top:20px;
    }
    .page_latest_news .item_img{
        width: 100%;
    }
    .page_latest_news .item_con{
        padding: 20px 0 0;
    }
    .page_latest_news .item_con .desc{
        margin: 10px 0 20px;
    }
    .page_latest_news{
        padding: 20px 0 0;
    }
    .page_latest_news .item_con .tit{
        font-size: 20px;
    }
    .news_list.page_news_list{
        margin-top: 20px;
    }
    .news_list.page_news_list .item{
        width: 100%;
    }
    .page_news_detail_hd .content{
        padding-top: 30px;
    }
    .page_menu_public .item{
        margin-right: 10px;
    }
    .page_menu_public .item a{
        padding: 0 10px;
        border-width: 1px;
        height: 36px;
        line-height: 34px;
    }
    .page_contact_list .item{
        width: 100%;
    }
    .pagination{
        gap: 8px;
        margin-top: 32px;
    }
    .pagination > a,
    .pagination > span,
    .pagination li > a,
    .pagination li > span{
        min-width: 42px;
        height: 42px;
        padding: 0 14px;
        border-radius: 0;
        font-size: 14px;
        box-shadow: none;
    }
    .pagination li.first > a,
    .pagination li.last > a,
    .pagination li.prev > a,
    .pagination li.next > a{
        min-width: 74px;
    }
    .no_banner_pos{
        padding: 0;
        font-size:14px;
    }
    .page_application_show .j_con iframe{
        width:100%!important;
        height:240px!important;
    }
    .pd_detail_intro2_bd .item table tr td{
        padding: 5px 10px;
        font-size: 13px!important;
        
    }
    .pd_detail_intro .jy_item table colgroup col,.pd_detail_intro .jy_item table colgroup .col{
        min-width: 130px!important;
    }
    .pd_detail_intro2_bd.pd_detail_intro2_bd_diesel .item table tr:first-child td{
        white-space: nowrap;
    }
    .pd_detail_intro2_bd .item{
        overflow-x: scroll;
    }
    .pd_detail_intro .jy_item table{
        width: 100%!important;
        table-layout: fixed;
    }
     /*.pd_detail_intro2_bd .item table colgroup col{*/
     /*    width: 200px!important;*/
     /*}*/
    /*.pd_detail_intro2_bd .item table tr td{*/
    /*    white-space: nowrap;*/
    /*}*/
    .page_news_detail_hd.page_case_detail_hd .hd{
        flex-direction: column-reverse;
    }
    .page_news_detail_hd.page_case_detail_hd .hd_right{
        display: block;
        width: 100%;
    }
    .page_news_detail_hd .hd_left{
        padding: 15px 0 0;
    }
    .page_public_family{
        padding-top: 20px;
    }
    .page_public_family .j_tit{
        margin-bottom:20px;
    }
    .page_contact_list{
        margin: 0;
    }
    .page_contact_list .item p br{
        display: none;
    }
    .page_contact_list .item p + a,
    .page_contact_list .item p.contact_email + a{
        margin-top: 18px;
    }
    .download_preview_actions{
        gap: 12px;
        margin-top: 22px;
    }
    .download_preview_btn{
        min-width: 170px;
    }
    .download_preview_toolbar,
    .download_preview_status,
    .download_preview_canvas_wrap{
        padding-left: 18px;
        padding-right: 18px;
    }
    .download_preview_toolbar{
        gap: 14px;
    }
    .download_preview_toolbar_group{
        width: 100%;
        justify-content: space-between;
    }
    .download_preview_tool{
        min-width: 0;
        flex: 1;
        padding: 0 12px;
        font-size: 13px;
    }
    .download_preview_tool_status{
        min-width: 68px;
        font-size: 13px;
    }
    .download_preview_canvas_wrap{
        min-height: 460px;
        padding-top: 18px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 540px){
    .zl_product_listing .sort_overview{
          margin-bottom: 24px;
          padding: 22px 18px;
      }
    .zl_product_listing .sort_overview_inner{
          display: block;
      }
    .zl_product_listing .sort_overview_media{
          width: 100%;
      }
    .zl_product_listing .sort_overview_body{
          margin-top: 18px;
      }
    .zl_product_listing .sort_overview_content{
          font-size: 14px;
          line-height: 1.75;
      }
    .zl_product_listing .sort_overview_prev,
    .zl_product_listing .sort_overview_next{
          width: 32px;
          height: 32px;
          font-size: 20px;
      }
    .zl_product_listing .sort_overview_prev{
          left: 10px;
      }
    .zl_product_listing .sort_overview_next{
          right: 10px;
      }
    .zl_product_listing .sort_overview_pagination{
          bottom: 10px !important;
      }
      .product_menu.zl_scene_menu .scene_project_name{
          font-size: 15px;
          line-height: 1.45;
      }
    .zl_product_listing .page_product_list .item{
        width: 50%;
    }
    .product_menu.zl_scene_menu .item{
        width: 100%;
    }
    .product_menu.zl_scene_menu .item a{
        min-height: 200px;
    }
    .news_wrap .news_tit_box1{
        padding: 0 0 18px;
    }
    .news_wrap .news_tit_box1 .tit h4{
        font-size: 24px;
    }
    .news_wrap .news_list{
        padding: 0 12px 16px;
        margin: 0 -12px -16px;
    }
    .news_wrap .news_list .swiper-slide{
        padding: 6px 6px 16px;
    }
    .news_wrap .news_list .item{
        border-radius: 0;
    }
    .news_wrap .news_list .item .item_img{
        border-radius: 0;
    }
    .news_wrap .news_list .item .item_con{
        margin: 0;
        padding: 18px 16px 18px;
        border-radius: 0;
    }
    .news_wrap .news_list .item .item_con .time{
        font-size: 12px;
    }
    .news_wrap .news_list .item .item_con .tit{
        margin-top: 8px;
        font-size: 18px;
    }
    .news_wrap .news_list .item .item_con .desc{
        margin: 10px 0 18px;
        font-size: 13px;
        line-height: 1.7;
    }
    .news_wrap .news_list .item .item_con .btn{
        min-height: 34px;
        padding: 0 14px;
        font-size: 12px;
    }
    .layer_message{
        padding: 24px 20px 26px;
    }
    .layer_message .top h3,
    .layer_message .top h4{
        font-size: 20px;
    }
    .layer_message .form_grid{
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .layer_message .input.input_full{
        grid-column: auto;
    }
    .layer_message textarea{
        height: 84px;
    }
    .layer_message .code_row{
        gap: 10px;
    }
    .layer_message .code_row img{
        width: 110px;
        height: 40px;
    }
    .download_preview_actions{
        gap: 10px;
    }
    .download_preview_btn{
        width: 100%;
        min-width: 0;
    }
    .download_preview_detail .content{
        padding-top: 30px;
    }
    .download_preview_toolbar{
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .download_preview_toolbar_group{
        width: 100%;
        justify-content: space-between;
        gap: 8px;
    }
    .download_preview_tool{
        min-height: 36px;
        font-size: 12px;
    }
    .download_preview_tool_status{
        min-width: 56px;
        font-size: 12px;
    }
    .download_preview_status{
        font-size: 13px;
    }
    .download_preview_canvas_wrap{
        min-height: 320px;
        padding: 14px 12px 16px;
    }
    .zl_mechanism_listing{
        padding-top: 50px;
    }
    .zl_mechanism_listing .mechanism_layout{
        display: block;
    }
    .zl_mechanism_listing .page_product_menu{
        position: static;
        top: auto;
        width: 100%;
        margin-bottom: 30px;
    }
    .zl_mechanism_listing .mechanism_intro{
        margin-bottom: 40px;
    }
    .zl_mechanism_listing .mechanism_intro_gallery{
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .zl_mechanism_listing .mechanism_intro_title{
        margin-top: 20px;
        font-size: 24px;
    }
    .zl_mechanism_listing .mechanism_intro_content{
        margin-top: 20px;
        font-size: 16px;
        line-height: 1.9;
    }
    .zl_mechanism_listing .mechanism_product_item + .mechanism_product_item{
        margin-top: 32px;
        padding-top: 32px;
    }
    .zl_mechanism_listing .mechanism_product_body{
        display: block;
        margin-top: 20px;
    }
    .zl_mechanism_listing .mechanism_product_image{
        width: 100%;
        margin-bottom: 18px;
    }
    .zl_mechanism_listing .mechanism_product_prev,
    .zl_mechanism_listing .mechanism_product_next{
        width: 32px;
        height: 32px;
        margin-top: -16px;
        font-size: 20px;
    }
    .zl_mechanism_listing .mechanism_product_prev{
        left: 10px;
    }
    .zl_mechanism_listing .mechanism_product_next{
        right: 10px;
    }
    .zl_mechanism_listing .mechanism_product_pagination{
        bottom: 10px !important;
        gap: 6px;
    }
    .zl_mechanism_listing .mechanism_product_content{
        font-size: 16px;
        line-height: 1.9;
    }
}