@media(min-width:1920px){
    html{
        font-size:calc(100vw/19.2)
    }
     body{
        max-width:1920px;
        margin:auto;
        position:relative
    }
     .auto-container{
        max-width:1400px
    }
     .head_box{
        max-width:1920px
    }
}
 @media(min-width: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:1520px){
    .index_about .auto-container{
        max-width:95%
    }
}
 @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 .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.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
    }
}
 @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_section2 .index_section2_swiper_box .swiper-container{
        max-width:85%
    }
     .index_about .index_about_box .right .img_box{
        height:100%
    }
     .index_about .index_about_box .right .img_box img{
        height:100%;
        object-fit:cover
    }
     .index_section4 .index_section4_card{
        max-width:25%;
        min-height:auto
    }
     .index_section4 .index_section4_swiper_box .swiper-pagination{
        bottom:5%
    }
     .index_section4 .index_section4_card p{
        margin-bottom:5px
    }
     .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
    }
     .common_from form .submit .btn_effect4{
        font-size:.16rem
    }
}
 @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;
        background:var(--color)
    }
     .head_box.c-style,.head_box:hover{
        background:var(--color)
    }
     .head_box .logo_box{
        width:40%
    }
     .head_box .logo_box .logo_icon img{
        max-height:30px
    }
     .head_box.open .logo_box{
        opacity:0;
        visibility:hidden
    }
     .head_box .nav_box{
        display:block;
        width:300px;
        max-width:calc(100% - 40px);
        position:fixed;
        top:50px;
        bottom:0;
        left:0;
        background:#fff;
        transform:translateX(-100%);
        visibility:hidden;
        transition:transform .25s ease,visibility .25s;
        box-shadow:4px 0 16px rgba(0,0,0,.08)
    }
     .head_box .nav_box.is-open{
        transform:translateX(0);
        visibility:visible
    }
     .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.product_menu .stair .a .mobile-navbtn::after{
        display:block
    }
     .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;
        width:100%;
        min-width:0;
        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:auto;
        overflow:visible;
        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;
        overflow-wrap:anywhere;
        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:30px;
        margin-left:20px
    }
     .head_box .right_box .c_switch i{
        background:#fff
    }
     .head_box .right_box .c_switch.open i:first-child{
        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:#fff
    }
     .head_box .right_box .c_switch i:first-child{
        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;
        flex:0 0 100%
    }
     .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%;
        padding-top:0
    }
     .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
    }
     .footer .footer_top .foot_subscribe{
        margin-top:20px;
        font-size:15px
    }
     .footer .footer_top .foot_subscribe button{
        width:45%
    }
     .footer .foot_head .foot_form .input{
        flex-wrap:wrap;
        gap:10px
    }
     .footer .foot_head .foot_form .input>div{
        flex:0 0 100%
    }
     .footer .foot_head .foot_form .input>div:nth-child(4){
        flex:0 0 100%
    }
     .footer .foot_head .foot_form .input>div:nth-child(5){
        flex:0 0 25%
    }
     .footer .foot_head .foot_form .input>div input{
        font-size:14px
    }
     .footer .foot_head .foot_form .submit{
        font-size:14px
    }
     .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{
        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
    }
     .index_banner{
        margin-top:50px;
        aspect-ratio:auto
    }
     .index_banner .swiper-container{
        padding-bottom:25px
    }
     .index_banner .swiper-pagination{
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        text-align:center
    }
     .index_banner .swiper-pagination-bullet{
        width:10px;
        height:10px
    }
     .index_banner .swiper-pagination-bullet-active{
        border-color:var(--color)
    }
     .head_block .title{
        font-size:26px
    }
     .head_block .remark{
        font-size:16px
    }
     .head_block svg{
        font-size:52px
    }
     .index_section1 .index_section1_box .item{
        flex:0 0 calc((100% - 1 * .1rem)/ 2)
    }
     .index_section1 .index_section1_box .item .txt_box h3{
        font-size:18px
    }
     .index_section1 .index_section1_box .item .txt_box span{
        font-size:14px
    }
     .more_btn a{
        font-size:14px
    }
     .index_about .index_about_box{
        flex-wrap:wrap
    }
     .index_about .index_about_box .left,.index_about .index_about_box .right{
        width:100%
    }
     .index_about .index_about_box .left{
        padding:40px 20px 0 40px;
        border-top-left-radius:40px
    }
     .index_about .index_about_box .right{
        border-bottom-right-radius:40px
    }
     .index_section2{
        padding-bottom:45px
    }
     .index_section2 .index_section2_box_head{
        flex-wrap:wrap
    }
     .index_section2 .index_section2_box_head p{
        font-size:14px
    }
     .index_section2 .index_section2_swiper_box{
        margin-bottom:0
    }
     .index_section2 .index_section2_swiper_box .swiper-container{
        padding-bottom:40px
    }
     .index_section2 .index_section2_swiper_box .swiper-slide p{
        font-size:14px;
        padding:10px
    }
     .index_section2 .index_section2_swiper_box .swiper-button-next,.index_section2 .index_section2_swiper_box .swiper-button-prev{
        display:none
    }
     .index_section3 .head_block .remark{
        max-width:100%
    }
     .index_section3 .head_block svg{
        width:max-content
    }
     .index_section3 .index_section3_box .index_section3_swiper .swiper-slide{
        height:550px
    }
     .index_section3 .index_section3_box .swiper-button-prev{
        left:5%
    }
     .index_section3 .index_section3_box .swiper-button-next{
        left:20%
    }
     .index_section3 .index_section3_box .index_section3_swiper1 .card_box .card_remark h3,.index_section3 .index_section3_box .index_section3_swiper1 .card_box .card_remark i{
        font-size:18px
    }
     .index_section3 .index_section3_box .index_section3_swiper1 .card_box .card_remark p{
        font-size:16px
    }
     .index_section3 .index_section3_box .index_section3_swiper1 .card_box .card_remark span{
        font-size:14px
    }
     .index_section4 .index_section4_box{
        gap:20px;
        margin-top:40px
    }
     .index_section4 .index_section4_box .item{
        flex:0 0 100%
    }
     .index_section4 .index_section4_box .item h3{
        font-size:17px
    }
     .index_section4 .index_section4_box .item .remark{
        font-size:14px
    }
     .index_section4 .index_section4_box .item span{
        font-size:14px
    }
     .index_section4 .index_section4_swiper_box .swiper-slide{
        height:410px
    }
     .index_section4 .index_section4_card{
        max-width:75%;
        left:10%;
        top:10%
    }
     .index_section4 .index_section4_card h2{
        font-size:20px
    }
     .index_section5 .index_section5_box .item_box{
        flex-wrap:wrap
    }
     .index_section5 .index_section5_box .item_box .left,.index_section5 .index_section5_box .item_box .line,.index_section5 .index_section5_box .item_box .right{
        width:100%
    }
     .index_section5 .index_section5_box .item_box .left{
        display:flex
    }
     .index_section5 .index_section5_box .item_box .item{
        flex:0 0 calc((100% - 1 * .12rem)/ 2)
    }
     .index_section5 .index_section5_box .item_box .left .item:last-child{
        flex:0 0 100%
    }
     .index_section5 .index_section5_box .item_box .right .item:first-child{
        flex:0 0 100%
    }
     .index_section6 .index_global_market{
        overflow:auto
    }
     .index_section7{
        padding-bottom:45px
    }
     .index_section7 .index_news_box .swiper-slide .item a{
        flex-wrap:wrap
    }
     .index_section7 .index_news_box .swiper-slide .item a .img_box{
        width:100%
    }
     .index_section7 .index_news_box .swiper-slide .item a .text_box{
        width:100%
    }
     .index_section7 .index_news_box .swiper-slide .item a .text_box h3{
        font-size:18px
    }
     .index_section7 .index_news_box .swiper-slide .item a .text_box p{
        font-size:14px
    }
     .index_section7 .index_news_box .swiper-slide .item a .text_box .other{
        font-size:14px
    }
     .page_banner{
        padding-top:50px
    }
     .page_banner img{
        height:120px;
        object-fit:cover
    }
     .list_products .list_products_box{
        flex-wrap:wrap
    }
     .list_products .content_box{
        width:100%
    }
     .page_content .content_box .title_box{
        padding:20px;
        padding-bottom:0
    }
     .page_content .content_box .title_box h2{
        font-size:18px
    }
     .page_content .content_box .title_box p{
        font-size:16px;
        line-height:1.5
    }
     .page_content .content_box .category_box{
        padding:20px
    }
     .page_content .content_box .category_box .item a{
        font-size:16px
    }
     .list_products .item_box{
        gap:10px
    }
     .list_products .item_box .item{
        flex:0 0 calc((100% - 1 * 10px)/ 2)
    }
     .list_products .item_box .item .text_box p{
        -webkit-line-clamp:2;
        font-size:16px;
        line-height:1.5;
        min-height:48px
    }
     .list_products .page_sidebar{
        width:100%
    }
     .list_products .page_sidebar .page_sidebar_top{
        font-size:18px;
        padding:20px
    }
     .list_products .page_sidebar .sidebar_search_box .form_control.keywords{
        font-size:14px
    }
     .list_products .page_sidebar .sidebar_category_box .item>a{
        font-size:16px
    }
     .list_products .page_sidebar .sidebar_category_box .item .sub_menu li a{
        font-size:15px
    }
     .show_products .show_products_head .auto-container{
        flex-wrap:wrap
    }
     .show_products .show_products_head .img_box{
        width:100%
    }
     .show_products .show_products_head .text_box{
        width:100%;
        padding:20px;
        padding-bottom:40px
    }
     .show_products .show_products_head .img_box .thumb_box{
        padding:15px
    }
     .show_products .show_products_head .img_box .thumb_box .swiper-slide{
        width:61.5px;
        height:61.5px;
        margin-right:10px
    }
     .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{
        left:35%
    }
     .show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
        left:0
    }
     .show_products .show_products_head .img_box .thumb_box .swiper-button-next{
        right:0
    }
     .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 p{
        font-size:15px
    }
     .show_products .show_products_head .text_box .contact_box{
        flex-wrap:wrap
    }
     .show_products .show_products_head .text_box .contact_box p{
        font-size:16px
    }
     .show_products .show_products_head .text_box .contact_box img{
        max-width:29px
    }
     .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list .btn_main_text{
        font-size:14px
    }
     .show_products .page_recommend_pro .swiper-pagination-bullet{
        width:40px;
        height:5px
    }
     .show_products .page_recommend_pro .item .text_box p{
        -webkit-line-clamp:2;
        font-size:16px;
        line-height:1.5;
        min-height:48px
    }
     .show_products .page_pro_faq .page_content_block p:before{
        width:92px;
        height:14px
    }
     .show_products .page_pro_faq .page_content_block p{
        font-size:22px
    }
     .show_products .page_pro_faq .page_content_block span{
        font-size:16px
    }
     .page_pro_faq_box .item .remark div,.page_pro_faq_box .item .title p{
        width:90%
    }
     .page_pro_faq_box .item .title p{
        font-size:18px
    }
     .page_pro_faq_box .item .remark{
        font-size:16px;
        line-height:1.5
    }
     .common_from h2{
        font-size:20px;
        line-height:1.3
    }
     .common_from form .input div{
        flex:0 0 100%
    }
     .page_accreditation{
        flex-wrap:wrap;
        justify-content:start;
        gap:10px
    }
     .page_accreditation .img_box{
        flex:0 0 calc((100% - 4 * 10px)/ 5)
    }
     .page_about .page_about_section1 .auto-container{
        flex-wrap:wrap
    }
     .page_about .page_about_section1:before{
        font-size:50px
    }
     .page_about .page_about_section1 .img,.page_about .page_about_section1 .right{
        width:100%
    }
     .page_about .page_about_section1 .img{
        margin-bottom:40px
    }
     .page_about .page_about_section1 .right{
        padding-right:0
    }
     .page_about .page_about_section1 .right .right_head h1{
        font-size:26px;
        margin-bottom:30px
    }
     .page_about .page_about_section1 .right h2{
        margin-bottom:0;
        font-size:20px
    }
     .page_about .page_about_section1 .right .remark{
        font-size:16px
    }
     .page_about .page_about_data{
        flex-wrap:wrap;
        gap:10px
    }
     .page_about .page_about_data .item{
        flex:0 0 calc((100% - 1 * 10px)/ 2)
    }
     .page_about .page_about_data .item:last-child{
        flex:0 0 100%
    }
     .page_about .page_about_data .item p.counter,.page_about .page_about_data .item span{
        font-size:36px
    }
     .page_about .page_about_data .item p.remark{
        font-size:16px
    }
     .page_about .page_about_line{
        margin-bottom:50px
    }
     .page_about .page_about_line img{
        height:200px;
        object-fit:cover
    }
     .about_ads .text_box h3,.page_block_info p{
        font-size:24px
    }
     .about_ads .text_box .remark,.page_block_info span{
        font-size:16px
    }
     .page_about .page_about_history_box .history_head{
        display:flex;
        flex-wrap:wrap;
        gap:10px
    }
     .page_about .page_about_history_box .history_head p{
        font-size:16px;
        flex:0 0 calc((100% - 1 * 10px)/ 2)
    }
     .page_about .page_about_history_box .item_box .item.open{
        flex-wrap:wrap
    }
     .page_about .page_about_history_box .item_box .item .img_box,.page_about .page_about_history_box .item_box .item .text_box{
        width:100%
    }
     .page_about .page_about_history_box .item_box .item .img_box{
        margin-bottom:20px
    }
     .page_about .page_about_history_box .item_box .item .text_box{
        padding-left:0
    }
     .page_about .page_about_history_box .item_box .item .text_box h2{
        font-size:30px
    }
     .page_about .page_about_history_box .item_box .item .text_box h3{
        font-size:18px
    }
     .page_about .page_about_history_box .item_box .item .text_box .remark{
        margin-top:40px
    }
     .page_about .page_about_history_box .item_box .item .text_box .remark p{
        font-size:16px
    }
     .about_ads .img_box img{
        height:255px;
        object-fit:cover
    }
     .about_ads .text_box h3{
        line-height:normal
    }
     .about_ads .text_box .remark{
        max-width:100%
    }
     .page_about .about_corporate_culture{
        flex-wrap:wrap
    }
     .page_about .about_corporate_culture .left,.page_about .about_corporate_culture .right{
        width:100%
    }
     .page_about .about_corporate_culture .left{
        max-width:480px;
        margin:0 auto 45px
    }
     .page_about .about_corporate_culture .left .item_box{
        height:auto
    }
     .page_about .about_corporate_culture .left .item_box .item{
        width:64%;
        height:64%
    }
     .page_about .about_corporate_culture .left .item_box .item p{
        font-size:18px
    }
     .page_about .about_corporate_culture .left h2{
        font-size:20px
    }
     .page_about .about_corporate_culture .right{
        padding:0
    }
     .page_about .about_corporate_culture .right .item{
        border-left-width:2px
    }
     .page_about .about_corporate_culture .right .item h3{
        font-size:22px
    }
     .page_about .about_corporate_culture .right .item .remark{
        font-size:16px;
        line-height:1.8
    }
     .page_about .about_corporate_culture .right .item .subtitle{
        font-size:18px
    }
     .page_about .about_factory .head_block .title{
        font-size:22px
    }
     .page_certifcate .page_certifcate_head h1{
        font-size:22px;
        line-height:normal
    }
     .page_certifcate .page_certifcate_head .remark{
        font-size:16px
    }
     .page_certifcate .page_certifcate_head .page_certifcate_list{
        gap:25px 10px;
        flex-wrap:wrap
    }
     .page_certifcate .page_certifcate_head .page_certifcate_list p{
        flex:0 0 calc((100% - 1 * 10px)/ 2);
        margin:0;
        font-size:18px;
        text-align:center
    }
     .page_certifcate .page_certifcate_box .item_box .item{
        gap:20px 10px
    }
     .page_certifcate .page_certifcate_box .item_box .item .img_box{
        flex:0 0 calc((100% - 2 * 10px)/ 2)
    }
     .page_certifcate .page_certifcate_box .item_box .item .img_box .img{
        padding:10%
    }
     .page_certifcate .page_certifcate_box .item_box .item .img_box img.play_btn{
        width:45px
    }
     .page_certifcate .page_certifcate_box .item_box .item .img_box p{
        font-size:16px
    }
     .page_certifcate .page_pro_faq .bottom_remark p{
        font-size:16px
    }
     .page_head h2{
        font-size:22px;
        line-height:normal
    }
     .page_head>p{
        font-size:16px
    }
     .page_news .page_news_box{
        gap:10px
    }
     .page_news .page_news_box .item{
        flex:0 0 calc((100% - 1 * 10px)/ 2)
    }
     .page_news .page_news_box .item .text_box{
        padding:15px
    }
     .page_news .page_news_box .item h3{
        font-size:16px;
        -webkit-line-clamp:2;
        line-height:normal;
        min-height:42px
    }
     .page_news .page_news_box .item .text_box p{
        font-size:15px;
        line-height:normal;
        min-height:61px
    }
     .page_news .page_news_box .item .text_box .other{
        font-size:14px;
        flex-wrap:wrap;
        gap:10px
    }
     .page_case .page_news_box .item{
        flex:0 0 100%
    }
     .page_case .page_news_box .item a{
        padding:20px
    }
     .page_case .page_news_box .item h3{
        min-height:auto
    }
     .page_case .page_news_box .item .text_box{
        padding:0;
        padding-top:20px
    }
     .page_case .page_news_box .item .text_box .other span:last-child{
        width:30px;
        height:30px
    }
     .show_news .post-info .header>h1{
        font-size:22px;
        line-height:normal
    }
     .show_news .post-info .content{
        font-size:16px;
        line-height:1.7
    }
     .show_news .post-info .post-pagination p a{
        font-size:16px
    }
     .page_solutions .page_solutions_head .swiper-container{
        padding-bottom:40px
    }
     .page_solutions .page_solutions_head .item a{
        flex-wrap:wrap
    }
     .page_solutions .page_solutions_head .item .img_box,.page_solutions .page_solutions_head .item .text_box{
        width:100%
    }
     .page_solutions .page_solutions_head .item .img_box{
        margin-bottom:30px
    }
     .page_solutions .page_solutions_head .item .text_box i{
        font-size:14px
    }
     .page_solutions .page_solutions_head .item .text_box h4{
        font-size:18px
    }
     .page_solutions .item_box .item .text_box h4{
        font-size:18px
    }
     .page_solutions .page_solutions_head .item .text_box .remark{
        font-size:16px
    }
     .page_solutions .item_box .item .text_box span{
        font-size:14px
    }
     .page_solutions .page_solutions_category{
        flex-wrap:wrap;
        gap:20px
    }
     .page_solutions .page_solutions_category:before{
        display:none
    }
     .page_solutions .page_solutions_category .item{
        background:rgb(93 183 95 / 30%);
        flex:0 0 calc((100% - 1 * 20px)/ 2);
        border-radius:10px
    }
     .page_solutions .page_solutions_category .item a{
        padding:15px
    }
     .page_solutions .page_solutions_category .item p{
        margin:0;
        margin-top:5px;
        font-size:16px
    }
     .page_solutions .page_solutions_category .item a.active:before,.page_solutions .page_solutions_category .item a:hover:before{
        display:none
    }
     .page_solutions .page_solutions_box .item_box{
        gap:10px
    }
     .page_solutions .page_solutions_box .item_box .item{
        flex:0 0 100%
    }
     .page_solutions .item_box .item .text_box .remark{
        font-size:16px
    }
     .page_solutions .page_solutions_head .item .text_box span{
        font-size:14px
    }
     .page_contact .page_head h2{
        font-size:40px
    }
     .page_contact .page_head p{
        font-size:18px
    }
     .page_contact .page_contact_head{
        gap:20px;
        flex-wrap:wrap
    }
     .page_contact .page_contact_head .item{
        flex:0 0 100%
    }
     .page_contact .page_contact_head .item .img_box{
        max-width:60px;
        height:60px;
        line-height:60px
    }
     .page_contact .page_contact_head .item .img_box img{
        max-width:30px
    }
     .page_contact .page_contact_head .item .txt_box a,.page_contact .page_contact_head .item .txt_box span{
        font-size:18px
    }
     .page_contact .page_contact_quotation>h2{
        font-size:20px
    }
     .page_contact .page_contact_quotation>p{
        font-size:16px
    }
     .page_contact .page_contact_quotation form .input{
        gap:15px
    }
     .page_contact .page_contact_quotation form .input div{
        flex:0 0 100%
    }
     .page_contact .page_contact_quotation .input>div input,.page_contact .page_contact_quotation .input>div select,.page_contact .page_contact_quotation .textarea_box textarea{
        font-size:16px
    }
     .page_contact .page_contact_quotation .upload-box .upload-wrap p{
        font-size:14px;
        line-height:normal;
        max-width:60%
    }
     .page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list{
        padding:10px 20px
    }
     .page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list .btn_main_text{
        font-size:16px
    }
}
 @media(max-width:768px){
    html{
        font-size:calc(100vw/5)
    }
     .modal-title{
        font-size:.22rem;
        font-weight:700
    }
}