@media(min-width:1920px){
    html{
        font-size:calc(100vw/19.2)
    }
     body{
        max-width:1920px;
        margin:auto;
        position:relative
    }
     .head_box,.head_top{
        max-width:1920px;
        width:1500px
    }
}
 @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:1680px){
    .head_box,.header_box .head_top{
        width:92.5%
    }
     .auto-container,.show_products .show_pro_video>*{
        max-width:95%
    }
     .index_application .index_application_box .swiper-container{
        max-width:85%;
        margin:auto
    }
     .index_application .index_application_box .swiper-button-prev{
        left:0
    }
     .index_application .index_application_box .swiper-button-next{
        right:0
    }
     .index_testimony .index_testimony_box.pc{
        max-width:83%
    }
     .index_pro .index_pro_box .swiper-container{
        max-width:85%;
        margin:auto
    }
     .index_pro .index_pro_box .swiper-button-prev{
        left:0
    }
     .index_pro .index_pro_box .swiper-button-next{
        right:0
    }
}
 @media (max-width:1440px){
    .head_box .nav_box .nav .hasdrop .sub .s-menu>p{
        font-size:.28rem;
        line-height:.85rem
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        font-size:.16rem;
        line-height:.7rem;
        padding:0 .15rem
    }
     .head_box .right_box .icosearch{
        line-height:.7rem;
        height:.7rem
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu{
        padding-top:.3rem;
        width:90%
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop .t-menu a{
        padding:.12rem 0
    }
     .footer .footer_from form{
        width:55%
    }
}
 @media(max-width:1280px){
    html{
        font-size:calc(100vw/12.8)
    }
     .swiper-button-next{
        right:0
    }
     .swiper-button-prev{
        left:0
    }
     .swiper-button-next:before,.swiper-button-prev:before{
        width:10px;
        height:10px;
        top:36%
    }
     .additional-features{
        top:35%
    }
     .head_box .logo_box img{
        max-width:1.3rem
    }
     .head_box .nav_box .nav>.hasdrop.product_menu .sub{
        min-width:auto;
        width:87%
    }
     .index_honor .index_honor_box .swiper-wrapper .swiper-slide{
        width:2.35rem;
        height:4.25rem
    }
     .index_why_choose_us .index_why_choose_us_box .auto-container{
        min-height:14rem
    }
     .index_why_choose_us .index_why_choose_us_box .item:nth-child(1),.index_why_choose_us .index_why_choose_us_box .item:nth-child(2){
        top:0
    }
     .index_why_choose_us .index_why_choose_us_box .item:nth-child(1){
        left:11%
    }
     .index_why_choose_us .index_why_choose_us_box .item:nth-child(2){
        right:11%
    }
     .index_why_choose_us .index_why_choose_us_box .item:nth-child(5){
        bottom:5%
    }
     .index_why_choose_us .index_why_choose_us_box .item:nth-child(5) .icon{
        width:5rem;
        height:5rem
    }
     .index_why_choose_us .index_why_choose_us_box .item:nth-child(6){
        bottom:-3%
    }
     .index_why_choose_us .index_why_choose_us_box .item .icon{
        width:3.15rem;
        height:3.15rem
    }
     .index_testimony .index_testimony_box.pc .img{
        width:2.25rem;
        height:2.5rem;
        aspect-ratio:1/1.15;
        clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)
    }
     .index_testimony .index_testimony_box.pc .bottom .img:nth-child(1),.index_testimony .index_testimony_box.pc .top .img:nth-child(1){
        left:2.68rem
    }
     .index_testimony .index_testimony_box.pc .bottom .img:nth-child(2),.index_testimony .index_testimony_box.pc .top .img:nth-child(2){
        right:2.68rem
    }
     .index_testimony .index_testimony_box.pc .content .img:nth-child(1),.index_testimony .index_testimony_box.pc .content .img:nth-child(2),.index_testimony .index_testimony_box.pc .content .img:nth-child(3){
        top:1.98rem
    }
     .index_testimony .index_testimony_box.pc .content .img:nth-child(1){
        left:1.515rem
    }
     .index_testimony .index_testimony_box.pc .content .img:nth-child(3){
        right:1.515rem
    }
     .index_testimony .index_testimony_box.pc .bottom .img:nth-child(1),.index_testimony .index_testimony_box.pc .bottom .img:nth-child(2){
        bottom:1.31rem
    }
     .page_about .page_about_section1{
        padding-right:3%
    }
     .page_about .page_about_section1 .left h1{
        font-size:.3rem;
        margin-bottom:.2rem
    }
     .page_about .page_about_section1 .left .remark{
        font-size:.16rem;
        line-height:.22rem
    }
     .page_about .page_about_honor .swiper-wrapper .swiper-slide .img{
        padding:5%
    }
     .page_about .page_about_honor .swiper-wrapper .swiper-slide .img img{
        height:2.37rem
    }
     .page_about .page_about_honor .swiper-button-prev{
        left:-1rem
    }
     .page_about .page_about_honor .swiper-button-next{
        right:-1rem
    }
     .show_products .show_products_head .text_box{
        padding:.6rem 0
    }
     .show_products .show_products_head .text_box h1{
        font-size:.3rem;
        line-height:.4rem
    }
     .show_products .show_products_head .text_box .attribute_box .attribute div{
        font-size:.16rem
    }
     .page_contact .contact_map .salesman{
        right:5%
    }
}
 @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)
    }
     .head_box{
        padding:.15rem;
        height:.7rem;
        display:flex;
        justify-content:space-between;
        transform:unset;
        width:100%;
        border-radius:0
    }
     .head_box .logo_box{
        width:auto;
        padding-left:0
    }
     .head_box .nav_box{
        display:none;
        position:absolute;
        top:.7rem;
        left:0;
        background:#fff;
        width:100%;
        border-top:.01rem solid rgb(255 255 255 / 10%);
        max-height:5.5rem;
        overflow:auto;
        padding-bottom:.3rem
    }
     .head_box .nav_box .nav{
        display:block
    }
     .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:.18rem;
        padding:0 .2rem;
        width:100%;
        color:#222
    }
     .head_box .nav_box .nav li .mobile-navbtn{
        position:absolute;
        top:22%;
        right:.2rem;
        margin:auto;
        width:.3rem;
        height:.3rem;
        transition:.3s
    }
     .head_box .nav_box .nav li .mobile-navbtn::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 .nav li .mobile-navbtn.open{
        transform:rotate(180deg)
    }
     .head_box .nav_box .nav .hasdrop .sub{
        position:unset;
        padding:0 .1rem
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu{
        padding:0
    }
     .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 .right_box .icosearch{
        margin-right:15px
    }
     .head_box .right_box .icosearch img{
        max-width:20px
    }
     .head_box .right_box .gtranslate_wrapper .gt_switcher_wrapper{
        margin-top:.03rem
    }
     .head_box .right_box .gt_container--hich1m .gt_switcher .gt_selected a{
        height:22px
    }
     .head_box.open .logo_box{
        opacity:0
    }
     .head_box .right_box{
        width:max-content
    }
     .head_box .right_box .c_switch{
        display:block;
        margin-top:.05rem;
        width:30px;
        margin-left:.1rem
    }
     .head_box .right_box .c_switch i{
        background:var(--color)
    }
     .head_box .right_box .c_switch.open i:nth-child(1){
        top:.12rem;
        -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:.06rem;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
     .head_box .right_box .c_switch i{
        position:relative;
        display:block;
        height:.03rem;
        -webkit-transition:all .3s;
        transition:all .3s
    }
     .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:.06rem 0
    }
     .head_box .right_box .search_con2{
        width:95%;
        right:0;
        top:9%
    }
     .head_box .right_box .search_con2 .search_input{
        width:100%
    }
     .head_box .right_box .search_con2 .moblie_search_close{
        margin-left:.15rem;
        margin-right:.15rem;
        margin-top:0
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub{
        width:100%
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu{
        display:block;
        padding:0
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu .hasdrop{
        width:100%;
        padding-top:0
    }
     .section .head_block p{
        text-align:left
    }
     .section .head_block span{
        max-width:100%;
        font-size:.16rem;
        line-height:normal;
        text-align:left
    }
     .head_block .title{
        font-size:30px
    }
     .btn_effect4{
        font-size:14px;
        font-family:RobotoRegular
    }
     .swiper-container .swiper-pagination{
        bottom:15px
    }
     .swiper-container .swiper-pagination .swiper-pagination-bullet{
        border-color:#fff;
        opacity:1;
        width:12px;
        height:12px
    }
     .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
        border-color:var(--color)
    }
     .header_box.c-style{
        transform:unset
    }
     .header_box .head_top{
        display:none
    }
     .head_box .logo_box a{
        line-height:normal;
        padding:8px 15px;
        margin-left:0
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        font-size:18px;
        line-height:45px
    }
     .head_box .nav_box .nav .hasdrop .sub{
        width:100%
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .t-menu{
        margin-top:0
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a{
        font-size:15px;
        padding:10px 15px
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu>.hasdrop>a{
        border:0
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu .hasdrop a .icon{
        display:none
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu .hasdrop a .text{
        font-size:16px
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop .t-menu a{
        font-size:15px;
        padding:10px 15px
    }
     .head_box .right_box .btn_inquiry span{
        font-size:16px
    }
     .footer .auto-container{
        flex-wrap:wrap
    }
     .footer .left{
        width:100%;
        font-size:16px;
        margin-bottom:20px
    }
     .footer .left .foot_contact p{
        margin-bottom:10px
    }
     .footer .left .foot_share_box{
        flex-wrap:wrap
    }
     .footer .left .foot_share_box .left{
        margin-bottom:20px
    }
     .footer .left .foot_share_box .left p{
        font-size:18px
    }
     .footer .left .foot_share_box .left a img{
        max-width:30px
    }
     .footer .left .foot_share_box .right img{
        max-width:100px
    }
     .footer .left .left_bottom{
        font-size:16px
    }
     .footer .right{
        width:100%;
        padding-left:0
    }
     .footer .right .foot_category{
        display:none
    }
     .footer .right .footer_form_box{
        margin-bottom:45px
    }
     .footer .right .footer_form_box form .input div:nth-child(odd){
        width:100%
    }
     .footer .right .footer_form_box form .input div:nth-child(even){
        width:100%
    }
     .footer .right .footer_form_box form .input div input{
        font-size:16px
    }
     .footer .right .footer_form_box form .submit{
        text-align:left
    }
     .footer .right .footer_form_box form .submit .btn_effect4{
        font-size:16px
    }
     .footer .right .foot_subscribe input{
        font-size:16px;
        line-height:45px;
        width:64%
    }
     .footer .right .foot_subscribe button{
        line-height:45px;
        height:45px;
        font-size:15px;
        width:max-content;
        width:130px;
        padding:0 10px
    }
     .index_banner .img{
        padding-top:53px
    }
     .index_banner .swiper-container .swiper-pagination .swiper-pagination-bullet{
        width:10px;
        height:10px
    }
     .index_pro_categories .pro_categories_box .item{
        flex:0 0 100%
    }
     .index_pro_categories .pro_categories_box .item:nth-child(1),.index_pro_categories .pro_categories_box .item:nth-child(2){
        flex:0 0 100%
    }
     .index_pro_categories .pro_categories_box .item a .text_box .text{
        font-size:20px
    }
     .index_pro_categories .pro_categories_box .item a .text_box span{
        width:45px;
        height:45px
    }
     .index_pro_categories .pro_categories_box .item a .text_box span img{
        max-width:25px
    }
     .index_pro .index_pro_box .swiper-container{
        max-width:85%
    }
     .index_pro .index_pro_box .swiper-slide .img_box{
        border-bottom:1px solid #eee
    }
     .index_pro .index_pro_box .swiper-slide .text_box h4{
        font-size:18px;
        line-height:normal
    }
     .index_pro .index_pro_box .swiper-slide .quote-button{
        font-size:16px
    }
    .index_pro .index_pro_box .swiper-container{
        max-width: 100%;
    }
     .index_pro .index_pro_box .swiper-button-prev,.index_pro .index_pro_box .swiper-button-next{
        top: unset;
    }
     .index_pro .index_pro_box .swiper-button-prev{
        left:35%
    }
     .index_pro .index_pro_box .swiper-button-next{
        right:35%
    }
     .index_application{
        padding:70px 0;
        padding-bottom:20px
    }
     .index_application .index_application_box .swiper-container{
        max-width:100%;
        padding-bottom:40px
    }
     .index_application .index_application_box .swiper-slide .text_box h4{
        font-size:20px
    }
     .index_application .index_application_box .swiper-slide .text_box span{
        font-size:16px
    }
     .index_application .index_application_box .swiper-button-next,.index_application .index_application_box .swiper-button-prev{
        display:none
    }
     .index_about .index_about_box{
        flex-wrap:wrap;
        padding-top:60px
    }
     .index_about .index_about_box .left{
        width:100%;
        margin-bottom:30px
    }
     .index_about .index_about_box .right{
        width:100%
    }
     .btn_box a{
        width:max-content
    }
     .btn_box a span:first-child{
        font-size:16px;
        margin-right:10px
    }
     .index_about_num{
        flex-wrap:wrap
    }
     .index_about_num .left{
        width:100%
    }
     .index_about_num .left .other{
        margin-bottom:30px
    }
     .index_about_num .left .other p{
        font-size:18px;
        margin-bottom:20px
    }
     .index_about_num .left .other>span{
        font-size:16px;
        width:max-content;
        padding:10px 20px;
        height:auto;
        line-height:normal
    }
     .index_about_num .right{
        flex-wrap:wrap;
        width:100%
    }
     .index_about_num .right .item .icon{
        margin-bottom:10px
    }
     .index_about_num .right .item .title{
        font-size:20px;
        margin-bottom:15px;
        -webkit-line-clamp:none
    }
     .index_about_num .right .item .remark{
        font-size:18px
    }
     .index_about_num .right .item .txt{
        font-size:40px
    }
     .index_factory .index_factory_box .swiper-slide .txt{
        font-size:18px;
        padding-bottom:30px
    }
     .index_factory .index_factory_box .swiper-button-prev{
        left:35%
    }
     .index_factory .index_factory_box .swiper-button-next{
        right:35%
    }
     .index_honor{
        padding:60px 0
    }
     .index_honor .head_block .remark{
        max-width:100%;
        font-size:16px
    }
     .index_honor .index_honor_box{
        padding:0
    }
     .index_honor .index_honor_box .swiper-wrapper .swiper-slide{
        width:2.001rem;
        height:3.8rem
    }
     .index_honor .index_honor_box .swiper-pagination{
        width:100%
    }
     .index_honor .index_honor_box .swiper-pagination-bullet{
        width:12px;
        height:12px;
        border:1px solid #fff;
        background:0 0;
        opacity:1
    }
     .index_honor .index_honor_box .swiper-pagination-bullet-active{
        background:var(--color);
        border-color:var(--color)
    }
     .index_honor .index_honor_box .swiper-button-next,.index_honor .index_honor_box .swiper-button-prev{
        display:none
    }
     .index_why_choose_us .head_block .icon img{
        max-height:50px
    }
     .index_why_choose_us .index_why_choose_us_box .item{
        width:100%;
        height:100%;
        position:unset;
        flex-direction:column;
        gap:.2rem;
        margin-bottom:30px
    }
     .index_why_choose_us .index_why_choose_us_box .item:nth-child(1){
        left:0
    }
     .index_why_choose_us .index_why_choose_us_box .item:nth-child(2){
        right:0
    }
     .index_why_choose_us .index_why_choose_us_box .item:nth-child(3),.index_why_choose_us .index_why_choose_us_box .item:nth-child(4){
        max-width:95%;
        width:max-content;
        margin:auto;
        margin-bottom:20px
    }
     .index_why_choose_us .index_why_choose_us_box .item:nth-child(3) .icon,.index_why_choose_us .index_why_choose_us_box .item:nth-child(4) .icon,.index_why_choose_us .index_why_choose_us_box .item:nth-child(6) .icon{
        margin-bottom:0
    }
     .index_why_choose_us .index_why_choose_us_box .item:nth-child(5){
        margin-bottom:20px
    }
     .index_why_choose_us .index_why_choose_us_box .item:nth-child(5) .icon{
        width:3.15rem;
        height:3.15rem
    }
     .index_why_choose_us .index_why_choose_us_box .item:nth-child(5) .text_box{
        display:block
    }
     .index_why_choose_us .index_why_choose_us_box .item .text_box{
        text-align:center;
        width:100%
    }
     .index_why_choose_us .index_why_choose_us_box .item .text_box h4{
        width:max-content;
        max-width:100%;
        margin:auto;
        margin-bottom:.2rem
    }
     .index_why_choose_us .index_why_choose_us_box .item .text_box .remark{
        font-size:18px;
        line-height:26px
    }
     .index_testimony .index_testimony_box.pc{
        display:none
    }
     .index_testimony .index_testimony_box.mobile{
        display:block;
        margin-top:.45rem
    }
     .index_testimony .index_testimony_box.mobile .item{
        margin-bottom:.3rem
    }
     .index_news .index_news_box{
        flex-wrap:wrap
    }
     .index_news .left{
        width:100%
    }
     .index_news .left .swiper-slide .item .txt h3{
        -webkit-line-clamp:2;
        line-height:normal
    }
     .index_news .left .swiper-pagination-bullet{
        border-color:var(--color)
    }
     .index_news .right{
        width:100%;
        padding-bottom:70px
    }
     .index_news .right .item_box{
        flex-wrap:wrap
    }
     .index_news .right .item_box .item{
        flex:0 0 100%
    }
     .index_news .right .item_box .item .txt h3{
        min-height:auto;
        margin-bottom:.3rem
    }
     .index_news .right .item_box .item .txt span{
        font-size:16px
    }
     .index_news .right .item_box .item .txt .remark{
        font-size:16px;
        min-height:auto
    }
     .page_banner{
        padding-top:53px
    }
     .page_banner .img_box img{
        height:150px
    }
     .page_banner .txt{
        bottom:10px
    }
     .page_banner .txt h2{
        font-size:26px
    }
     .page_about .page_about_section1{
        flex-wrap:wrap;
        flex-direction:column-reverse;
        padding-right:0;
        margin-top:50px
    }
     .page_about .page_about_section1 .left,.page_about .page_about_section1 .right{
        width:100%
    }
     .page_about .page_about_section1 .left .remark{
        font-size:18px;
        line-height:26px
    }
     .page_about .page_about_section1 .right{
        margin-bottom:30px
    }
     .page_about .page_about_section1 .right .icon_box{
        padding:.5rem
    }
     .page_about .page_about_num{
        gap:20px;
        margin-top:45px;
        flex-wrap:wrap
    }
     .page_about .page_about_num .item{
        max-width:100%
    }
     .page_about .page_about_factory{
        margin:60px 0
    }
     .page_about .page_about_factory_box{
        display:none
    }
     .page_about .factory_swiper{
        display:block;
        max-width:95%;
        margin:auto;
        padding-bottom:60px
    }
     .page_about .factory_swiper .swiper-slide .img{
        overflow:hidden
    }
     .page_about .factory_swiper .swiper-slide .txt{
        position:absolute;
        left:0;
        bottom:0;
        padding:15px;
        padding-top:.5rem;
        padding-bottom:20px;
        text-align:center;
        width:100%;
        height:auto;
        background:linear-gradient(rgba(228,237,243,0) 6.87%,rgba(28,80,161,.9) 96.85%);
        font-size:18px;
        color:#fff;
        font-family:RobotoBlack
    }
     .page_about .factory_swiper .swiper-pagination{
        bottom:0
    }
     .page_about .factory_swiper .swiper-pagination-bullet{
        border-color:var(--color)
    }
     .page_about .page_about_honor{
        padding:45px 0
    }
     .page_about .page_about_honor .swiper-wrapper .swiper-slide .img{
        padding:16px
    }
     .page_about .page_about_honor .swiper-wrapper .swiper-slide .img img{
        height:200px
    }
     .page_about .page_about_honor .swiper-button-next,.page_about .page_about_honor .swiper-button-prev{
        display:none
    }
     .page_about .page_about_advantages .item{
        flex:0 0 100%
    }
     .page_about .page_about_advantages .item .img_box{
        margin-right:0
    }
     .page_about .page_about_advantages .item .text_box{
        min-height:auto;
        padding-bottom:.3rem
    }
     .page_about .page_about_advantages .item .text_box .txt{
        font-size:16px;
        line-height:24px;
        min-height:auto
    }
     .page_contact{
        padding-bottom:50px
    }
     .page_content_head .auto-container{
        flex-wrap:wrap;
        gap:0 20px;
        justify-content:flex-start
    }
     .page_content_head .item{
        flex:0 0 calc((100% - 1 * 20px)/ 2);
        font-size:16px
    }
     .page_content_head .item:before{
        top:30%
    }
     .page_content_head .item a{
        padding:10px 0
    }
     .page_news .item_box .item{
        flex:0 0 100%
    }
     .page_news .item_box .item .text_box .title{
        font-size:20px;
        min-height:auto
    }
     .page_news .item_box .item .text_box .remark{
        font-size:16px;
        line-height:22px
    }
     .page_news .item_box .item .text_box .other{
        font-size:16px
    }
     .page_news .item_box .item .text_box .other span img{
        max-width:20px
    }
     .show_news .post-info{
        padding:0
    }
     .show_news .post-info .header>h1{
        font-size:24px
    }
     .show_news .post-info .header>p>span{
        font-size:16px
    }
     .show_news .post-info .header>p>span>img{
        max-width:20px
    }
     .show_news .post-info .post-pagination p a{
        font-size:18px
    }
     .show_news .post-info .show_share p{
        font-size:18px
    }
     .list_products .auto-container>h2,.page_download .auto-container>h2,.page_faq .auto-container>h2,.page_news .auto-container>h2,.page_video .auto-container>h2{
        font-size:30px
    }
     .list_products .list_products_box .item{
        flex:0 0 100%
    }
     .list_products .list_products_box .item .img_box{
        border-bottom:1px solid #eee
    }
     .list_products .list_products_box .item .text_box h4{
        font-size:18px;
        line-height:26px
    }
     .list_products .list_products_box .item .text_box .other div span{
        font-size:16px
    }
     .list_products .list_products_box .item .text_box .other div span img{
        max-width:20px
    }
     .list_products .list_products_box .item .quote-button{
        margin:20px auto;
        font-size:16px;
        height:45px;
        line-height:45px
    }
     .show_products .show_products_head{
        flex-wrap:wrap
    }
     .show_products .show_products_head .img_box{
        width:100%;
        margin-top:20px
    }
     .show_products .show_products_head .text_box{
        width:100%;
        border:0
    }
     .show_products .show_products_head .img_box .view_box{
        width:82%
    }
     .show_products .show_products_head .img_box .view_box .swiper-slide{
        line-height:480px
    }
     .show_products .show_products_head .img_box .view_box .swiper-slide img{
        height:auto
    }
     .show_products .show_products_head .img_box .thumb_box{
        width:18%;
        padding:45px 0
    }
     .show_products .show_products_head .img_box .thumb_box .swiper-container{
        height:390px
    }
     .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{
        width:13px;
        height:13px;
        border-width:2px;
        top:33%
    }
     .show_products .show_products_head .text_box h1{
        font-size:24px;
        line-height:30px;
        padding-left:0
    }
     .show_products .show_products_head .text_box .other{
        padding:25px 0
    }
     .show_products .show_products_head .text_box .other span img{
        max-width:20px
    }
     .show_products .show_products_head .text_box .other span.enshrine{
        font-size:16px
    }
     .show_products .show_products_head .text_box .attribute_box{
        padding-left:0
    }
     .show_products .show_products_head .text_box .attribute_box h4{
        font-size:16px
    }
     .show_products .show_products_head .text_box .attribute_box .attribute div{
        font-size:16px
    }
     .show_products .show_products_head .text_box .attribute_box .contact_box{
        flex-wrap:wrap;
        gap:10px
    }
     .show_products .show_products_head .text_box .attribute_box .contact_box p{
        font-size:16px
    }
     .show_products .show_products_head .text_box .attribute_box .contact_box p img{
        max-width:20px
    }
     .show_products .show_products_head .text_box .btn_box{
        padding-left:0
    }
     .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_wrap .btn_small_list{
        font-size:16px
    }
     .show_products .show_pro_video{
        padding:45px 0
    }
     .show_products .page_recommend_pro .page_content_block p,.show_products .show_pro_bottom .page_content_block p,.show_products .show_pro_customer .page_content_block p,.show_products .show_pro_faq .page_content_block p,.show_products .show_pro_title{
        font-size:24px
    }
     .show_products .show_pro_video .show_pro_video_box{
        margin-bottom:0
    }
     .show_products .show_pro_video .show_pro_video_box .img_box{
        height:235px
    }
     .show_products .show_pro_faq{
        padding:45px 0
    }
     .show_products .show_pro_faq .page_pro_faq_box .item{
        flex:0 0 100%
    }
     .show_products .show_pro_faq .page_pro_faq_box .item.open{
        box-shadow:0 0 5px 1.2px rgba(0,0,0,.14)
    }
     .show_products .show_pro_faq .page_pro_faq_box .item .title p{
        font-size:17px;
        width:82%
    }
     .show_products .show_pro_faq .page_pro_faq_box .item .remark div{
        width:85%;
        font-size:16px;
        line-height:22px
    }
     .show_products .show_pro_customer{
        padding:45px 0
    }
     .show_products .show_pro_customer_box .swiper-slide .item .top .left img{
        width:40px;
        height:40px;
        border-radius:100vh
    }
     .show_products .show_pro_customer_box .swiper-slide .item .top .left p{
        font-size:18px
    }
     .show_products .show_pro_customer_box .swiper-slide .item .remark{
        font-size:16px;
        line-height:24px
    }
     .show_products .show_pro_customer_box .swiper-pagination-bullet{
        border-color:#c9c9c9
    }
     .show_products .show_pro_customer_box .swiper-pagination-bullet-active{
        border-color:var(--color)
    }
     .show_products .show_pro_bottom_box{
        flex-wrap:wrap
    }
     .show_products .show_pro_bottom_box .messagebox{
        width:100%;
        padding:30px 20px
    }
     .show_products .show_pro_bottom_box .messagebox h2{
        font-size:20px;
        margin-bottom:20px
    }
     .show_products .show_pro_bottom_box .messagebox .frombox form .input{
        gap:10px;
        flex-wrap:wrap
    }
     .show_products .show_pro_bottom_box .messagebox .frombox form .input div{
        flex:0 0 100%
    }
     .show_products .show_pro_bottom_box .messagebox .frombox form .input div input,.show_products .show_pro_bottom_box .messagebox .frombox form textarea{
        font-size:15px
    }
     .show_products .show_pro_bottom_box .right{
        width:100%
    }
     .show_products .show_pro_bottom_box .right .swiper-container{
        height:550px
    }
     .show_products .show_pro_bottom_box .right .swiper-container .b-item .imgbox{
        width:25%
    }
     .show_products .show_pro_bottom_box .right .swiper-container .b-item .imgbox img{
        width:80px;
        height:80px;
        object-fit:cover
    }
     .show_products .show_pro_bottom_box .right .swiper-container .b-item .business-info{
        width:75%
    }
     .show_products .show_pro_bottom_box .right .swiper-container .b-item .business-info p{
        font-size:16px
    }
     .show_products .show_pro_bottom_box .right .swiper-container .b-item .business-info p a{
        font-size:16px
    }
     .show_products .show_pro_bottom_box .right .swiper-container .b-item .business-info p b{
        font-size:18px
    }
     .show_products .show_pro_bottom_box .right .swiper-container .b-item .whatsappbox{
        width:100%;
        margin-top:15px
    }
     .show_products .show_pro_bottom_box .right .swiper-container .b-item .whatsappbox>a{
        display:block;
        width:max-content;
        padding:5px 15px
    }
     .show_products .show_pro_bottom_box .right .swiper-container .swiper-pagination-bullet{
        border-color:var(--color)
    }
     .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next{
        right:35%
    }
     .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
        left:35%
    }
     .show_products .page_recommend_pro_box .swiper-slide .item .text_box h4{
        font-size:18px;
        line-height:24px
    }
     .show_products .page_recommend_pro_box .swiper-slide .item .text_box .other div span{
        font-size:16px
    }
     .show_products .page_recommend_pro_box .swiper-slide .item .text_box .other div span img{
        max-width:20px
    }
     .show_products .page_recommend_pro_box .swiper-slide .item .quote-button{
        font-size:16px;
        line-height:45px;
        height:45px
    }
     .page_download .page_download_box .item{
        flex-wrap:wrap
    }
     .page_download .page_download_box .item .left{
        width:100%
    }
     .page_download .page_download_box .item .left a{
        padding:20px;
        font-size:18px
    }
     .page_download .page_download_box .item .left a img{
        max-width:25px
    }
     .page_download .page_download_box .item .right{
        width:100%;
        padding:20px;
        padding-top:0;
        font-size:15px
    }
     .page_video{
        padding-bottom:0
    }
     .page_video .item_box{
        gap:30px 20px;
        margin-bottom:40px
    }
     .page_video .item_box .item{
        flex:0 0 100%
    }
     .page_video .item_box .item .img_box .video_play{
        width:40px
    }
     .page_video .item_box .item .text_box{
        font-size:16px
    }
     .page_video .item_box .item .text_box h4{
        font-size:18px;
        line-height:26px;
        margin-bottom:20px
    }
     .page_faq .faq_box .item{
        font-size:18px;
        margin-bottom:20px
    }
     .page_faq .faq_box .item .wen .icon{
        width:15%;
        font-size:30px;
        padding:0
    }
     .page_faq .faq_box .item .wen .title{
        width:85%;
        padding:0;
        padding-top:10px;
        padding-left:15px;
        line-height:22px;
        padding-bottom:10px
    }
     .page_faq .faq_box .item .da{
        font-size:17px;
        line-height:24px
    }
     .page_content.page_quotation{
        margin:55px 0
    }
     .page_quotation .page_quotation_head p{
        font-size:16px
    }
     .page_quotation .page_quotation_box{
        flex-wrap:wrap
    }
     .page_quotation .page_quotation_box .left{
        width:100%;
        margin-bottom:40px
    }
     .page_quotation .page_quotation_box .left .left_head p{
        font-size:15px
    }
     .page_quotation .page_quotation_box .left .left_head p:nth-child(1),.page_quotation .page_quotation_box .left .left_head p:nth-child(3){
        width:max-content
    }
     .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box .text_box h3{
        font-size:16px;
        line-height:22px
    }
     .page_quotation .page_quotation_box .right{
        width:100%;
        padding-left:0
    }
     .page_quotation .page_quotation_box .right .from .input{
        flex-wrap:wrap;
        gap:11px
    }
     .page_quotation .page_quotation_box .right .from .input div{
        width:100%
    }
     .page_quotation .page_quotation_box .right .from .input div input,.page_quotation .page_quotation_box .right .from textarea{
        font-size:15px
    }
     .page_quotation .page_quotation_box .right .from .checktext{
        font-size:15px
    }
     .page_quotation .page_quotation_box .right .from .submit button .btn_small_list{
        font-size:16px
    }
     .page_contact .content-box{
        flex-wrap:wrap;
        flex-direction:column-reverse
    }
     .page_contact .contact_form .from_head h2{
        font-size:26px
    }
     .page_contact .contact_form .from_head p{
        font-size:16px;
        line-height:24px
    }
     .page_contact .contact_form .from_head span{
        font-size:16px;
        line-height:24px
    }
     .page_contact .contact_form .from_box .input_box .item{
        width:100%
    }
     .page_contact .contact_form .from_box .item p{
        font-size:15px
    }
     .page_contact .contact_form .from_box .item input,.page_contact .contact_form .from_box .item textarea{
        font-size:15px
    }
     .page_contact .contact_form .from_box .item .upload-box .upload-wrap{
        height:max-content
    }
     .page_contact .contact_form .from_box .item .upload-box .upload-wrap .file-open{
        width:max-content
    }
     .page_contact .contact_form .from_box .item .upload-box .upload-wrap p{
        font-size:15px;
        width:100%
    }
     .page_contact .content-box .sidebar{
        width:100%;
        margin-right:0;
        margin-bottom:30px
    }
     .page_contact .sidebar .company_box .text_box h1{
        font-size:22px;
        line-height:30px
    }
     .page_contact .sidebar .company_box .text_box .item_box a,.page_contact .sidebar .company_box .text_box .item_box p{
        font-size:16px;
        line-height:26px
    }
     .page_contact .contact_map .salesman{
        position:unset;
        width:100%;
        max-width:100%
    }
     .page_contact .contact_map .salesman .salesman_box{
        margin-top:40px
    }
     .page_contact .contact_map .salesman .salesman_box .swiper-container{
        height:350px
    }
     .page_contact .contact_map .salesman .salesman_box .swiper-slide .item{
        padding:0
    }
     .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .text_box p{
        font-size:18px;
        margin-bottom:10px
    }
     .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .text_box a{
        font-size:16px
    }
     .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .text_box .email{
        margin-bottom:10px
    }
     .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .text_box .whatsapp{
        width:max-content;
        padding:8px 15px;
        height:max-content
    }
     .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .text_box a img{
        max-width:20px
    }
     #LoginModal .messagebox .frombox .input div label{
        width:25%
    }
}
 @media(max-width:768px){
    html{
        font-size:calc(100vw/5)
    }
     .additional-features{
        top:50%
    }
     .modal-title{
        font-size:.22rem;
        font-weight:700
    }
}
 .additional-features{
    right:10px
}