@media(min-width:1920px){
    html{
        font-size:calc(100vw/19.2)
    }
     body{
        max-width:1920px;
        margin:auto
    }
     .auto-container{
        max-width:1400px
    }
     .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:1460px){
    .swiper-button-prev{
        left:0
    }
     .swiper-button-next{
        right:0
    }
     .index_news .index_news_box .swiper-container{
        max-width:85%
    }
}
 @media (max-width:1400px){
    .auto-container{
        max-width:95%!important
    }
}
 @media(max-width:1280px){
    html{
        font-size:calc(100vw/12.8)
    }
     .swiper-button-next{
        right:0
    }
     .swiper-button-prev{
        left:0
    }
     .additional-features{
        top:35%
    }
     .fixed{
        top:.6rem
    }
     .head_box.c-style{
        padding:0 .1rem
    }
     .head_box .logo_box .logo_icon img{
        max-width:.8rem
    }
     .head_box .logo_box .slogan{
        font-size:.14rem;
        margin-left:.15rem
    }
     .head_box .nav_box .nav li .stair .a{
        font-size:.14rem;
        line-height:.65rem;
        margin-right:.2rem
    }
     .head_box .nav_box .nav li .stair .sub dd a{
        font-size:.14rem
    }
     .head_box .nav_box .nav .pro .top_pro .right{
        padding-left:.6rem
    }
     .head_box .nav_box .nav .pro .top_pro .right .item a{
        font-size:.14rem;
        line-height:.4rem
    }
     .index_banner{
        padding-top:.65rem
    }
     .section .head_block{
        margin-bottom:.4rem
    }
     .section .head_block p{
        font-size:.3rem;
        line-height:.46rem;
        margin-bottom:.15rem
    }
     .index_categorys .top_catebox p{
        font-size:.15rem
    }
     .index_categorys .cate_product_box .item_box .item{
        width:24.35%
    }
     .index_service .index_service_box .swiper-slide .item{
        padding:.2rem
    }
     .index_service .index_service_box .swiper-slide .item .img_box p{
        font-size:.18rem
    }
     .index_service .index_service_box .swiper-slide .item .text_box{
        font-size:.15rem;
        line-height:.24rem;
        min-height:1.7rem
    }
     .index_about .left{
        padding-left:2.5%;
        padding-right:2.5%
    }
     .index_about .left .head_block{
        margin-bottom:0
    }
     .index_about .left .head_block p{
        line-height:.3rem;
        margin-bottom:.2rem;
        font-size:.26rem
    }
     .index_about .left .head_block .remark{
        font-size:.15rem
    }
    .index_certification .swiper-slide .item img{
    max-height: 1.25rem;
}
     .index_why_us .index_why_us_box .item .img_box img{
        max-height:.4rem
    }
     .index_why_us .index_why_us_box .item p{
        font-size:.15rem;
        line-height:.2rem
    }
     .index_case .left{
        padding-right:.5rem
    }
     .page_banner .page_banner_box{
        padding-top:.65rem
    }
     .category_products .page_head_block p,.page_case .page_case_box .page_case_box_head h1,.page_content .page_head_block p,.page_download .page_download_head h1,.page_pro_evaluate_box .page_head_block p,.page_pro_faq_box .page_head_block p,.page_pro_recommend_box .page_head_block p,.page_pro_remark_box .page_head_block p,.page_pro_take_box .page_head_block p,.page_products .product_list_box .page_head_block p,.page_video .page_video_box .page_video_box_head h1{
        font-size:.3rem
    }
     .page_products .product_list_box{
        padding:.45rem 0
    }
     .page_products .product_list_box .page_pro_item_box .item{
        width:23.65%
    }
     categorys_news 
     .categorys_news .categorys_news_featured .swiper-slide .item .text_box{
        padding:.45rem
    }
     .categorys_news .categorys_news_list .list_box .categorys_news_list_box{
        gap:.45rem
    }
     .categorys_news .categorys_news_list .list_box .categorys_news_list_box .item .text_box{
        padding:.25rem 0
    }
     .categorys_news .categorys_news_box .categorys_news_latest .categorys_news_latest_bottom .swiper-slide{
    width: 100%;
}
     .categorys_news .categorys_news_box .categorys_news_latest .categorys_news_latest_bottom .swiper-slide .item{
    height: 270px;
}
     .categorys_news .categorys_news_box .categorys_news_latest .categorys_news_latest_bottom .swiper-slide .item .img_box{
    height: 100%;
}
     .categorys_news .categorys_news_box .categorys_news_latest .categorys_news_latest_bottom .swiper-slide .item .img_box img{
    height: 100%;
    object-fit: cover;
}
     .categorys_news .categorys_news_box .categorys_news_latest .categorys_news_latest_bottom .swiper-slide .item .text_box{
    padding: 15px 20px;
}
     .categorys_news .categorys_news_box .categorys_news_latest .categorys_news_latest_bottom .swiper-slide .item .text_box h2{
    font-size: 20px;
}
     .categorys_news .categorys_news_box .categorys_news_latest .categorys_news_latest_bottom .swiper-slide .item .text_box p{
    font-size: 15px;
}
     .categorys_news .categorys_news_box .categorys_news_latest .categorys_news_latest_bottom .swiper-slide .item .text_box span{
    font-size: 14px;
}
     .page_about .page_about_box .page_recommend_news .page_recommend_news_box{
        gap:.4rem
    }
     .page_case .page_case_box .page_case_box_content .item .text_box .title{
        font-size:.2rem;
        line-height:.26rem;
        margin-bottom:.1rem
    }
     .page_case .page_case_box .page_case_box_content .item .text_box .remark{
        font-size:.15rem;
        line-height:.24rem;
        -webkit-line-clamp:2;
        min-height:.48rem
    }
     .page_download .page_download_box .item .left{
        width:65%
    }
     .page_download .page_download_box .item .left a{
        padding:.25rem
    }
     .page_download .page_download_box .item .right{
        width:40%
    }
}
 @media(max-width:1080px){
    html{
        font-size:calc(100vw/5)
    }
     .btn_effect4,.btn_main_text{
        font-size:16px
    }
     .head_box{
        padding:0 .1rem;
        height:50px
    }
     .head_box .logo_box{
        width:45%
    }
     .head_box .logo_box .slogan{
        display:none
    }
     .head_box .nav_box{
        display:none;
        position:absolute;
        top:50px;
        left:0;
        background:#333;
        width:100%;
        border-top:1px solid rgb(255 255 255 / 10%)
    }
     .head_box .nav_box .nav{
        display:block
    }
     .head_box .nav_box .nav li .stair .a{
        position:relative;
        font-size:15px;
        line-height:45px;
        padding-left:10px
    }
     .head_box .nav_box .nav li .stair .sub{
        position:unset;
        width:100%
    }
     .head_box .nav_box .nav li .stair .sub dl{
        background:#333
    }
     .head_box .nav_box .nav li .stair .sub dd a{
        font-size:15px;
        color:#fff
    }
     .head_box .nav_box .nav li .mobile-navbtn{
        opacity:1;
        left:unset;
        bottom:unset;
        top:15px;
        transform:rotate(180deg)
    }
     .head_box .nav_box .nav li .mobile-navbtn::after{
        opacity:1
    }
     .head_box .right_box .c_switch{
        display:block;
        margin-top:8px
    }
     .head_box .right_box .c_switch i{
        background:#fff
    }
     .head_box .right_box .search_con2{
        width:75%;
        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:10px;
        margin-top:0
    }
     .head_box .nav_box .nav .pro .top_pro{
        position:unset
    }
     .head_box .nav_box .nav .pro .top_pro .auto-container{
        padding:20px 0
    }
     .head_box .nav_box .nav .pro .top_pro .left{
        display:none
    }
     .head_box .nav_box .nav .pro .top_pro .right{
        width:100%;
        padding:0;
        flex-wrap:wrap;
        max-height:340px;
        overflow:auto
    }
     .head_box .nav_box .nav .pro .top_pro .right .item{
        width:100%;
        margin-bottom:20px
    }
     .head_box .nav_box .nav .pro .top_pro .right .item>p{
        font-size:20px;
        line-height:45px;
        padding-bottom:5px
    }
     .head_box .nav_box .nav .pro .top_pro .right .item a{
        font-size:15px;
        line-height:30px
    }
     .head_box .nav_box .nav .pro .top_pro .right .item a img{
        display:none
    }
     .footer .top .auto-container{
        display:flex;
        flex-wrap:wrap
    }
     .footer .top .foot_category,.footer .top .left,.footer .top .right{
        width:100%;
        padding:35px 0
    }
     .footer .top .left .foot_logo{
        text-align:center
    }
     .footer .top .left .foot_contact{
        text-align:center
    }
     .footer .top .left .foot_contact .item:last-child{
        font-size:16px
    }
     .footer .top .foot_category{
        display:none
    }
     .footer .top .right{
        padding:0;
        padding-bottom:35px
    }
     .footer .top .right>p{
        font-size:20px;
        margin-bottom:12px
    }
     .footer .top .right>span{
        font-size:16px
    }
     .footer .top .right form .input div{
        width:100%
    }
     .footer .top .right form .input div input{
        font-size:15px
    }
     .footer .top .right form .upload-box .upload-wrap p{
        font-size:15px
    }
     .footer .top .right form .textarea_box textarea{
        font-size:15px
    }
     .footer .bottom{
        font-size:16px
    }
     .footer .bottom .auto-container{
        padding:0;
        flex-wrap:wrap
    }
     .footer .bottom .left{
        flex-wrap:wrap;
        margin-bottom:15px
    }
     .footer .bottom .left p{
        width:100%;
        margin:0;
        margin-top:15px
    }
     .footer .bottom .right{
        padding-bottom:15px
    }
     .footer .bottom .right a{
        font-size:16px
    }
     .swiper-button-next,.swiper-button-prev{
        display:none
    }
     .index_banner{
        padding-top:50px
    }
     .section .head_block span{
        font-size:16px
    }
     .section .head_block p{
        font-size:26px;
        line-height:normal
    }
     .index_categorys{
        padding-top:35px;
        padding-bottom:35px
    }
     .index_categorys .top_catebox{
        flex-wrap:wrap
    }
     .index_categorys .top_catebox p{
        width:100%;
        font-size:16px
    }
     .index_categorys .cate_product_box{
        margin-top:30px
    }
     .index_categorys .cate_product_box .item_box .item{
        width:48.5%
    }
     .index_categorys .cate_product_box .item_box .item .text_box{
        padding:10px 0
    }
     .index_categorys .cate_product_box .item_box .item .text_box p{
        margin-bottom:5px;
        font-size:18px
    }
     .index_categorys .cate_product_box .item_box .item .text_box span{
        font-size:16px;
        line-height:normal
    }
     .index_service{
        padding-top:35px;
        padding-bottom:35px
    }
     .index_service .index_service_box .swiper-slide .item .img_box p{
        font-size:18px
    }
     .index_service .index_service_box .swiper-slide .item .img_box img{
        max-width:30px;
        max-height:fit-content
    }
     .index_service .index_service_box .swiper-slide .item .text_box{
        font-size:16px;
        line-height:normal
    }
     .index_about{
        flex-wrap:wrap;
        display:flex;
        flex-direction:column-reverse
    }
     .index_about .left,.index_about .right{
        width:100%
    }
     .index_about .left{
        padding:30px 20px;
        margin-bottom:20px
    }
     .index_about .left .head_block p{
        font-size:24px;
        line-height:28px
    }
     .index_about .left .head_block .remark{
        font-size:16px;
        line-height:normal
    }
     .index_about .left .more_btn{
        margin-top:30px
    }
     .index_why_us{
        padding:35px 0
    }
     .index_why_us .index_why_us_box{
        display:flex;
        flex-wrap:wrap
    }
     .index_why_us .index_why_us_box:before{
        display:none
    }
     .index_why_us .index_why_us_box .item{
        width:50%;
        margin-bottom:15px
    }
     .index_why_us .index_why_us_box .item i{
        display:none
    }
     .index_why_us .index_why_us_box .item .img_box{
        margin-bottom:20px
    }
     .index_why_us .index_why_us_box .item p{
        font-size:16px
    }
     .index_case{
        padding:35px 0
    }
     .index_case .auto-container{
        flex-wrap:wrap
    }
     .index_case .index_case_box,.index_case .left{
        width:100%
    }
     .index_case .left{
        padding-right:0
    }
     .index_case .left .head_block p{
        font-size:24px;
        line-height:30px
    }
     .index_case .item .text_box p{
        font-size:16px
    }
     .index_case .left .item{
        margin-bottom:15px
    }
     .index_case .left .item a .img_box{
        margin-bottom:15px
    }
     .index_case .index_case_box .item{
        flex-direction:column
    }
     .index_case .index_case_box .item .img_box{
        width:100%;
        margin-bottom:15px
    }
     .index_case .index_case_box .item .text_box{
        width:100%;
        padding:0
    }
     .index_case .index_case_box .item .text_box span{
        font-size:15px;
        margin-bottom:15px
    }
     .index_customize{
        padding:35px 0
    }
     .index_customize .img_box{
        margin-bottom:20px
    }
     .index_customize .text_box h2{
        font-size:26px;
        line-height:30px
    }
     .index_customize .text_box p{
        font-size:16px;
        line-height:normal
    }
     .index_customize .bottom_item,.index_customize .top_item{
        flex-direction:column
    }
     .index_customize .bottom_item .img_box,.index_customize .bottom_item .text_box,.index_customize .top_item .img_box,.index_customize .top_item .text_box{
        width:100%
    }
     .index_customize .top_item .text_box{
        padding-left:0
    }
     .index_customize .bottom_item .text_box{
        padding-right:0
    }
     .index_news{
        padding:35px 0
    }
     .index_news .index_news_box .swiper-container{
        max-width:100%;
        padding-bottom:40px
    }
     .index_news .index_news_box .item .text_box{
        padding:15px
    }
     .index_news .index_news_box .item .text_box p{
        font-size:18px
    }
     .index_news .index_news_box .item .text_box span{
        font-size:16px
    }
     .index_news .index_news_box .swiper-pagination{
        bottom:0
    }
     .index_faq{
        padding:35px 0
    }
     .index_faq .auto-container{
        display:flex;
        flex-wrap:wrap
    }
     .index_faq .left{
        width:100%;
        margin-bottom:20px
    }
     .index_faq .left .head_block{
        width:100%
    }
     .index_faq .right{
        width:100%
    }
     .index_faq .right .item .wen .title{
        font-size:18px;
        line-height:normal
    }
     .index_faq .right .item .da{
        font-size:16px;
        line-height:normal
    }
     .page_quotation .page_quotation_box{
        flex-wrap:wrap
    }
     .page_quotation .page_quotation_box .left{
        width:100%;
        margin-bottom:15px
    }
     .page_quotation .page_quotation_box .right{
        width:100%;
        padding:0 20px;
        padding-bottom:20px
    }
     .page_quotation .page_quotation_box .right .from .input{
        flex-wrap:wrap
    }
     .page_quotation .page_quotation_box .right .from .input div{
        width:100%;
        margin-bottom:10px
    }
     .page_banner .page_banner_box{
        padding-top:50px
    }
     .category_products .page_head_cate a,.page_products .page_head_cate a{
        margin-right:10px;
        font-size:14px
    }
     .category_products .pro_section{
        padding:35px 0
    }
     .category_products .category_products_list #section0,.category_products .category_products_list #section1,.category_products .category_products_list #section2,.category_products .pro_section_contact #section4,.page_products .page_pro_evaluate_box #section4,.page_products .page_pro_faq_box #section5,.page_products .page_pro_recommend_box #section3,.page_products .page_pro_take_box #section2{
        top:-100px
    }
     .category_products .page_head_block p,.page_case .page_case_box .page_case_box_head h1,.page_content .page_head_block p,.page_download .page_download_head h1,.page_pro_evaluate_box .page_head_block p,.page_pro_faq_box .page_head_block p,.page_pro_recommend_box .page_head_block p,.page_pro_remark_box .page_head_block p,.page_pro_take_box .page_head_block p,.page_products .product_list_box .page_head_block p,.page_video .page_video_box .page_video_box_head h1{
        font-size:26px
    }
     .category_products .page_head_block span,.page_case .page_case_box .page_case_box_head p,.page_content .page_head_block span,.page_download .page_download_head p,.page_pro_evaluate_box .page_head_block span,.page_pro_faq_box .page_head_block span,.page_pro_recommend_box .page_head_block span,.page_pro_remark_box .page_head_block span,.page_pro_take_box .page_head_block span,.page_products .product_list_box .page_head_block span,.page_video .page_video_box .page_video_box_head p{
        font-size:16px
    }
     .category_products .section1_box{
        height:auto
    }
     .category_products .section1_box .thumb_box{
        margin-bottom:20px
    }
     .category_products .section1_swiper_box{
        position:unset;
        max-width:100%
    }
     .category_products .section1_swiper .item{
        flex-wrap:wrap;
        padding:20px 0
    }
     .category_products .section1_swiper .item .img_box{
        max-width:100%;
        margin-bottom:20px
    }
     .category_products .section1_swiper .item .text_box{
        padding:20px;
        padding-bottom:0
    }
     .category_products .section1_swiper .item .text_box i{
        font-size:16px
    }
     .category_products .section1_swiper .item .text_box p{
        font-size:20px
    }
     .category_products .section1_swiper .item .text_box span{
        font-size:16px;
        line-height:normal
    }
     .category_products .cate_pros_about .auto-container{
        flex-wrap:wrap
    }
     .category_products .cate_pros_about .left,.category_products .cate_pros_about .right{
        width:100%;
        padding:0
    }
     .category_products .cate_pros_about .left{
        margin-bottom:20px
    }
     .category_products .cate_pros_about .left h2{
        font-size:24px
    }
     .category_products .cate_pros_about .left p{
        font-size:16px
    }
     .category_products .cate_pros_about .left .remark{
        font-size:16px
    }
     .category_products_list .list_box{
        margin-bottom:20px
    }
     .category_products_list .list_box .list_box_top{
        margin-bottom:20px
    }
     .category_products_list .list_box .list_box_top p{
        font-size:28px;
        line-height:normal
    }
     .category_products_list .list_box .list_box_top .other{
        flex-direction:column
    }
     .category_products_list .list_box .list_box_top .other span{
        font-size:16px;
        margin-bottom:10px
    }
     .category_products_list .list_box .list_box_top .other a{
        font-size:16px
    }
     .category_products_list .list_box .list_box_bottom .pro_swiper_box{
        padding-bottom:20px
    }
     .category_products_list .list_box .list_box_bottom .pro_swiper_box .swiper-pagination{
        margin-top:0
    }
     .pro_section_contact .contact_box{
        flex-wrap:wrap
    }
     .pro_section_contact .contact_box .left{
        padding:30px;
        font-size:16px
    }
     .pro_section_contact .contact_box .left,.pro_section_contact .contact_box .right{
        width:100%
    }
     .pro_section_contact .contact_box .left p{
        font-size:24px;
        line-height:normal;
        margin:15px 0
    }
     .page_products .product_list_box{
        padding:35px 0
    }
     .page_products .product_list_box .page_pro_item_box{
        gap:10px;
        padding-bottom:15px
    }
     .page_products .product_list_box .page_pro_item_box .item{
        width:48.45%
    }
     .page_products .product_list_box .page_pro_item_box .item .text_box{
        padding:15px
    }
     .page_products .product_list_box .page_pro_item_box .item .text_box p{
        font-size:18px
    }
     .page_products .product_list_box .page_pro_item_box .item .text_box span{
        font-size:16px;
        line-height:normal
    }
     .page_pro_remark_box{
        padding-bottom:0
    }
     .page_pro_remark_box .auto-container{
        flex-wrap:wrap
    }
     .page_pro_remark_box .page_head_block,.page_pro_remark_box .page_pro_remark_swiper_box{
        width:100%
    }
     .page_pro_remark_box .page_head_block i{
        font-size:16px
    }
     .page_pro_remark_box .page_head_block span{
        margin-bottom:40px
    }
     .page_pro_take_box{
        padding-bottom:0
    }
     .page_pro_take_box .page_pro_take_list .item{
        width:100%;
        margin-bottom:20px
    }
     .page_pro_take_box .page_pro_take_list .item:last-child{
        margin-top:0
    }
     .page_pro_take_box .page_pro_take_list .item .text_box{
        line-height:45px
    }
     .page_pro_take_box .page_pro_take_list .item .text_box p{
        font-size:16px;
        padding-left:15px
    }
     .page_pro_take_box .page_pro_take_list .item:last-child .text_box p{
        width:100%
    }
     .page_pro_take_box .page_pro_take_list .item:last-child .text_box span{
        width:100%;
        font-size:16px
    }
     .page_pro_take_box .page_pro_take_list .item:last-child .text_box{
        display:block;
        position:unset;
        width:100%;
        height:auto;
        padding:15px
    }
     .page_pro_recommend_box{
        padding:35px 0
    }
     .page_pro_recommend_box .page_pro_recommend_list .swiper-slide .item .text_box p{
        font-size:18px
    }
     .page_pro_recommend_box .page_pro_recommend_list .swiper-slide .item .text_box span{
        font-size:16px;
        line-height:normal
    }
     .page_pro_recommend_box .page_pro_recommend_list .swiper-pagination{
        margin-top:10px
    }
     .page_pro_evaluate_box{
        padding-top:0;
        padding-bottom:0
    }
     .page_pro_evaluate_box .page_pro_evaluate_list .swiper-container{
        width:100%
    }
     .page_pro_evaluate_box .page_pro_evaluate_list .swiper-slide .item .text_box>p{
        font-size:16px;
        line-height:normal;
        margin-bottom:10px
    }
     .page_pro_evaluate_box .page_pro_evaluate_list .swiper-slide .item .other .right{
        font-size:15px
    }
     .page_pro_faq_box .page_pro_faq_list .item .wen{
        font-size:18px;
        padding-left:0;
        font-family:RobotoMedium;
        line-height:24px;
        width:95%;
        padding-right:10px
    }
     .page_pro_faq_box .page_pro_faq_list .item .wen:after{
        top:18px
    }
     .page_pro_faq_box .page_pro_faq_list .item .wen.open:after{
        border-width:2px
    }
     .page_pro_faq_box .page_pro_faq_list .item .da{
        padding-left:0;
        font-size:16px;
        line-height:normal
    }
     .page_applications .page_application_form{
        padding-top:35px;
        padding-bottom:50px
    }
     .page_applications .page_application_form .form>p{
        font-size:16px
    }
     .page_applications .page_application_form .form .input div{
        width:100%
    }
     .page_applications .page_application_form .form .input div input,.page_applications .page_application_form .form .input_item{
        font-size:15px
    }
     .page_applications .page_application_form .form .pro_categories .item{
        width:100%
    }
     .page_applications .page_application_form .form .pro_categories .item select{
        font-size:15px
    }
     .page_applications .page_application_form .form .upload-box .upload-wrap .file-open{
        font-size:15px
    }
     .page_applications .page_application_form .form .textarea_box textarea{
        font-size:15px
    }
     .page_applications .page_application_form .form .form_remark{
        font-size:16px
    }
     .page_applications .page_application_form .form .form_remark p{
        margin-bottom:5px
    }
     .categorys_news{
        padding-bottom:30px
    }
     .categorys_news .categorys_news_box .categorys_news_latest{
        padding:35px 0;
        max-width:95%;
        margin:auto;
        padding-bottom:0
    }
     .categorys_news .categorys_news_box .categorys_news_latest .categorys_news_latest_top{
        max-width:100%;
        padding-bottom:20px
    }
     .categorys_news .categorys_news_box .categorys_news_latest .categorys_news_latest_top>p,.categorys_news .categorys_news_featured .auto-container>p{
        font-size:30px
    }
     .categorys_news .categorys_news_featured .swiper-slide .item{
        flex-wrap:wrap
    }
     .categorys_news .categorys_news_featured .swiper-slide .item .img_box{
        width:100%
    }
     .categorys_news .categorys_news_featured .swiper-slide .item .text_box{
        width:100%;
        padding:25px
    }
     .categorys_news .categorys_news_featured .swiper-slide .item .text_box h2{
        font-size:20px
    }
     .categorys_news .categorys_news_featured .swiper-slide .item .text_box p{
        font-size:16px;
        line-height:normal;
        -webkit-line-clamp:3
    }
     .categorys_news .categorys_news_featured .swiper-slide .item .text_box span{
        font-size:15px
    }
     .categorys_news .categorys_news_list{
        padding-bottom:0
    }
     .categorys_news .categorys_news_list .list_box .list_box_top p{
        font-size:26px;
        max-width:65%;
        line-height:normal
    }
     .categorys_news .categorys_news_list .list_box .categorys_news_list_box{
        gap:10px;
        flex-wrap:wrap
    }
     .categorys_news .categorys_news_list .list_box .categorys_news_list_box .item{
        width:100%
    }
     .categorys_news .categorys_news_list .list_box .categorys_news_list_box .item .text_box{
        padding:20px 0
    }
     .categorys_news .categorys_news_list .list_box .categorys_news_list_box .item .text_box .other div p:first-child{
        font-size:16px
    }
     .categorys_news .categorys_news_list .list_box .categorys_news_list_box .item .text_box .other div p:last-child{
        font-size:16px
    }
     .categorys_news .categorys_news_list .list_box .categorys_news_list_box .item .text_box>p{
        font-size:18px;
        line-height:normal
    }
     .page_about .page_about_box .about_head span{
        max-width:100%
    }
     .page_about .page_about_box .page_about_num{
        display:flex;
        flex-wrap:wrap;
        gap:20px
    }
     .page_about .page_about_box .page_about_num .item{
        width:45%
    }
     .page_about .page_about_box .page_about_num .item .text_box div p{
        font-size:24px
    }
     .page_about .page_about_box .page_about_num .item .text_box p.remark{
        font-size:16px;
        line-height:normal
    }
     .page_about .page_about_box .page_recommend_news{
        padding-top:0
    }
     .page_about .page_about_box .page_recommend_news .page_recommend_news_box{
        display:flex;
        flex-wrap:wrap
    }
     .page_about .page_about_box .page_recommend_news .page_recommend_news_box .item{
        width:100%
    }
     .page_about .page_about_box .page_recommend_news .page_recommend_news_box .item .text_box span{
        font-size:15px
    }
     .page_about .page_about_box .page_recommend_news .page_recommend_news_box .item .text_box p{
        font-size:16px;
        line-height:normal
    }
     .page_about .page_about_box .page_recommend_news .page_recommend_news_box .item .text_box>a{
        font-size:16px
    }
     .page_content .page_faq{
        display:flex;
        flex-wrap:wrap;
        padding-bottom:50px
    }
     .page_content .page_faq .content_box{
        width:100%
    }
     .page_content .page_faq .page_faq_box_head h1{
        font-size:30px
    }
     .page_content .page_faq .page_faq_box_head p{
        font-size:18px
    }
     .page_content .page_faq .page_faq_box .item{
        padding-bottom:20px;
        margin-bottom:20px
    }
     .page_content .page_faq .page_faq_box .item .item_head .title{
        font-size:18px;
        line-height:normal
    }
     .page_content .page_faq .page_faq_box .item .remark p{
        font-size:16px
    }
     .page_content .page_faq .page_sidebar{
        width:100%;
        padding-left:0
    }
     .page_content .page_faq .page_sidebar .sidebar_search_box .form_control.keywords{
        font-size:15px
    }
     .page_content .page_faq .page_sidebar .sidebar_category_box .item>a{
        font-size:16px
    }
     .page_content .page_faq .page_sidebar .sidebar_contact .item .txt_box{
        font-size:16px
    }
     .page_content .page_faq .page_sidebar .latest_product .item_box .swiper-slide p{
        font-size:18px
    }
     .page_case .page_case_box{
        padding-bottom:50px
    }
     .page_case .page_case_box .page_case_box_content{
        gap:20px;
        padding-bottom:0
    }
     .page_case .page_case_box .page_case_box_content .item{
        width:100%
    }
     .page_case .page_case_box .page_case_box_content .item .text_box .title{
        font-size:20px;
        line-height:normal;
        font-family:RobotoMedium
    }
     .page_case .page_case_box .page_case_box_content .item .text_box .remark{
        font-size:16px;
        line-height:normal;
        min-height:auto
    }
     .page_case .page_case_box .page_case_box_content .item a{
        padding-bottom:0
    }
     .page_video .page_video_box{
        padding-bottom:50px
    }
     .page_video .page_video_box .item_box{
        padding-bottom:0;
        gap:20px
    }
     .page_video .page_video_box .item_box .item{
        width:100%;
        margin-bottom:0
    }
     .page_video .page_video_box .item_box .text_box h4{
        font-size:18px;
        font-family:RobotoMedium;
        line-height:normal
    }
     .page_video .page_video_box .item_box .text_box .other{
        font-size:16px
    }
     .page_video .page_video_box .item_box .text_box .other img{
        margin-top:-3px;
        max-width:20px
    }
     .page_download{
        padding-bottom:50px
    }
     .page_download .page_download_box .item{
        display:flex;
        flex-direction:column;
        overflow:hidden
    }
     .page_download .page_download_box .item .left{
        width:100%;
        padding:15px;
        padding-bottom:0;
        margin-bottom:20px
    }
     .page_download .page_download_box .item .left a{
        padding:0;
        overflow:hidden;
        font-size:18px;
        line-height:normal
    }
     .page_download .page_download_box .item .right{
        width:100%;
        margin-bottom:20px;
        font-size:16px;
        padding:0 10px
    }
     .page_news .page_news_box .page_news_list_box{
        gap:0
    }
     .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 0
    }
     .page_news .page_news_box .page_news_list_box .item .text_box .other div p:first-child{
        font-size:16px
    }
     .page_news .page_news_box .page_news_list_box .item .text_box>p{
        font-size:18px;
        line-height:normal
    }
     .page_contact{
        padding-bottom:50px
    }
     .page_contact .page_contact_head{
        padding:35px 0
    }
     .page_contact .page_contact_head .page_contact_head_box{
        flex-wrap:wrap
    }
     .page_contact .page_contact_head .page_contact_head_box .item{
        width:100%
    }
     .page_contact .page_contact_head .page_contact_head_box .item .img_box img{
        max-width:50px
    }
     .page_contact .page_contact_box{
        flex-wrap:wrap;
        padding-bottom:0
    }
     .page_contact .page_contact_box .left{
        width:100%;
        margin-bottom:20px
    }
     .page_contact .page_contact_box .right{
        width:100%;
        padding-left:0
    }
     .page_contact .page_contact_box .right i{
        font-size:15px
    }
     .page_contact .page_contact_box .right>p{
        font-size:24px;
        line-height:30px;
        font-family:RobotoMedium
    }
     .page_contact .page_contact_box .right>span{
        font-size:15px
    }
     .page_contact .page_contact_box .right .item_box{
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap
    }
     .page_contact .page_contact_box .right .item_box .item{
        width:100%;
        margin-bottom:20px
    }
     .page_contact .page_contact_box .right .item_box .item p{
        font-size:16px;
        font-family:RobotoBold
    }
     .page_contact .page_contact_box .right .item_box .item a,.page_contact .page_contact_box .right .item_box .item span{
        font-size:16px
    }
     .page_contact .page_contact_box .right .item_box .item a img,.page_contact .page_contact_box .right .item_box .item span img{
        max-width:25px
    }
     .page_contact .page_contact_map{
        margin-bottom:0
    }
     .page_contact .page_contact_map .map_icon div{
        font-size:15px
    }
     .page_contact .page_contact_map .map_icon div p{
        width:310px;
        margin-left:-130px
    }
     .show_news{
        padding-bottom:40px
    }
     .show_news .show_news_content_head h1{
        font-size:30px;
        line-height:normal
    }
     .show_news .show_news_content_head .other p{
        font-size:18px
    }
     .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 .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:block
    }
     .page_product_show .product_show_head .img_box .thumb_box .swiper-container{
        max-width:77%
    }
     .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next,.page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev{
        display:block
    }
     .page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev{
        left:0
    }
     .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next{
        right:0
    }
     .page_product_show .product_show_head .text_box{
        padding-left:0;
        margin-top:30px
    }
     .page_product_show .product_show_head .text_box .title{
        font-size:26px;
        line-height:normal
    }
     .page_product_show .product_show_head .text_box .remark{
        font-size:18px;
        line-height:normal
    }
     .page_product_show .product_show_head .text_box .attribute{
        margin:20px 0
    }
     .page_product_show .product_show_head .text_box .attribute p{
        font-size:16px
    }
     .page_product_show .product_show_head .text_box .contact_box p{
        font-size:16px
    }
}
 @media(max-width:991px){
    html{
        font-size:calc(100vw/4.5)
    }
     .auto-container{
        width:95%
    }
     .modal-title{
        font-size:.22rem;
        font-weight:700
    }
     .additional-features{
        right:.05rem;
     
    }
     .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
        bottom:10px
    }
     .swiper-pagination .swiper-pagination-bullet{
        border-color:#ddd;
        width:.1rem;
        height:.1rem
    }
     .swiper-pagination .swiper-pagination-bullet-active{
        background:#333;
        border-color:#333
    }
}
 @media(max-width:768px){
    .page_quotation .page_quotation_head h1{
        font-size:32px
    }
     .page_quotation .page_quotation_head p{
        font-size:16px
    }
     .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box .text_box h3{
        font-size:16px
    }
     .page_quotation .page_quotation_box .right .from .input div input,.page_quotation .page_quotation_box .right .from textarea{
        font-size:16px
    }
     .page_quotation .page_quotation_box .right .from .checktext{
        flex-wrap:wrap;
        font-size:16px
    }
}