@media(min-width:1920px){
    html{
        font-size:calc(100vw/19.2)
    }
     body{
        max-width:1920px;
        margin:auto;
        position:relative
    }
     .auto-container{
        max-width:1600px
    }
     .head_box{
        max-width:1920px;
        width:1800px
    }
}
 @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:1820px){
    .index_solutions .right .solutions_box_head{
        left:5.5%
    }
}
 @media (max-width:1680px){
    .head_box{
        width:92.5%
    }
     .index_solutions .right .solutions_box_head{
        width:92.8%
    }
     .footer .footer_box .foot_bottom .auto-container,.footer .footer_box .foot_head.auto-container,.index_news .auto-container{
        max-width:95%
    }
     .section.index_solutions{
        padding-left:2%
    }
     .section.index_about{
        padding-right:2%
    }
     .show_news .relation .swiper-relation .swiper-slide .textbox h3{
        font-size:.2rem
    }
     .auto-container{
        max-width:95%
    }
     .show_products .page_recommend_pro .swiper-container{
        width:85%
    }
     .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
        left:0
    }
     .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next{
        right:0
    }
}
 @media (max-width:1440px){
    .head_box .nav_box .nav .hasdrop .sub .s-menu>p{
        font-size:.28rem;
        line-height:.85rem
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        font-size:.16rem;
        line-height:.7rem;
        padding:0 .15rem
    }
     .head_box .right_box .icosearch{
        line-height:.7rem;
        height:.7rem;
    }
     .head_box .nav_box .nav .hasdrop .sub{
        top:.7rem;
        width:max-content
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu{
        width:100%;
        padding:0 3%
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop .t-menu a{
        padding:.12rem 0
    }
     .footer .footer_from form{
        width:55%
    }
     .index_section4_box .text_box p{
        padding-bottom:.3rem
    }
     .page_support .page_support_box .item .text_box .remark{
        line-height:1.5
    }
}
 @media(max-width:1280px){
    html{
        font-size:calc(100vw/12.8)
    }
     .swiper-button-next{
        right:0
    }
     .swiper-button-prev{
        left:0
    }
     .additional-features{
        top:35%
    }
     .head_box{
        transform:translateY(.25rem)
    }
     .head_box .nav_box{
        width:81%
    }
     .head_box .logo_box{
        width:10%
    }
     .head_box .logo_box .slogan{
        display:none;
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu{
        padding-top:0
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub{
        padding-bottom:.45rem
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu .hasdrop a{
        padding:.15rem 0
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu .hasdrop .t-menu a{
        padding:0;
        padding-top:.2rem
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu>.hasdrop{
        width:19%
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .t-menu{
        margin-top:0
    }
     .head_box .right_box .icosearch img{
        max-width:.22rem
    }
     .footer .footer_form{
        padding:.65rem .3rem
    }
     .footer .footer_form:before{
        width:6rem;
        height:3.25rem;
        background-repeat:no-repeat
    }
     .footer .footer_form h3{
        font-size:.34rem
    }
     .footer .footer_form p{
        font-size:.2rem
    }
     .footer .footer_form .footer_form_box{
        padding:.45rem
    }
     .footer .footer_form .footer_form_box form#FooterMessage{
        margin-top:.25rem
    }
     .footer .footer_form .footer_form_box form .input{
        gap:.15rem
    }
     .footer .footer_form .footer_form_box form .input div{
        flex:0 0 calc((100% - 1 * .15rem)/ 2)
    }
     .footer .footer_form .footer_form_box form .input div input,.footer .footer_form .footer_form_box form .input div select{
        padding:.15rem
    }
     .footer .footer_form .footer_form_box form .checkbox label{
        font-size:.14rem
    }
     .footer .footer_box .foot_head.auto-container{
        padding-top:.5rem
    }
     .footer .footer_box .foot_head .left_category{
        padding-bottom:.3rem
    }
     .index_banner{
        padding-bottom:.65rem
    }
     .head_block h2{
        font-size:.36rem
    }
     .index_pro_categories .pro_categories_box .item a .text_box .text{
        font-size:.26rem
    }
     .index_pro_categories .pro_categories_box .item a .text_box .remark{
        font-size:.2rem
    }
     .index_block_banner .text_box{
        max-width:75%
    }
     .index_block_banner .text_box .head_block h2{
        font-size:.4rem
    }
     .index_block_banner .text_box .head_block .remark{
        font-size:.2rem
    }
     .index_solutions .right .solutions_box_head .item{
        padding:.15rem
    }
     .index_solutions .right .solutions_box_head .item .img img{
        max-width:.45rem
    }
     .index_solutions .right .solutions_box_head .item .text{
        font-size:.16rem
    }
     .index_solutions .right>.remark{
        left:6%
    }
     .index_solutions .right .remark a .remark_head .img img{
        max-width:.45rem
    }
     .index_solutions .right .remark a .remark_head .title{
        font-size:.26rem
    }
     .index_solutions .right .remark a .description{
        font-size:.15rem;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:8;
        -webkit-box-orient:vertical
    }
     .index_about .text_box{
        padding:.65rem
    }
     .index_about .text_box .head_block h2.title{
        font-size:.36rem
    }
     .index_about .text_box .head_block .remark{
        font-size:.18rem;
        line-height:1.3
    }
     .index_company_strength .swiper-slide p{
        padding:.15rem
    }
     .index_case .index_case_box .swiper-slide .item a .txt{
        padding:.3rem .5rem
    }
     .index_case .index_case_box .swiper-slide .item a .txt p{
        font-size:.2rem
    }
     .index_case .index_case_box .swiper-slide .item a .txt h3{
        font-size:.28rem
    }
     .index_case .index_case_box .swiper-button-next,.index_case .index_case_box .swiper-button-prev{
        top:30%
    }
     .page_banner{
        padding-top:.7rem
    }
     .page_banner img{
    height: 95px;
    object-fit: cover;
}
     .head_block .title{
        font-size:.32rem
    }
     .page_inside .auto-container{
        font-size:.16rem
    }
     .page_about .page_about_section1{
        background-size:cover!important
    }
     .page_about .page_about_section1 .page_about_section1_box .head_block .title{
        margin-bottom:.3rem
    }
     .page_about .page_about_section1 .page_about_section1_box .head_block .remark{
        font-size:.18rem
    }
     .page_about .page_about_section1 .page_about_num{
        margin-top:.5rem
    }
     .page_about .page_about_section1 .page_about_num .item div{
        font-size:.3rem
    }
     .page_about .page_about_section1 .page_about_num .item span{
        font-size:.18rem
    }
     .page_about .page_about_section2{
        padding:.65rem 0
    }
     .page_about .page_about_section2 .history_swiper .swiper-wrapper{
        padding-bottom:.45rem
    }
     .page_about .page_about_section2 .swiper-slide .item .text_box{
        width:55%
    }
     .page_about .page_about_section2 .swiper-slide .item .text_box .title{
        font-size:.5rem;
        margin-bottom:.1rem
    }
     .page_about .page_about_section2 .swiper-slide .item .text_box .remark{
        font-size:.17rem;
        height:2.3rem
    }
     .page_about .page_about_section3 .swiper-container{
        padding:.5rem 0
    }
     .page_about .page_about_section3 .swiper-slide{
        max-width:7rem
    }
     .page_about .page_about_section3 .swiper-slide-active{
        filter:drop-shadow(0 .15rem .15rem rgba(0,0,0,.25))
    }
     .page_about .page_about_section3 .swiper-slide .img_box img{
        max-height:5rem
    }
     .page_about .page_about_section3 .swiper-button-next{
        right:17%
    }
     .page_about .page_about_section3 .swiper-button-prev{
        left:17%
    }
     .page_about .page_about_section4{
        background-size:cover!important
    }
     .page_contact{
        padding-bottom:.45rem
    }
     .page_contact .page_contact_head{
        padding:.45rem 0;
        background-size:cover!important
    }
     .page_contact .page_contact_head_box{
        margin-top:.45rem
    }
     .page_contact .page_contact_head_box .item{
        width:32%
    }
     .page_contact .page_contact_head_box .item:last-child,.page_contact .page_contact_head_box .item:nth-last-child(2){
        width:48.8%
    }
     .page_contact_quotation{
        margin-top:.6rem
    }
     .page_contact_quotation form>p,.page_contact_quotation>p{
        font-size:.3rem
    }
     .page_contact_quotation .input{
        gap:.45rem
    }
     .page_contact_quotation .input>div p,.page_contact_quotation .textarea_box p,.page_contact_quotation .upload-box p{
        font-size:.18rem
    }
     .list_faq .list_faq_box .list_faq_item_box .item{
        padding:.25rem 0
    }
     .list_faq .list_faq_box .list_faq_item_box .item .item_head .title{
        font-size:.2rem
    }
     .page_content .inside-pagination{
        margin-bottom:.6rem
    }
     .page_news .item_box{
        gap:.3rem;
        padding-top:.45rem
    }
     .page_news .item_box .item .text_box .remark{
        font-size:.15rem;
        min-height:.6rem
    }
     .show_news .post-info .header>h1{
        font-size:.3rem
    }
     .show_news .relation .swiper-relation .swiper-slide .textbox h3{
        font-size:.18rem
    }
     .show_news .relation .swiper-relation .swiper-slide .imgbox{
        height:100%;
        width:40%
    }
     .show_news .relation .swiper-relation .swiper-slide .imgbox img{
        height:100%
    }
     .show_news .relation .swiper-relation .swiper-slide .textbox{
        width:60%
    }
     .list_products{
        padding-top:.45rem
    }
     .list_products .item_box{
        gap:.2rem
    }
     .list_products .item_box .item{
    }
     .list_products .item_box .item .text_box p{
        font-size:.17rem
    }
     .list_products .page_sidebar{
        padding-right:.45rem
    }
     .list_products .page_sidebar .sidebar_category_box .item>a{
        font-size:.16rem
    }
     .page_solutions{
        padding-bottom:.45rem
    }
     .page_solutions .page_solutions_box{
        margin-top:.45rem
    }
     .page_solutions .page_solutions_box .item .text_box{
        padding:.25rem
    }
     .page_solutions .page_solutions_box .item .text_box p{
        font-size:.2rem
    }
     .page_solutions .page_solutions_box .item .text_box span{
        font-size:.15rem
    }
     .page_support .page_support_box .item{
        margin-bottom:.55rem;
        margin-top:.9rem
    }
     .page_support .page_support_box .item .img_box{
        top:-.5rem
    }
     .page_support .page_support_box .item .text_box{
        min-height:3.9rem
    }
     .page_support .page_support_box .item .text_box .txt{
        padding:.45rem
    }
     .page_support .page_support_contact{
        margin-bottom:.6rem
    }
     .show_products .show_products_head{
        padding-top:.45rem
    }
     .show_products .show_products_head .text_box h1{
        font-size:.26rem
    }
     .show_products .show_products_head .text_box .remark{
        font-size:.17rem
    }
     .show_products .show_products_head .text_box .attribute_box{
        margin-bottom:.2rem;
        padding-bottom:.2rem
    }
     .show_products .show_products_head .text_box .attribute{
        padding:.2rem 0;
        margin:.2rem 0;
        margin-bottom:0;
        padding-bottom:0
    }
     .show_products .show_products_head .text_box .attribute div{
        font-size:.16rem;
        margin-bottom:.1rem
    }
     .show_products .show_products_head .text_box .attribute div:last-child{
        margin-bottom:0
    }
     .show_products .page_recommend_pro{
        padding-top:.45rem
    }
     .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next,.show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
        display:none
    }
     .show_products .page_about_video_box .img_box{
        height:4rem
    }
     .common_from{
        max-width:95%!important;
        margin-bottom:.6rem
    }
     .common_from form{
        padding:.45rem;
        padding-right:0
    }
}
 @media(max-width:1080px){
    html{
        font-size:calc(100vw/10.8)
    }
     body{
        font-size:14px
    }
     #videomodal .modal-dialog{
        width:90%
    }
     .swiper-pagination-bullet-active{
        background:var(--color)
    }
     .head_box{
        padding:.15rem;
        height:.7rem;
        display:flex;
        justify-content:space-between;
        transform: unset;
        width: 100%;
        border-radius: 0;
        background: var(--color);
    }
     .head_box .logo_box{
        width:auto;
        padding-left: 0;
    }
     .head_box .nav_box{
        display:none;
        position:absolute;
        top:.7rem;
        left:0;
        background:#fff;
        width:100%;
        border-top:.01rem solid rgb(255 255 255 / 10%);
        max-height:5.5rem;
        overflow:auto;
        padding-bottom:.3rem
    }
     .head_box .nav_box .nav{
        display:block
    }
     .head_box .nav_box .nav>.hasdrop{
        margin-right:0
    }
     .head_box .nav_box .nav .hasdrop.pro{
        margin-right:0
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        position:relative;
        font-size:.18rem;
        padding:0 .2rem;
        width:100%;
        color: #222222;
    }
     .head_box .nav_box .nav li .mobile-navbtn{
        position:absolute;
        top:22%;
        right:.2rem;
        margin:auto;
        width:.3rem;
        height:.3rem;
        transition:.3s
    }
     .head_box .nav_box .nav li .mobile-navbtn::after{
        position:absolute;
        top:-.04rem;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        content:'';
        width:.15rem;
        height:.15rem;
        border-right:.03rem solid #555;
        border-bottom:.03rem solid #555;
        transform:rotate(45deg);
        transition:all .3s linear
    }
     .head_box .nav_box .nav li .mobile-navbtn.open{
        transform:rotate(180deg)
    }
     .head_box .nav_box .nav .hasdrop .sub{
        position:unset;
        padding:0 .1rem
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu{
        padding:0
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu>p{
        display:none
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop{
        width:100%
    }
     .head_box .right_box .icosearch{
         width: 40px;
     }
     .head_box .right_box .icosearch img{
        max-width: 20px;
    }
     .head_box .right_box .gtranslate_wrapper .gt_switcher_wrapper{
        margin-top:.03rem
    }
      .head_box .right_box .gt_container--hich1m .gt_switcher .gt_selected a{
    height: 22px;
}
     .head_box.open .logo_box{
        opacity:0
    }
     .head_box .right_box{
    width: max-content;
}
     .head_box .right_box .c_switch{
        display:block;
        margin-top:.05rem;
        width: 30px;
        margin-left:.1rem
    }
     .head_box .right_box .c_switch i{
        background:#fff
    }
     .head_box .right_box .c_switch.open i:nth-child(1){
        top:.12rem;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
     .head_box .right_box .c_switch.open i:nth-child(2){
        opacity:0
    }
     .head_box .right_box .c_switch.open i:nth-child(3){
        bottom:.06rem;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
     .head_box .right_box .c_switch i{
        position:relative;
        display:block;
        height:.03rem;
        -webkit-transition:all .3s;
        transition:all .3s;
        /* background: #fff; */
    }
     .head_box .right_box .c_switch i:nth-child(1){
        top:0
    }
     .head_box .right_box .c_switch i:nth-child(3){
        bottom:0
    }
     .head_box .right_box .c_switch i:nth-child(2){
        margin:.06rem 0
    }
     .head_box .right_box .search_con2{
        width:95%;
        right:0;
        top:9%
    }
     .head_box .right_box .search_con2 .search_input{
        width:100%
    }
     .head_box .right_box .search_con2 .moblie_search_close{
        margin-left:.15rem;
        margin-right:.15rem;
        margin-top:0
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub{
        padding:.2rem
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu{
        display:block;
        padding:0
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu .hasdrop{
        width:100%;
        padding-top:0
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu .hasdrop a{
        padding-bottom:.1rem;
        font-size:.2rem
    }
     .section .head_block p{
        text-align:left
    }
     .section .head_block span{
        max-width:100%;
        font-size:.16rem;
        line-height:normal;
        text-align:left
    }
     .head_block .title{
        font-size:.3rem
    }
    .btn_effect4{
    font-size: 14px;
    font-family: 'RobotoRegular';
}
.footer{}
.footer .footer_form{
    padding: 40px 20px;
}
.footer .footer_form:before{
    display: none;
}
.footer .footer_form h3{
    font-size: 20px;
}
.footer .footer_form p{
    font-size: 15px;
}
.footer .footer_form .footer_form_box{
    max-width: 100%;
    padding: 0;
    background: 0;
}
.footer .footer_form .footer_form_box form#FooterMessage{}
.footer .footer_form .footer_form_box form .input{
    gap: 15px;
    margin-bottom: 20px;
}
.footer .footer_form .footer_form_box form .input div{
    flex: 0 100%;
}
.footer .footer_form .footer_form_box form .input div input,.footer .footer_form .footer_form_box form .input div select{
    font-size: 15px;
}
.footer .footer_form .footer_form_box form .input div select{}
.footer .footer_form .footer_form_box form .input .select_box{}
.footer .footer_form .footer_form_box form .input .select_box::before{}
.footer .footer_form .footer_form_box form .checkbox{}
.footer .footer_form .footer_form_box form .checkbox .box{
    top: 5px;
    width: 20px;
    height: 20px;
}
.footer .footer_form .footer_form_box form .checkbox #agree:checked+.box::before{}
.footer .footer_form .footer_form_box form .checkbox input{}
.footer .footer_form .footer_form_box form .checkbox label{
    font-size: 14px;
    padding-left: 30px;
}
.footer .footer_form .footer_form_box form .checkbox label a{}
.footer .footer_form .footer_form_box form .submit{}
.footer .footer_form .footer_form_box form .submit button.btn_effect4{}
.footer .footer_form .footer_form_box form .submit button .btn_small_wrap{}
.footer .footer_form .footer_form_box form .submit button .btn_small_wrap .btn_small_list{}
.footer .footer_form .footer_form_box form .submit button .btn_small_wrap .btn_small_list .btn_main_text{}
.footer .footer_form .footer_form_box form .submit button .btn_small_wrap .btn_small_list.hover{}
.footer .footer_box{}
.footer .footer_box .foot_head.auto-container{}
.footer .footer_box .foot_head .left_category{
    display: none;
}
.footer .footer_box .foot_head .left_category .item{
}
.footer .footer_box .foot_head .left_category .item p{}
.footer .footer_box .foot_head .left_category .item .item_box{}
.footer .footer_box .foot_head .left_category .item .item_box a{}
.footer .footer_box .foot_head .left_category .item .item_box a:hover{}
.footer .footer_box .foot_head .footer_logo{}
.footer .footer_box .foot_head .footer_logo a{}
.footer .footer_box .foot_head .footer_logo a img{}
.footer .footer_box .foot_head .right_box{}
.footer .footer_box .foot_head .right_box .foot_contact{
    width: 100%;
    margin-bottom: 35px;
    gap: 20px;
}
.footer .footer_box .foot_head .right_box .foot_contact p{
    flex: 0 100%;
    font-size: 16px;
    line-height: 1.2;
}
.footer .footer_box .foot_head .right_box .foot_contact p img{}
.footer .footer_box .foot_head .right_box .foot_contact p a{}
.footer .footer_box .foot_head .right_box .foot_contact p a:hover{}
.footer .footer_box .foot_head .right_box .foot_contact p a span{}
.footer .footer_box .foot_head .right_box .foot_share{}
.footer .footer_box .foot_head .right_box .foot_share a{}
.footer .footer_box .foot_head .right_box .foot_share a img{}
.footer .footer_box .foot_bottom{}
.footer .footer_box .foot_bottom .auto-container{
    flex-wrap: wrap;
}
.footer .footer_box .foot_bottom .auto-container .left{
    margin-bottom: 15px;
}
.footer .footer_box .foot_bottom .auto-container .left p,.footer .footer_box .foot_bottom .auto-container .right a{
    font-size: 16px;
}
.footer .footer_box .foot_bottom .auto-container .right a{}
.footer .footer_box .foot_bottom .auto-container .right a:last-child{}
.footer .footer_box .foot_bottom .auto-container .right a:hover{}
.footer .footer_box .foot_bottom .auto-container{}
.swiper-container .swiper-pagination{}
.swiper-container .swiper-pagination .swiper-pagination-bullet{}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{}
.index_banner{
    padding-top: 26px;
    padding-bottom: 30px;
}
.head_block{}
.head_block h2{
    font-size: 24px;
}
.section.index_pro_categories{}
.index_pro_categories .head_block{}
.index_pro_categories .head_block h2{}
.index_pro_categories .pro_categories_box{
    gap: 20px;
    margin-top: 30px;
}
.index_pro_categories .pro_categories_box .item{
    flex: 0 100%;
}
.index_pro_categories .pro_categories_box .item a{}
.index_pro_categories .pro_categories_box .item a:before{}
.index_pro_categories .pro_categories_box .item:hover a:before{}
.index_pro_categories .pro_categories_box .item a .img{}
.index_pro_categories .pro_categories_box .item a .img img{}
.index_pro_categories .pro_categories_box .item a .text_box{
    padding: 20px;
}
.index_pro_categories .pro_categories_box .item a .text_box .text{
    font-size: 18px;
    margin-bottom: 15px;
}
.index_pro_categories .pro_categories_box .item a .text_box .remark{
    font-size: 15px;
    margin-bottom: 20px;
}
.index_pro_categories .pro_categories_box .item a .text_box span{
    font-size: 13px;
}
.index_pro_categories .pro_categories_box .item a .text_box span img{}
.index_pro_categories .pro_categories_box .item:hover a .text_box span{}
.index_pro_categories .pro_categories_box .item:hover a .text_box span img{}
.section.index_block_banner{
    margin-top: 45px;
}
.section.index_block_banner:before{}
.index_block_banner .img_box{}
.index_block_banner .img_box img{
    height: 300px;
    object-fit: cover;
}
.index_block_banner .text_box{
    max-width: 100%;
    padding-bottom: 30px;
}
.index_block_banner .text_box .head_block{
    margin-bottom: 30px;
}
.index_block_banner .text_box .head_block h2{
    font-size: 22px;
}
.index_block_banner .text_box .head_block .remark{
    font-size: 15px;
}
.index_block_banner .text_box .btn_box{}
.index_block_banner .text_box .btn_box a.btn_effect4{}
.index_block_banner .text_box .btn_box a .btn_small_wrap{}
.index_block_banner .text_box .btn_box a .btn_small_wrap .btn_small_list{}
.index_block_banner .text_box .btn_box a .btn_small_wrap .btn_small_list .btn_main_text img{}
.index_block_banner .text_box .btn_box a .btn_small_wrap .btn_small_list.hover{}
.index_block_banner .text_box .btn_box a .btn_small_wrap .btn_small_list.hover .btn_main_text img{}
.section.index_solutions{
    margin-top: 45px;
    flex-wrap: wrap;
    padding-left: 0;
}
.index_solutions .left{
    width: 100%;
}
.index_solutions .left .img{}
.index_solutions .left .img img{
    height: 390px;
    object-fit: cover;
}
.index_solutions .right{
    width: 100%;
    border-radius: 0;
}
.index_solutions .right .solutions_box_head{
    flex-wrap: wrap;
    background: 0;
    top: 20px;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
.index_solutions .right .solutions_box_head .item{
    flex: 0 0 calc((100% - 1 * 10px) / 2);
    background: #58a44e;
}
.index_solutions .right .solutions_box_head .item.active,.index_solutions .right .solutions_box_head .item:hover{}
.index_solutions .right .solutions_box_head .item .img{}
.index_solutions .right .solutions_box_head .item .img img{
    max-width: 30px;
}
.index_solutions .right .solutions_box_head .item.active .img img,.index_solutions .right .solutions_box_head .item:hover .img img{}
.index_solutions .right .solutions_box_head .item .text{
    font-size: 15px;
}
.index_solutions .right .solutions_box_head .item .remark{}
.index_solutions .right > .remark{
    position: unset;
    width: 95%;
    padding: 30px 0;
    margin: auto;
}
.index_solutions .right .remark a{}
.index_solutions .right .remark a .remark_head{}
.index_solutions .right .remark a .remark_head .img{}
.index_solutions .right .remark a .remark_head .img img{
    max-width: 35px;
}
.index_solutions .right .remark a .remark_head .title{
    font-size: 20px;
}
.index_solutions .right .remark a .description{
    font-size: 16px;
    line-height: 1.3;
}
.index_solutions .right .remark a .btn_effect4{}
.index_solutions .right .remark a .btn_effect4 .btn_small_list{}
.index_solutions .right .remark a .btn_effect4 .btn_small_list img{}
.index_solutions .right .remark a .btn_effect4 .btn_small_list.hover{}
.index_solutions .right .remark a .btn_effect4 .btn_small_list.hover img{}
.section.index_about{
    flex-wrap: wrap;
}
.index_about .video_box{
    width: 100%;
}
.index_about .video_box .img_box{}
.index_about .video_box .img_box img{}
.index_about .video_box .play_btn{}
.index_about .video_box .play_btn .cril .triangle{}
.index_about .video_box .play_btn .cril .triangle img{}
.index_about .video_box .play_btn .cril{}
.index_about .video_box .play_btn .cril .dots{}
.index_about .video_box .play_btn .cril .dot{}
.index_about .video_box .play_btn .cril .dot-two{}
.index_about .video_box .play_btn .cril .dot-three{}
.index_about .video_box .play_btn .cril .dot-four{}
.index_about .text_box{
    width: 100%;
    padding: 25px;
}
.index_about .text_box .head_block{}
.index_about .text_box .head_block h2.title{
    font-size: 24px;
}
.index_about .text_box .head_block .remark{
    font-size: 16px;
}
.index_about .text_box .more_btn{}
.index_about .text_box .more_btn .btn_effect4{}
.index_about .text_box .more_btn .btn_effect4 .btn_small_list{}
.index_about .text_box .more_btn .btn_effect4 .btn_small_list.hover{}
.section.index_company_strength{
    margin: 35px auto;
}
.index_company_strength .head_block{}
.index_company_strength .head_block h2.title{}
.index_company_strength .index_company_strength_box{}
.index_company_strength .swiper-container{
    padding-bottom: 45px;
}
.index_company_strength .swiper-wrapper{}
.index_company_strength .swiper-slide{}
.index_company_strength .swiper-slide .img_box{}
.index_company_strength .swiper-slide .img_box img.scale{}
.index_company_strength .swiper-slide p{
    padding: 10px;
    font-size: 16px;
}
.index_company_strength .swiper-pagination{}
.index_company_strength .swiper-pagination-bullet{}
.index_company_strength .swiper-pagination-bullet-active{}
.section.index_case{
    margin-bottom: 35px;
}
.index_case .head_block{}
.index_case .head_block h2.title{}
.index_case .index_case_box{
    margin-top: 35px;
}
.index_case .index_case_box .swiper-container{
    padding: 0 35px;
    padding-bottom: 45px;
}
.index_case .index_case_box .swiper-wrapper{}
.index_case .index_case_box .swiper-slide{}
.index_case .index_case_box .swiper-slide .item{}
.index_case .index_case_box .swiper-slide .item a{}
.index_case .index_case_box .swiper-slide .item a:before{}
.index_case .index_case_box .swiper-slide .item a .img_box{}
.index_case .index_case_box .swiper-slide .item a .img_box img.scale{
    height: 235px;
    object-fit: cover;
}
.index_case .index_case_box .swiper-slide .item a .txt{
    padding: 15px;
}
.index_case .index_case_box .swiper-slide .item a .txt p{
    font-size: 15px;
    margin-bottom: 15px;
}
.index_case .index_case_box .swiper-slide .item a .txt h3{
    font-size: 18px;
    -webkit-line-clamp: 2;
    margin-bottom: 20px;
}
.index_case .index_case_box .swiper-slide .item a .txt .btn_effect4 .btn_small_list{}
.index_case .index_case_box .swiper-slide .item a .txt .btn_effect4 .btn_small_list img{}
.index_case .index_case_box .swiper-slide .item a .txt .btn_effect4 .btn_small_list.hover{}
.index_case .index_case_box .swiper-slide .item a .txt .btn_effect4 .btn_small_list.hover img{}
.index_case .index_case_box .swiper-pagination{}
.index_case .index_case_box .swiper-pagination-bullet{}
.index_case .index_case_box .swiper-pagination-bullet-active{}
.index_case .index_case_box .swiper-button-prev,.index_case .index_case_box .swiper-button-next{
    display: none;
}
.index_case .index_case_box .swiper-button-prev:before,.index_case .index_case_box .swiper-button-next:before{}
.index_case .index_case_box .swiper-button-prev{}
.index_case .index_case_box .swiper-button-next{}
.index_news{}
.index_news .auto-container{}
.index_news .head_block{}
.index_news .head_block .title{}
.index_news .head_block .remark{}
.index_news .index_news_box{}
.index_news .swiper-container{}
.index_news .swiper-wrapper{}
.index_news .swiper-slide{}
.index_news .swiper-slide .item{}
.index_news .swiper-slide .item{}
.index_news .swiper-slide .item .img_box{}
.index_news .swiper-slide .item .img_box img{}
.index_news .swiper-slide .item .txt{}
.index_news .swiper-slide .item .txt h3{}
.index_news .swiper-slide .item .txt .remark{}
.index_news .swiper-slide .item .txt p{}
.index_news .swiper-slide .item .txt span{}
.index_news .swiper-slide .item .txt span img{}
.index_news .swiper-slide .item:hover{}
.index_news .swiper-slide .item:hover .txt h3{}
.index_news .swiper-slide .item:hover .txt span{}
.index_news .swiper-slide .item:hover .txt span img{}

     .page_inside{
        border-bottom:.01rem solid #ccc
    }
     .page_inside .auto-container{
        flex-wrap:wrap
    }
     .page_about .page_about_section1 .page_about_section1_box{
        flex-wrap:wrap
    }
     .page_about .page_about_section1 .page_about_section1_box .left{
        width:100%;
        margin-bottom:.4rem
    }
     .page_about .page_about_section1 .page_about_section1_box .head_block{
        width:100%
    }
     .page_about .page_about_section1 .page_about_num{
        margin-top:.3rem;
        flex-wrap:wrap;
        gap:.2rem
    }
     .page_about .page_about_section1 .page_about_num .item{
        width:47%
    }
     .page_about .page_about_section2{
        padding:.45rem 0
    }
     .page_about .page_about_section2 .history_swiper{
        padding-bottom:.65rem
    }
     .page_about .page_about_section2 .history_swiper .swiper-wrapper{
        padding-bottom:.2rem
    }
     .page_about .page_about_section2 .swiper-slide .item{
        flex-wrap:wrap
    }
     .page_about .page_about_section2 .swiper-slide .item .img_box{
        width:100%;
        margin-bottom:.3rem
    }
     .page_about .page_about_section2 .swiper-slide .item .img_box img.scale{
        width:100%;
        max-height:2.8rem;
        object-fit:cover
    }
     .page_about .page_about_section2 .swiper-slide .item .text_box{
        width:100%
    }
     .page_about .page_about_section2 .swiper-pagination-bullet div{
        font-size:.18rem
    }
     .page_about .page_about_section2 .short-line{
        bottom:11.5%
    }
     .page_about .page_about_section3 .swiper-container{
        padding:.3rem 0
    }
     .page_about .page_about_section3 .swiper-slide{
        max-width:3.5rem
    }
     .page_about .page_about_section3 .swiper-slide .img_box img{
        max-width:100%;
        width:100%
    }
     .page_about .page_about_section3 .swiper-button-next,.page_about .page_about_section3 .swiper-button-prev{
        top:55%
    }
     .page_about .page_about_section3 .swiper-button-next{
        right:5%
    }
     .page_about .page_about_section3 .swiper-button-prev{
        left:5%
    }
     .page_about .page_about_section4 .page_about_section4_box{
        padding-bottom:.7rem
    }
     .page_about .page_about_section4 .page_about_section4_box:before{
        width:80%;
        bottom:6%
    }
     .page_about .page_about_section4 .swiper-button-next,.page_about .page_about_section4 .swiper-button-prev{
        width:.55rem;
        height:.55rem
    }
     .page_about .page_about_section4 .swiper-button-next{
        left:20%
    }
     .page_contact .page_contact_head_box{
        margin-top:.3rem;
        gap:.2rem
    }
     .page_contact .page_contact_head_box .item{
        width:100%;
        display: flex;
        justify-content: space-between;
    }
     .page_contact .page_contact_head_box .item:last-child,.page_contact .page_contact_head_box .item:nth-last-child(2){
        width:100%
    }
     .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:.16rem
    }
     .page_contact .page_contact_quotation .upload-box .upload-wrap{
        padding:.1rem
    }
     .page_contact .page_contact_quotation .upload-box .upload-wrap p{
        max-width:65%;
        font-size:.14rem;
        line-height:1.3
    }
     .page_contact_quotation .input>div input,.page_contact_quotation .textarea_box textarea{
        padding:.12rem
    }
     .page_contact_quotation .textarea_box textarea{
        height:1.2rem
    }
     .list_faq .list_faq_box .list_faq_head h1{
        font-size:.3rem;
        margin-bottom:.2rem
    }
     .list_faq .list_faq_box .list_faq_head .left{
        width:100%;
        margin-bottom:.3rem
    }
     .list_faq .list_faq_box .list_faq_head{
        flex-wrap:wrap
    }
     .list_faq .list_faq_box .list_faq_head .search_box{
        width:100%
    }
     .list_faq .list_faq_box .list_faq_item_box{
        margin-top:.2rem;
        margin-bottom:.3rem
    }
     .list_faq .list_faq_box .list_faq_item_box .item{
        padding:.2rem 0
    }
     .list_faq .list_faq_box .list_faq_item_box .item .left{
        padding-top:.07rem
    }
     .list_faq .list_faq_box .list_faq_item_box .item .item_head .title{
        font-size:.18rem
    }
     .list_faq .list_faq_box .list_faq_item_box .item .remark{
        font-size:.16rem
    }
     .page_content .inside-pagination{
        margin-bottom:.45rem
    }
     .page_news .item_box{
        gap: 30px 15px;
    }
     .page_news .item_box .item{
        flex: 0 100%;
    }
     .page_news .item_box .item .text_box{
        padding:0;
        padding-top:.2rem
    }
     .page_news .item_box .item .text_box .remark{
        min-height:.6rem
    }
     .show_news .post-info{
        padding: 20px;
        padding-top: 35px;
        font-size: 16px;
    }
     .show_news .post-info .header>h1{
        font-size:.26rem
    }
     .show_news .relation{
        margin-bottom:0
    }
     .show_news .relation .swiper-relation .swiper-slide .imgbox{
        width:100%
    }
     .show_news .relation .swiper-relation .swiper-slide .imgbox img{
        width:100%
    }
     .show_news .relation .swiper-relation .swiper-slide .textbox{
        width:100%;
        padding:.2rem
    }
     .list_products .list_products_box{
        flex-wrap:wrap
    }
     .list_products .content_box{
        width:100%
    }
     .list_products .item_box{
         gap: 30px 15px;
     }
     .list_products .item_box .item{
    flex: 0 0 calc((100% - 1 * 15px) / 2);
    }
     .list_products .item_box .item .text_box .other span{
        font-size:.14rem
    }
     .list_products .page_sidebar{
        padding-right:0;
        width:100%
    }
     .page_solutions .page_solutions_box{
        flex-wrap:wrap
    }
     .page_solutions .page_solutions_box .item{
        flex: 0 100%;
    }
     .page_solutions .page_solutions_box .item .img_box img{
        width:100%
    }
     .page_support .page_support_box .item .img_box{
        width:100%
    }
     .page_support .page_support_box .item .img_box img{
        height:2.5rem;
        width:100%
    }
     .page_support .page_support_box .item .text_box{
        margin:auto;
        min-height:auto;
        padding-top:2rem
    }
     .page_support .page_support_box .item:nth-child(even) .text_box{
        margin:auto
    }
     .page_support .page_support_box .item .text_box .txt{
        width:100%;
        padding:.3rem
    }
     .page_support .page_support_box .item .text_box .title{
        font-size:.22rem
    }
     .page_support .page_support_box .item .text_box .remark p{
        line-height:1.2;
        width:100%
    }
     .page_support .page_support_contact{
        margin-bottom:.45rem;
        min-height:auto;
        padding:.4rem 0
    }
     .show_products .show_products_head{
        flex-wrap:wrap
    }
     .show_products .show_products_head .img_box{
        width:100%;
        margin-right:0;
        margin-bottom:.3rem
    }
     .show_products .show_products_head .text_box{
        width:100%
    }
     .show_products .show_products_head .img_box .view_box{
        min-height:auto
    }
     .show_products .show_products_head .img_box .view_box .swiper-container{
        height:auto
    }
     .show_products .show_products_head .img_box .view_box .swiper-slide{
        line-height:normal
    }
     .show_products .show_products_head .text_box h1{
        font-size:.24rem
    }
     .page_product_show .product_show_head .text_box .color_thumbs>p,.show_products .show_products_head .text_box .attribute div p:first-child{
        width:35%
    }
     .show_products .show_products_head .text_box .btn_box{
        margin-bottom:0
    }
     .show_products .show_products_box .show_pro_head h2{
        font-size:.3rem
    }
     .common_from{
        display:flex;
        flex-direction:column;
        margin-top:.3rem;
        margin-bottom:.45rem
    }
     .common_from .img_box{
        width:100%;
        margin-bottom:.3rem
    }
     .common_from .img_box img{
        width:100%
    }
     .common_from form{
        padding:0;
        width:100%
    }
}
 @media(max-width:768px){
    html{
        font-size:calc(100vw/5)
    }
    .additional-features{
        top: 50%;
    }
     .modal-title{
        font-size:.22rem;
        font-weight:700
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        font-size: 16px;
        padding: 0 10px;
        line-height: 45px;
    }
     .head_box .nav_box .nav .hasdrop.active .stair .a, .head_box .nav_box .nav .hasdrop:hover .stair .a{
    background: 0;
    color: var(--color);
}
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a{
        font-size: 15px;
        padding-left: 5px;
    }
     .head_box .logo_box .logo_icon img{
        max-height:.5rem
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu>.hasdrop{
        padding-bottom:.2rem
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu .hasdrop .t-menu a{
        font-size:.18rem
    }
     .head_block .title{
        font-size:.32rem
    }
     .head_block .remark{
        font-size:.22rem
    }
     .page_inside .auto-container{
        font-size:.2rem
    }
     .page_about .page_about_section1 .page_about_section1_box .head_block .remark{
        font-size:.22rem
    }
     .page_about .page_about_section1 .page_about_num .item span{
        font-size:.2rem
    }
     .page_about .page_about_section2 .swiper-slide .item .text_box .remark{
        font-size:.22rem;
        height:2.5rem
    }
     .page_about .page_about_section3{
        padding-bottom:.3rem
    }
     .page_about .page_about_section3 .swiper-container{
        padding-bottom:.5rem
    }
     .page_about .page_about_section3 .swiper-pagination{
        bottom:0
    }
     .page_about .page_about_section3 .swiper-pagination-bullet{
        width:.08rem;
        height:.08rem;
        background:#a4a4a4;
        transition:all .3s linear;
        border-radius:100vh
    }
     .page_about .page_about_section3 .swiper-pagination-bullet-active{
        width:.5rem
    }
     .page_about .page_about_section3 .swiper-button-next,.page_about .page_about_section3 .swiper-button-prev{
        display:none
    }
     
     .page_contact .page_contact_head_box .item .txt_box{
    }
     .page_contact .page_contact_head_box .item .txt_box p{
        font-size:18px
    }
     .page_contact .page_contact_head_box .item .txt_box .share_box a{
    margin-right: 5px;
}
     .page_contact .page_contact_head_box .item .txt_box .share_box a img{
    max-height: 20px;
}
     .page_contact .page_contact_head_box .item .txt_box span,.page_contact .page_contact_head_box .item .txt_box>a{
        font-size:15px
    }
     .page_contact_quotation .input>div p,.page_contact_quotation .textarea_box p,.page_contact_quotation .upload-box p{
        font-size: 15px;
    }
     .page_contact .page_contact_quotation .upload-box .upload-wrap p{
        font-size:14px
    }
     .page_contact_quotation .input>div input,.page_contact_quotation .textarea_box textarea{
        font-size:16px
    }
     .page_contact_quotation .submit .btn_small_wrap .btn_small_list .btn_main_text{
        font-size:18px
    }
     .page_contact_map{
        margin-top:45px
    }
     .list_faq .list_faq_box .list_faq_head h1{
        font-size:26px
    }
     .list_faq .list_faq_box .list_faq_head p{
        font-size:16px
    }
     .list_faq .list_faq_box .list_faq_head .search_box .form_control.keywords{
        font-size:16px
    }
     .list_faq .list_faq_box .list_faq_item_box .item .item_head .title{
        font-size:18px;
        line-height:1.3
    }
     .list_faq .list_faq_box .list_faq_item_box .item .remark{
        font-size:16px
    }
     .page_news .item_box .item .text_box .title{
        font-size:18px;
        line-height: 1.2;
    }
     .page_news .item_box .item .text_box .remark{
        font-size: 15px;
        min-height: auto;
    }
     .page_news .item_box .item .text_box .other{
        font-size:14px
    }
     .show_news .post-info .header>h1{
        font-size:24px
    }
     .show_news .post-info .header>p>span{
        font-size:14px
    }
     .show_news .post-info .post-pagination p a{
        font-size:16px
    }
     .show_news .relation .swiper-relation{
        padding-bottom:.5rem
    }
     .show_news .relation .swiper-relation .swiper-pagination{
        bottom:0
    }
     .show_news .relation .swiper-relation .swiper-pagination .swiper-pagination-bullet{
        width:.08rem;
        height:.08rem;
        background:#a4a4a4;
        transition:all .3s linear;
        border-radius:100vh
    }
     .show_news .relation .swiper-relation .swiper-pagination .swiper-pagination-bullet-active{
        width:.7rem
    }
     .show_news .relation .swiper-relation .swiper-slide .textbox h3{
        font-size:18px
    }
     .show_news .relation .swiper-relation .swiper-slide .textbox .other{
        font-size:14px
    }
     .list_products .item_box .item .text_box p{
        font-size:.22rem
    }
     .list_products .item_box .item .text_box .other span{
        font-size:.2rem
    }
     .list_products .item_box .item .text_box>span{
        font-size:.2rem
    }
     .list_products .page_sidebar .sidebar_search_box .form_control.keywords{
        font-size:.22rem;
        padding:.15rem
    }
     .list_products .page_sidebar .sidebar_search_box .search_btn{
        height:.65rem;
        line-height:.65rem
    }
     .list_products .page_sidebar .sidebar_category_box .item>a{
        font-size:18px
    }
     .list_products .page_sidebar .sidebar_category_box .item .sub_menu li a{
        font-size:16px
    }
     .page_solutions .page_solutions_box .item .img_box span{
        font-size:15px
    }
     .page_solutions .page_solutions_box .item .text_box p{
        font-size: 18px;
    }
     .page_solutions .page_solutions_box .item .text_box span{
        font-size: 15px;
    }
     .page_support .page_support_box .item .text_box .title{
        font-size:20px
    }
     .page_support .page_support_box .item .text_box .remark{
        font-size:16px
    }
     .show_products .show_products_head .img_box .thumb_box .swiper-slide{
        width:21.2%;
        height:21.2%;
        margin-right:5%
    }
     .show_products .show_products_head .text_box h1{
        font-size:.3rem
    }
     .show_products .show_products_head .text_box .remark{
        font-size:.22rem
    }
     .show_products .show_products_head .text_box .other .enshrine{
        font-size:.2rem
    }
     .show_products .show_products_head .text_box .attribute div{
        font-size:.21rem
    }
     .page_product_show .product_show_head .text_box .color_thumbs>p,.show_products .show_products_head .text_box .attribute div p:first-child{
        width:45%
    }
     .show_products .show_products_head .text_box .contact_box p{
        font-size:.22rem
    }
     .show_products .show_products_head .text_box .contact_box img{
        max-width:24px
    }
     .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list{
        padding:10px 15px
    }
     .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list .btn_main_text{
        font-size:15px
    }
     .show_products .show_products_head .text_box .btn_box .btn_effect4:last-child .btn_small_list{
        padding:10px 15px
    }
     .show_products .page_recommend_pro{
        padding-top:0;
        padding-bottom:0
    }
     .show_products .page_recommend_pro .swiper-container{
        padding-bottom:20px
    }
     .show_products .page_recommend_pro .item .text_box{
        padding-top:10px
    }
     .show_products .page_recommend_pro .item .text_box p{
        font-size:18px;
        min-height:auto
    }
     .common_from form .input{
        flex-wrap:wrap;
        margin-bottom:20px
    }
     .common_from form .input div{
        width:100%
    }
     .common_from form .input div input{
        font-size:16px;
        line-height:45px;
        padding-bottom:0
    }
     .common_from form .upload-box #fileName{
        font-size:16px
    }
     .common_from form .textarea_box{
        margin-bottom:20px
    }
     .common_from form .textarea_box textarea.content{
        font-size:16px;
        height:60px
    }
}
 .additional-features{
    right:10px
}