@media(min-width:1920px){
    html{
        font-size:calc(100vw/19.2)
    }
     body{
        max-width:1920px;
        margin:auto
    }
     .auto-container{
        max-width:1400px
    }
     .head{
        max-width:1920px
    }
}
 @media(min-width:1950px) and (max-width:2560px){
    html{
        font-size:calc(100vw/22)
    }
}
 @media(min-width:2560px){
    html{
        font-size:calc(100vw/25.6)
    }
}
 @media(min-width:2860px){
    html{
        font-size:calc(100vw/28.6)
    }
}
 @media(min-width:3840px){
    html{
        font-size:calc(100vw/38.4)
    }
}
 @media (max-width:1680px){
    .head .nav_box .sub .head_pro_box .swiper-container{
        max-width:80%
    }
     .head .nav_box .sub .head_pro_box .swiper-button-next{
        right:6%
    }
     .head .nav_box .sub .head_pro_box .swiper-button-prev{
        left:6%
    }
}
 @media (max-width:1400px){
    .head .nav_box .sub .s-menu{
        max-width:80%
    }
}
 @media(max-width:1280px){
    html{
        font-size:calc(100vw/12.8)
    }
     .auto-container{
        max-width:95%
    }
     .swiper-button-next{
        right:0
    }
     .swiper-button-prev{
        left:0
    }
     .head .tophead_box{
        padding:0 .2rem;
        height:.7rem
    }
     .head .logo_box .slogan{
        font-size:.14rem;
        margin-left:.2rem
    }
     .head .logo_box .navbar_logo .logo_icon img{
        max-width:.7rem
    }
     .head .right_box .btn_inquiry{
        padding:.07rem .1rem;
        font-size:.14rem
    }
     .head .nav_box .nav>li .a{
        font-size:.14rem;
        padding:.15rem 0;
        padding-right:.2rem;
        line-height:.4rem
    }
     .btn_main_text{
        font-size:.15rem
    }
     .head .nav_box .sub{
        padding:.4rem 0
    }
     .head .nav_box .sub>dl dd{
        font-size:.16rem;
        padding-bottom:.1rem
    }
     .head .logo_box{
        width:22%
    }
     .head .nav_box{
        width:63%
    }
     .head .right_box{
        width:15%
    }
     .head .right_box .gt_container--hich1m .gt_switcher .gt_option{
        margin-top:.17rem
    }
     .head .search_con2 .moblie_search_close{
        margin-top:0
    }
     .head .nav_box .sub .s-menu .hasdrop .img img{
        height:.4rem
    }
     .head .nav_box .sub .s-menu .hasdrop .text{
        line-height:normal;
        font-size:.14rem;
        min-height:.51rem
    }
     .head .nav_box .sub .head_pro_box .img_box h4,.head .nav_box .sub .head_pro_box .swiper-slide>span,.head .nav_box .sub .head_pro_box .txt_box a{
        font-size:.14rem
    }
     .footer .auto-container .foot_bottom .left p,.footer .auto-container .foot_bottom .right a,.footer .auto-container .footer_box .left .foot_contact .item .txt a,.footer .auto-container .footer_box .right .item .item_box a{
        font-size:.14rem
    }
     .footer .auto-container .footer_box .right .item .item_box a{
        line-height:.34rem
    }
     .footer{
        padding-bottom:.5rem;
        padding-top:1.5rem
    }
     .footer:before{
        background-size:contain;
        height:3.17rem;
        top:25%
    }
     .footer .auto-container .foot_bottom{
        padding:.2rem
    }
     .footer .auto-container .footer_box{
        margin-bottom:.4rem
    }
     .footer .auto-container .footer_box .left .slogan{
        font-size:.22rem
    }
     .footer .auto-container .footer_box .right .item p{
        font-size:.16rem
    }
     .footer .auto-container .footer_box .right .item .code_box img{
        width:1rem;
        height:1rem
    }
     .head_block .title{
        font-size:.3rem
    }
     .head_block:before{
        width:1.3rem
    }
     .head_block .title{
        font-size:.26rem
    }
     .head_block .remark{
        font-size:.16rem;
        line-height:1.4
    }
     .section{
        padding-top:.6rem
    }
     .index_section1{
        margin-bottom:.6rem
    }
     .index_section1 .index_section1_box{
        margin:.45rem 0
    }
     .index_section1 .index_section1_box .item .txt{
        font-size:.18rem
    }
     .index_section1 .index_section1_box .item span img{
        max-width:.45rem
    }
     .index_section1 .index_section1_other h3{
        font-size:.2rem
    }
     .index_section1 .index_section1_other p{
        font-size:.14rem
    }
     .index_section1 .index_section1_other .search_box .search_btn{
        line-height:.5rem
    }
     .index_section1 .index_section1_other .search_box input{
        line-height:.5rem
    }
     .index_section2 .section2_box .desc{
        font-size:.16rem;
        line-height:1.3
    }
     .index_section2 .section2_box .other a{
        font-size:.14rem;
        padding:.07rem .2rem
    }
     .index_section2 .section2_box .other a img{
        max-width:.2rem
    }
     .index_section2 .index_section2_other:after,.index_section2 .index_section2_other:before{
        width:1.8rem
    }
     .index_section2 .index_section2_other:before{
        top:-50%;
        right:3%
    }
     .index_section2 .index_section2_other:after{
        bottom:-51%
    }
     .index_section2 .index_section2_other .item p.counter,.index_section2 .index_section2_other .item span{
        font-size:.6rem
    }
     .index_section2 .index_section2_other .item p.remark{
        font-size:.16rem;
        line-height:1.4;
        min-height:.45rem
    }
     .index_section3{
        margin-top:.6rem
    }
     .index_section3 .index_section3_box_head{
        margin-bottom:.45rem
    }
     .index_section3 .index_section3_box_head p{
        font-size:.14rem
    }
     .index_section3 .index_section3_swiper_box .swiper-container{
        max-width:80%
    }
     .index_section3 .index_section3_swiper_box:after,.index_section3 .index_section3_swiper_box:before{
        width:90%
    }
     .index_section3 .index_section3_swiper_box:after{
        bottom:2%
    }
     .index_section3 .index_section3_swiper_box:before{
        top:40%
    }
     .index_section3 .index_section3_swiper_box .swiper-slide{
        padding-bottom:.6rem
    }
     .index_section4{
        margin-top:.3rem;
        padding:.6rem 0
    }
     .index_section4 .index_section4_box .item .img .txt{
        font-size:.16rem
    }
     .index_section4 .index_section4_box .item .text_box .txt{
        font-size:.16rem
    }
     .index_section4 .index_section4_box .item .text_box .remark{
        font-size:.14rem
    }
     .index_section4 .index_section4_box .item .text_box span img{
        max-width:.4rem
    }
     .index_section5{
        padding-bottom:.6rem
    }
     .index_section5 .index_section5_box_head .text_box h4{
        font-size:.2rem;
        line-height:1.4
    }
     .index_section5 .index_section5_box_head .text_box .remark{
        font-size:.14rem;
        line-height:1.4
    }
     .index_section5 .item_box .swiper-container{
        padding-bottom:.3rem
    }
     .index_section5 .item_box .swiper-slide .text_box{
        padding:.2rem 0
    }
     .index_section5 .item_box .swiper-slide .text_box h4{
        font-size:.18rem;
        line-height:1.4;
        min-height:.45rem
    }
     .index_section5 .item_box .swiper-slide .text_box .remark{
        font-size:.14rem;
        line-height:1.4;
        min-height:.5rem
    }
     .index_news.auto-container{
        margin-bottom:.6rem
    }
     .index_news .index_news_box .swiper-slide .item .text_box{
        padding:.25rem
    }
     .index_news .index_news_box .swiper-slide .item .text_box span{
        font-size:.14rem
    }
     .index_news .index_news_box .swiper-slide .item .text_box h3{
        font-size:.18rem;
        line-height:1.4;
        min-height:.65rem;
        margin:.1rem 0
    }
     .index_news .index_news_box .swiper-slide .item .text_box p{
        font-size:.14rem;
        line-height:1.4;
        min-height:.3rem
    }
     .index_news .index_news_box .swiper-slide .item .text_box span img{
        max-width:.3rem
    }
     .message_box .left h3{
        font-size:.16rem
    }
     .message_box .left p{
        font-size:.26rem
    }
     .message_box .right form .input div input{
        font-size:.14rem
    }
     .list_products{
        padding-top:.6rem
    }
     .list_products .list_products_box{
        margin-bottom:.65rem
    }
     .list_products .item_box{
        padding-bottom:0
    }
     .list_products .item_box .item .img_box .inquire{
        font-size:.14rem
    }
     .list_products .item_box .item .text_box{
        padding:.2rem
    }
     .list_products .item_box .item .text_box p{
        font-size:.16rem
    }
     .list_products .item_box .item .text_box i{
        font-size:.14rem
    }
     .fixed{
        top:1rem
    }
     .page_sidebar .page_sidebar_top{
        padding:.25rem
    }
     .page_sidebar .page_sidebar_top p{
        font-size:.18rem
    }
     .page_sidebar .sidebar_search_box .form_control.keywords{
        font-size:.14rem
    }
     .page_sidebar .sidebar_search_box .search_btn{
        line-height:.45rem;
        width:.45rem;
        height:.45rem
    }
     .page_sidebar .sidebar_search_box .search_btn img{
        max-width:.18rem
    }
     .page_sidebar .sidebar_category_box .item>a{
        font-size:.14rem
    }
     .page_sidebar .sidebar_contact{
        padding:.25rem
    }
     .page_sidebar .sidebar_contact p:last-child{
        margin-bottom:0
    }
     .page_sidebar .sidebar_contact p a{
        font-size:.14rem
    }
     .page_sidebar .sidebar_contact p a img{
        max-width:.25rem
    }
     .page_content .inside-pagination{
        margin:.45rem 0
    }
     .page_content .inside-pagination ul li>a>img{
        max-height:.15rem
    }
     .show_products .show_products_head{
        padding:.5rem 0
    }
     .show_products .show_products_head .text_box{
        padding:.35rem
    }
     .show_products .show_products_head .text_box h1{
        font-size:.2rem
    }
     .show_products .show_products_head .text_box .remark{
        font-size:.14rem;
        line-height:1.4
    }
     .show_products .show_products_head .text_box .code{
        font-size:.14rem
    }
     .show_products .show_products_head .text_box .attribute_box{
        padding-bottom:.25rem;
        margin-bottom:.25rem
    }
     .show_products .show_products_head .text_box .attribute p{
        font-size:.14rem;
        margin-bottom:.1rem
    }
     .show_products .show_products_head .text_box .contact_box p{
        font-size:.14rem
    }
     .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list .btn_main_text{
        font-size:.14rem
    }
     .show_products .show_products_box{
        margin-top:.65rem;
        margin-bottom:.65rem
    }
     .show_products .page_recommend_pro .page_content_block{
        font-size:.22rem
    }
     .page_about .page_about_section1{
        padding-bottom:.6rem
    }
     .page_about .page_about_section1 .head_block{
        padding-top:0
    }
     .page_about .page_about_section1 .head_block .title{
        font-size:.5rem
    }
     .page_about .page_about_section1 .page_about_section1_box .right .remark{
        font-size:.16rem;
        line-height:1.4
    }
     .page_about .page_about_data .item p.counter,.page_about .page_about_data .item span{
        font-size:.5rem
    }
     .page_about .page_about_data .item p.remark{
        font-size:.16rem;
        line-height:1.4
    }
     .page_about .page_about_Ceospeech{
        margin-top:1rem;
        flex-wrap:wrap
    }
     .page_about .about_ads{
        margin-bottom:.3rem
    }
     .page_about .about_ads .text_box{
        max-width:45%
    }
     .page_about .about_ads .text_box .remark{
        font-size:.16rem;
        line-height:1.4;
        margin:.3rem 0
    }
     .page_about .about_ads .text_box h3{
        font-size:.34rem;
        line-height:1.4
    }
     .page_about .about_ads .text_box .btn_effect4 .btn_small_list{
        padding:.1rem .15rem
    }
     .page_about .about_why_us .head_block .title{
        font-size:.3rem
    }
     .page_about .about_why_us_box .item{
        padding:.45rem .2rem
    }
     .page_about .about_why_us_box .item .icon{
        margin-bottom:.25rem
    }
     .page_about .about_why_us_box .item .txt h4{
        font-size:.18rem;
        margin-bottom:.2rem
    }
     .page_about .about_why_us_box .item .txt p{
        font-size:.16rem;
        line-height:1.4
    }
     .page_about .about_corporate_culture{
        margin-top:.2rem
    }
     .page_about .about_corporate_culture .head_block .title{
        font-size:.3rem
    }
     .page_about .about_corporate_culture_box{
        padding:0 16%
    }
     .page_about .about_corporate_culture_box:after,.page_about .about_corporate_culture_box:before{
        width:2rem;
        z-index:-1
    }
     .page_about .about_corporate_culture_box:before{
        left:.5%
    }
     .page_about .about_corporate_culture_box:after{
        right:1%
    }
     .page_about .about_corporate_culture_box .item{
        width:2.8rem;
        height:2.8rem;
        padding:3%
    }
     .page_about .about_corporate_culture_box .item .icon img{
        max-height:.45rem
    }
     .page_about .about_corporate_culture_box .item .txt h4{
        font-size:.2rem;
        margin-bottom:.15rem
    }
     .page_about .about_corporate_culture_box .item .txt p{
        font-size:.14rem;
        line-height:1.4
    }
     .page_about .about_faq .head_block .title{
        font-size:.3rem
    }
     .page_about .about_global_market{
        margin-top:.6rem;
        padding-top:.2rem;
        padding-bottom:.6rem
    }
     .page_about .about_global_market .head_block .title{
        font-size:.3rem
    }
     .page_solutions .page_solutions_head{
        margin-top:.6rem
    }
     .page_contact .page_contact_head .left h2{
        font-size:.5rem
    }
     .page_contact .page_contact_head .right h2{
        font-size:.24rem;
        line-height:1.4
    }
     .page_contact .page_contact_head .left>p{
        font-size:.16rem;
        margin-bottom:.3rem
    }
     .page_contact .page_contact_head .left .left_contact .item .icon img{
        max-width:.25rem
    }
     .page_contact .page_contact_head .left .left_contact .item .txt a{
        font-size:.16rem;
        line-height:1.4
    }
     .page_contact .page_contact_head .left .contact_code .code_box .item .text_box{
        font-size:.14rem
    }
     .page_contact .page_contact_head .right p{
        font-size:.16rem
    }
     .page_contact .page_contact_head .right form .input>div p,.page_contact .page_contact_head .right form .textarea_box p,.page_contact .page_contact_head .right form .upload-box p{
        font-size:.14rem
    }
     .page_contact .page_contact_head .right form .input>div input,.page_contact .page_contact_head .right form .textarea_box textarea{
        font-size:.14rem
    }
     .page_certifcate{
        padding:.6rem 0
    }
     .list_news .list_news_box .content_box>h2,.list_news .list_news_head .head_top h2,.page_certifcate_head h1,.page_pro_faq .page_pro_faq_head h3{
        font-size:.24rem
    }
     .page_certifcate_head .page_certifcate_list{
        margin:.45rem 0
    }
     .page_certifcate_head .page_certifcate_list a{
        font-size:.16rem;
        padding:.15rem 0
    }
     .page_certifcate .page_certifcate_box .item_box .item{
        gap:.15rem .2rem;
        padding:0 10%;
        padding-bottom:.5rem
    }
     .page_certifcate .page_certifcate_box .item_box .item:before{
        width:90%;
        bottom:3%
    }
     .page_certifcate .page_certifcate_box .item_box .item .img_box{
        flex:0 0 calc((100% - 4 * .2rem)/ 5)
    }
     .page_certifcate_ads .text_box h3{
        font-size:.3rem
    }
     .page_pro_faq{
        margin-top:.6rem
    }
     .page_pro_faq .page_pro_faq_box .item{
        padding:.2rem
    }
     .page_pro_faq .page_pro_faq_box .item .title{
        font-size:.16rem
    }
     .page_pro_faq .page_pro_faq_box .item .remark{
        font-size:.15rem
    }
     .list_video .list_video_box .item .txt{
        padding:.2rem
    }
     .list_video .list_video_box .item .txt p{
        font-size:.16rem;
        line-height:1.4
    }
     .list_video .list_video_box .item .txt span{
        font-size:.14rem
    }
     .list_news .list_news_head{
        padding-top:.6rem;
        padding-bottom:.4rem
    }
     .list_news .list_news_head .swiper-slide .item .text_box h3{
        font-size:.2rem;
        line-height:1.4;
        min-height:auto
    }
     .list_news .list_news_box .content_box .item_box .item .text_box{
        padding:.15rem
    }
     .list_news .list_news_box .content_box .item_box .item .text_box span{
        font-size:.12rem
    }
     .list_news .list_news_box .content_box .item_box .item .text_box h3{
        font-size:.18rem;
        line-height:1.4;
        min-height:auto
    }
     .list_news .list_news_box .content_box .item_box .item .text_box p{
        font-size:.14rem;
        line-height:1.4;
        min-height:auto
    }
     .list_case .list_news_box .content_box .item_box .item .text_box h4{
        font-size:.18rem;
        line-height:1.4;
        min-height:auto
    }
     .list_case .list_news_box .content_box .item_box .item .text_box .remark{
        font-size:.14rem;
        line-height:1.4;
        min-height:auto
    }
     .show_news{
        padding-top:.65rem
    }
     .show_news .show_news_head h1{
        font-size:.24rem
    }
     .show_news .show_news_content{
        font-size:.18rem;
        line-height:1.4
    }
     .show_news .show_pagination p{
        font-size:.18rem
    }
}
 @media(max-width:1080px){
    html{
        font-size:calc(100vw/5)
    }
}
 @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;
        top:unset;
        bottom:20%
    }
     .additional-features li.left_form:before{
        left:-.1rem
    }
     .additional-features li.left_form .alert_form{
        right:2%;
        padding:20px;
        top:10%;
        max-width:100%
    }
     .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
        bottom:0
    }
     .swiper-pagination .swiper-pagination-bullet{
        border-color:#ddd;
        width:12px;
        height:12px
    }
     .swiper-pagination .swiper-pagination-bullet-active{
        border-color:var(--color)
    }
     .head{
        height:55px;
        top:0
    }
     .head .tophead_box{
        position:relative;
        height:max-content;
        padding:10px;
        max-width:100%
    }
     .head .logo_box{
        width:30%;
        display:block
    }
     .head .tophead_box.open .logo_box{
        opacity:0
    }
     .head .logo_box .navbar_logo{
        width:max-content
    }
     .head .logo_box .navbar_logo .logo_icon{
        display:block
    }
     .head .logo_box .slogan{
        display:none
    }
     .head .logo_box .btn_anima{
        display:flex
    }
     .head .c_switch{
        display:block
    }
     .head .logo_box .btn_anima{
        width:65%
    }
     .head .btn_anima .btn_inquiry{
        width:max-content;
        font-size:14px;
        padding:5px 10px
    }
     .head .logo_box .btn_anima a:hover{
        color:var(--color)
    }
     .head .c_switch{
        width:10%
    }
     .head .c_switch i{
        position:relative;
        display:block;
        height:.04rem;
        background:#fff;
        -webkit-transition:all .3s;
        transition:all .3s
    }
     .head.c-style .c_switch i{
        background:var(--color)
    }
     .head .c_switch i:nth-child(1){
        top:0
    }
     .head .c_switch i:nth-child(3){
        bottom:0
    }
     .head .c_switch i:nth-child(2){
        margin:.06rem 0
    }
     .head .c_switch.open i:nth-child(1){
        top:.1rem;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
     .head .c_switch.open i:nth-child(2){
        opacity:0
    }
     .head .c_switch.open i:nth-child(3){
        bottom:.1rem;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
     .head .nav_box{
        display:none;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:max-content;
        align-items:center
    }
     .head .nav_box .head_box{
        padding:0 .2rem;
        width:100%;
        display:flex;
        justify-content:space-between
    }
     .head .nav_box .head_box .right a{
        display:block
    }
     .head .nav_box .head_box .search_input{
        width:100px
    }
     .head .search_input .search_btn img{
        max-width:17px
    }
     .head .nav_box .navlist{
        position:absolute;
        top:55px;
        background:#fff;
        max-width:100%;
        padding-top:10px;
        padding-bottom:10px;
        max-height:600px;
        overflow:auto
    }
     .head .nav_box .navlist .search_con2{
        display:none
    }
     .head .nav_box .nav{
        display:block
    }
     .head .nav_box .nav>li{
        margin-right:0
    }
     .head .nav_box .nav>li .a{
        padding:0;
        padding-bottom:0;
        line-height:40px;
        padding-left:20px;
        position:relative;
        color:#222
    }
     .head .nav_box .nav>li .a:before{
        display:none
    }
     .head .nav_box .nav>li .a .mobile-navbtn{
        display:block;
        right:0;
        top:5px;
        width:30px;
        height:30px
    }
     .head .nav_box .nav>li .a .mobile-navbtn::before{
        border-right:2px solid #555;
        border-bottom:2px solid #555;
        transform:rotate(45deg);
        background:0 0;
        width:10px;
        height:10px;
        border-radius:0;
        left:0;
        top:0;
        bottom:0
    }
     .head .nav_box .sub{
        position:unset;
        display:none;
        width:100%
    }
     .head .nav_box .sub>dl{
        display:block;
        padding:0
    }
     .head .nav_box .sub>dl dd{
        font-size:15px
    }
     .head .nav_box .sub>dl dd .mobile-navbtn{
        display:block
    }
     .head .nav_box .sub>dl dd .r-menu a:hover,.head .nav_box .sub>dl dd .t-menu li:hover,.head .nav_box .sub>dl dd:hover{
        background:0 0
    }
     .head .nav_box .sub>dl dd .t-menu{
        position:unset;
        display:none
    }
     .head .nav_box .sub>dl dd .t-menu li a{
        padding-left:35px
    }
     .head .nav_box .nav .btn_anima{
        display:none
    }
     .head .nav_box .sub.top_pro{
        display:none;
        width:100%;
        min-width:auto
    }
     .head .nav_box .sub.top_pro .top_pro_nav{
        display:none
    }
     .head .nav_box .sub.top_pro .s-menu{
        width:100%;
        padding:0;
        padding-left:0;
        margin-bottom:10px
    }
     .head .btn_anima{
        width:53%;
        margin-left:0;
        margin-right:5%
    }
     .head .btn_anima .icosearch{
        border-top-left-radius:.05rem;
        border-bottom-left-radius:.05rem
    }
     .head .search_con2{
        right:0;
        width:100%;
        top:12%
    }
     .footer .footer_head{
        overflow:hidden;
        padding:.4rem 0;
        flex-direction:column
    }
     .footer .footer_head .foot_headbox{
        flex-direction:column
    }
     .footer .footer_head .foot_headbox .foot_contact{
        flex-direction:column;
        margin-bottom:10px
    }
     .footer .footer_head .foot_headbox .foot_contact .item{
        margin-right:0;
        margin-bottom:10px
    }
     .footer .footer_head .foot_headbox .foot_contact .item .text_box a{
        font-size:16px
    }
     .footer .foot_main{
        display:none
    }
     .footer .footer_bottom{
        font-size:16px
    }
     .footer .footer_bottom .auto-container{
        flex-direction:column;
        align-items:flex-start
    }
     .footer .footer_bottom .left{
        flex-direction:column
    }
     .footer .footer_bottom .left p{
        font-size:16px;
        width:100%;
        margin-bottom:10px
    }
     .head .nav_box .nav>li .a{
        font-size:16px
    }
     .head .nav_box .sub>dl dd:first-child{
        display:none
    }
     .head .right_box{
        width:60%
    }
     .head .search_con2 .search_input input{
        font-size:14px
    }
     .head.c-style{
        box-shadow:0 2px 8px rgba(0,0,0,.12)
    }
     .head.c-style .tophead_box{
        box-shadow:0 2px 8px rgba(0,0,0,.12)
    }
     .head .nav_box .sub{
        padding:10px 20px
    }
     .head .nav_box .sub .head_pro_box.pc{
        display:none
    }
     .head .nav_box .sub .head_pro_box.mobile{
        display:block
    }
     .head .nav_box .sub .head_pro_box.mobile a{
        display:block;
        font-size:15px;
        line-height:34px
    }
     .head .nav_box .sub .s-menu{
        flex-wrap:wrap;
        max-width:100%;
        gap:unset
    }
     .head .nav_box .sub .s-menu .hasdrop{
        flex:0 0 100%;
        padding-bottom:0
    }
     .head .nav_box .sub .s-menu .hasdrop a{
        display:block
    }
     .head .nav_box .sub .s-menu .hasdrop .img{
        display:none
    }
     .head .nav_box .sub .s-menu .hasdrop .text{
        min-height:auto;
        font-size:15px;
        line-height:34px
    }
     .head .search_con2 .search_input input{
        color:#fff
    }
     .head .search_con2 .search_input input::placeholder{
        color:#fff
    }
     .head.c-style .search_con2 .search_input input{
        color:var(--color)
    }
     .head.c-style .search_con2 .search_input input::placeholder{
        color:var(--color)
    }
     .head .search_con2 .search_input .search_btn img{
        filter:brightness(0) invert(1)
    }
     .head.c-style .search_con2 .search_input .search_btn img{
        filter:brightness(.5)
    }
     .footer:before{
        width:100%
    }
     .footer .auto-container .footer_box{
        flex-wrap:wrap
    }
     .footer .auto-container .footer_box .left{
        width:100%;
        margin-bottom:40px
    }
     .footer .auto-container .footer_box .left .slogan{
        font-size:22px
    }
     .footer .auto-container .footer_box .left .foot_contact .item .icon img{
        max-width:24px
    }
     .footer .auto-container .footer_box .right{
        width:100%
    }
     .footer .auto-container .footer_box .right .item{
        display:none
    }
     .footer .auto-container .footer_box .right .item:last-child{
        display:block;
        width:100%
    }
     .footer .auto-container .footer_box .right .item p{
        font-size:22px
    }
     .footer .auto-container .footer_box .left .foot_contact .item .txt a,.footer .auto-container .footer_box .right .item .item_box a{
        font-size:16px
    }
     .footer .auto-container .footer_box .right .item .code_box img{
        width:100px;
        height:100px
    }
     .footer .auto-container .foot_bottom{
        flex-wrap:wrap
    }
     .footer .auto-container .foot_bottom .left{
        width:100%;
        margin-bottom:10px
    }
     .footer .auto-container .foot_bottom .left p,.footer .auto-container .foot_bottom .right a{
        font-size:15px
    }
     .footer .auto-container .foot_bottom .right{
        width:100%;
        display:flex;
        flex-wrap:wrap;
        gap:10px
    }
     .footer .auto-container .foot_bottom .right a:first-child{
        background:rgb(255 255 255 / 10%)
    }
     .footer .auto-container .foot_bottom .right a{
        margin:0;
        width:auto;
        flex:0 0 calc((100% - 1 * 10px)/ 2)
    }
     .head_block .remark{
        font-size:16px;
        max-width:100%
    }
     .index_banner .swiper-pagination{
        bottom:10px!important
    }
     .index_section1 .index_section1_box .item{
        flex:0 0 calc((100% - 1 * 10px)/ 2)
    }
     .index_section1 .index_section1_other h3{
        font-size:18px
    }
     .index_section1 .index_section1_other p{
        font-size:15px;
        max-width:100%;
        line-height:1.4
    }
     .index_section1 .index_section1_other .search_box input{
        padding:0 15px;
        font-size:14px
    }
     .index_section2{
        background-repeat:no-repeat!important;
        background-size:cover!important;
        aspect-ratio:28/55
    }
     .index_section2 .section2_box{
        position:absolute;
        top:30px;
        left:0;
        right:0
    }
     .index_section2 .section2_box .desc{
        font-size:16px;
        line-height:1.4;
        max-width:100%;
        margin:20px 0
    }
     .index_section2 .section2_box .other a{
        font-size:16px
    }
     .index_section2 .index_section2_other{
        flex-wrap:wrap;
        gap:20px;
        padding:30px 20px;
        bottom:6%
    }
     .index_section2 .index_section2_other:after,.index_section2 .index_section2_other:before{
        display:none
    }
     .index_section2 .index_section2_other .item{
        flex:0 0 calc((100% - 1 * 20px)/ 2);
        padding-right:0;
        border:0
    }
     .index_section2 .index_section2_other .item p.counter,.index_section2 .index_section2_other .item span{
        font-size:36px
    }
     .index_section2 .index_section2_other .item p.remark{
        font-size:15px
    }
     .index_section3{
        margin-top:0
    }
     .index_section3 .index_section3_box_head{
        flex-wrap:wrap
    }
     .index_section3 .index_section3_box_head p{
        font-size:15px;
        padding:7px 15px
    }
     .index_section3 .index_section3_swiper_box .swiper-container{
        padding-bottom:50px
    }
     .index_section3 .index_section3_swiper_box:after{
        bottom:9%
    }
     .index_section3 .index_section3_swiper_box:before{
        top:34%
    }
     .index_section3 .index_section3_swiper_box .swiper-slide{
        padding-bottom:25px
    }
     .index_section3 .index_section3_swiper_box .swiper-slide .img_box .img img{
        min-height:200px
    }
     .index_section4 .index_section4_box{
        gap:10px
    }
     .index_section4 .index_section4_box .item{
        flex:0 0 calc((100% - 1 * 10px)/ 2)
    }
     .index_section4 .index_section4_box .item .img .txt{
        font-size:14px
    }
     .index_section4 .index_section4_box .item .text_box{
        padding:15px
    }
     .index_section4 .index_section4_box .item .text_box .txt{
        font-size:15px;
        margin-bottom:10px;
        -webkit-line-clamp:2
    }
     .index_section4 .index_section4_box .item .text_box .remark{
        display:none
    }
     .index_section5{
        padding-bottom:41px
    }
     .index_section5 .index_section5_box_head .img_box img.scale{
        height:190px;
        width:100%;
        object-fit:cover
    }
     .index_section5 .index_section5_box_head .text_box{
        width:80%;
        padding:20px
    }
     .index_section5 .index_section5_box_head .text_box h4{
        font-size:16px;
        margin-bottom:15px
    }
     .index_section5 .index_section5_box_head .text_box .remark{
        font-size:14px
    }
     .index_section5 .item_box .swiper-slide .text_box h4{
        font-size:18px;
        min-height:auto
    }
     .index_section5 .item_box .swiper-slide .text_box .remark{
        font-size:15px
    }
     .index_section6 .swiper-container{
        padding-bottom:45px
    }
     .index_section6 .swiper-wrapper{
        gap:0;
        flex-wrap:unset
    }
     .index_section6 .swiper-slide:nth-child(-n+4),.index_section6 .swiper-slide:nth-child(n+5){
        flex:0 0 100%
    }
     .index_news .index_news_box .swiper-slide .item .text_box span{
        font-size:14px
    }
     .index_news .index_news_box .swiper-slide .item .text_box h3{
        font-size:18px;
        min-height:auto
    }
     .index_news .index_news_box .swiper-slide .item .text_box p{
        font-size:16px
    }
     .index_news .index_news_box .swiper-slide .item .text_box span img{
        max-width:30px
    }
     .message_box{
        margin-bottom:-90px
    }
     .message_box .left{
        flex-wrap:wrap;
        display:flex;
        flex-direction:column-reverse
    }
     .message_box .left .txt{
        padding:20px;
        padding-top:0
    }
     .message_box .left h3{
        font-size:16px
    }
     .message_box .left p{
        font-size:24px;
        line-height:1.2;
        margin-top:20px
    }
     .message_box .left .img{
        text-align:right
    }
     .message_box .right{
        padding:0 20px;
        padding-bottom:30px
    }
     .message_box .right form .input{
        flex-wrap:wrap;
        gap:10px
    }
     .message_box .right form .input div,.message_box .right form .input div:nth-last-child(2){
        width:100%
    }
     .message_box .right form .input div input{
        font-size:15px
    }
     .message_box .right form .submit .submit_btn{
        font-size:16px
    }
     .page_banner img{
        height:150px;
        object-fit:cover;
        width:100%
    }
     .list_products .list_products_box{
        flex-wrap:wrap
    }
     .list_products .content_box{
        width:100%
    }
     .list_products .item_box{
        gap:10px
    }
     .list_products .item_box .item{
        flex:0 0 calc((100% - 1 * 10px)/ 2)
    }
     .list_products .item_box .item .img_box{
        margin:10px
    }
     .list_products .item_box .item .text_box{
        padding:10px
    }
     .list_products .item_box .item .text_box p{
        font-size:16px;
        line-height:24px;
        -webkit-line-clamp:2;
        min-height:auto
    }
     .list_products .item_box .item .text_box i{
        font-size:14px
    }
     .list_products .item_box .item .text_box .other span img{
        max-width:15px
    }
     .page_sidebar{
        width:100%;
        margin-right:0
    }
     .page_sidebar .page_sidebar_top p{
        font-size:16px
    }
     .page_sidebar .page_sidebar_top .btn_small_list .btn_main_text{
        font-size:15px
    }
     .page_sidebar .sidebar_search_box .form_control.keywords{
        font-size:15px
    }
     .page_sidebar .sidebar_category_box .item>a{
        font-size:16px
    }
     .page_sidebar .sidebar_news_box .item_box .item .img_box{
        width:42%;
        max-width:max-content
    }
     .page_sidebar .sidebar_news_box .item_box .item .text_box .title{
        font-size:16px
    }
     .page_sidebar .sidebar_news_box .item_box .item .text_box .other span{
        font-size:14px
    }
     .page_sidebar .sidebar_contact p a{
        font-size:15px
    }
     .page_sidebar .sidebar_contact p a img{
        max-width:25px
    }
     .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
    }
     .show_products .show_products_head .img_box .thumb_box{
        position:relative;
        padding:20px 40px
    }
     .show_products .show_products_head .img_box .thumb_box .swiper-slide{
        width:22%
    }
     .show_products .show_products_head .text_box h1{
        font-size:20px
    }
     .show_products .show_products_head .text_box .remark{
        font-size:16px
    }
     .show_products .show_products_head .text_box .code{
        font-size:14px
    }
     .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 p:first-child{
        margin-bottom:10px
    }
     .show_products .show_products_head .text_box .contact_box img{
        max-width:24px
    }
     .show_products .show_products_head .text_box .btn_box{
        gap:5px
    }
     .show_products .show_products_head .text_box .btn_box .btn_effect4{
        flex:0 0 calc((100% - 2 * 5px)/ 3)
    }
     .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list{
        padding:10px
    }
     .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list .btn_main_text{
        font-size:14px
    }
     .show_products .show_products_box{
        flex-wrap:wrap;
        margin:45px auto
    }
     .show_products .show_products_box .content_item{
        width:100%
    }
     .page_about{
        padding-bottom:45px
    }
     .page_about .page_about_section1{
        padding-bottom:45px
    }
     .page_about .page_about_section1 .head_block .title{
        font-size:36px
    }
     .page_about .page_about_section1 .page_about_section1_box{
        flex-wrap:wrap
    }
     .page_about .page_about_section1 .page_about_section1_box .img{
        width:100%;
        margin-bottom:20px
    }
     .page_about .page_about_section1 .page_about_section1_box .right{
        width:100%;
        padding-left:0;
        margin-top:0
    }
     .page_about .page_about_section1 .page_about_section1_box .right .remark{
        font-size:16px
    }
     .page_about .page_about_data{
        flex-wrap:wrap;
        gap:20px
    }
     .page_about .page_about_data .item{
        flex:0 0 calc((100% - 1 * 20px)/ 2);
        border:0;
        padding:0
    }
     .page_about .page_about_data .item p.remark{
        font-size:15px
    }
     .page_about .page_about_Ceospeech:before{
        width:100%;
        background-size:contain;
        height:100%;
        top:25%
    }
     .page_about .page_about_Ceospeech .img_box{
        width:100%;
        border-radius:0;
        margin-bottom:25px
    }
     .page_about .page_about_Ceospeech .text_box{
        width:100%;
        padding:20px
    }
     .page_about .page_about_Ceospeech .text_box .remark{
        font-size:16px
    }
     .page_about .page_about_Ceospeech .text_box span{
        font-size:16px
    }
     .page_about .about_ads{
        margin-bottom:20px;
        margin-top:45px;
        position:relative
    }
     .page_about .about_ads:before{
        content:'';
        display:block;
        width:100%;
        height:100%;
        background:#000;
        position:absolute;
        left:0;
        top:0;
        opacity:.2;
        z-index:1
    }
     .page_about .about_ads .img_box img{
        height:400px;
        object-fit:cover
    }
     .page_about .about_ads .text_box{
        max-width:94%;
        right:0;
        left:0;
        margin:auto
    }
     .page_about .about_ads .text_box .remark{
        font-size:16px;
        margin:0;
        margin-bottom:20px
    }
     .page_about .about_ads .text_box{
        z-index:2
    }
     .page_about .about_ads .text_box h3{
        font-size:24px
    }
     .page_about .about_why_us .head_block .title{
        font-size:26px
    }
     .page_about .about_why_us_box{
        flex-wrap:wrap;
        gap:10px
    }
     .page_about .about_why_us_box .item{
        flex:0 0 100%
    }
     .page_about .about_why_us_box .item .icon img{
        max-height:39px
    }
     .page_about .about_why_us_box .item .txt h4{
        font-size:18px
    }
     .page_about .about_why_us_box .item .txt p{
        font-size:16px
    }
     .page_about .about_corporate_culture_box{
        padding:0;
        flex-wrap:wrap;
        gap:20px;
        margin-top:20px
    }
     .page_about .about_corporate_culture_box:after,.page_about .about_corporate_culture_box:before{
        display:none
    }
     .page_about .about_corporate_culture_box .item{
        width:100%;
        height:100%;
        padding:20px 40px;
        margin:0;
        border-radius:20px
    }
     .page_about .about_corporate_culture_box .item .icon img{
        max-height:50px
    }
     .page_about .about_corporate_culture_box .item .txt h4{
        font-size:20px
    }
     .page_about .about_corporate_culture_box .item .txt p{
        font-size:16px
    }
     .page_about .about_faq{
        padding-top:45px
    }
     .page_about .about_faq .head_block .title{
        font-size:26px
    }
     .page_about .about_faq .btn_effect4 .btn_small_list .btn_main_text{
        font-size:16px
    }
     .page_about .about_global_market .about_global_market_content{
        overflow:auto
    }
     .page_solutions .page_solutions_head_title{
        margin-bottom:45px
    }
     .page_solutions .page_solutions_head_category{
        flex-wrap:wrap;
        gap:15px
    }
     .page_solutions .page_solutions_head_category .item{
        flex:0 0 calc((100% - 1 * 15px)/ 2)
    }
     .page_solutions .page_solutions_head_category .item p{
        font-size:14px;
        min-height:auto;
        line-height:20px;
        margin-bottom:20px
    }
     .page_solutions .page_solutions_box{
        flex-wrap:wrap;
        margin-bottom:45px
    }
     .page_solutions .page_solutions_box .content_box{
        width:100%
    }
     .page_solutions .page_solutions_title{
        padding:20px
    }
     .page_solutions .page_solutions_title h2{
        font-size:22px
    }
     .page_solutions .page_solutions_title p{
        font-size:16px;
        line-height:1.4
    }
     .page_solutions .page_solutions_box .content_box .item_box{
        gap:20px
    }
     .page_solutions .page_solutions_box .content_box .item_box .item{
        margin-bottom:0
    }
     .page_solutions .page_solutions_box .content_box .item_box .item a{
        flex-wrap:wrap
    }
     .page_solutions .page_solutions_box .content_box .item_box .item .img_box{
        width:100%;
        margin-bottom:20px
    }
     .page_solutions .page_solutions_box .content_box .item_box .item .text_box{
        width:100%;
        padding-left:0
    }
     .page_solutions .page_solutions_box .content_box .item_box .item .text_box span{
        font-size:14px
    }
     .page_solutions .page_solutions_box .content_box .item_box .item .text_box h3{
        font-size:18px;
        min-height:auto;
        margin:15px 0
    }
     .show_news{
        padding-top:45px
    }
     .show_news .show_news_head h1{
        font-size:20px
    }
     .show_news .show_news_content{
        font-size:16px
    }
     .show_news .show_pagination p{
        font-size:16px
    }
     .page_contact{
        margin-top:45px
    }
     .page_contact .page_contact_head{
        flex-wrap:wrap;
        margin-bottom:45px
    }
     .page_contact .page_contact_head .left,.page_contact .page_contact_head .right{
        width:100%
    }
     .page_contact .page_contact_head .left{
        padding-right:0;
        margin-bottom:20px
    }
     .page_contact .page_contact_head .left h2{
        font-size:40px
    }
     .page_contact .page_contact_head .right h2{
        font-size:20px
    }
     .page_contact .page_contact_head .left>p{
        font-size:16px
    }
     .page_contact .page_contact_head .left .left_contact .item .icon img{
        max-width:25px
    }
     .page_contact .page_contact_head .left .left_contact .item .txt a{
        font-size:16px
    }
     .page_contact .page_contact_head .left .contact_code h3{
        font-size:16px
    }
     .page_contact .page_contact_head .left .contact_code .code_box .item .text_box .whatsapp_btn{
        font-size:15px
    }
     .page_contact .page_contact_head .right .txt{
        padding:20px
    }
     .page_contact .page_contact_head .right p{
        font-size:16px
    }
     .page_contact .page_contact_head .right form .input{
        gap:20px
    }
     .page_contact .page_contact_head .right form .input>div{
        flex:0 0 100%
    }
     .page_contact .page_contact_head .right form .input>div p,.page_contact .page_contact_head .right form .textarea_box p,.page_contact .page_contact_head .right form .upload-box p{
        font-size:16px
    }
     .page_contact .page_contact_head .right form .input>div input,.page_contact .page_contact_head .right form .textarea_box textarea{
        font-size:15px
    }
     .page_contact .page_contact_head .right form .submit .btn_small_wrap .btn_small_list .btn_main_text{
        font-size:15px
    }
     .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;
        font-weight:400
    }
     .page_content.page_quotation{
        margin:45px 0
    }
     .page_quotation .page_quotation_head h1{
        font-size:30px
    }
     .page_quotation .page_quotation_head p{
        font-size:16px
    }
     .page_quotation .page_quotation_box{
        flex-wrap:wrap
    }
     .page_quotation .page_quotation_box .left{
        width:100%;
        margin-bottom:45px
    }
     .page_quotation .page_quotation_box .right{
        width:100%;
        padding-left:0
    }
     .page_quotation .page_quotation_box .right .from .input{
        flex-wrap:wrap
    }
     .page_quotation .page_quotation_box .right .from .input div{
        width:100%;
        margin-bottom:15px
    }
     .page_quotation .page_quotation_box .right .from .input div:last-child{
        margin-bottom:0
    }
     .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
    }
     .page_quotation .page_quotation_box .right .from .checktext .buttom{
        width:100%
    }
     .page_quotation .page_quotation_box .right .from .checktext .text{
        width:100%
    }
     .page_quotation .page_quotation_box .right .from .submit{
        text-align:center
    }
     .list_news .list_news_box .content_box>h2,.list_news .list_news_head .head_top h2,.page_certifcate_head h1,.page_pro_faq .page_pro_faq_head h3{
        font-size:22px
    }
     .page_certifcate_head .page_certifcate_list{
        margin:25px 0;
        gap:10px;
        flex-wrap:wrap
    }
     .page_certifcate_head .page_certifcate_list a{
        font-size:15px;
        flex:0 0 calc((100% - 1 * 10px)/ 2)
    }
     .page_certifcate .page_certifcate_box.pc{
        display:none
    }
     .page_certifcate .page_certifcate_box.mobile{
        display:block
    }
     .page_certifcate .page_certifcate_box .item_box .item{
        padding:0
    }
     .page_certifcate .page_certifcate_box .item_box .item:before{
        display:none
    }
     .page_certifcate .page_certifcate_box .item_box .item .img_box{
        flex:0 0 calc((100% - 1 * 20px)/ 2)
    }
     .page_certifcate .page_certifcate_box .item_box .item .img_box .img img{
        min-height:200px
    }
     .list_video{
        padding-top:45px
    }
     .list_video .list_video_box{
        gap:20px
    }
     .list_video .list_video_box .item{
        flex:0 0 100%;
        flex-wrap:wrap
    }
     .list_video .list_video_box .item .img_box{
        width:100%
    }
     .list_video .list_video_box .item .txt{
        width:100%
    }
     .list_video .list_video_box .item .txt p{
        font-size:18px
    }
     .list_video .list_video_box .item .txt span{
        font-size:15px
    }
     .list_news .list_news_head .head_top{
        flex-wrap:wrap;
        padding-bottom:40px
    }
     .list_news .list_news_head .head_top .swiper-pagination{
        bottom:10px!important
    }
     .list_news .list_news_head .head_top .swiper-pagination-bullet{
        width:10px;
        height:10px
    }
     .list_news .list_news_head .swiper-slide .item .text_box span{
        font-size:15px
    }
     .list_news .list_news_head .swiper-slide .item .text_box h3{
        font-size:18px
    }
     .list_news .list_news_box{
        margin-top:45px;
        flex-wrap:wrap
    }
     .list_news .content_box{
        width:100%
    }
     .list_news .list_news_box .content_box>h2{
        margin-bottom:30px;
        padding-bottom:30px
    }
     .list_news .list_news_box .content_box .item_box{
        gap:15px
    }
     .list_news .list_news_box .content_box .item_box .item{
        flex:0 0 100%
    }
     .list_news .list_news_box .content_box .item_box .item .text_box span{
        font-size:15px
    }
     .list_news .list_news_box .content_box .item_box .item .text_box h3{
        font-size:18px
    }
     .list_news .list_news_box .content_box .item_box .item .text_box p{
        font-size:16px
    }
     .list_case .list_news_box .content_box .item_box .item .text_box h4{
        font-size:18px
    }
     .list_case .list_news_box .content_box .item_box .item .text_box .remark{
        font-size:15px
    }
}