@media(min-width:1920px){
    html{
        font-size:calc(100vw/19.2)
    }
     body{
        max-width:1920px;
        margin:auto;
        position:relative
    }
     .auto-container{
        max-width:1440px
    }
     .head_box{
        max-width:1920px
    }
}
 @media(min-width:2560px){
    html{
        font-size:calc(100vw/25.6)
    }
}
 @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:1280px){
    html{
        font-size:calc(100vw/12.8)
    }
     .auto-container{
        max-width:95%
    }
     .swiper-button-next{
        right:0
    }
     .swiper-button-prev{
        left:0
    }
     .additional-features{
        top:35%
    }
     .head_box .logo_box .logo_icon img{
        max-height:.7rem
    }
     .head_box .nav_box{
        width:75%
    }
     .head_box .nav_box .item_box .item .stair a{
        line-height:.7rem;
        font-size:0.12rem;
    }
    .head_box .right_box .search_con2{
        top: .7rem;
    }
     .head_box .nav_box .item_box .item .hasdrop_box .menu_box .left ul{
        gap:1.55vw
    }
     .page_about_form{
        padding-bottom:.45rem
    }
     .index_banner{
        padding-top:.7rem
    }
     .index_banner .swiper-pagination-bullet{
        width:1rem
    }
     .section{
        margin-top:.65rem
    }
     .index_section1{
        gap:1vw;
        margin-top:.4rem
    }
     .index_section1 .item{
        height:auto
    }
     .index_section2{
        margin-bottom:.65rem
    }
     .page_banner{
        padding-top:.7rem
    }
     .page_inside .auto-container{
        font-size:.16rem
    }
     .page_history .page_about_section2 .swiper-pagination{
        width:12%
    }
     .page_history .page_about_section2 .history_swiper_box{
        width:85%
    }
     .page_history .page_history_right_head .history_title,.page_history .page_history_right_head .history_year_line{
        font-size:.3rem
    }
     .page_history .page_history_box .page_history_right .history_box .item .text_box .txt{
        margin-bottom:.2rem
    }
     .page_history .page_history_box .page_history_right .history_box .item .text_box .txt p{
        font-size:.2rem
    }
     .page_history .page_history_box .page_history_right .history_box .item .text_box .txt span{
        font-size:.15rem;
        line-height:1.3
    }
     .page_advantages .page_advantages_head .item .img_box{
        margin-bottom:.2rem
    }
     .page_advantages .page_advantages_head .item .text_box h3{
        font-size:.3rem
    }
     .page_advantages .page_advantages_box .item{
        padding:0 3%;
        padding-top:3%;
        padding-bottom:3%;
        background-size:cover!important
    }
     .page_advantages .page_advantages_box .item .left{
        width:35%;
        margin-bottom:7%
    }
     .page_advantages .page_advantages_box .item .left h3{
        font-size:.3rem;
        padding-bottom:0;
        margin-bottom:0
    }
     .page_advantages .page_advantages_box .item .left p{
        font-size:.18rem;
        line-height:1.2
    }
     .page_advantages .page_advantages_box .item .right{
        margin-left:4%;
        width:61%
    }
     .page_advantages .page_advantages_box .item:nth-child(even) .right{
        margin-right:4%
    }
     .page_advantages .page_advantages_box .item .right .right_head_box{
        margin-bottom:.45rem
    }
     .page_advantages .page_advantages_box .item .right .right_head_box .right_head{
        width:80%
    }
     .page_advantages .page_advantages_box .item .right .right_head_box .right_head p{
        margin-right:.15rem;
        padding-right:.15rem;
        font-size:.16rem;
        line-height:1.3
    }
     .page_advantages .page_advantages_box .item .right .right_head_box .arrow_box{
        width:15%
    }
     .page_support .page_support_service_box .item{
        margin-right:.4rem
    }
     .page_support .page_support_service_box .item img{
        max-width:.8rem
    }
     .page_support .page_support_service_box .item p{
        font-size:.18rem
    }
     .page_support .page_support_item_box .item .swiper-container{
        margin-left:3.5%
    }
     .page_contact .page_contact_quotation .input{
        gap:3vw 2vw
    }
}
 @media(max-width:1080px){
    html{
        font-size:calc(100vw/10.8)
    }
     body{
        font-size:14px
    }
     #videomodal .modal-dialog{
        width:90%
    }
     .swiper-pagination-bullet-active{
        background:var(--color)
    }
}
 @media(max-width:768px){
    html{
        font-size:calc(100vw/5)
    }
     .modal-title{
        font-size:.22rem;
        font-weight:700
    }
     .additional-features{
        right:10px
    }
     .btn_effect1 .effect_label>span{
        font-size:16px
    }
     .head_box{
        padding:0 .2rem
    }
     .head_box .logo_box{
        width:30%
    }
     .head_box .logo_box .logo_icon img{
        max-height:50px
    }
     .head_box .nav_box{
        display:none;
        background:#fff;
        width:100%;
        position:absolute;
        top:50px;
        left:0;
        border-top:1px solid #ccc
    }
     .head_box .nav_box .item_box{
        display:block
    }
     .head_box .nav_box .item_box .item{
        margin-right:0
    }
     .head_box .nav_box .item_box .item .stair a{
        position:relative;
        width:100%;
        line-height:45px;
        border-bottom:1px solid #ccc;
        padding-left:20px;
        font-size:18px
    }
     .head_box .nav_box .item_box .item .stair.active a,.head_box .nav_box .item_box .item:hover .stair a{
        border-color:#ccc;
        color:inherit
    }
     .head_box .nav_box .item_box .item .stair a i{
        position:absolute;
        top:22%;
        right:.2rem;
        margin:auto;
        width:.3rem;
        height:.3rem;
        transition:.3s
    }
     .head_box .nav_box .item_box .item .stair a i::after{
        position:absolute;
        top:-.04rem;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        content:'';
        width:.15rem;
        height:.15rem;
        border-right:.03rem solid #555;
        border-bottom:.03rem solid #555;
        transform:rotate(45deg);
        transition:all .3s linear
    }
     .head_box .nav_box .item_box .item .stair a i.open{
        transform:rotate(180deg)
    }
     .head_box .nav_box .item_box .item .hasdrop_box{
        position:unset;
        padding:.2rem
    }
     .head_box .nav_box .item_box:nth-child(2) .item .hasdrop_box{
        width:100%
    }
     .head_box .nav_box .item_box .item .hasdrop_box>p{
        display:none
    }
     .head_box .nav_box .item_box:nth-child(2) .item .hasdrop_box>p{
        display:block
    }
     .head_box .nav_box .item_box:nth-child(2) .item .hasdrop_box>p>a{
        padding:13px 10px;
        font-size:15px;
        padding-left:25px
    }
     .head_box .nav_box .item_box:nth-child(2) .item .hasdrop_box>p:last-child{
        border-bottom:0
    }
     .head_box .nav_box .item_box .item .hasdrop_box .menu_box{
        padding:0
    }
     .head_box .nav_box .item_box .item .hasdrop_box .menu_box .left{
        width:100%;
        padding-right:0
    }
     .head_box .nav_box .item_box .item .hasdrop_box .menu_box .left ul li a p{
        font-size:15px
    }
     .head_box .nav_box .item_box .item .hasdrop_box .menu_box .left ul li a span{
        display:none
    }
     .head_box .nav_box .item_box .item .hasdrop_box .menu_box .right{
        display:none
    }
     .head_box .right_box{
        width:40%
    }
     .head_box .right_box .icosearch img{
        max-width:34px
    }
     .head_box .right_box .gt_container--hich1m .gt_switcher{
        width:34px
    }
     .head_box .right_box .c_switch{
        display:block;
        width:35px
    }
     .head_box .right_box .c_switch i{
        background:#fff
    }
     .head_box .right_box .c_switch.open i:nth-child(1){
        top:13px;
        -webkit-transform:rotate(45deg);
        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:5px;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
     .head_box .right_box .c_switch i{
        position:relative;
        display:block;
        height:3px;
        transition:all .3s;
        background:#000
    }
     .head_box .right_box .c_switch i:nth-child(1){
        top:0
    }
     .head_box .right_box .c_switch i:nth-child(3){
        bottom:0
    }
     .head_box .right_box .c_switch i:nth-child(2){
        margin:6px 0
    }
     .footer .footer_box .foot_head{
        padding-bottom:25px
    }
     .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:20px;
        margin-bottom:15px
    }
     .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:30px
    }
     .footer .footer_box .foot_head .right_box{
        width:100%
    }
     .footer .footer_box .foot_head .right_box .foot_contact p img{
        max-width:30px;
        margin-right:15px
    }
     .footer .footer_box .foot_bottom .auto-container{
        flex-wrap:wrap;
        padding:15px 0;
        font-size:16px
    }
     .footer .footer_box .foot_bottom .left{
        margin-bottom:10px
    }
     .footer .footer_box .foot_bottom .left p{
        margin-right:0
    }
     .footer .footer_box .foot_bottom .right a{
        margin-right:10px
    }
     .footer .footer_box .foot_other{
        flex-wrap:wrap
    }
     .footer .footer_box .foot_other .right{
        width:100%
    }
     .footer .footer_box .foot_other .right>span{
        font-size:15px;
        margin-top:10px
    }
     .footer .footer_box .foot_other .foot_subscribe input{
        font-size:16px;
        line-height:50px
    }
     .footer .footer_box .foot_other .foot_subscribe button img{
        max-width:30px
    }
     .footer .footer_box .foot_other .foot_subscribe button{
        height:50px;
        width:60px
    }
     .footer .footer_box .foot_other .foot_share{
        width:100%;
        margin-bottom:20px
    }
     .footer .footer_box .foot_other .foot_share a{
        margin-right:10px
    }
     .footer .footer_box .foot_other .foot_share a img{
        max-width:25px
    }
     .common_from{
        background-size:cover!important
    }
     .common_from form{
        width:100%;
        padding:30px
    }
     .common_from form .input{
        flex-wrap:wrap
    }
     .common_from form .input div{
        width:100%
    }
     .common_from form .input div input{
        font-size:16px;
        line-height:45px
    }
     .common_from form .upload-box #fileName{
        font-size:16px
    }
     .common_from form .upload-box .upload-wrap{
        height:40px
    }
     .common_from form .upload-box .upload-wrap .file-open{
        line-height:40px
    }
     .common_from form .upload-box .upload-wrap p{
        font-size:16px
    }
     .common_from form .textarea_box textarea.content{
        height:60px;
        font-size:16px
    }
     .common_from form .submit button .btn_small_wrap .btn_small_list .btn_main_text{
        font-size:16px
    }
     .index_banner{
        aspect-ratio:auto;
        padding-top:50px
    }
     .index_banner .swiper-button-next,.index_banner .swiper-button-prev{
        display:none
    }
     .index_banner .swiper-pagination{
        bottom:10px
    }
     .index_banner .swiper-container.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin-right:10px
    }
     .index_banner .swiper-pagination-bullet{
        width:30px
    }
     .head_block p{
        font-size:30px
    }
     .index_section1{
        gap:30px
    }
     .index_section1 .item:first-child{
        min-height:240px
    }
     .index_section1 .item{
        width:100%;
        min-height:370px
    }
     .index_section1 .item .text_box{
        left:30%
    }
     .index_section1 .item .text_box p{
        font-size:30px
    }
     .index_section1 .item:first-child .text_box p{
        font-size:40px
    }
     .index_section1 .item .text_box>span{
        font-size:18px
    }
     .index_section1 .item:first-child .text_box>span{
        font-size:20px
    }
     .index_section1 .item a{
        display:block;
        height:100%
    }
     .index_section1 .item .img_box{
        height:100%
    }
     .index_section1 .item .img_box img{
        height:100%;
        object-fit:cover
    }
     .index_section2 .index_section2_box{
        flex-wrap:wrap;
        gap:30px
    }
     .index_section2 .index_section2_box .item{
        max-width:100%;
        width:45.5%
    }
     .index_section2 .index_section2_box .item p{
        font-size:18px;
        line-height:1.3
    }
     .page_banner img{
        height:115px;
        object-fit:cover
    }
     .page_about .page_about_box .page_about_section1{
        padding-top:20px;
        padding-bottom:0
    }
     .page_about .page_about_box .page_about_section1 h1{
        font-size:30px
    }
     .page_about .page_about_box .page_about_section1 h2{
        font-size:22px
    }
     .page_about .page_about_box .page_about_section1 .item_box{
        gap:20px;
        flex-wrap:wrap
    }
     .page_about .page_about_box .page_about_section1 .item_box .item{
        width:100%;
        padding:30px
    }
     .page_about .page_about_box .page_about_section1 .item_box .item h4{
        font-size:22px
    }
     .page_about .page_about_box .page_about_section1 .item_box .item p{
        font-size:16px
    }
     .page_about .page_about_box .page_about_video_box .img_box img:first-child{
        height:245px
    }
     .page_about .page_about_box .page_about_team .swiper-slide .item .txt{
        padding:20px
    }
     .page_about .page_about_box .page_about_team .swiper-slide .item .txt h3{
        font-size:18px
    }
     .page_about .page_about_box .page_about_team .swiper-slide .item .txt .remark{
        font-size:16px
    }
     .page_history .page_about_section2 .swiper-pagination{
        width:25%;
        padding:10px
    }
     .page_history .page_about_section2 .swiper-pagination-bullet{
        margin-bottom:15px;
        font-size:16px;
        text-align:right
    }
     .page_history .page_about_section2 .swiper-pagination-bullet:before{
        top:8px;
        left:-3px;
        width:10px;
        height:10px
    }
     .page_history .page_about_section2 .swiper-pagination-bullet:after{
        width:18px;
        height:18px;
        left:-7px;
        top:4px
    }
     .page_history .page_about_section2 .swiper-pagination-bullet-active div{
        font-size:20px
    }
     .page_history .page_about_section2 .history_swiper_box{
        width:75%;
        padding:20px 10px;
        padding-left:30px;
        padding-bottom: 100px;
    }
    .page_history .page_about_section2 .history_swiper_box .swiper-button-next{
        right: 35%;
    }
    .page_history .page_about_section2 .history_swiper_box .swiper-button-prev{
        left: 35%;
    }
     .page_history .page_history_right_head{
        flex-wrap:wrap;
        margin-bottom:20px
    }
     .page_history .page_about_section2 .history_swiper_box .history_title,.page_history .page_about_section2 .history_swiper_box .history_year_line{
        font-size:22px
    }
     .page_history .page_about_section2 .history_swiper_box .history_title{
        margin-bottom:10px
    }
     .page_history .page_about_section2 .history_swiper_box .history_year_line{
        color:var(--color)
    }
     .page_history .page_about_section2 .swiper-slide .item{
        flex-direction:column;
        align-items:unset
    }
     .page_history .page_about_section2 .history_swiper_box .item .img_box{
        width:100%;
        margin-bottom:20px
    }
     .page_history .page_about_section2 .history_swiper_box .item .img_box img{
        max-height:150px;
        width:100%;
        object-fit:cover
    }
    .page_history .history_swiper_box .swiper-container{
        height: 100%;
    }
     .page_history .page_about_section2 .history_swiper_box .item .text_box{
        width:100%;
        padding:0;
        border:0;
        margin:0;
        height:max-content
    }
     .page_history .page_about_section2 .history_swiper_box .item .text_box .txt{
        margin-bottom:15px
    }
     .page_history .page_about_section2 .history_swiper_box .item .text_box .txt p{
        font-size:18px;
        margin-bottom:10px
    }
     .page_history .page_about_section2 .history_swiper_box .item .text_box .txt span{
        font-size:14px
    }
     .page_advantages .page_advantages_head{
        flex-wrap:wrap;
        gap:20px;
        padding:50px 0
    }
     .page_advantages .page_advantages_head .item{
        width:47%
    }
     .page_advantages .page_advantages_head .item .text_box h3{
        font-size:30px
    }
     .page_advantages .page_advantages_head .item .text_box h3 span{
        font-size:30px;
        color:inherit
    }
     .page_advantages .page_advantages_head .item .text_box>p{
        font-size:18px;
        line-height:1.2
    }
     .page_advantages .page_advantages_box .item{
        flex-wrap:wrap;
        padding:30px 20px
    }
     .page_advantages .page_advantages_box .item .left{
        width:100%
    }
     .page_advantages .page_advantages_box .item .left h3{
        font-size:26px;
        -webkit-line-clamp:2
    }
     .page_advantages .page_advantages_box .item .left p{
        font-size:17px
    }
     .page_advantages .page_advantages_box .item .right{
        width:100%;
        margin-left:0
    }
     .page_advantages .page_advantages_box .item .right .right_head_box{
        margin-bottom:30px
    }
     .page_advantages .page_advantages_box .item .right .right_head_box .right_head{
        width:100%;
        flex-wrap:wrap;
        display:flex;
        align-items:center;
        gap:10px
    }
     .page_advantages .page_advantages_box .item .right .right_head_box .right_head p{
        font-size:15px;
        margin:0;
        padding-right:0;
        width:48.5%;
        background:#ffffff26;
        height:60px;
        padding:10px;
        border-radius:10px;
        display:flex;
        align-items:center
    }
     .page_advantages .page_advantages_box .item .right .right_head_box .right_head p:last-child{
        margin-right:0
    }
     .page_advantages .page_advantages_box .item .right .right_head_box .right_head p:before{
        display:none
    }
     .page_advantages .page_advantages_box .item .right .right_head_box .arrow_box{
        display:none
    }
     .page_advantages .page_advantages_box .item .right .right_swiper_box .swiper_item .swiper-slide .text_box{
        width:90%
    }
     .page_advantages .page_advantages_box .item .right .right_swiper_box .swiper_item .swiper-slide .text_box h3{
        font-size:20px
    }
     .page_advantages .page_advantages_box .item .right .right_swiper_box .swiper_item .swiper-slide .text_box p{
        font-size:15px
    }
     .page_news .item_box .item{
        width:100%
    }
     .page_news .item_box .item .img_box{
        border-radius:8px 8px 0 0
    }
     .page_news .item_box .item .text_box{
        padding:20px
    }
     .page_news .item_box .item .text_box .title{
        font-size:18px;
        line-height:1.2;
        min-height:auto
    }
     .page_news .item_box .item .text_box .remark{
        font-size:15px;
        min-height:auto
    }
     .page_news .item_box .item .text_box .other{
        font-size:14px
    }
     .page_news .item_box .item .text_box .other span img{
        max-width:22px
    }
     .show_news .post-info .header>h1{
        font-size:22px
    }
     .show_news .post-info .header>p{
        margin:20px auto;
        padding-bottom:20px
    }
     .show_news .post-info .header>p>span{
        font-size:14px;
        margin-right:10px
    }
     .show_news .post-info .header>p>span:last-child{
        margin-right:0
    }
     .show_news .post-info .content{
        font-size:16px
    }
     .show_news .post-info .post-pagination p a{
        font-size:15px
    }
     .page_solutions .page_solutions_head{
        flex-wrap:wrap
    }
     .page_solutions .page_solutions_head h1{
        width:100%;
        margin-bottom:20px;
        font-size:34px
    }
     .page_solutions .page_solutions_head p{
        width:100%;
        margin-left:0;
        font-size:18px;
        line-height:1.3
    }
     .page_solutions .page_solutions_list_hot{
        padding:0;
        margin-bottom:45px
    }
     .page_solutions .page_solutions_list_hot .swiper-slide .item a{
        flex-wrap:wrap
    }
     .page_solutions .page_solutions_list_hot .swiper-slide .item .img_box{
        width:100%;
        margin-bottom:20px
    }
     .page_solutions .page_solutions_list_hot .swiper-slide .item .text_box{
        width:100%;
        margin-right:0
    }
     .page_solutions .page_solutions_list_hot .swiper-slide .item .text_box i{
        font-size:16px
    }
     .page_solutions .page_solutions_list_hot .swiper-slide .item .text_box p{
        font-size:22px;
        -webkit-line-clamp:2;
        line-height:1.3;
        margin-bottom:15px
    }
     .page_solutions .page_solutions_list_hot .swiper-slide .item .text_box span{
        font-size:16px;
        line-height:1.3
    }
     .page_solutions .page_solutions_list_hot .swiper-slide .item .text_box .btn_effect1{
        margin-top:30px;
        padding:10px 40px
    }
     .page_solutions .page_solutions_list .list_box{
        margin-bottom:25px
    }
     .page_solutions .page_solutions_list .list_box .list_box_top .left{
        width:100%
    }
     .page_solutions .page_solutions_list .list_box .list_box_top .left p{
        font-size:26px;
        padding-bottom:15px;
        margin-bottom:15px
    }
     .page_solutions .page_solutions_list .list_box .list_box_top .left p:before{
        width:30%;
        height:2px
    }
     .page_solutions .page_solutions_list .list_box .list_box_top .left span{
        font-size:18px
    }
     .page_solutions .page_solutions_list .list_box .list_box_top .other{
        display:none
    }
     .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide{
        margin-bottom:0
    }
     .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide .item .text_box{
        padding:20px
    }
     .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide .item .text_box p{
        font-size:20px;
        margin-bottom:10px
    }
     .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide .item .text_box div.line-3{
        font-size:16px;
        margin-bottom:10px
    }
     .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide .item .text_box span{
        font-size:16px
    }
     .list_products .list_products_box{
        margin-top:45px
    }
     .list_products .list_products_box .item_box{
        gap:20px 10px;
        display:flex;
        justify-content:space-between
    }
     .list_products .list_products_box .item_box .item{
        width:48.5%
    }
     .list_products .list_products_box .item_box .item a{
        display:block
    }
     .list_products .list_products_box .item_box .item .text_box{
        padding:15px;
        height:100px
    }
     .list_products .list_products_box .item_box .item .text_box p{
        font-size:18px;
        margin-bottom:5px
    }
     .list_products .list_products_box .item_box .item .text_box>span{
        font-size:15px;
        line-height:1.3
    }
     .list_products .list_products_box .item_box .item .text_box .btn_effect1{
        padding:5px 15px
    }
     .show_products{
        padding-top:45px
    }
     .show_products .show_products_head{
        flex-wrap:wrap;
        display:flex;
        margin-bottom:45px
    }
     .show_products .show_products_head .img_box,.show_products .show_products_head .text_box{
        width:100%
    }
     .show_products .show_products_head .img_box{
        flex-wrap:wrap
    }
     .show_products .show_products_head .img_box .view_box{
        width:100%
    }
     .show_products .show_products_head .img_box .thumb_box{
        width:100%;
        height:auto;
        margin-top:20px
    }
     .show_products .show_products_head .img_box .thumb_box .swiper-container{
        height:100%;
        top:0;
        max-width:75%
    }
     .show_products .show_products_head .img_box .thumb_box .swiper-slide img{
        max-width:100%
    }
     .show_products .show_products_head .img_box .thumb_box .swiper-button-next,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
        width:35px;
        height:100%
    }
     .show_products .show_products_head .img_box .thumb_box .swiper-button-next:before,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:before{
        top:25px
    }
     .show_products .show_products_head .img_box .thumb_box .swiper-button-prev:before{
        border-right:.02rem solid #999;
        border-bottom:.02rem solid #999;
        border-left:0
    }
     .show_products .show_products_head .img_box .thumb_box .swiper-button-next:before{
        border-right:.02rem solid #999;
        border-left:0;
        border-top:0;
        border-bottom:.02rem solid #999
    }
     .show_products .show_products_head .img_box .thumb_box .swiper-button-next{
        right:0;
        top:0
    }
     .show_products .show_products_head .text_box{
        margin-top:25px
    }
     .show_products .show_products_head .text_box h1{
        font-size:30px
    }
     .show_products .show_products_head .text_box .attribute{
        margin:20px 0;
        padding:10px 0
    }
     .show_products .show_products_head .text_box .attribute p{
        font-size:16px;
        margin-top:7px
    }
     .show_products .show_products_head .text_box .pro_download a{
        font-size:18px;
        padding-bottom:15px;
        margin-bottom:15px
    }
     .show_products .show_products_head .text_box .btn_box a{
        font-size:18px;
        margin-bottom:5px
    }
     .show_products .show_products_from{
        padding:45px 0
    }
     .page_support .page_support_head{
        margin:45px 0
    }
     .page_support .page_support_head h1{
        font-size:36px;
        margin-bottom:15px
    }
     .page_support .page_support_head p{
        font-size:16px;
        line-height:1.3
    }
     .page_support .page_support_title{
        font-size:24px;
        padding-bottom:15px
    }
     .page_support .page_support_title::before{
        height:2px
    }
     .page_support .page_support_service_box{
        margin-top:45px;
        flex-wrap:wrap;
        gap:15px
    }
     .page_support .page_support_service_box .item{
        width:47.55%;
        margin-right:0;
        min-height:180px
    }
     .page_support .page_support_service_box .item img{
        max-width:60px
    }
     .page_support .page_support_service_box .item p{
        font-size:16px;
        line-height:1.3;
        margin-top:15px
    }
     .page_support .page_support_item_box{
        margin-top:45px
    }
     .page_support .page_support_item_box .item{
        margin-bottom:35px
    }
     .page_support .page_support_item_box .item .item_head .arrow_box .swiper-button-next,.page_support .page_support_item_box .item .item_head .arrow_box .swiper-button-prev{
        display:none
    }
     .page_support .page_support_item_box .item .swiper-container{
        margin-left:25px;
        padding-bottom:40px
    }
     .page_support .page_support_faq{
        margin-bottom:45px
    }
     .page_support .page_support_item_box .item .swiper-pagination{
        bottom:0
    }
     .page_support .page_support_faq .page_support_faq_box{
        margin-top:35px
    }
     .page_support .page_support_faq .item{
        margin-bottom:30px;
        padding-bottom:30px
    }
     .page_support .page_support_faq .item .title{
        font-size:18px;
        line-height:1.3;
        margin-bottom:10px
    }
     .page_support .page_support_faq .item .remark{
        font-size:15px;
        line-height:1.3
    }
     .page_support .page_support_from{
        padding:45px 0
    }
     .page_contact{
        margin-bottom:0
    }
     .page_contact .page_contact_head{
        padding:45px 0
    }
     .page_contact_head_box_top h2{
        font-size:36px;
        margin-bottom:20px
    }
     .page_contact_head_box_top p{
        font-size:18px
    }
     .page_contact .page_contact_head_box{
        gap:20px;
        margin-top:45px;
        flex-wrap:wrap
    }
     .page_contact .page_contact_head_box .item{
        width:100%;
        padding:35px 0
    }
     .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:20px
    }
     .page_contact .page_contact_head_box .item .txt_box a,.page_contact .page_contact_head_box .item .txt_box span{
        font-size:16px;
        line-height:1.3
    }
     .page_contact .page_contact_quotation{
        margin-bottom:45px
    }
     .page_contact .page_contact_quotation form>p,.page_contact .page_contact_quotation>p{
        font-size:30px;
        padding-bottom:15px
    }
     .page_contact .page_contact_quotation .input>div{
        width:100%
    }
     .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:17px;
        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:16px;
        padding:15px
    }
     .page_contact .page_contact_quotation .upload-box{
        margin-top:15px
    }
     .page_contact .page_contact_quotation .upload-box .upload-wrap{
        flex-wrap:wrap;
        margin-bottom:10px
    }
     .page_contact .page_contact_quotation .upload-box .upload-wrap .file-open{
        width:100%
    }
     .page_contact .page_contact_quotation .upload-box .upload-wrap p{
        width:100%;
        font-size:14px;
        max-width:100%;
        margin:0;
        margin-top:10px
    }
     .page_contact .page_contact_quotation .textarea_box{
        margin-top:10px
    }
     .page_contact .page_contact_quotation .submit{
        margin-top:15px
    }
     .page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list{
        padding:10px 20px
    }
     .page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list .btn_main_text{
        font-size:16px
    }
     .page_download{
        padding-top:45px;
        padding-bottom:45px
    }
     .page_download .page_download_box .item{
        flex-wrap:wrap;
        margin-bottom:20px
    }
     .page_download .page_download_box .item .left{
        width:100%
    }
     .page_download .page_download_box .item .left a{
        padding:15px;
        font-size:18px;
        line-height:1.3
    }
     .page_download .page_download_box .item .left a img{
        max-width:25px;
        margin-right:10px
    }
     .page_download .page_download_box .item .right{
        width:100%;
        font-size:15px;
        padding:0 15px;
        padding-bottom:15px
    }
     .page_faq .faq_box .item .wen{
        display:flex;
        align-items:center
    }
     .page_faq .faq_box .item .wen div{
        padding:15px 0
    }
     .page_faq .faq_box .item .wen .icon{
        width:10%;
        font-size:28px
    }
     .page_faq .faq_box .item .wen .title{
        width:90%;
        padding:15px;
        font-size:18px;
        line-height:1.3
    }
     .page_faq .faq_box .item .da{
        padding:15px;
        font-size:16px;
        line-height:1.3
    }
     .page_faq .page_faq_from{
        padding:20px 0
    }
     .list_products .list_products_head .pro_filter_box{
        display:none;
        position:fixed;
        top:0;
        left:0;
        background:#fff;
        z-index:222;
        padding:20px 10px
    }
     .list_products .list_products_head .pro_filter_box .filter_head{
        flex-wrap:wrap
    }
     .list_products .list_products_head .pro_filter_box .filter_head p{
        width:100%;
        margin-bottom:20px
    }
     .list_products .list_products_head .pro_filter_box .filter_head p span{
        font-size:32px
    }
     .list_products .list_products_head .pro_filter_box .filter_head p button{
        font-size:16px;
        width:100px;
        height:40px
    }
     .list_products .list_products_head .pro_filter_box .filter_head .search_box{
        width:100%
    }
     .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_head .search_box .search_btn{
        width:15%
    }
     .list_products .list_products_head .pro_filter_box .filter_box{
        gap:20px
    }
     .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{
        max-height:200px;
        padding:0 15px
    }
     .list_products .list_products_head .pro_filter_box .filter_box .item>p{
        font-size:15px
    }
     .list_products .list_products_head .pro_filter_box .filter_box .item>p span{
        font-size:20px;
        line-height:12px
    }
     .list_products .list_products_head .pro_filter_box .filter_box label{
        margin:10px 0;
        font-size:15px
    }
     .list_products .list_products_head #mfilterbtn{
        display:block;
        font-size:20px;
        background:var(--color);
        position:fixed;
        color:#fff;
        right:0;
        top:168px;
        padding:5px 12px;
        border-radius:8px;
        font-weight:unset
    }
     .list_products .list_products_head .pro_filter_box .close-btn{
        position:absolute;
        top:5px;
        right:10px;
        font-size:24px;
        color:var(--color)
    }
}