@media(min-width:1920px){
    html{
        font-size:calc(100vw/19.2)
    }
     body{
        max-width:1920px;
        margin:auto;
        position: relative;
    }
     .auto-container{
        max-width:1400px
    }
     .head_box{
        max-width:1920px
    }
}
 @media(min-width:2000px){
    .index_section2 .index_section2_box .item_box .swiper-button-prev{
        right: 3.5rem;
    }
    .index_section5 .index_section5_box .item{
        padding: 0 .35rem;
    }
    .footer .footer_from{
        background-size: cover !important;
    }
}
 @media(min-width:2560px){
    html{
        font-size:calc(100vw/25.6)
    }
    .index_section2 .index_section2_box .item_box .swiper-button-prev{
        right: 3.5rem;
    }
}
 @media(min-width:2860px){
    html{
        font-size:calc(100vw/28.6)
    }
}
 @media(min-width:3840px){
    html{
        font-size:calc(100vw/38.4)
    }
}
 @media (max-width:1720px){
    .head_box{
        padding:0 .4rem
    }
}
 @media (max-width:1400px){
    .head_box .nav_box .nav>.hasdrop{
        margin-right:.25rem
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu>p{
        font-size:.28rem;
        line-height:.85rem
    }
     .footer{
        margin-top:2.4rem
    }
     .footer .footer_from form{
        width:55%
    }
     .footer .footer_box{
        padding-top:2.6rem
    }
     .index_banner .swiper-pagination{
        max-width: 95%;
        left: 5%;
        bottom:.6rem
    }
     .index_section1{
        padding:.8rem 0
    }
     .index_section1 .index_section1_box{
        margin-top:.7rem
    }
     .index_section1 .index_section1_box .item{
        /*max-width:2.8rem*/
    }
     .index_section2{
        padding:.8rem 0
    }
     .index_section2 .index_section2_box .item_box .swiper-button-prev{
        right:35%
    }
     .index_section4{
        padding:.8rem 0
    }
     .index_section5{
        padding:.7rem 0
    }
     .index_section6{
        padding:.8rem 0;
        padding-bottom:.2rem
    }
     .page_content{
        padding-top:1.5rem
    }
    .category_unbreakable{
        padding-top: 0;
    }
     .category_unbreakable .page_section1{
        background-size:cover!important;
        height:8.2rem;
        padding-top:.8rem
    }
     .category_unbreakable .page_block span{
        max-width:65%
    }
     .category_unbreakable .page_section1 .page_section1_box .item{
        width:2rem;
        height:2rem
    }
     .category_unbreakable .page_section1 .page_section1_box .item1{
        margin-right:2rem
    }
     .category_unbreakable .page_section1 .page_section1_box .item3{
        height:max-content
    }
     .category_unbreakable .page_section1 .page_section1_box .item .img img{
        max-width:.8rem
    }
     .category_unbreakable .page_section1 .page_section1_box .item .txt p{
        font-size:.19rem
    }
     .category_unbreakable .page_section1 .page_section1_box .item .item_child p{
        width:1.3rem;
        height:1.3rem;
        font-size:.18rem;
        line-height:normal
    }
     .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p:nth-child(1){
        top:-1.3rem;
        left:.5rem
    }
     .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p:nth-child(2){
        left:1.53rem;
        top:-.8rem
    }
     .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p:nth-child(3){
        left:2rem;
        top:.3rem
    }
     .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p:nth-child(4){
        right:-.93rem;
        top:1.4rem
    }
     .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p:nth-child(5){
        left:.5rem;
        bottom:-1.3rem
    }
     .category_unbreakable .page_section2{
        padding-bottom:.8rem
    }
     .category_unbreakable .page_section2 .page_block span{
        max-width:65%
    }
     .category_unbreakable .page_section3 .left{
        padding:.58rem
    }
     .category_unbreakable .page_section3 .left .page_block p{
        font-size:.4rem
    }
     .category_unbreakable .page_section3 .left .page_section3_box .item{
        width:30%
    }
     .category_unbreakable .page_section3 .left .page_section3_box .item .txt{
        font-size:.18rem
    }
     .category_unbreakable .page_section4{
        padding:.8rem 0
    }
     .category_unbreakable .page_section4 .page_section4_box .item{
        margin-right:.85rem
    }
     .category_unbreakable .page_section5 .text_box{
        width:50%;
        padding:.4rem;
        left:.7rem
    }
     .category_unbreakable .page_section6{
        padding:0 .8rem;
        padding-top:.7rem;
        padding-bottom:2rem
    }
     .category_product .category_product_box{
        padding-bottom:.4rem
    }
     .category_product .category_product_box h2{
        font-size:.36rem
    }
     .category_product .category_product_section1{
        padding-bottom:1rem
    }
     .category_product .category_product_section1 .item_box .item a{
        width:2.8rem
    }
     .category_product .category_product_section1 .item_box .item a:before{
        width:2.8rem
    }
     .category_product .category_product_section1 .item_box .item:hover .img_box img{
        max-width:2.8rem
    }
     .category_product .category_product_section1 .item_box .item:hover .text_box>p{
        font-size:.26rem
    }
     .category_product .category_product_section2:nth-child(even){
        background-size:cover;
        min-height:auto
    }
     .category_product .category_product_section2 .category_product_section2_box{
        max-width:95%;
        padding:.65rem 0;
        min-height:auto
    }
     .category_product .category_product_section2 .category_product_section2_box .left h2{
        font-size:.3rem;
        margin-bottom:30px
    }
     .category_product .category_product_section2 .category_product_section2_box .left h2 p{
        max-width:50%
    }
     .category_product .category_product_section2 .category_product_section2_box .item{
        width:55%;
        margin-top:70px
    }
     .category_product .category_product_section2 .category_product_section2_box .item a{
        padding:.2rem;
        min-height:3rem
    }
     .category_product .category_product_section2 .category_product_section2_box .item .img_box img{
        max-width:2.5rem
    }
     .category_product .category_product_section2 .category_product_section2_box .item .text_box > p{
        font-size:.28rem;
        line-height:normal
    }
     .category_product .category_product_section2 .category_product_section2_box .item .text_box .remark{
        max-width:85%;
        font-size:.18rem;
        line-height:normal
    }
     .list_products{
        padding-top:.8rem;
        padding-bottom:.4rem
    }
     .list_products .list_products_head .pro_filter_box{
        padding-bottom:.4rem
    }
     .list_products .list_products_head .pro_filter_box .filter_head p{
        font-size:.3rem
    }
     .list_products .list_products_head .pro_filter_box .filter_box .item{
        width:18.65%
    }
     .list_products .list_products_box .item{
        width:23.1%
    }
     .page_product_show{
        padding-top:0;
        padding-bottom:.6rem
    }
     .page_product_show .product_show_head{
        padding:.8rem 0
    }
     .page_product_show .product_show_head .img_box .thumb_box .swiper-container{
        max-width:58%
    }
     .page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev{
        left:13%
    }
     .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next{
        right:14%
    }
     .page_product_show .product_show_head .text_box{
        padding-left:0
    }
     .page_product_show .product_show_head .text_box h1{
        font-size:.3rem
    }
     .page_product_show .product_show_head .text_box .appliance img{
        max-width:.45rem
    }
     .page_product_show .product_show_advantage{
        margin-top:.4rem
    }
     .page_product_show .product_show_content{
        margin-top:.6rem
    }
     .page_product_show .product_show_content .show_content_head p{
        font-size:.18rem;
        padding:.13rem .65rem
    }
     .page_product_show .product_show_content .content_item .downloads_box .list p{
        max-width:80%
    }


     .page_industry{
        padding-top:0;
        padding-bottom:.6rem
    }
     .page_industry .page_industry_head .tips_box .auto-container{
        max-width:100%
    }
     .page_industry .page_industry_head .tips_box a{
        width:max-content
    }
     .page_industry .page_industry_item .item{
        padding:.55rem 0
    }
     .page_industry .page_industry_item .item .img_box{
        width:45%;
        text-align:center
    }
     .page_industry .page_industry_item .item .text_box{
        width:50%
    }
     .page_industry .page_industry_item .item .text_box h3{
        -webkit-line-clamp:2
    }
     .page_industry .page_industry_item .item .text_box .remark{
        font-size:.2rem;
        line-height:normal
    }
     .page_industry .page_industry_item .item .text_box .attribute p span{
        font-size:.18rem;
    }
     .page_about{
        padding-top:0;
        padding-bottom:.4rem
    }
     .page_about .page_about_section_box .left{
        margin-right:0
    }
     .page_about .page_about_section_box .left p{
        font-size:1.5rem
    }
     .page_about .page_about_section_box .right{
        width:55%
    }
     .page_about .page_about_section_line .item:before{
        width:.7rem;
        background-repeat:no-repeat;
        right:-1.1rem
    }
     .page_about .page_about_section2{
        padding:.8rem 0
    }
     .page_about .page_about_section2_head .left{
        font-size:.3rem
    }
     .page_about .page_about_section3{
        padding:.8rem 0
    }
     .page_about .page_about_section3_box .swiper-slide .item span{
        line-height:.22rem
    }
     .page_about .page_about_section4{
        padding:.8rem 0
    }
     .page_about .page_about_section5_box .img img{
        max-height:.7rem
    }
     .page_contact{
        padding-top:0
    }
     .page_contact .page_contact_head{
        padding:.8rem 0
    }
     .page_contact .page_contact_head_box_top h2,.page_contact .page_contact_head_box_top p{
        width:45%
    }
     .page_contact .page_contact_head_box_top h2{
        font-size:.3rem
    }
     .page_contact .page_contact_head_box{
        margin-top:.8rem
    }
     .page_contact .page_contact_quotation .input>div{
        width:47.5%
    }
     .page_contact .page_contact_box{
        margin-top:1rem
    }
     .page_contact .page_contact_box .item{
        padding:.35rem
    }
     .page_contact .page_contact_box .item3 .item_box a{
        width:.4rem;
        height:.4rem;
        border-radius:.4rem;
        line-height:.4rem
    }
     .page_news{
        padding-top:0;
        padding-bottom:.4rem
    }
     .page_news .page_news_box{
        padding-top:.8rem
    }
     .page_news .page_news_box .page_news_list_box .item{
        width:23.7%
    }
     .show_news{
        padding-top:0
    }
     .show_news .show_news_box{
        padding-top:.8rem
    }
     .show_news .show_news_box .show_news_content_head h1{
        font-size:.32rem
    }
     #alertModal .modal-content .modal-title,#aboutModal .modal-content .modal-title{
        font-size:.26rem
    }
    #aboutModal .modal-dialog, .page_product_show #alertModal .modal-dialog{
        width: 96%;
        margin: auto;
    }
    #aboutModal .text_box{
        font-size: .18rem;
    }
    #aboutModal .text_box p{
        font-size: .26rem;
    }
    #aboutModal .text_box{
        height: auto;
    }
     #alertModal .text_box{
        font-size:.17rem
    }
    .page_about .page_about_section6,.page_about .page_about_section5{
        padding: .65rem 0;
    }
    .page_about .page_about_section6 .item_box{
        flex-wrap: wrap;
    }
    .page_about .page_about_section6 .item_box .item{
        width: 32%;
        margin-bottom: .25rem;
    }
    .page_about .about_section5_swiper .swiper-slide .item{
        padding: .25rem;
    }
    .page_about .about_section5_swiper .swiper-slide .item .remark{
        min-height: 1.45rem;
    }
}
 @media(max-width:1280px){
    html{
        font-size:calc(100vw/12.8)
    }
     .auto-container{
        max-width:95%
    }
     .swiper-button-next{
        right:0
    }
     .swiper-button-prev{
        left:0
    }
       /* 1. 解决小语种导航栏换行问题 */
    .head_box .nav_box .nav > .hasdrop {
        /* 原代码在1400px时是0.25rem，这里减小到0.12rem以腾出空间 */
        margin-right: 0.12rem; 
    }
    .head_box .nav_box .nav .hasdrop .stair .a {
        /* 如果间距缩小后还换行，可以取消下一行的注释，稍微减小导航字号 */
         font-size: 0.15rem; 
    }

 
}
 @media(max-width:1080px){
    html{
        font-size:calc(100vw/10.8)
    }
     body{
        font-size:14px
    }
     .btn_effect4 .btn_small_list .btn_main_text{
        font-size:14px
    }
     .swiper-pagination-bullet-active{
        background:var(--color)
    }
     .head_box{
        padding:0 .1rem;
        height:65px;
        background:var(--color)
    }
     /* 重新定位 Logo，往右推给图标让位置 */
     .head_box .logo_box{
        position: absolute !important;
        left: 115px !important; /* 🌟 改为 115px，给左侧让出极其宽敞的空间 */
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: auto !important;
        max-width: 35%; /* 稍微缩小一点最大宽度，防止和右边的多语言撞车 */
    }
      .head_box .nav_box {
        display: none;
        position: absolute;
        top: 65px; /* 对应修改为65px */
        left: 0;
        background: var(--color);
        width: 100%;
        border-top: 1px solid rgb(255 255 255 / 10%);
        max-height: calc(100vh - 65px); /* 满屏高度减去头部高度 */
        overflow-y: auto; /* 超出可滚动 */
        padding-bottom: 120px; /* 给底部的联系方式留出空间 */
    }
     .head_box .nav_box .nav{
        display:block;
        padding: 25px 10px;
    }
     .head_box .nav_box .nav>.hasdrop{
        margin-right:0
    }
     .head_box .nav_box .nav .hasdrop.pro{
        margin-right:0
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        position:relative;
        font-size:15px;
        line-height:45px;
        padding-left:10px;
        width:100%
    }
     /* 隐藏手机端原本用来点击展开的加号/箭头按钮，因为现在默认全展开了 */
    .head_box .nav_box .nav li .mobile-navbtn {
        display: none !important;
    }
     .head_box .nav_box .nav li .mobile-navbtn::after{
        display:block;
        content:'';
        border-left:.13rem solid transparent;
        border-right:.13rem solid transparent;
        border-bottom:.11rem solid #fff;
        position:absolute
    }
     .head_box .nav_box .nav li .mobile-navbtn.open{
        transform:rotate(180deg);
        margin-top:10px
    }
           /* 强制展开二级菜单 */
    .head_box .nav_box .nav .hasdrop .sub {
        display: block !important; 
        position: relative;
        top: 0;
        padding: 0 10px 10px 25px; /* 左侧缩进产生层级感 */
        background: rgba(0,0,0,0.1); /* 略微加深背景区分层级 */
        
        /* ✨ 新增：清除电脑端继承过来的高度限制 */
        min-height: auto !important;
        height: auto !important;
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu{
        padding: 10px 0;
        
        /* ✨ 新增：同时清除内部容器的高度限制，彻底干掉大白边 */
        min-height: auto !important;
        height: auto !important;
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu>p{
        display:none
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop{
        width:100%
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a{
        font-size:16px;
        line-height: 40px;
    }
    /* ================= 1. 容器重塑（装载多语言的隐形专车） ================= */
    .head_box .right_box {
        height: 65px; 
        width: 100%;
        position: absolute !important; 
        top: 0;
        left: 0;
        display: flex !important;
        align-items: center !important;  /* 浏览器原生垂直居中，不受JS干扰 */
        justify-content: flex-end !important; /* 强行推到最右边 */
        pointer-events: none; /* ✨关键魔法：让整个隐形专车可以被点穿，绝不挡住左边的汉堡和搜索按钮！ */
    }
    .head_box .right_box .icosearch {
        position: absolute !important;
        left: 65px !important; /* 🌟 从 55px 移到 65px，拉开安全距离 */
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 15px !important; /* 🌟 隐形外衣：四周增加15px的感应区，瞎点都能点中 */
        z-index: 102; 
        display: flex;
        align-items: center;
        pointer-events: auto !important; 
        cursor: pointer; /* 🌟 告诉浏览器这是个按钮，秒响应 */
        -webkit-tap-highlight-color: transparent;
    }
    .head_box .right_box .icosearch img {
        max-width: 20px;
    }

    /* ================= 3. 多语言切换按钮 (终极修复版) ================= */
       /* ================= 3. 多语言切换按钮 (乖乖坐在隐形专车最右边) ================= */
    .head_box .right_box .gtranslate_wrapper {
        position: relative !important; /* 恢复相对定位，让上面的 Flex 帮它居中 */
        right: auto !important;
        top: auto !important;
        transform: none !important; /* 取消变形，防止掉落 */
        margin: 0 10px 0 0 !important; /* 距离右侧屏幕保留10px距离 */
        width: 55px !important; /* 🔒死死锁住宽度，绝对不可能再撑破屏幕 */
        z-index: 102; 
        pointer-events: auto !important; /* ✨恢复它自身的点击功能 */
    }
    
    .head_box .right_box .gt_container--hich1m .gt_switcher {
        width: 55px; /* 恢复原版的 55px 宽度，彻底解决换行问题 */
    }
    
    .head_box .right_box .gt_container--hich1m .gt_switcher .gt_selected {
        line-height: 23px;
    }
    
    .head_box .right_box .gt_container--hich1m .gt_switcher .gt_selected a {
        width: 100%;
        height: 23px;
        background-size: 55px;
        border-radius: 0;
    }
    
    .head_box .right_box .gt_container--hich1m .gt_switcher .gt_option {
        margin-top: 20px; /* 因为导航栏变成了 65px，这里稍微加大一点距离防止顶到上面 */
    }

    /* ================= 4. 汉堡菜单按钮（已清理重复冲突代码） ================= */
    /* ================= 4. 汉堡菜单按钮 (移到最左侧 + 扩大感应区) ================= */
    .head_box .right_box .c_switch {
        position: absolute !important;
        left: 0px !important; /* 🌟 贴着屏幕边缘 */
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 15px 15px 15px 10px !important; /* 🌟 隐形外衣：极大增加手指触摸面积 */
        display: block;
        width: 30px; /* 图标视觉宽度不变 */
        box-sizing: content-box !important;
        z-index: 102; 
        pointer-events: auto !important; 
        cursor: pointer; /* 🌟 告诉手机浏览器这是个标准按钮，取消延迟，秒响应！ */
        -webkit-tap-highlight-color: transparent; /* 取消安卓按压时的默认灰色方块闪烁 */
    }
    .head_box .right_box .c_switch i {
        background: #fff;
        position: relative;
        display: block;
        height: .03rem;
        transition: all .3s;
    }
    .head_box .right_box .c_switch i:nth-child(1) { top: 0; }
    .head_box .right_box .c_switch i:nth-child(2) { margin: .06rem 0; }
    .head_box .right_box .c_switch i:nth-child(3) { bottom: 0; }

    /* 汉堡菜单展开状态的动画 */
    .head_box .right_box .c_switch.open i:nth-child(1) {
        top: .12rem;
        transform: rotate(45deg);
    }
    .head_box .right_box .c_switch.open i:nth-child(2) {
        opacity: 0;
    }
    .head_box .right_box .c_switch.open i:nth-child(3) {
        bottom: .06rem;
        transform: rotate(-45deg);
    }

    /* ================= 5. 下拉搜索框 ================= */
    .head_box .right_box .search_con2 {
        position: absolute; /* 关键：让它脱离顶部的 flex 并悬停在下方 */
        top: 65px; /* 紧贴头部下方 */
        right: 0;
        width: 100%;
        background: var(--color); /* 给个背景色以防遮挡文字看不清，可根据实际情况修改 */
        z-index: 100;
        pointer-events: auto !important; /* ✨关键魔法：恢复实体，允许输入和点击关闭！ */
    }
    .head_box .right_box .search_con2 .search_input {
        width: 100%;
    }
    .head_box .right_box .search_con2 .moblie_search_close {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 0;
    }

    /* ================= 6. 其他通用 ================= */
    .head_box.open .logo_box {
        opacity: 0;
    }
    .head_box .nav_box .nav .hasdrop.active .stair .a, 
    .head_box .nav_box .nav .hasdrop:hover .stair .a {
        color: #fff;
    }
    /* 新增：手机端导航菜单底部的联系方式样式 */
    /* 修复手机端联系方式不显示 */
    .mobile_nav_contact {
        display: block !important; /* 新增这一行，覆盖电脑端的隐藏 */
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box; /* ✨关键：让 padding 包含在 100% 的宽度内，不再往外撑大 */
        background: #0d2e5a; 
        padding: 15px;
        color: #fff;
        font-size: 14px;
        line-height: 1.8;
        border-top: 1px solid rgba(255,255,255,0.2);
        z-index: 99;
    }
    .mobile_nav_contact a { color: #fff; text-decoration: none; }
    .mobile_nav_contact p { margin-bottom: 5px; font-family: 'Inter', sans-serif;}
    /* 取消手机端导航下拉菜单的高度限制，让其完全展开 */
    .head_box .nav_box .nav .hasdrop .sub.drop-menu,
    .head_box .nav_box .nav .hasdrop .drop-menu {
        max-height: none !important;
        overflow: visible !important;
    }

    /* 细化规定手机端二级/三级菜单的字号，防止由于继承导致字号过大 */
    .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a {
        font-size: 14px !important; 
        line-height: 35px !important;
        font-weight: normal;
    }
    .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop .stair .a {
        font-size: 15px !important; /* 二级菜单稍微大一点 */
    }
     .footer .footer_from{
        height:auto;
        background-size:cover!important
    }
     .footer .footer_from form{
        width:100%;
        padding:30px
    }
     .footer .footer_from form .input{
        flex-wrap:wrap
    }
     .footer .footer_from form .input div{
        width:100%
    }
     .footer .footer_from form .input div input{
        font-size:15px;
        line-height:45px;
        padding-bottom:0
    }
     .footer .footer_from form .upload-box .upload-wrap p{
        font-size:14px
    }
     .footer .footer_from form .textarea_box textarea.content{
        font-size:15px
    }
     .footer .footer_from form .submit button .btn_small_wrap .btn_small_list .btn_main_text{
        font-size:15px
    }
     .footer .footer_box{
        padding-top:300px
    }
     .footer .footer_box .foot_head{
        margin-bottom:10px
    }
     .footer .footer_box .foot_head .left_category{
        display:none
    }
     .footer .footer_box .foot_head .left_category .item>p,.footer .footer_box .foot_head .right_box>p{
        font-size:18px;
        margin-bottom:10px
    }
     .footer .footer_box .foot_head .left_category .item .item_box a,.footer .footer_box .foot_head .right_box .foot_contact p,.footer .footer_box .foot_head .right_box .foot_contact p a{
        font-size:16px;
        line-height:28px
    }
     .footer .footer_box .foot_head .right_box{
        width:100%
    }
     .footer .footer_box .foot_head .right_box .foot_contact p:last-child{
        line-height:22px
    }
     .footer .footer_box .foot_head .right_box .foot_subscribe input{
        width:100%
    }
     .footer .footer_box .foot_head .right_box .foot_subscribe input{
        width:100%;
        line-height:45px
    }
     .footer .footer_box .foot_head .right_box .foot_subscribe button{
        height:45px
    }
     .footer .footer_box .foot_head .right_box .foot_subscribe button img{
        max-width:30px
    }
     .footer .footer_box .foot_share a img{
        max-width:30px
    }
     .footer .footer_box .foot_bottom .auto-container{
        flex-wrap:wrap
    }
     .footer .footer_box .foot_bottom .left{
        margin-bottom:5px
    }
     .footer .footer_box .foot_bottom p{
        font-size:16px;
        line-height:22px
    }
     .footer .footer_box .foot_bottom .left p{
        margin-bottom:10px
    }
     .footer .footer_box .foot_bottom a{
        font-size:16px
    }
     .index_banner{
        padding-top:50px;
        aspect-ratio: 32 / 18.7;
    }
     .index_banner .swiper-button-next,.index_banner .swiper-button-prev{
        display:none
    }
     .index_banner .swiper-pagination{
        bottom:10px
    }
     .index_banner .swiper-pagination-bullet p{
        display:none
    }
     .section .head_block p{
        font-size: 24px;
        text-align: left;
    }
     .section .head_block span{
        max-width:100%;
        font-size:16px;
        line-height:normal;
        text-align: left;
    }
     .index_section1{
        padding:.45rem 0
    }
     .index_section1 .head_block p{
         font-size: 24px;
         text-align: left;
         margin-bottom: 30px;
     }
     .index_section1 .head_block span{
     color: #ffffff;
     }
     .index_section1 .index_section1_box{
        flex-wrap:wrap;
        margin-top: 30px;
    }
     .index_section1 .index_section1_box .item{
        max-width:100%;
        width:100%;
        margin-bottom: 30px;
        text-align:left
    }
    .index_section1 .index_section1_box .item a{
        flex-wrap: wrap;
    }
    .index_section1 .index_section1_box .item .img_box{
        max-width: 100%;
        height: 100%;
        margin-right: 0;
    }
    .index_section1 .index_section1_box .item .text_box{
        width: 100%;
        margin-top: 30px;
    }
    .index_section1 .index_section1_box .item .text_box .remark{
        font-size: 16px;
        margin: 30px 0;
    }
    .index_section1 .index_section1_box .item .text_box span{
        font-size: 14px;
       font-family: 'Inter', sans-serif; font-weight: 700;
    }
     .index_section1 .more_btn{
        margin-top:.2rem
    }
     .index_section2{
        padding:.45rem 0
    }
     .index_section2 .auto-container{
        padding:.2rem
    }
     .index_section2 .index_section2_head p{
        margin-right:5px;
        font-size:16px;
        line-height:normal;
        font-family: 'Inter', sans-serif; font-weight: 500;
    }
     .index_section2 .index_section2_head p:last-child{
        margin-right:0
    }
     .index_section2 .index_section2_box{
        margin-top:.3rem
    }
     .index_section2 .index_section2_box .item_box .swiper-container{
        padding-bottom:40px
    }
     .index_section2 .index_section2_box .item_box .swiper-slide .item{
        flex-direction:column
    }
     .index_section2 .index_section2_box .item_box .swiper-slide .item .img_box{
        width:100%;
        margin-bottom:30px
    }
     .index_section2 .index_section2_box .item_box .swiper-slide .item .text_box{
        width:100%;
        /* text-align:center; */
    }
     .index_section2 .index_section2_box .item_box .swiper-slide .item .text_box h3{
         font-size: 22px;
     }
     .index_section2 .index_section2_box .item_box .swiper-slide .item .text_box .line-5 p{
        /* -webkit-line-clamp:2; */
        font-size:16px;
     
  
    }
    .index_section2 .index_section2_box .item_box .swiper-slide .item .text_box .line-5 p span{
        font-size:15px;
    }
     .index_section2 .index_section2_box .item_box .swiper-pagination{
        bottom:0
    }
     .index_section2 .index_section2_box .item_box .swiper-pagination .swiper-pagination-bullet-active{
        background:var(--color)
    }
     .index_section2 .index_section2_box .item_box .swiper-button-next,.index_section2 .index_section2_box .item_box .swiper-button-prev{
        display:none
    }
     .index_section2 .index_section2_box .item_box .item .more_btn{
        margin-top:25px;
        /* text-align: left; */
        margin-bottom: 0;
    }
     .index_section2 .index_section2_box .item_box .item .btn_effect4 .btn_small_list{
        padding:8px 25px
    }
     .index_section3{
        background-repeat:no-repeat!important;
        background-size:cover!important
    }
     .index_section3 .index_section3_box{
        flex-wrap:wrap
    }
     .index_section3 .index_section3_box .item{
        width:48%;
        margin-bottom:20px
    }
     .index_section3 .index_section3_box .item .text_box{
        max-width:100%;
        font-size:16px;
        line-height:normal
    }
     .index_section4{
        padding:.45rem 0
    }
     .index_section4 .index_section4_box .pulin_grids{
        display:flex;
        flex-wrap:wrap
    }
     .index_section4 .index_section4_box .pulin_grids .grid-box p{
        font-size:15px;
        line-height:normal
    }
     .index_section4 .index_section4_box .pulin_grids .grid-box{
        height:50%;
        width:33.333%;
        padding:0 .1rem
    }
     .index_section4 .index_section4_box .pulin_grids .grid-box:nth-child(-n+4){
        border-bottom:.01rem solid rgb(189 189 189 / 70%)
    }
     .index_section4 .index_section4_box .pulin_grids .grid-box:nth-child(3n){
        border-radius:0
    }
     .index_section5{
        padding:.5rem 0;
        background-size: cover !important;
    }
     .index_section5 .head_block p{
        line-height:normal;
        margin-bottom:15px
    }
     .index_section5 .index_section5_box{
        flex-wrap:wrap;
        padding:.45rem 0;
        justify-content:space-between
    }
     .index_section5 .index_section5_box .item{
        width:48%;
        padding:0
    }
     .index_section5 .index_section5_box .item:nth-child(2){
        width:48%
    }
     .index_section5 .index_section5_box .item:nth-child(-n+2){
        margin-bottom:20px
    }
     .index_section5 .index_section5_box .item:before{
        opacity:0
    }
     .index_section6{
        padding:.45rem 0
    }
     .index_section6 .index_section6_box::before{
        top:30px
    }
     .index_section6 .index_section6_box .swiper-container{
        max-width:80%;
        padding:45px 0;
        padding-top:80px
    }
     .index_section6 .index_section6_box .swiper-slide p{
        font-size:17px;
        line-height:24px;
        -webkit-line-clamp:99
    }
     .index_section6 .index_section6_box .swiper-slide span{
        font-size:22px
    }
     .index_section6 .index_section6_box .swiper-pagination{
        bottom:15px
    }
     .index_section6 .index_section6_box .swiper-pagination .swiper-pagination-bullet{
        background:#fff
    }
     .index_section6 .index_section6_box .swiper-button-next,.index_section6 .index_section6_box .swiper-button-prev{
        display:none
    }
     .index_section7{
        padding-top:0;
        padding-bottom:0
    }
     .index_section7 .index_section7_box .swiper-slide .item .txt{
        padding:25px
    }
     .index_section7 .index_section7_box .swiper-slide .item .txt h3{
        font-size:20px;
        line-height:normal
    }
     .index_section7 .index_section7_box .swiper-slide .item .txt span{
        font-size:16px
    }
     .page_banner{
        padding-top:50px
    }
    .category_unbreakable{
        padding-top: 50px;
    }
     .category_unbreakable .page_section1{
        height:1100px;
        background-position:center!important
    }
     .category_unbreakable .page_block p{
        font-size: 24px;
        margin-bottom: 30px;
    }
     .category_unbreakable .page_block span,.category_unbreakable .page_section2 .page_block span{
        max-width:100%;
        font-size:16px;
        line-height:22px
    }
     .category_unbreakable .page_block span{
    color: #ffffff;
}
     
     .category_unbreakable .page_section1 .page_section1_box{
        flex-direction:column;
        margin-top:40px;
        position:relative
    }
     .category_unbreakable .page_section1 .page_section1_box .item1:before,.category_unbreakable .page_section1 .page_section1_box .item2:before{
        width:39px;
        background-repeat:no-repeat;
        transform:rotate(90deg);
        left:40px
    }
     .category_unbreakable .page_section1 .page_section1_box .item1:before{
        right:0;
        bottom:-65px
    }
     .category_unbreakable .page_section1 .page_section1_box .item2:before{
        right:0;
        bottom:-170px
    }
     .category_unbreakable .page_section1 .page_section1_box .item1{
        margin-right:0
    }
     .category_unbreakable .page_section1 .page_section1_box .item2{
        margin-right:0;
        margin-top:85px
    }
     .category_unbreakable .page_section1 .page_section1_box .item3{
        margin-top:190px;
        width:100%
    }
     .category_unbreakable .page_section1 .page_section1_box .item .img img{
        max-width:50px
    }
     .category_unbreakable .page_section1 .page_section1_box .item .txt p{
        font-size:19px
    }
     .category_unbreakable .page_section1 .page_section1_box .item .txt img{
        max-width:20px
    }
     .category_unbreakable .page_section1 .page_section1_box .item .item_child{
        position:absolute
    }
     .category_unbreakable .page_section1 .page_section1_box .item3 .item_child{
        position:unset;
        display:flex;
        justify-content:space-between
    }
     .category_unbreakable .page_section1 .page_section1_box .item .item_child p{
        width:105px;
        height:105px
    }
     .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p:nth-child(1){
        top:-55px;
        left:65px
    }
     .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p:nth-child(2){
        left:30px;
        top:30px
    }
     .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p:nth-child(3){
        left:-55px;
        top:65px
    }
     .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p:nth-child(4){
        left:-245px;
        top:28px
    }
     .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p:nth-child(5){
        left:-170px;
        bottom:unset;
        top:-55px
    }
     .category_unbreakable .page_section1 .page_section1_box .item .item_child span{
        font-size:16px;
        line-height:18px
    }
     .category_unbreakable .page_section2 .page_block span{
        max-width:100%;
        color: #575757;
    }
     .category_unbreakable .page_section2 .page_section2_box{
        flex-wrap:wrap
    }
     .category_unbreakable .page_section2 .page_section2_box .item{
        margin-right:0;
        width:33.333%
    }
     .category_unbreakable .page_section2 .page_section2_box .item:nth-child(1):before,.category_unbreakable .page_section2 .page_section2_box .item:nth-child(2):before{
        width:39px;
        background-repeat:no-repeat;
        left:40px
    }
     .category_unbreakable .page_section2 .page_section2_box .item .img img{
        max-width:60px
    }
     .category_unbreakable .page_section2 .page_section2_box .item .txt{
        max-width:100%
    }
     .category_unbreakable .page_section2 .page_section2_box .item .txt p{
        font-size: 15px;
    }
     .category_unbreakable .page_section2 .page_section2_box .item .txt img{
        max-width:20px
    }
     .category_unbreakable .page_section3{
        flex-direction:column-reverse
    }
     .category_unbreakable .page_section3 .left,.category_unbreakable .page_section3 .right{
        width:100%
    }
     .category_unbreakable .page_section3 .left{
        padding:30px 20px
    }
     .category_unbreakable .page_section3 .left .page_block p{
        font-size: 24px;
    }
     .category_unbreakable .page_section3 .left .page_block span{
        font-size:16px;
        max-width: 100%;
    }
    
     .category_unbreakable .page_section3 .left .page_section3_box{
        justify-content:space-between;
        margin-top:30px
    }
     .category_unbreakable .page_section3 .left .more_btn{
    text-align: center;
}
    .category_unbreakable .page_section3 .left .more_btn .btn_effect4 .btn_small_list{
        padding: .11rem .3rem;
    }
     .category_unbreakable .page_section3 .left .page_section3_box .item{
        margin-right:0;
        width:33%
    }
     .category_unbreakable .page_section3 .left .page_section3_box .item .txt{
        font-size: 15px;
    }
     .category_unbreakable .page_section4{
        padding:.6rem 0
    }
     .category_unbreakable .page_section4 .page_block span{
    color: #575757;
}
     .category_unbreakable .page_section4 .page_section4_box{
        flex-wrap:wrap;
        justify-content:space-between;
        margin-top: 30px;
    }
     .category_unbreakable .page_section4 .page_section4_box .item{
        margin-right:0;
        width:48%;
        margin-bottom:20px
    }
     .category_unbreakable .page_section4 .page_section4_box .item::before{
        display:none
    }
     .category_unbreakable .page_section4 .page_section4_box .item .txt{
        font-size: 15px;
        text-align: left;
    }
     .category_unbreakable .page_section4 .page_section4_box .item .txt img{
        max-width:20px
    }
     .category_unbreakable .page_section5 .text_box{
        position:unset;
        width:100%
    }
     .category_unbreakable .page_section5 .text_box>i{
        font-size:16px;
        color: #ffffff;
    }
     .category_unbreakable .page_section5 .text_box h3{
        font-size:34px
    }
     .category_unbreakable .page_section5 .text_box .more_btn .btn_effect4{
        margin-right:30px
    }
     .category_unbreakable .page_section6{
        flex-wrap:wrap;
        padding-left:20px;
        padding-right:20px;
        padding-bottom: 250px;
    }
     .category_unbreakable .page_section6 h3,.category_unbreakable .page_section6 p{
        width:100%
    }
     .category_unbreakable .page_section6 h3{
        font-size: 24px;
        margin-bottom: 30px;
    }
     .category_unbreakable .page_section6 p{
        font-size: 16px;
        line-height:22px;
        color: #ffffff;
    }
     .page_section7{
        margin-top:-220px
    }
     .page_section7 .swiper-slide .item .img_box img{
        height:350px;
        width:100%;
        object-fit:cover
    }
     .page_section7 .swiper-slide .item .text{
        font-size:20px;
        line-height:24px
    }
    .page_section7 .swiper-slide .item .text p{}
    .page_section7 .swiper-slide .item .text span{
    line-height: 1.2;
    font-size: 15px;
}
     .page_section7 .swiper-button-next,.page_section7 .swiper-button-prev{
        display:none
    }
     .category_product .category_product_section1 .item_box{
        flex-wrap:wrap;
        margin-top: 200px;
    }
     .category_product .category_product_section1 .item_box .item{
        width: 85%;
        margin:auto;
        margin-bottom: 200px;
    }
     .category_product .category_product_section1 .item_box .item:last-child{
        margin-bottom:0;
    }
     .category_product .category_product_section1 .item_box .item a{
        width:100%;
        min-height: 320px;
    }
     
     .category_product .category_product_section1 .item_box .item .img_box{
        top: -150px;
    }
     .category_product .category_product_section1 .item_box .item:hover .text_box{
    bottom: 10px;
}
     .category_product .category_product_section1 .item_box .item:hover .img_box{
    top: -140px;
}
     .category_product .category_product_section1 .item_box .item .img_box img{
    max-width: 225px;
}
     .category_product .category_product_section1 .item_box .item .text_box{
        padding:15px;
        height: 2.5rem;
    }
     .category_product .category_product_section1 .item_box .item .text_box>p{
        font-size:18px;
        line-height:normal;
        min-height:42px;
        margin-bottom:15px
    }
     .category_product .category_product_section1 .item_box .item .text_box .remark{
        height:max-content
    }
     .category_product .category_product_section1 .item_box .item .text_box .remark p{
        /* margin-bottom:0; */
        font-size:15px
    }
     .category_product .category_product_section1 .item_box .item .text_box .more_btn{
        font-size:15px;
        height:40px;
        line-height:40px
    }
     .category_product .category_product_section1 .item_box .item a:before{
        width:100%;
        height: 100%;
    }
     .category_product .category_product_section1 .item_box .item:hover .img_box img{
        max-width:100%
    }
     .category_product .category_product_section1 .item_box .item:hover .text_box>p{
        font-size:22px;
        line-height:normal
    }
     .category_product .category_product_section1 .item_box .item:hover .text_box .remark p span{
        font-size:15px
    }
     .category_product .category_product_section1 .item_box .item:hover .text_box .more_btn{
        transform:translateY(15px)
    }
     .category_product .category_product_section2 .category_product_section2_box{
        flex-wrap:wrap;
        padding:40px 0
    }
     .category_product .category_product_section2 .category_product_section2_box .left{
        width:100%;
        padding-top:0;
        margin-bottom:20px
    }
     .category_product .category_product_section2 .category_product_section2_box .left h2{
        font-size: 24px;
    }
     .category_product .category_product_section2 .category_product_section2_box .item{
        width:100%
    }
     .category_product .category_product_section2 .category_product_section2_box .item .img_box{
        width:45%;
        top:-55px
    }
     .category_product .category_product_section2 .category_product_section2_box .item .img_box img{
        max-width:100%
    }
     .category_product .category_product_section2 .category_product_section2_box .item .text_box > p{
        font-size:22px
    }
     .category_product .category_product_section2 .category_product_section2_box .item .text_box .remark{
        font-size:15px;
        color: #ffffff;
    }
    .category_product .category_product_section2:nth-child(odd) .category_product_section2_box .item .text_box .remark{
        color: #575757;
    }
     .list_products .list_products_head .pro_filter_box{
        padding-top:30px
    }
     .list_products .list_products_head .pro_filter_box .filter_head .search_box input{
        font-size:16px
    }
     .list_products .list_products_head .pro_filter_box .filter_box .item{
        width:100%
    }
     .list_products .list_products_head .pro_filter_box .filter_box .item .item_box{
        width:100%
    }
     .list_products .list_products_head .pro_filter_box .filter_box .item>p{
        font-size:16px
    }
     .list_products .list_products_head .pro_filter_box .filter_box .item_list label{
        font-size:15px;
        max-width:100%;
        line-height:normal
    }
     .list_products .list_products_box{
        gap:0;
        display:flex;
        justify-content:space-between;
        padding-bottom:30px
    }
     .list_products .list_products_box .item{
        width:48%;
        margin-bottom:20px
    }
     .list_products .list_products_box .item .text_box i{
        font-size:15px
    }
     .list_products .list_products_box .item .text_box p{
        font-size:18px;
        line-height:normal;
        margin:5px 0;
        margin-bottom:10px;
        min-height: 63px;
    }
     .list_products .list_products_box .item .text_box span{
        font-size:15px;
        line-height:normal;
        min-height: 55px;
    }
     .page_product_show .product_show_head{
        padding:.6rem 0
    }
     .page_product_show .product_show_head .auto-container{
        flex-wrap:wrap
    }
     .page_product_show .product_show_head .img_box,.page_product_show .product_show_head .text_box{
        width:100%
    }
     .page_product_show .product_show_head .img_box{
        margin-bottom:30px
    }
     .page_product_show .product_show_head .img_box .view_box{
        margin-bottom:30px
    }
     .page_product_show .product_show_head .img_box .view_box .swiper-container{
        max-width:100%
    }
     .page_product_show .product_show_head .img_box .view_box .swiper-button-next,.page_product_show .product_show_head .img_box .view_box .swiper-button-prev{
        display:none
    }
     .page_product_show .product_show_head .img_box .thumb_box .swiper-container{
        max-width:70%
    }
     .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next:before,.page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev:before{
        border-width:2px
    }
     .page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev{
        left:20px
    }
     .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next{
        right:20px
    }
     .page_product_show .product_show_head .text_box>span{
        font-size:16px;
        margin-bottom:8px
    }
     .page_product_show .product_show_head .text_box h1{
        font-size:24px
    }
     .page_product_show .product_show_head .text_box .size{
        font-size:15px;
        margin-bottom: 30px;
    }
     .page_product_show .product_show_head .text_box .appliance img{
        margin-right:10px;
        max-width:39px
    }
     .page_product_show .product_show_head .text_box .appliance img:last-child{
        margin-right:0
    }
     .page_product_show .product_show_advantage{
        padding:10px
    }
     .page_product_show .pro_show_standard h3,.page_product_show .product_show_advantage h3{
        font-size:24px
    }
     .page_product_show .product_show_advantage .advantage_box p{
        width:100%;
        font-size:16px;
        margin-bottom:10px
    }
     .page_product_show .pro_show_standard{
        padding:10px
    }
     .page_product_show .pro_show_standard h3{
        margin-bottom:20px
    }
     .page_product_show .pro_show_standard .standard_box .item{
        width:100%;
        margin-bottom:15px;
        padding-bottom:15px
    }
     .page_product_show .pro_show_standard .standard_box .item p{
        max-width:88%;
        font-size:16px;
        line-height:normal
    }
     .page_product_show .pro_show_standard .standard_box .item p span{
        font-size:15px
    }
     .page_product_show .pro_show_standard .standard_box .item img{
        max-width:20px
    }
     .page_product_show .product_show_content .show_content_head p{
        padding:10px 14px;
        font-size:16px
    }
     .page_product_show .product_show_content .content_item .section h2{
        font-size:28px!important;
        line-height:normal!important
    }
     .page_product_show .product_show_content .content_item .downloads_box{
        padding:0
    }
     .page_product_show .product_show_content .content_item .downloads_box .list a{
        padding:15px 0
    }
     .page_product_show .product_show_content .content_item .downloads_box .list .icon{
        display:none
    }
     .page_product_show .product_show_content .content_item .downloads_box .list p{
        font-size:16px
    }
     .page_product_show .product_show_content .content_item .downloads_box .list .icon1{
        font-size:14px
    }
     .page_product_show .product_show_content .content_item .qa_box{
        padding:20px
    }
        .page_product_show #alertModal .embed-responsive-16by9{
        height: 530px;
        display: block;
        overflow: auto;
    }
    .page_product_show #alertModal .img_box{
    width: 100%;
}

     .page_industry .page_industry_head .tips_box .auto-container{
        flex-wrap:wrap;
        width:100%
    }
     .page_industry .page_industry_head .tips_box a{
        width:50%;
        border-right:0;
        border-bottom:1px solid #eee;
        font-size:15px
    }
    .page_industry{
        padding-top: 50px;
    }
     .page_industry .page_industry_head .tips_box a:nth-child(odd){
        border-right:1px solid #eee
    }
     .page_industry .page_industry_head .remark{
        columns:unset;
        height:auto;
        font-size:18px;
        line-height:24px;
        white-space:pre-line
    }
     .page_industry .page_industry_item .item .auto-container{
        flex-wrap:wrap
    }
     .page_industry .page_industry_item .item .img_box,.page_industry .page_industry_item .item .text_box{
        width:100%
    }
     .page_industry .page_industry_item .item .img_box{
        margin-bottom:20px
    }
     .page_industry .page_industry_item .item a{
        display:block
    }
     .page_industry .page_industry_item .item .text_box h3{
        font-size: 24px;
        margin-bottom:15px
    }
     .page_industry .page_industry_item .item .text_box>p{
        font-size:16px
    }
     .page_industry .page_industry_item .item .text_box .remark{
        font-size:18px;
        line-height:normal
    }
    .page_industry .page_industry_item .item .text_box .attribute{
        max-width:100%;
    }
     .page_industry .page_industry_item .item .text_box .attribute p,
     .page_industry .page_industry_item .item .text_box .attribute p span{
        font-size:16px;
        margin-bottom:5px
    }
     /*.page_industry .page_industry_item .item .text_box .attribute p{color: #ffffff;}*/
     .page_industry .page_industry_item .item .text_box .more_btn{
        margin-top:30px
    }
    .page_about{
        padding-top: 50px;
    }
     .page_about .page_about_section{
        padding-bottom:30px
    }
     .page_about .page_about_section .auto-container{
        width:100%;
        max-width:100%
    }
     .page_about .page_about_section_box{
        flex-wrap:wrap;
        width:95%;
        margin:auto
    }
     .page_about .page_about_section_box .left{
        max-width:100%;
        width:100%;
        margin-bottom:30px;
        margin-left: 0;
    }
     .page_about .page_about_section_box .right{
        width:100%
    }
     .page_about .page_about_section_box .right h1{
        font-size:30px
    }
     .page_about .page_about_section_box .right .remark{
        font-size:16px
    }
     .page_about .page_about_section_line{
        flex-wrap:wrap;
        display:flex;
        justify-content:flex-start
    }
     .page_about .page_about_section_line .item{
        width:33.3333%;
        margin-bottom:20px
    }
     .page_about .page_about_section_line .item:before{
        display:none
    }
     .page_about .page_about_section2_head{
        flex-wrap:wrap
    }
     .page_about .page_about_section2_head .left{
        max-width:100%;
        margin-bottom:20px;
        font-size:22px
    }
     .page_about .page_about_section2_head .left span{
        font-family: 'Inter', sans-serif; font-weight: 700;
    }
     .page_about .page_about_section2_head .right{
        max-width:100%;
        font-size:16px
    }
     .page_about .page_about_section2_box .swiper-container{
        padding-bottom:40px
    }
     .page_about .page_about_section2_box .swiper-slide .item .txt p{
        font-size:18px;
        line-height:1.3
    }
     .page_about .page_about_section2_box .swiper-slide .item .txt span{
        font-size:15px;
        line-height:1.3
    }
     .page_about .page_about_section2_box .swiper-slide .item .txt i{
        font-size:14px
    }
     .page_about .page_about_section2_box .swiper-pagination{
        bottom:0
    }
     .page_about .page_about_section3{
        padding: 60px 0;
        padding-top: 20px;
    }
     .page_about .page_about_section3_box .swiper-container{
        padding-bottom:50px
    }
     .page_about .page_about_section3_box .swiper-slide{
        margin-bottom:30px;
        margin-bottom: 0 !important;
    }
     .page_about .page_about_section3_box .swiper-slide .item{
        padding:25px;
        border:0;
        background:rgb(255 255 255 / 80%)
    }
     .page_about .page_about_section3_box .swiper-slide .item p{
        font-size:22px
    }
     .page_about .page_about_section3_box .swiper-slide .item span{
        font-size:18px;
        line-height:1.3;
        font-family: 'Inter', sans-serif; font-weight: 400;
    }
     .page_about .page_about_section3_box .swiper-pagination{
        bottom:0
    }
     .page_about .page_about_section3_box .swiper-pagination .swiper-pagination-bullet{
        /*background:#ddd*/
    }
     .page_about .page_about_section4{
        padding:45px 0
    }
     .page_about .page_about_section4_box .swiper-container{
        padding-bottom:40px
    }
     .page_about .page_about_section4_box .swiper-pagination{
        bottom:0
    }
     .page_about .page_about_section5{
        padding:45px 0
    }
     .page_about .page_about_section5_box{
        gap:0;
        justify-content:space-between
    }
     .page_about .page_about_section5_box .img{
        width:48%;
        height:100px;
        line-height:100px;
        margin-bottom:15px
    }
     .page_about .page_about_section5_box .img img{
        max-width:90%;
        max-height:50px
    }
    .page_contact{
        padding-top: 50px;
    }
     .page_contact .page_contact_head{
        padding:45px 0
    }
     .page_contact .page_contact_head_box_top{
        flex-wrap:wrap
    }
     .page_contact .page_contact_head_box_top h2,.page_contact .page_contact_head_box_top p{
        width:100%
    }
     .page_contact .page_contact_head_box_top h2{
        margin-bottom:20px;
        font-size: 24px;
        line-height: 1.25;
    }
     .page_contact .page_contact_head_box_top p{
        font-size:16px
    }
     .page_contact .page_contact_head_box{
        gap:0;
        margin-top:45px;
        flex-wrap:wrap
    }
     .page_contact .page_contact_head_box .item{
        width:100%;
        margin-bottom:30px
    }
     .page_contact .page_contact_head_box .item .img_box img{
        max-width:55px
    }
     .page_contact .page_contact_head_box .item .txt_box p{
        font-size: 22px;
    }
     .page_contact .page_contact_head_box .item .txt_box span{
        font-size:18px;
        line-height:26px
    }
     .page_contact .page_contact_quotation>p{
        font-size: 24px;
    }
     .page_contact .page_contact_quotation .input{
        gap:0
    }
     .page_contact .page_contact_quotation .input>div{
        width:100%;
        margin-bottom:15px
    }
     .page_contact .page_contact_quotation .input>div p,.page_contact .page_contact_quotation .textarea_box p,.page_contact .page_contact_quotation .upload-box p{
        font-size:16px;
        margin-bottom:10px
    }
     .page_contact .page_contact_quotation .input>div input,.page_contact .page_contact_quotation .input>div select,.page_contact .page_contact_quotation .textarea_box textarea{
        font-size:15px
    }
     .page_contact .page_contact_quotation .upload-box{
        margin-top:5px
    }
     .page_contact .page_contact_quotation .upload-box .upload-wrap{
        display:flex;
        justify-content:space-between
    }
     .page_contact .page_contact_quotation .upload-box .upload-wrap .file-open{
        width:50px;
        height:50px;
        text-align:center
    }
     .page_contact .page_contact_quotation .upload-box .upload-wrap p{
        max-width:80%;
        margin-left:10px;
        font-size:15px;
        line-height:1.3
    }
     .page_contact .page_contact_quotation .upload-box .upload-wrap .file-open img{
        width:295%;
        height:20px;
        clip-path:inset(0 75px 0 0);
        max-width:400%;
        margin-left:7px
    }
     .page_contact .page_contact_box{
        margin-top:45px;
        flex-wrap:wrap
    }
     .page_contact .page_contact_box .item{
        width:100%
    }
     .page_contact .page_contact_box .item h2{
        font-size:22px
    }
     .page_contact .page_contact_box .item1 p{
        font-size:16px;
        line-height:22px
    }
     .page_contact .page_contact_box .item1 a{
        font-size:15px
    }
     .page_contact .page_contact_box .item1 a img{
        max-width:30px
    }
     .page_contact .page_contact_box .item2 .item_box a{
        font-size:16px
    }
     .page_contact .page_contact_box .item2 .item_box a img{
        max-width:30px
    }
     .page_contact .page_contact_box .item3 .item_box a{
        width:30px;
        height:30px
    }
     .page_contact .page_contact_bottom img{
        max-width:135px
    }
     .page_contact .page_contact_bottom:after,.page_contact .page_contact_bottom:before{
        width:30%
    }
    .page_news{
        padding-top: 50px;
    }
     .page_news .page_news_box{
        padding-top:45px
    }
     .page_news .page_news_box .page_head_block p{
        font-size:30px
    }
     .page_news .page_news_box .page_head_block span{
        font-size:16px
    }
     .page_news .page_news_box .page_news_list_box{
        gap:20px 10px;
        margin-bottom:45px
    }
     .page_news .page_news_box .page_news_list_box .item{
        width:100%
    }
     .page_news .page_news_box .page_news_list_box .item .text_box{
        padding:20px
    }
     .page_news .page_news_box .page_news_list_box .item .text_box .other{
        margin-bottom:10px
    }
     .page_news .page_news_box .page_news_list_box .item .text_box .other p{
        font-size:14px;
        margin-right:10px
    }
     .page_news .page_news_box .page_news_list_box .item .text_box .other p img{
        max-width:20px;
        margin-right:5px
    }
     .page_news .page_news_box .page_news_list_box .item .text_box .title{
        font-size:20px;
        line-height:1.2
    }
     .page_news .page_news_box .page_news_list_box .item .text_box>p{
        font-size:16px
    }
    .show_news,.page_product_show{
        padding-top: 50px;
    }
     .show_news .show_news_box{
        padding-top:45px
    }
     .show_news .show_news_box .show_news_content_head h1{
        font-size:26px;
        font-family: 'Inter', sans-serif; font-weight: 500;
        line-height:1.2
    }
     .show_news .show_news_box .show_news_content_head .other p{
        font-size:17px
    }
     .page_product_show .product_show_content .content_item .section ul li,.show_news .show_news_box .show_news_content_main ul li{
        list-style:inside
    }
     .page_product_show .product_show_content .content_item .section ol li,.show_news .show_news_box .show_news_content_main ol li{
        list-style:decimal;
        list-style-position:inside
    }
     .show_news .show_news_box .show_pagination_box .item.next a,.show_news .show_news_box .show_pagination_box .item.prev a{
        font-size:16px;
        line-height:1.3
    }
     .show_news .show_news_relation{
        margin-top:45px
    }
     .show_news .show_news_relation>p{
        font-size:26px;
        line-height:1
    }
     .show_news .relation_box .swiper-slide .item .text_box p{
        font-size:20px;
        -webkit-line-clamp:2;
        line-height:1.2
    }
     .show_news .relation_box .swiper-slide .item .text_box span{
        font-size:16px
    }
     .show_news .relation_box .swiper-slide .item .text_box i{
        font-size:16px
    }
     .show_news .relation_box .swiper-slide .item .text_box i img{
        max-width:20px
    }
     .show_news .relation_box .swiper-button-next,.show_news .relation_box .swiper-button-prev{
        display:none
    }
     #alertModal .modal-dialog{
        width:96%
    }
     #alertModal .modal-header .close span{
        font-size:34px;
        line-height:30px
    }
     #alertModal .modal-content .modal-title{
        font-size:22px;
        line-height:24px
    }
     #alertModal .text_box{
        font-size:18px;
        line-height:22px
    }
     #aboutModal .modal-dialog{
        width:95%
    }
     #aboutModal .modal-body{
        padding:20px
    }
     #aboutModal .modal-content .modal-title{
        font-size:22px
    }
     #aboutModal .embed-responsive-16by9{
       height: 530px;
        display: block;
        overflow: auto;
    }
     #aboutModal .embed-responsive-16by9 .img_box{
         margin-bottom: 30px;
         width: 100%;
     }
     #aboutModal .embed-responsive-16by9 .text_box{
        width:100%;
        
    }
     #aboutModal .text_box{
        font-size:18px;
        line-height:1.3;
        padding-left:0
    }
    #aboutModal .text_box p{
        font-size: 22px;
    }
    .page_product_show #alertModal .text_box{
        width: 100%;
        padding-top: 5%;
        padding-left: 0;
        height: auto;
    }
    .page_industry .page_industry_video .img_box img{
        height: 300px;
        object-fit: cover;
    }
    .page_industry .page_industry_video .play_btn{
        left: 30%;
    }
    .page_about .page_about_section6 .page_about_section6_head{
        flex-direction: column;
    }
    .page_about .page_about_section6 .page_about_section6_head p{
        margin-bottom: 20px;
    }
    .page_about .page_about_section6 .item_box .item{
        width: 100%;
        padding: 30px ;
    }
    .page_about .page_about_section6 .item_box .item .remark{
        font-size: 16px;
    }
    .page_about .page_about_section6 .item_box .item > p{
        font-size: 20px;
    }
    .page_about .about_section5_swiper{
        padding: .3rem 0;
        padding-bottom: .5rem;
    }
    .page_about .about_section5_swiper .swiper-slide .item{}
    .page_about .about_section5_swiper .swiper-slide-active{
        transform: unset;
    }
    .page_about .page_about_section5_box .swiper-button-prev,
    .page_about .page_about_section5_box .swiper-button-next{
        display: none;
    }
    .page_about .about_section5_swiper .swiper-slide .item .remark{
        font-size: 16px;
        min-height: 146px;
    }
    .category_product{
        padding-top: 1.3rem;
    }
    .list_products .list_products_head .pro_filter_box .filter_head p{width: 50%;
        font-size: 0.28rem;}
    .list_products .list_products_head .pro_filter_box .filter_head .search_box{width: 50%;}
    .page_about .page_about_section_line .item .img img{
        max-width:63px;
    }
    .index_section1 .more_btn .btn_effect4 .btn_small_list{
        padding: .15rem 0;
    }
    
    
 }
 @media(max-width:991px){
    html{
        font-size:calc(100vw/5)
    }
     .auto-container{
        width:91.5%
    }
    .modal-title{
        font-size:.22rem;
        font-weight:700
    }
    
}
@media(max-width:991px){
    
    .index_banner{
        aspect-ratio: 32 / 54.55;
        height: 690px;
    }
    .index_banner .swiper-container{
       height:100%
    }
    .index_banner .img,.index_banner .img img,.page_banner,.page_banner .page_banner_box img{height:100%;object-fit: cover;width:100%}
    
    .page_banner,.page_banner .page_banner_box{
        height: 690px;
    }
    
  .additional-features {
            right: 15px;
            gap: 12px;
        }
        .additional-features .action-btn {
            height: 48px;
            min-width: 48px;
            border-radius: 24px;
        }
        .additional-features .icon-box {
            width: 48px;
            height: 48px;
            min-width: 48px;
        }
        .additional-features .icon-box svg {
            width: 20px;
            height: 20px;
        }
        /* 手机端禁用展开文字 */
        .additional-features .hover-text {
            display: none !important;
        }
        .additional-features .action-btn:hover {
            padding-left: 0;
            background-color: #113d78; /* 手机端点击不变色，保持一致性 */
        }
         .jr-breadcrumbs { font-size: 13px; padding: 15px 0 5px 0; }

}