@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:2340px){
    .head_box{
        padding:0 .2rem
    }
}
 @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:1440px){
    .auto-container{
        max-width:95%
    }
     .head_box{
        padding:0 .2rem
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        font-size:.16rem;
        padding:0 .2rem;
        line-height:.7rem
    }
     .head_box .nav_box .nav .hasdrop .sub{
        top:.7rem;
    }
     
     .head_box .nav_box .nav .hasdrop.product_menu .sub{
        /* padding:0 .45rem; */
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop{
        
    }
    .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu > .hasdrop{
        width: 2.195rem;
    }
     .head_box .nav_box .nav .hasdrop.product_menu .drop-menu{
         padding: 0 .7rem;
     }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .t-menu{
        margin-top:.2rem;
        padding-left:.25rem
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu>.hasdrop:before{
        top:12%
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu>.hasdrop>a{
        font-size:.16rem;
        padding-bottom:.2rem;
        padding-left:.25rem;
        font-family:RobotoBold
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop .t-menu a{
        font-size:.14rem;
        padding:.07rem 0
    }
     .head_box .nav_box .nav .hasdrop.product_menu .s-menu dd{
        min-width:auto
    }
     .head_box .nav_box .nav .hasdrop.product_menu .scroll-arrow{
        /* top:14.2%; */
    }
     .head_box .nav_box .nav .hasdrop.product_menu .scroll-arrow.right{
    right: 0;
}
     .head_box .nav_box .nav .hasdrop.product_menu .scroll-arrow.left{
    left: 0;
}
     .head_box .nav_box .nav .hasdrop.product_menu .scroll-thumb{
        top:15.5%;
        height:.04rem
    }
     .index_section2{
        padding-bottom:1.6rem
    }
     .index_section2 .section2_swiper_box:before{
        width:3rem;
        height:4.5rem;
        bottom:-20.5%;
        left:35%
    }
     .index_section2 .section2_swiper_box .item .txt h3{
        padding-bottom:0;
        -webkit-line-clamp:2;
        margin-bottom:.15rem;
        border:0
    }
     .index_section2 .section2_swiper_box .item .txt .remark{
        border-top:.01rem solid #dbdbdb;
        padding-top:.15rem
    }
     .index_section3{
        background-size:cover!important
    }
     .index_section8 .index_section8_box .left,.index_section8 .index_section8_box .right,.index_section8 .index_section8_swiper_box{
        height:4.8rem
    }
    .index_section8 .index_section8_box .right .swiper-container{
        height: 4.2rem;
    }
     .index_section8 .index_section8_box .right{
        width:30%
    }
}
 @media(max-width:1280px){
    html{
        font-size:calc(100vw/14.8)
    }
     .swiper-button-next{
        right:0
    }
     .swiper-button-prev{
        left:0
    }
     .additional-features{
        top:50%
    }
     .footer{
        background-size:cover!important
    }
     .index_section4 .index_section4_box .item{
        min-height:3.5rem
    }
     .index_section4 .index_section4_box .item .img_box img{
        max-width:.65rem
    }
     .index_section5_box .swiper-slide .item .img_box{
        height:3.5rem
    }
     .index_section5_box .swiper-slide .item .img_box img{
        height:100%
    }
     .index_section7 .index_section7_box .swiper-slide .item .img_box{
        width:20%
    }
     .index_section7 .index_section7_box .swiper-slide .item .txt{
        width:80%
    }
     .index_section8 .index_section8_box .right a{
        padding-bottom:.2rem;
        margin-bottom:.2rem
    }
     .page_about .page_about_section1 .right .right_head:before{
        font-size:1rem;
        line-height:1
    }
     .page_about .page_about_section1 .right .remark{
        font-size:.15rem
    }
     .page_about .page_about_section2_box .item{
        margin-bottom:.65rem
    }
     .page_about .page_about_section2_box .item .left:before,.page_about .page_about_section2_box .item:last-child:before{
        width:100%;
        bottom:-80%;
        height:2.2rem
    }
     .page_about .page_about_section2_box .item:last-child:before{
        bottom:10%;
        left:-67.55%;
        height:1.65rem
    }
     .page_about .page_about_section2_box .item .left .img_box img.scale{
        height:100%;
        object-fit:cover
    }
     .page_about .page_about_section2_box .item .left .text_box h3,.page_about .page_about_section2_box .item .remark h3,.page_about .page_about_section2_box .item:last-child h3{
        font-size:.3rem
    }
     .page_about .page_about_section2_box .item .left .text_box p,.page_about .page_about_section2_box .item .remark>p,.page_about .page_about_section2_box .item:last-child p{
        font-size:.18rem
    }
     .page_about .page_about_section2_box .item .left .text_box span,.page_about .page_about_section2_box .item .remark span,.page_about .page_about_section2_box .item:last-child span{
        font-size:.15rem
    }
     .page_about .page_about_section2_box .item:last-child h3{
        margin-bottom:.2rem
    }
     .page_about .page_about_section3_box{
        padding-left:4%
    }
     .page_about .page_about_section3_box .left{
        width:50%
    }
     .page_about .page_about_section3_box .left .item .txt span{
        font-size:.2rem
    }
     .page_about .page_about_section3_box .right{
        width:50%
    }
     .page_about .page_about_section4_box .right .item .img_box{
        margin-bottom:.1rem
    }
     .page_about .page_about_section4_box .right .item .img_box img{
        max-width:.6rem
    }
     .page_about .page_about_section4_box .right .item .txt span{
        -webkit-line-clamp:9
    }
     .page_about .page_about_section5_box .item{
        width:32.45%
    }
     .page_capabilities .page_block_info p.title1,.page_quality_assurance .page_block_info p.title1{
        max-width:100%;
        font-size:.2rem
    }
     .page_capabilities .page_capabilities_sevice .item{
        width:32.45%
    }
     .page_contact_quotation .input>div{
        width:47.45%
    }
     .page_news .item_box .item{
        width:31.8%
    }
     .page_news .item_box .item .text_box{
        /*padding:.2rem 0*/
    }
     .page_sidebar .page_sidebar_title p{
        padding:.15rem
    }
     .page_sidebar .sidebar_news_box .item a{
        padding:.15rem
    }
     .page_sidebar .sidebar_news_box .item .img_box{
        border-width:.01rem
    }
     .page_sidebar .sidebar_news_box .item .img_box img{
        width:100%;
        height:max-content
    }
     .page_sidebar .sidebar_news_box .item .text_box{
        padding-left:.15rem
    }
     .page_certifcate .page_certifcate_box .item_box .item .img_box{
        /* width:23.7%; */
    }
     .page_contact .page_contact_head_box .left{
        width:50%
    }
     .page_contact .page_contact_head_box .right{
        width:48%
    }
     .list_products .item_box .item{
        /* width:31.55%; */
    }
     .list_products .page_sidebar .sidebar_search_box .search_btn{
        height:.45rem;
        line-height:.45rem
    }
     .list_products .page_sidebar .sidebar_category_box .item>a{
        padding:.15rem;
        font-size:.16rem
    }
     .list_products .page_sidebar .sidebar_category_box .item .sub_menu li a{
        font-size:.15rem;
        padding-bottom:.05rem
    }
     .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next{
        right:0
    }
     .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
        left:0
    }
     .show_products .page_recommend_pro .swiper-container{
        max-width:85%;
        margin:auto
    }
     .show_products .page_pro_faq{
        margin-top:45px
    }
     .show_products .page_pro_faq_box .item{
        padding:.25rem;
        margin-bottom:.25rem
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        font-size:.2rem
    }
     .footer .footer_top h3{
        font-size:.3rem
    }
     .footer .foot_head .left_category .item>p,.footer .foot_head .right_box>p{
        font-size:.2rem
    }
     .index_section1_box .item .txt_box{
        font-size:.2rem
    }
     .index_section2 .section2_swiper_box .item .txt h3{
        font-size:.2rem
    }
     .index_section2 .section2_swiper_box .item .txt .remark{
        font-size:.16rem
    }
     .index_section4 .index_section4_box .item .txt h3{
        font-size:.2rem
    }
     .index_section4 .index_section4_box .item .txt .remark{
        font-size:.16rem
    }
     .index_section5_box .swiper-slide .item .txt{
        max-width:75%
    }
     .index_section5_box .swiper-slide .item .txt h3{
        font-size:.3rem
    }
     .index_section5_box .swiper-slide .item .txt .remark{
        font-size:.2rem
    }
     .index_section5_box .swiper-slide .item .txt span{
        font-size:.16rem
    }
     .index_section6 .index_section6_box .swiper-slide .item .txt h3{
        font-size:.2rem
    }
     .index_section6 .index_section6_box .swiper-slide .item .txt .remark{
        font-size:.16rem;
        height:.8rem
    }
     .page_inside .auto-container{
        font-size:.16rem
    }
     .page_block_info p{
        font-size:.3rem
    }
     .page_block_info span{
        font-size:.16rem
    }
     .page_about .page_about_section3_box .left .item .txt p{
        font-size:.22rem
    }
     .page_about .page_about_section3_box .left .item .txt span{
        font-size:.16rem
    }
     .page_about .page_about_section5_box .item .txt h3{
        font-size:.2rem
    }
     .page_about .page_about_section5_box .item .txt .remark{
        font-size:.16rem
    }
     .page_quality_show .page_quality_show_box1 .left{
        font-size:.16rem
    }
     .page_quality_show .page_quality_show_box1 .left h3,.page_quality_show .page_quality_show_box3 .left h3{
        font-size:.3rem
    }
     .page_quality_show .page_quality_show_box2 .item h3{
        font-size:.2rem
    }
     .page_quality_show .page_quality_show_box2 .item p{
        font-size:.16rem
    }
     .page_news .item_box .item .text_box .remark{
        -webkit-line-clamp:3;
        color:#999;
        min-height:.6rem
    }
     .page_news .item_box .item .text_box .other{
        font-size:.15rem
    }
     .page_sidebar .sidebar_other_box p{
        font-size:.2rem
    }
     .page_case .page_case_head .page_case_title h2{
        font-size:.3rem
    }
     .page_case .page_case_box .item_box .item .text_box .title{
        font-size:.2rem
    }
     .page_case .page_case_box .item_box .item .text_box .remark{
        font-size:.16rem;
        min-height:.6rem
    }
     .page_certifcate .page_certifcate_head h1{
        font-size:.3rem
    }
     .page_certifcate .page_certifcate_head .page_certifcate_list p{
        font-size:.18rem
    }
     .page_certifcate .page_certifcate_box .item_box .item .img_box p{
        font-size:.18rem
    }
     .show_news .post-info .header>h1{
        font-size:.26rem
    }
     .page_content .content_box .title_box h2{
        font-size:.26rem
    }
     .page_content .content_box .title_box p{
        font-size:.16rem
    }
     .list_products .item_box .item .text_box .other span img{
        max-width:.2rem
    }
     .page_solutions .page_solutions_head_title h2{
        font-size:.3rem
    }
     .page_solutions .page_solutions_title h2{
        font-size:.3rem
    }
     .page_solutions .page_solutions_title p{
        font-size:.16rem
    }
     .page_solutions .page_solutions_box .item_box .item .text_box .other p{
        font-size:.14rem
    }
     .show_products .show_products_head .text_box h1{
        font-size:.26rem
    }
     .show_products .show_products_head .text_box .remark{
        font-size:.16rem
    }
     .show_products .show_products_head .text_box .attribute div{
        font-size:.16rem
    }
     .show_products .page_content_block p{
        font-size:.3rem
    }
     .common_from form .submit .btn_effect4{
        font-size:.16rem
    }
     .show_products .show_products_box .show_content_head p{
        font-size:.18rem
    }
}
 @media(max-width:1080px){
    html{
        font-size:calc(100vw/10.8)
    }
     body{
        font-size:.14rem
    }
     .swiper-button-next,.swiper-button-prev{
        width:45px;
        height:45px;
        border-width:1px
    }
     .head_box{
        line-height:50px
    }
     .head_box .logo_box{
        width:40%
    }
     .head_box .logo_box .logo_icon img{
        max-height:45px
    }
     .head_box.open .logo_box{
        opacity:0;
        visibility:hidden
    }
     .head_box .nav_box{
        display:none;
        width:100%;
        position:absolute;
        top:50px;
        left:0;
        background:#fff
    }
     .head_box .nav_box .nav{
        display:block
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        font-size:16px;
        padding:0 .2rem;
        line-height:50px;
        width:100%;
        color:inherit
    }
     .head_box .nav_box .nav .hasdrop .stair .a .mobile-navbtn,.head_box .nav_box .nav .hasdrop.product_menu .stair .a .mobile-navbtn{
        position:absolute;
        top:22%;
        right:.2rem;
        margin:auto;
        width:.3rem;
        height:.3rem;
        transition:.3s;
        bottom:unset;
        transform:rotate(0)
    }
     .head_box .nav_box .nav .hasdrop .stair .a .mobile-navbtn::after,.head_box .nav_box .nav .hasdrop.product_menu .stair .a .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;
        border-radius:0;
        border-left:0
    }
     .head_box.c-style .nav_box .nav .hasdrop.product_menu .stair .a .mobile-navbtn.open::after,.head_box:hover .nav_box .nav .hasdrop .stair .a .mobile-navbtn.open::after{
        transform:rotate(135deg);
        border-color:var(--color)
    }
     .head_box.c-style .right_box .icosearch img,.head_box:hover .right_box .icosearch img{
        filter:unset
    }
     .head_box .nav_box .nav .hasdrop .sub{
        position:unset;
        background:0
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub{
        padding:0 .2rem;
        position:unset
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu{
        padding:0
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu{
        height:300px;
        overflow:auto;
        padding:0
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop{
        width:100%
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .t-menu{
        height:max-content;
        margin-top:0;
        padding-left:0
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu>.hasdrop{
        width:100%;
        max-width:100%
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu>.hasdrop:before{
        display:none
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a{
        font-size:15px;
        padding:7px 15px
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu>.hasdrop>a{
        font-size:15px;
        padding-bottom:5px;
        padding-left:0
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop .t-menu a{
        font-size:15px;
        padding:7px 20px
    }
     .head_box .right_box .icosearch{
        background:var(--color);
        border-color:var(--color)
    }
     .head_box.c-style .right_box .icosearch,.head_box:hover .right_box .icosearch{
        border-color:var(--color)
    }
     .head_box .right_box .icosearch img{
        filter:unset;
        max-width:23px
    }
     .head_box .right_box .search_con2{
        width:100%;
        right:0;
        height:.4rem
    }
     .head_box .right_box .search_con2 .search_input{
        width:80%
    }
     .head_box .right_box .search_con2 .search_input input{
        height:40px;
        line-height:40px;
        font-size:16px
    }
     .head_box .right_box .search_con2 .search_input .search_btn{
        top:6px
    }
     .head_box .right_box .search_con2 .search_input .search_btn img{
        max-width:23px
    }
     .head_box .nav_box .nav .hasdrop.product_menu .drop-menu{
         padding: 0;
        padding-bottom:.2rem
    }
     .head_box .nav_box .nav .hasdrop.product_menu .s-menu{
        display:block
    }
     .head_box .nav_box .nav .hasdrop.product_menu .s-menu dd{
        min-width:auto
    }
     .head_box .nav_box .nav .hasdrop.product_menu .scroll-arrow{
        top:14.2%
    }
     .head_box .nav_box .nav .hasdrop.product_menu .scroll-track{
        display:none
    }
     .head_box .nav_box .nav .hasdrop.product_menu .scroll-thumb{
        display:none
    }
     .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{
        padding-top:25px
    }
     .footer .footer_top{
        max-width:100%
    }
     .footer .footer_top h3{
        font-size:24px
    }
     .footer .foot_head{
        flex-wrap:wrap
    }
     .footer .foot_head .left_category{
        flex-wrap:wrap;
        width:100%
    }
     .footer .foot_head .left_category .item{
        display:none
    }
     .footer .foot_head .left_category .item>p,.footer .foot_head .right_box>p{
        font-size:20px;
        margin-bottom:20px
    }
     .footer .foot_head .left_category .item .item_box a,.footer .foot_head .right_box .foot_contact p,.footer .foot_head .right_box .foot_contact p a{
        font-size:16px
    }
     .footer .foot_head .left_category .item:last-child{
        display:block;
        width:100%;
        margin-bottom:20px
    }
     .footer .foot_head .left_category .item .code_box img{
        max-width:100px
    }
     .footer .foot_head .right_box{
        width:100%
    }
     .footer .foot_head .right_box .foot_contact p{
        margin-bottom:20px
    }
     .footer .foot_head .right_box .foot_contact p img{
        max-width:30px;
        margin-top:-6px
    }
     .footer .foot_head .right_box .foot_contact p:last-child{
        line-height:1.3
    }
     .foot_share a img{
        max-width:30px
    }
     .footer .foot_bottom .auto-container{
        font-size:16px;
        flex-wrap:wrap;
        padding:20px 0;
        max-width:100%
    }
     .footer .foot_bottom .left{
        margin-bottom:10px
    }
     .footer .foot_bottom .left p{
        font-size:16px;
        margin-right:0
    }
     .footer .foot_bottom .right a{
        font-size:16px;
        margin-right:15px
    }
     .additional-features{
        display:none
    }
     .footer .footer_top .foot_subscribe{
        margin-top:20px;
        font-size:15px
    }
     .footer .footer_top .foot_subscribe button{
        width:45%
    }
     .index_banner{
        padding-top:50px;
        aspect-ratio:auto
    }
     .index_banner .swiper-button-next,.index_banner .swiper-button-prev{
        width:60px
    }
     .index_banner .swiper-button-next span,.index_banner .swiper-button-prev span{
        top:35%
    }
     .index_banner .swiper-button-prev span{
        left:0
    }
     .head_block{
        margin-bottom:45px
    }
     .head_block .title{
        font-size:24px
    }
     .head_block .remark{
        font-size:16px;
        line-height:1.3
    }
     .index_section1{
        margin-top:45px;
        padding-bottom:45px
    }
     .index_section1_box{
        gap:10px;
        justify-content:space-between
    }
     .index_section1_box .item{
        flex: 0 0 calc((100% - 1 * 10px) / 2);
    }
     .index_section1_box .item .txt_box{
        font-size:18px
    }
     .index_section2{
        padding-bottom:45px
    }
     .index_section2 .section2_swiper_box{
        padding:20px;
        gap:20px 15px
    }
     .index_section2 .section2_swiper_box:before{
        width:100%;
        height:100%;
        bottom:0;
        left:0;
        opacity:.15
    }
     .index_section2 .section2_swiper_box .item{
        width:100%
    }
     .index_section2 .section2_swiper_box .item .img_box{
        width:55px;
        height:55px
    }
     .index_section2 .section2_swiper_box .item .img_box img{
        max-width:45px
    }
     .index_section2 .section2_swiper_box .item .txt{
        max-width:82%;
        padding-left:0
    }
     .index_section2 .section2_swiper_box .item .txt h3{
        font-size:18px;
        font-family:RobotoBold
    }
     .index_section2 .section2_swiper_box .item .txt .remark{
        border-top:.01rem solid #dbdbdb;
        font-size:15px;
        line-height:1.3
    }
     .index_section3{
        background-size:cover!important;
        padding:45px 0
    }
     .index_section3 .index_section3_box .swiper-container{
        padding:0 10px;
        padding-bottom:45px
    }
     .index_section3 .index_section3_box .swiper-pagination{
        bottom:0
    }
     .index_section3 .index_section3_box .swiper-pagination-bullet{
        width:30px;
        height:4px;
        border-radius:0;
        background:#fff;
        opacity:1;
        transition:all .3s linear
    }
     .index_section3 .index_section3_box .swiper-pagination-bullet-active{
        background:var(--color)
    }
     .index_section3 .index_section3_box .swiper-button-next,.index_section3 .index_section3_box .swiper-button-prev{
        display:none
    }
     .index_section4 .index_section4_box .item{
        width:100%;
        min-height:auto;
        padding:25px
    }
     .index_section4 .index_section4_box .item .img_box{
        margin-bottom:15px
    }
     .index_section4 .index_section4_box .item .txt h3{
        font-size:20px;
        margin-bottom:15px
    }
     .index_section4 .index_section4_box .item .txt .remark{
        font-size:16px
    }
     .index_section5_box .swiper-container{
        padding:0 10px
    }
     .index_section5_box .swiper-slide .item .txt{
        max-width:80%
    }
     .index_section5_box .swiper-slide .item .txt h3{
        font-size: 20px;
        margin-bottom:20px;
        -webkit-line-clamp:2
    }
     .index_section5_box .swiper-slide .item .txt .remark{
        font-size: 16px;
        line-height:1.4;
        font-family:RobotoRegular
    }
     .index_section5_box .swiper-slide .item .txt span{
        font-family:RobotoRegular;
        font-size: 15px;
    }
     .index_section5_box .swiper-button-next{
        right:12px
    }
     .index_section5_box .swiper-button-prev{
        left:12px
    }
     .index_section6 .index_section6_box .swiper-slide .item .txt:before{
        width:50px;
        height:2px;
        top:20%
    }
     .index_section6 .index_section6_box .swiper-slide .item .txt h3{
        font-size:20px;
        margin-bottom:25px
    }
     .index_section6 .index_section6_box .swiper-slide .item .txt .remark{
        font-size:16px;
        line-height:1.3;
        height:max-content
    }
     .index_section6 .index_section6_box .swiper-slide .item .txt span{
        font-size:16px;
        padding:7px 25px;
        padding-right:40px
    }
     .index_section6 .index_section6_box .swiper-slide .item .txt span:after,.index_section6 .index_section6_box .swiper-slide .item .txt span:before{
        border-width:2px;
        right:25px
    }
     .index_section7 .index_section7_box .swiper-slide .item{
        display:flex;
        flex-wrap:wrap
    }
     .index_section7 .index_section7_box .swiper-slide .item .img_box{
        width:100%
    }
     .index_section7 .index_section7_box .swiper-slide .item .img_box img{
        width:100px;
        height:100px
    }
     .index_section7 .index_section7_box .swiper-slide .item .img_box h3{
        font-size:18px;
        font-family:RobotoBold;
        line-height:normal
    }
     .index_section7 .index_section7_box .swiper-slide .item .txt{
        width:100%;
        padding-left:0;
        font-size:17px;
        line-height:1.3;
        padding-top:30px;
        min-height:max-content;
        -webkit-line-clamp:5
    }
     .index_section7 .index_section7_box .swiper-slide .item .txt:before{
        opacity:0
    }
     .index_section7 .index_section7_box .swiper-button-next:before,.index_section7 .index_section7_box .swiper-button-prev:before{
        border-width:2px
    }
     .index_section8{
        margin-bottom:45px
    }
     .index_section8 .index_section8_box{
        gap:20px
    }

     .index_section8 .index_section8_box .left{
        width:100%;
        /* height:150px; */
    }
     .index_section8 .index_section8_box .index_section8_swiper_box .swiper-wrapper .swiper-slide a,.index_section8 .index_section8_box .left a{
        padding:15px
    }
     .index_section8 .index_section8_box .index_section8_swiper_box .swiper-wrapper .swiper-slide p,.index_section8 .index_section8_box .left p{
        font-size:20px;
        padding-bottom:15px;
        margin-bottom:15px
    }
     .index_section8 .index_section8_box .index_section8_swiper_box .swiper-wrapper .swiper-slide h3,.index_section8 .index_section8_box .left h3{
        font-size:18px;
        width:100%
    }
     .index_section8 .index_section8_box .index_section8_swiper_box .swiper-wrapper .swiper-slide span,.index_section8 .index_section8_box .left span{
        font-size:15px;
        margin-top:15px
    }
     .index_section8 .index_section8_swiper_box{
        width:100%;
        /* height:300px; */
        background-size:cover!important
    }
     .index_section8 .index_section8_box .right{
        width:100%;
        height:max-content
    }
    .index_section8 .index_section8_box .right .swiper-container{height:300px}
     .index_section8 .index_section8_box .right p{
        font-size:15px;
        line-height:1.2
    }
     .index_section8 .index_section8_box .right h3{
        font-size:18px;
        margin:15px 0;
        -webkit-line-clamp:2
    }
     .index_section8 .index_section8_box .right i{
        font-size:14px
    }
     .page_banner{
        padding-top:50px
    }
     .page_banner img{
        height:150px;
        object-fit:cover
    }
     .page_inside .auto-container{
        font-size:14px;
        flex-wrap:wrap
    }
     .page_about{
        padding:45px 0
    }
     .page_about .page_about_section1{
        flex-wrap:wrap;
        margin-bottom:45px
    }
     .page_about .page_about_section1 .left{
        width:100%;
        margin-bottom:30px
    }
     .page_about .page_about_section1 .left .iframe_box .img_box .play_btn{
        max-width:45px
    }
     .page_about .page_about_section1 .right{
        width:100%
    }
     .page_about .page_about_section1 .right .right_head h1{
        font-size:20px
    }
     .page_about .page_about_section1 .right .right_head:before{
        font-size:80px
    }
     .page_about .page_about_section1 .right .remark{
        font-size:16px;
        line-height:1.4
    }
     .page_about .page_about_section1 .right .remark span{
        font-size:18px
    }
     .page_about .page_about_section2{
        padding:45px 0;
        background-size:cover!important
    }
     .page_block_info{
        padding-bottom:45px
    }
     .page_block_info p{
        font-size:30px;
        font-family:RobotoBold
    }
     .page_block_info span{
        font-size:16px
    }
     .page_about .page_about_section2_box .item{
        margin-bottom:45px;
        margin-right:0;
        width:100%;
        flex-wrap:wrap
    }
     .page_about .page_about_section2_box .item .left:before,.page_about .page_about_section2_box .item:last-child:before{
        display:none
    }
     .page_about .page_about_section2_box .item:nth-child(even){
        margin-left:0
    }
     .page_about .page_about_section2_box .item .left{
        width:100%;
        margin-bottom:20px
    }
     .page_about .page_about_section2_box .item .left .img_box{
        width:35%
    }
     .page_about .page_about_section2_box .item:nth-child(even) .img_box{
        border-radius:5px 0 0 5px
    }
     .page_about .page_about_section2_box .item .left .text_box{
        width:65%;
        padding:20px
    }
     .page_about .page_about_section2_box .item .left .text_box h3,.page_about .page_about_section2_box .item .remark h3,.page_about .page_about_section2_box .item:last-child h3{
        font-size:22px;
        margin-bottom:10px
    }
     .page_about .page_about_section2_box .item .left .text_box p,.page_about .page_about_section2_box .item .remark>p,.page_about .page_about_section2_box .item:last-child p{
        font-size:16px
    }
     .page_about .page_about_section2_box .item .left .text_box span,.page_about .page_about_section2_box .item .remark span,.page_about .page_about_section2_box .item:last-child span{
        font-size:14px
    }
     .page_about .page_about_section2_box .item .remark{
        width:100%;
        padding-left:0
    }
     .page_about .page_about_section2_box .item .remark .txt{
        font-size:16px
    }
     .page_about .page_about_section2_box .item .remark .txt p:before{
        top:10px
    }
     .page_about .page_about_section2_box .item:last-child{
        width:100%;
        padding:20px
    }
     .page_about .page_about_section3{
        padding-top:45px
    }
     .page_about .page_about_section3_box{
        padding-left:0;
        width:95%;
        margin:auto;
        flex-wrap:wrap
    }
     .page_about .page_about_section3_box .left{
        width:100%;
        margin-bottom:20px
    }
     .page_about .page_about_section3_box .left .item:first-child{
        margin-bottom:45px
    }
     .page_about .page_about_section3_box .left .item .img_box{
        width:16%
    }
     .page_about .page_about_section3_box .left .item .img_box img{
        max-width:55px
    }
     .page_about .page_about_section3_box .left .item .txt{
        width:84%;
        padding-left:15px
    }
     .page_about .page_about_section3_box .left .item .txt p{
        font-size:18px;
        font-family:RobotoBold
    }
     .page_about .page_about_section3_box .left .item .txt span{
        font-size:18px
    }
     .page_about .page_about_section3_box .right{
        width:100%
    }
     .page_about .page_about_section4{
        padding-top:45px
    }
     .page_about .page_about_section4_box{
        gap:15px;
        flex-wrap:wrap
    }
     .page_about .page_about_section4_box .left{
        width:100%;
        height:200px
    }
     .page_about .page_about_section4_box .left img.scale{
        object-fit:cover;
        height:100%;
        width:100%
    }
     .page_about .page_about_section4_box .right{
        width:100%;
        gap:15px
    }
     .page_about .page_about_section4_box .right .item{
        width:100%;
        padding:25px
    }
     .page_about .page_about_section4_box .right .item .img_box{
        margin-bottom:10px
    }
     .page_about .page_about_section4_box .right .item .txt p{
        font-size:22px
    }
     .page_about .page_about_section4_box .right .item .txt span{
        font-size:16px;
        -webkit-line-clamp:20
    }
     .page_about .page_about_section5{
        padding-top:45px
    }
     .page_about .page_about_section5_box{
        gap:25px 10px
    }
     .page_about .page_about_section5_box .item{
        width:100%
    }
     .page_about .page_about_section5_box .item .img_box{
        margin-bottom:20px
    }
     .page_about .page_about_section5_box .item .txt h3{
        font-size:22px
    }
     .page_about .page_about_section5_box .item .txt .remark{
        font-size:16px;
        height:min-content
    }
     .page_accreditation{
        flex-wrap:wrap;
        justify-content:flex-start
    }
     .page_accreditation .img_box{
        width:25%
    }
     .page_capabilities{
        padding:45px 0
    }
     .page_capabilities .page_block_info p,.page_quality_assurance .page_block_info p{
        margin-bottom:25px
    }
     .page_capabilities .page_block_info p.title1,.page_quality_assurance .page_block_info p.title1{
        font-size:18px
    }
     .page_capabilities .page_block_info span,.page_quality_assurance .page_block_info span{
        max-width:100%;
        font-size:16px
    }
     .page_capabilities .page_capabilities_swiper{
        padding-bottom:45px;
        margin-bottom:45px
    }
     .page_capabilities .page_capabilities_swiper .swiper-slide .item .txt{
        font-size:16px;
        margin-top:20px
    }
     .page_capabilities .page_capabilities_swiper .swiper-pagination-bullet{
        height:2px;
        width:35px
    }
     .page_capabilities .page_capabilities_sevice .item{
        width:100%
    }
     .page_capabilities .page_capabilities_sevice .item .text_box{
        padding:25px
    }
     .page_capabilities .page_capabilities_sevice .item h3{
        font-size:20px;
        margin-bottom:10px
    }
     .page_capabilities .page_capabilities_sevice .item .txt{
        font-size:16px
    }
     .page_quality_assurance{
        padding:45px 0
    }
     .page_quality_assurance:before{
        height:300px
    }
     .page_quality_assurance .page_quality_assurance_box{
        margin:45px 0;
        margin-top:0;
        background-size:cover!important
    }
     .page_quality_show .page_quality_show_box1{
        flex-wrap:wrap
    }
     .page_quality_show .page_quality_show_box1 .left{
        font-size:16px;
        width:100%
    }
     .page_quality_show .page_quality_show_box1 .left h3,.page_quality_show .page_quality_show_box3 .left h3{
        font-size:26px;
        margin-bottom:15px
    }
     .page_quality_show .page_quality_show_box1 .right{
        width:100%
    }
     .page_quality_show .page_quality_show_box2{
        flex-wrap:wrap
    }
     .page_quality_show .page_quality_show_box2 .item{
        width:100%;
        padding-left:30px;
        margin-bottom:20px
    }
     .page_quality_show .page_quality_show_box2 .item h3{
        font-size:22px;
        margin-bottom:15px
    }
     .page_quality_show .page_quality_show_box2 .item p{
        font-size:16px
    }
     .page_quality_show .page_quality_show_box3{
        flex-wrap:wrap
    }
     .page_quality_show .page_quality_show_box3 .left{
        width:100%;
        margin-bottom:20px
    }
     .page_quality_show .page_quality_show_box3 .left p{
        font-size:16px;
        margin-bottom:15px
    }
     .page_quality_show .page_quality_show_box3 .left ul{
        margin-top:20px
    }
     .page_quality_show .page_quality_show_box3 .left ul li{
        font-size:16px
    }
     .page_quality_show .page_quality_show_box3 .left ul li em{
        width:30px;
        height:30px;
        line-height:30px;
        font-size:16px
    }
     .page_quality_show .page_quality_show_box3 .right{
        width:100%;
        gap:20px
    }
     .page_quality_show .page_quality_show_box3 .right p{
        width:29.5%
    }
     .page_quality_assurance .page_quality_assurance_certificate .swiper-slide .item .txt{
        font-size:16px;
        margin-top:20px
    }
     .page_quality_assurance .page_quality_assurance_certificate .swiper-button-next,.page_quality_assurance .page_quality_assurance_certificate .swiper-button-prev{
        width:45px;
        height:45px
    }
     .page_quality_assurance .page_quality_assurance_certificate .swiper-button-next:before,.page_quality_assurance .page_quality_assurance_certificate .swiper-button-prev:before{
        border-width:2px;
        border-color:var(--color)
    }
     .page_quality_assurance .page_quality_assurance_certificate .swiper-button-next{
        left:55px
    }
     .page_contact_quotation{
        margin-top:45px
    }
     .page_contact_quotation>h2{
        font-size:30px;
        margin-bottom:30px
    }
     .page_contact_quotation>p{
        font-size:16px
    }
     .page_contact_quotation form{
        margin-top:45px
    }
     .page_contact_quotation .input{
        gap:20px
    }
     .page_contact_quotation .input>div{
        width:100%
    }
     .page_contact_quotation .input>div p,.page_contact_quotation .textarea_box p,.page_contact_quotation .upload-box p{
        font-size:16px
    }
     .page_contact .page_contact_quotation .upload-box #fileName{
        font-size:15px
    }
     .page_contact .page_contact_quotation .upload-box .upload-wrap p{
        font-size:14px;
        max-width:60%
    }
     .page_contact_quotation .input>div input,.page_contact_quotation .textarea_box textarea{
        font-size:15px
    }
     .page_contact_quotation .textarea_box textarea{
        height:150px
    }
     .page_content .inside-pagination{
        margin-bottom:45px
    }
     .page_news{
        padding-top:45px
    }
     .page_news .page_news_box{
        flex-wrap:wrap
    }
     .page_content .content_box{
        width:100%
    }
     .page_news .item_box{
        gap:20px 15px
    }
     .page_news .item_box .item{
        width:47.55%
    }
     .page_news .item_box .item .img_box p{
        font-size:14px;
        padding:5px 15px
    }
     .page_news .item_box .item .text_box .title{
        font-size:18px;
        min-height:45px
    }
     .page_news .item_box .item .text_box .remark{
        font-size:16px;
        min-height:40px;
        -webkit-line-clamp:2
    }
     .page_news .item_box .item .text_box .other{
        font-size:14px;
        flex-wrap:wrap;
    }
    .page_news .item_box .item .text_box .other span:first-child{
        margin-bottom: 10px;
    }
     .page_sidebar{
        width:100%;
        padding-right:0
    }
     .page_sidebar .sidebar_search_box .form_control.keywords{
        font-size:15px;
        padding:0 10px
    }
     .page_sidebar .sidebar_search_box .search_btn{
        height:45px;
        line-height:45px
    }
     .page_sidebar .page_sidebar_title p{
        padding:15px;
        font-size:18px
    }
     .page_sidebar .sidebar_other_box{
        padding:45px 20px
    }
     .page_sidebar .sidebar_other_box p{
        font-size:22px
    }
     .page_sidebar .sidebar_news_box .item .text_box .title{
        font-size:16px;
        margin-bottom:10px
    }
     .page_sidebar .sidebar_news_box .item .text_box .other span{
        font-size:16px
    }
     .page_case .page_case_head{
        /* margin-bottom:45px; */
    }
     .page_case .other{
        /* margin:45px auto; */
    }
     .page_case .other .category_child{
        /* width:30%; */
        /* font-size:16px; */
        gap: 10px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
     .page_case .other .category_child a{
    flex: 0 0 calc((100% - 1 * 10px) / 2);
    font-size: 16px;
}
     .page_case .page_case_head .page_case_title h2{
        font-size:26px;
        margin-bottom:10px
    }
     .page_case .page_case_head .page_case_title p{
        font-size:16px
    }
     .page_case .page_case_box .item_box{
        gap:30px 20px
    }
     .page_case .page_case_box .item_box .item{
        width:47.15%
    }
    .page_certifcate{
        padding-bottom: 0;
    }
     .page_certifcate .page_certifcate_head h1{
        font-size:24px
    }
     .page_certifcate .page_certifcate_head .page_certifcate_list{
        flex-wrap:wrap;
        margin:45px 0;
        margin-bottom:25px;
        justify-content:space-between
    }
     .page_certifcate .page_certifcate_head .page_certifcate_list p{
        font-size:16px;
        margin-right:0;
        width:48.5%;
        margin-bottom:12px;
        padding:8px 0;
        text-align:center
    }
     
     .page_certifcate .page_certifcate_box .item_box .remark{
        font-size:18px
    }
     .page_certifcate .page_certifcate_box .item_box .item{
        margin-top:40px;
        gap: 20px;
    }
     .page_case .page_case_box .item_box .item .text_box .title{
    font-size: 18px;
}
     .page_case .page_case_box .item_box .item .text_box .remark{
    font-size: 15px;
}
     .page_certifcate .page_certifcate_box .item_box .item .img_box{
        /* width:47.5%; */
        flex: 0 0 calc((100% - 1 * 20px) / 2);
    }
     .page_certifcate .page_certifcate_box .item_box .item .img_box .img{
    padding: 10%;
}
     .page_certifcate .page_certifcate_box .item_box .item .img_box p{
        font-size:16px;
        padding:10px 15px
    }
     .page_contact .page_contact_head_box .left{
        width:100%;
        padding:20px;
        margin-bottom:20px
    }
     .page_contact .page_contact_head_box .left h2{
        font-size:20px;
        padding-bottom:25px
    }
     .page_contact .page_contact_head_box .left .item{
        margin:20px auto
    }
     .page_contact .page_contact_head_box .left .item .img_box{
        width:35px
    }
     .page_contact .page_contact_head_box .left .item .img_box img{
        max-width:30px
    }
     .page_contact .page_contact_head_box .left .item .txt_box{
        max-width:86%
    }
     .page_contact .page_contact_head_box .left .item .txt_box p{
        font-size:18px
    }
     .page_contact .page_contact_head_box .left .item .txt_box a,.page_contact .page_contact_head_box .left .item .txt_box span{
        font-size:16px
    }
     .page_contact .page_contact_head_box .right{
        width:100%;
        background:#fff
    }
     .page_contact .page_contact_head_box .right .swiper-container{
        height:max-content;
        padding-bottom:55px
    }
     .page_contact .page_contact_head_box .right .swiper-slide .item{
        flex-direction:column;
        gap:20px
    }
     .page_contact .page_contact_head_box .right .swiper-slide .item .img_box{
        width:100px;
        height:100px
    }
     .page_contact .page_contact_head_box .right .swiper-slide .item .img_box img{
        width:100px;
        height:100px
    }
     .page_contact .page_contact_head_box .right .swiper-slide .item .txt_box{
        width:100%;
        text-align:center
    }
     .page_contact .page_contact_head_box .right .swiper-slide .item .txt_box h3{
        font-size:17px
    }
     .page_contact .page_contact_head_box .right .swiper-slide .item .txt_box p{
        font-size:15px
    }
     .page_contact .page_contact_head_box .right .swiper-slide .item .whatsapp_box{
        margin-top:0;
        width:max-content
    }
     .page_contact .page_contact_head_box .right .swiper-slide .item .whatsapp_box a{
        padding:5px 30px;
        font-size:16px
    }
     .page_contact .page_contact_head_box .right .swiper-slide .item .whatsapp_box a img{
        width:25px;
        height:25px;
        margin-top:-5px;
        margin-right:10px
    }
     .page_contact .page_contact_head_box .right .swiper-pagination-bullet{
        width:6px;
        height:6px;
        transition:all .3s linear;
        border-radius:.06rem
    }
     .page_contact .page_contact_head_box .right .swiper-pagination-bullet-active{
        width:30px;
        background:var(--color)
    }
     .page_contact .page_contact_map .map_icon{
        left:40%
    }
     .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:345px;
        margin-left:-135px;
        font-size:15px
    }
     .show_news .post-info .header{
        margin-bottom:40px
    }
     .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:15px
    }
     .show_news .post-info .header>p>span:last-child{
        margin-right:0
    }
     .show_news .post-info .content{
        font-size:16px;
        padding-bottom:30px
    }
     .show_news .post-info .post-pagination{
        margin-top:30px
    }
     .show_news .post-info .post-pagination p{
        margin:10px 0
    }
     .show_news .post-info .post-pagination p a{
        font-size:15px
    }
     .show_news .post-info .post-pagination p a img{
        max-width:20px
    }
     .list_products{
        padding-top:45px
    }
     .list_products .list_products_box{
        flex-wrap:wrap;
        margin-bottom:0
    }
     .page_content .content_box .title_box{
        margin-bottom:30px
    }
     .page_content .content_box .title_box h2{
        font-size:24px;
        margin-bottom:15px;
        line-height:normal
    }
     .page_content .content_box .title_box p{
        font-size:16px;
        line-height:1.3
    }
     .page_content .content_box .category_box{
        flex-wrap:wrap;
        justify-content:space-between;
    }
     .page_content .content_box .category_box .item{
        flex: 0 0 calc((100% - 1 * 10px) / 2);
    }
     .page_content .content_box .category_box .item a{
        width:100%;
        font-size:16px;
        padding: 10px;
        text-align:center;
        height: 100%;
    }
     .list_products .item_box{
        gap:20px;
        padding-bottom:30px
    }
     .list_products .item_box .item{
        /* width:100%; */
        flex: 0 0 100%;
    }
     .list_products .item_box .item a{
        display:flex;
        justify-content:space-between;
        align-items:center
    }
     .list_products .item_box .item .img_box{
        width:40%
    }
     .list_products .item_box .item .text_box{
        width:60%;
        padding:15px 20px
    }
     .list_products .item_box .item .text_box p{
        font-size:18px;
        -webkit-line-clamp:3;
        min-height:71px
    }
     .list_products .item_box .item .text_box .other>span{
        display:inline-block;
        margin-right:2px
    }
     .list_products .item_box .item .text_box .other span img{
        max-width:20px;
        margin-top:-6px
    }
     .list_products .item_box .item .text_box .other span span{
        font-size:16px
    }
     .list_products .page_sidebar{
        width:100%;
        padding-right:0
    }
     .list_products .page_sidebar .sidebar_search_box{
        margin-bottom:20px;
        border-radius:5px
    }
     .list_products .page_sidebar .sidebar_search_box .form_control.keywords{
        font-size:15px;
        padding:0 10px
    }
     .list_products .page_sidebar .sidebar_search_box .search_btn{
        height:45px;
        line-height:45px
    }
     .list_products .page_sidebar .sidebar_category_box .item>a{
        padding:15px;
        font-size:16px
    }
     .list_products .page_sidebar .sidebar_category_box .item>a i{
        width:30px;
        height:30px
    }
     .list_products .page_sidebar .sidebar_category_box .item>a i::before{
        border-width:2px
    }
     .list_products .page_sidebar .sidebar_category_box .item .sub_menu li a{
        font-size:16px;
        padding-bottom:5px;
        padding:12px 30px
    }
     .list_products .page_sidebar .sidebar_category_box .item .sub_menu li a:before{
        width:8px;
        height:8px
    }
     .page_solutions .page_solutions_head_title h2{
        font-size:24px
    }
     .page_solutions .page_solutions_head_title p{
        font-size:16px
    }
     .page_solutions .page_solutions_head_category{
        flex-wrap:wrap;
        justify-content:space-between
    }
     .page_solutions .page_solutions_head_category .item{
        width:29%;
        margin-bottom:20px
    }
     .page_solutions .page_solutions_head_category .item img{
        max-width:35px
    }
     .page_solutions .page_solutions_head_category .item p{
        font-size:16px
    }
     .page_solutions .page_solutions_box{
        flex-wrap:wrap
    }
     .page_solutions .page_solutions_box .content_box{
        margin-bottom:45px
    }
     .page_solutions .page_solutions_title{
        padding:45px 20px;
        margin-bottom:20px
    }
     .page_solutions .page_solutions_title h2{
        font-size:26px;
        margin-bottom:10px
    }
     .page_solutions .page_solutions_title p{
        font-size:16px;
        line-height:1.3
    }
     .page_solutions .page_solutions_box .item_box .item a{
        padding:20px;
        flex-wrap:wrap
    }
     .page_solutions .page_solutions_box .item_box .item .img_box{
        width:100%;
        margin-bottom:20px
    }
     .page_solutions .page_solutions_box .item_box .item .text_box{
        width:100%;
        padding-right:0
    }
     .page_solutions .page_solutions_box .item_box .item .text_box .title{
        font-size:20px;
        margin-bottom:15px
    }
     .page_solutions .page_solutions_box .item_box .item .text_box .remark{
        font-size:16px;
        margin-bottom:20px
    }
     .page_solutions .page_solutions_box .item_box .item .text_box .other p{
        font-size:16px
    }
     .show_products .show_products_head{
        padding:45px 0;
        flex-wrap:wrap
    }
     .show_products .show_products_head .img_box{
        width:100%;
        margin-right:0;
        margin-bottom:20px
    }
     .show_products .show_products_head .text_box{
        width:100%
    }
     .show_products .show_products_head .text_box h1{
        font-size:22px
    }
     .show_products .show_products_head .text_box .remark{
        font-size:16px
    }
     .show_products .show_products_head .text_box .attribute_box{
        padding-bottom:25px;
        margin-bottom:25px
    }
     .show_products .show_products_head .text_box .attribute{
        margin:0;
        margin-top:25px;
        padding:0;
        padding-top:25px
    }
     .show_products .show_products_head .text_box .attribute div{
        font-size:16px;
        margin-bottom:10px;
        flex-wrap:wrap
    }
     .page_product_show .product_show_head .text_box .color_thumbs>p,.show_products .show_products_head .text_box .attribute div p:first-child{
        width:100%
    }
     .show_products .show_products_head .text_box .attribute div p:first-child{
        font-family:RobotoBold
    }
     .show_products .show_products_head .text_box .contact_box{
        flex-wrap:wrap;
        margin-bottom:20px
    }
     .show_products .show_products_head .text_box .contact_box p{
        font-size:16px
    }
     .show_products .show_products_head .text_box .contact_box p:first-child{
        margin-right:0;
        margin-bottom:10px
    }
     .show_products .show_products_head .text_box .contact_box img{
        max-width:25px;
        margin-right:10px
    }
     .show_products .show_products_head .text_box .btn_box .btn_effect4{
        font-size:16px
    }
     .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list,.show_products .show_products_head .text_box .btn_box .btn_effect4:last-child .btn_small_list{
        padding:7px 30px
    }
     .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list .btn_main_text{
        font-size:16px;
        font-family:RobotoRegular
    }
     .show_products .page_content_block p{
        font-size:24px
    }
     .show_products .page_content_block span{
        font-size:16px
    }
     .show_products .page_pro_faq{
        margin-top:20px
    }
     .show_products .page_pro_faq_box .item{
        padding:20px;
        margin-bottom:20px
    }
     .show_products .page_pro_faq_box .item .remark i,.show_products .page_pro_faq_box .item .title i{
        width:25px;
        height:25px;
        line-height:25px;
        font-size:16px
    }
     .show_products .page_pro_faq_box .item .title{
        margin-bottom:15px
    }
     .show_products .page_pro_faq_box .item .remark p,.show_products .page_pro_faq_box .item .title p{
        width:90%;
        font-size:16px
    }
     .show_products .page_pro_faq_box .item .title p{
        font-size:18px
    }
     .common_from{
        margin:45px auto;
        padding:25px;
        background-size:cover!important
    }
     .common_from form{
        width:100%
    }
     .common_from form .input{
        margin-bottom:20px;
        flex-wrap:wrap
    }
     .common_from form .input div{
        width:100%;
        margin-bottom:20px
    }
     .common_from form .input div input{
        font-size:16px;
        padding-bottom:10px
    }
     .common_from form .upload-box #fileName{
        font-size:16px
    }
     .common_from form .upload-box .upload-wrap p{
        font-size:16px
    }
     .common_from form .textarea_box textarea.content{
        font-size:16px;
        height:80px
    }
     .common_from form .submit .btn_effect4{
        font-size:16px
    }
     .show_products .show_products_box .show_content_head p{
        font-size:18px;
        font-family:RobotoBold;
        width:max-content;
        margin-right:20px
    }
     .show_products .show_products_box .content_item .downloads_box{
        padding:0;
        padding-bottom:25px
    }
     .show_products .show_products_box .content_item .downloads_box .list a{
        flex-wrap:wrap;
        padding:20px 0
    }
     .show_products .show_products_box .content_item .downloads_box .list .icon{
        display:none
    }
     .show_products .show_products_box .content_item .downloads_box .list p{
        width:100%;
        font-size:18px;
        line-height:1.3;
        margin-bottom:20px
    }
     .show_products .show_products_box .content_item .downloads_box .list .icon1{
        font-size:15px;
        padding:5px 15px
    }
     .page_video .item_box .item{
        width:100%
    }
     .page_video .item_box .item .text_box{
        font-size:16px
    }
     .page_video .item_box .item .text_box h4{
        font-size:18px
    }
}
 @media(max-width:768px){
    html{
        font-size:calc(100vw/5)
    }
     .modal-title{
        font-size:.22rem;
        font-weight:700
    }
}