@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
    }
}
@media(min-width:2340px){

}
@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:1600px){
     .auto-container{
        max-width:95%
    }
    .head_box .top_box,.head_box .nav_box .nav{
        max-width: 95%;
    }
}
@media(max-width:1400px){
    html{
        font-size:calc(100vw/16.8)
    }
    .index_section1{
        background-size: 100% 9.85rem;
    }
    .page_about .page_about_section1_box{
        gap: 1rem;
    }
    .list_education .page_banner .text_box{
        width: 85%;
        bottom: 10%;
    }
}
@media(max-width:1280px){
    html{
        font-size:calc(100vw/14.8)
    }
    
     .swiper-button-next{
        right:0
    }
     .swiper-button-prev{
        left:0
    }
     .additional-features{
        top:35%
    }
    .head_box .nav_box .nav > .hasdrop .stair .a{
        font-size: .18rem;
    }
    .index_banner .swiper-slide .txt{
        max-width: 40%;
    }
    .index_section1 .head_block_title{
        font-size: 1rem;
    }
    .index_section1 .index_section1_other .center p{
        font-size: .3rem;
    }
    .index_section1 .index_section1_other .left .item_box .item.active p:first-child{
        font-size: .18rem;
    }
    .index_section4 .head_block_title, .index_section5 .head_block_title, .index_section6 .head_block_title{
        font-size: .46rem;
    }
    .index_section4 .remark .left{width: 45%;}
    .index_section4 .remark .right{
        width: 55%;
        font-size: .36rem;
        line-height: 1.2;
    }
    .page_banner .text_box{
        width: 55%;
        left: 5%;
        bottom: 15%;
    }
    .page_banner .text_box h3{
        font-size: .36rem;
    }
    .page_about .page_about_section1 .head_block_title,.show_products .show_pro_from .left > h4{
        font-size: .36rem;
    }
    .page_about .page_about_section1_box .item{
        /* width: 28.5%; */
    }
    .page_about .page_about_section1_box .item .txt_box p,.page_about .page_about_platform_box .item,.list_news .list_news_head_box .swiper-slide .item .txt h3{
        font-size: .24rem;
    }
    .list_products .item_box .item,.page_content.list_case .list_news_box .list_item_box .item{
        /* width: 23.85%; */
    }
    .show_products .show_products_head .text_box h1{
        font-size: .26rem;
    }
    .show_products .show_pro_from .left > p{
        font-size: .2rem;
    }
    .list_education .item_box .item{
        /* width: 31.85%; */
    }
}
@media(max-width:1080px){
     html{
        font-size:calc(100vw/10.8)
    }
     body{
        font-size:.14rem
    }
     .head_box{
    background: #222222;
}
    .head_box.c-style,.head_box:hover{}
    .head_box .top_box{}
    .head_box .top_box .logo_box{}
    .head_box .top_box .logo_box a.logo_icon{}
    .head_box .top_box .logo_box a.logo_icon img{
    max-height: 25px;
    max-width: 115px;
}
    .head_box .top_box .search_input{
    width: 50%;
}
    .head_box .top_box .search_input input{
    color: #ffffff;
    font-size: 13px;
}
        .head_box .top_box .search_input input::placeholder{
            color: #ffffff;
        }
    .head_box .top_box .search_input .search_btn{}
    .head_box .top_box .search_input .search_btn img{}
    .head_box .c_switch{
        display: block;
    }
    .head_box .c_switch{
        display:block;
        width: 25px;
    }
     .head_box .c_switch i{
        background:#fff
    }
     .head_box .c_switch.open i:nth-child(1){
        top: 8px;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
     .head_box .c_switch.open i:nth-child(2){
        opacity:0
    }
     .head_box .c_switch.open i:nth-child(3){
        bottom: 8px;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
     .head_box .c_switch i{
        position:relative;
        display:block;
        height: 3px;
        transition:all .3s;
        background:#fff
    }
     .head_box .c_switch i:nth-child(1){
        top:0
    }
     .head_box .c_switch i:nth-child(3){
        bottom:0
    }
     .head_box .c_switch i:nth-child(2){
        margin: 5px 0;
    }
    .head_box .nav_box{
    display: none;
    padding: 15px 0;
}
    .head_box .nav_box .nav{
    display: block;
}
    .head_box .nav_box .nav > .hasdrop{}
    .head_box .nav_box .nav > .hasdrop .stair{}
    .head_box .nav_box .nav > .hasdrop .stair .a{
    font-size: 18px;
    padding-right: 0;
    line-height: 45px;
    padding-left: 35px;
}
    .head_box .nav_box .nav > .hasdrop .stair .a:before{}
    .head_box .nav_box .nav > .hasdrop:hover .stair .a:before,.head_box .nav_box .nav > .hasdrop.active .stair .a:before{}
    .head_box .nav_box .nav > .hasdrop .stair .a .mobile-navbtn{}
    
     .head_box .nav_box .nav > .hasdrop .stair .a .mobile-navbtn{
        position:absolute;
        top:1px;
        right: 0;
        margin:auto;
        font-size:20px;
        width:35px;
        height:35px;
        transition:.3s
    }
     .head_box .nav_box .nav > .hasdrop .stair .a .mobile-navbtn.open{
        transform:rotate(90deg)
    }
     .head_box .nav_box .nav > .hasdrop .stair .a .mobile-navbtn::before{
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        content:'';
        width: 10px;
        height: 10px;
        border-right:2px solid #fff;
        border-bottom:2px solid #fff;
        transform:rotate(45deg);
        transition:all .3s linear
    }
    .head_box .nav_box .nav > .hasdrop .stair .sub{
    position: unset;
    background: unset;
}
    .head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu{}
    .head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu{
    max-width: 100%;
    display: block;
    padding: 0;
}
    .head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu .hasdrop{
    width: 100%;
    padding-right: 0;
}
    .head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu .hasdrop:last-child{}
    .head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu .hasdrop a{
    text-align: left;
    font-size: 16px;
    line-height: 35px;
    padding-left: 50px;
}
    .head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu .hasdrop a .icon{
    display: none;
}
    .head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu .hasdrop a .icon img{}
    .head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu .hasdrop a .text{
    margin: 0;
}
    .footer{
    padding-top: 60px;
}
    .footer .auto-container{}
    .footer .footer_top{
    margin-bottom: 45px;
}
    .footer .footer_top .logo_box{}
    .footer .footer_top .logo_box .logo_icon{}
    .footer .footer_top .logo_box .logo_icon img{}
    .footer .footer_top .foot_share{}
    .footer .footer_top .foot_share a{
    display: inline-block;
}
    .footer .footer_top .foot_share a img{
    max-width: 30px;
}
    .footer .foot_head{
    flex-wrap: wrap;
    padding-bottom: 45px;
}
    .footer .foot_head .left_box{
    width: 100%;
    margin-bottom: 30px;
}
    .footer .foot_head .left_box h3{}
    .footer .foot_head .left_box .form_box{}
    .footer .foot_head .left_box .form_box form{}
    .footer .foot_head .left_box .form_box .input{}
    .footer .foot_head .left_box .form_box .input div{
    flex: 0 0 100%;
}
    .footer .foot_head .left_box .form_box .input div:first-child{}
    .footer .foot_head .left_box .form_box .input div input,.footer .foot_head .left_box .form_box .textarea_box textarea{
    font-size: 15px;
}
    .footer .foot_head .left_box .form_box .input div input::placeholder,.footer .foot_head .left_box .form_box .textarea_box textarea::placeholder{}
    .footer .foot_head .left_box .form_box .textarea_box{}
    .footer .foot_head .left_box .form_box .textarea_box textarea{}
    .footer .foot_head .left_box .form_box .textarea_box .submit_btn{
    font-size: 14px;
}
    .footer .foot_head .left_box .form_box .textarea_box .submit_btn:hover{}
    .footer .foot_head .left_category{
    display: none;
}
    .footer .foot_head .left_category .item{}
    .footer .foot_head .left_category .item a{}
    .footer .foot_head .left_category .item a:hover{}
    .footer .foot_head .right_box{
    width: 100%;
}
    .footer .foot_head .right_box p{
    font-size: 18px;
}
    .footer .foot_head .right_box .foot_contact{
    margin-top: 20px;
    margin-bottom: 5px;
}
    .footer .foot_head .right_box .foot_contact .item{}
    .footer .foot_head .right_box .foot_contact .item p{
    font-size: 16px;
}
    .footer .foot_head .right_box .foot_contact .item p:first-child{
    margin-bottom: 10px;
}
    
    .footer .foot_head .right_box .foot_contact .item p a{}
    .footer .foot_head .right_box .foot_subscribe{}
    .footer .foot_head .right_box .foot_subscribe input{
    font-size: 15px;
}
    .footer .foot_head .right_box .foot_subscribe button{
    font-size: 14px;
}
    .footer .foot_head .right_box .foot_subscribe button:hover{}
    .footer .foot_bottom{}
    .footer .foot_bottom .left{}
    .footer .foot_bottom .left p{
    font-size: 16px;
    margin-bottom: 10px;
}
    .footer .foot_bottom .right{}
    .footer .foot_bottom .right a{
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
}
    .footer .foot_bottom .auto-container{
    flex-wrap: wrap;
    font-size: 15px;
}
    .footer .foot_bottom p{}
    .footer .foot_bottom .left p{}
    .footer .foot_bottom a{}
    .footer .foot_bottom .right a{}
    .footer .foot_bottom a:hover{}
    .go_top{}
    .go_top img{}
    .boxed_btn{}
    .boxed_btn .btn{
    font-size: 14px;
}
    .boxed_btn:hover .btn{}
    .boxed_btn .btn span{}
    .boxed_btn .btn img{
    max-width: 26px;
}
    .boxed_btn:hover .btn img{}
    .index_banner{
    margin-top: 52.5px;
}
    .index_banner .swiper-container{}
    .index_banner .swiper-wrapper{}
    .index_banner .swiper-slide{}
    .index_banner .swiper-slide .img{}
    .index_banner .swiper-slide .img a{}
    .index_banner .swiper-slide .img a img{}
    .index_banner .swiper-slide .txt{
    max-width: 100%;
    bottom: 10%;
}
    .index_banner .swiper-slide .txt > span{
    font-size: 22px;
}
    .index_banner .swiper-slide .txt .title{
    font-size: 16px;
}
    .index_banner .swiper-slide .txt .boxed_btn{}
    .index_banner .swiper-slide .txt .boxed_btn .btn{}
    .index_banner .swiper-slide .txt .boxed_btn .btn span{}
    .index_banner .swiper-slide .txt .boxed_btn .btn img{}
    .index_banner .swiper-pagination{}
    .index_banner .swiper-pagination .swiper-pagination-bullet{}
    .index_banner .swiper-pagination .swiper-pagination-bullet-active{}
    .index_section1{
    background-size: 230%;
    padding-top: 50px;
    padding-bottom: 45px;
    background-position: top;
    margin-bottom: 0;
}
    .index_section1 .auto-container{}
    .index_section1 .head_block_title{
    font-size: 38px;
}
    .index_section1 .head_block_title:before{width: .8rem;height: .75rem;right: -20px;}
    .index_section1 .index_section1_box{}
    .index_section1 .index_pro_swiper_box{}
    .index_section1 .index_pro_swiper_box .swiper-container{}
    .index_section1 .index_pro_swiper_box .swiper-wrapper{}
    .index_section1 .index_pro_swiper_box .swiper-slide{}
    .index_section1 .index_pro_swiper_box .swiper-slide .img{
    width: 70%;
}
    .index_section1 .index_pro_swiper_box .swiper-slide .img img{
    max-width: 100%;
}
    .index_section1 .index_pro_swiper_box .swiper-pagination{
    display: none;
}
    .index_section1 .index_section1_other{
    margin-top: 0;
    flex-wrap: wrap;
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 70px;
}
    .index_section1 .index_section1_other .left,.index_section1 .index_section1_other .right,.index_section1 .index_section1_other .center{
    width: 100%;
}
    .index_section1 .index_section1_other .left{}
    .index_section1 .index_section1_other .left .item_box{}
    .index_section1 .index_section1_other .left .item_box .item{}
    .index_section1 .index_section1_other .left .item_box .item:last-child{}
    .index_section1 .index_section1_other .left .item_box .item p{}
    .index_section1 .index_section1_other .left .item_box .item p:first-child{}
    .index_section1 .index_section1_other .left .item_box .item.active p:first-child{
    font-size: 16px;
}
    .index_section1 .index_section1_other .left .item_box .item p:last-child{}
    .index_section1 .index_section1_other .left .item_box .item:hover p:first-child{}
    .index_section1 .index_section1_other .left .remark{
    font-size: 15px;
}
    .index_section1 .index_section1_other .center{
    margin-bottom: 75px;
    margin-top: 10px;
}
    .index_section1 .index_section1_other .center:before{
    bottom: -25px;
}
    .index_section1 .index_section1_other .center p{
    font-size: 18px;
}
    .index_section1 .index_section1_other .right{
    position: absolute;
    right: 0;
    bottom: 0;
}
    .index_section1 .index_section1_other .right p{
    display: none;
}
    .index_section1 .index_section1_other .right .boxed_btn{}
    .index_section1 .index_section1_other .right .boxed_btn .btn{}
    .index_section1 .index_section1_other .right .boxed_btn:hover .btn{}
    .index_section2{
    padding-bottom: 60px;
}
    .index_section2 .index_hot_pro{}
    .index_section2 .swiper-container{
    padding-bottom: 50px;
}
    .index_section2 .swiper-wrapper{}
    .index_section2 .swiper-slide{}
    .index_section2 .swiper-slide a{}
    .index_section2 .swiper-slide .img_box{}
    .index_section2 .swiper-slide .img_box img{}
    .index_section2 .swiper-slide .txt_box{}
    .index_section2 .swiper-slide .txt_box p{}
    .index_section2 .swiper-slide .txt_box span{
    font-size: 15px;
}
    .index_section2 .swiper-slide:hover .txt_box span{}
    .index_section3{
}
    .index_section3:before{}
    .index_section3 .thumb{}
    .index_section3 .thumb img{
    min-height: 390px;
    object-fit: cover;
}
    .index_section3 .text_box{
    top: 42%;
    width: 90%;
    overflow: hidden;
}
    .index_section3 .text_box .icon_box{}
    .index_section3 .text_box .icon_box img{
    max-width: 55px;
}
    .index_section3 .text_box .icon_box:hover img{}
    .index_section3 .text_box .icon_box p{
    font-size: 20px;
}
    .index_section3 .text_box h3{
    font-size: 18px;
    margin: 20px 0;
}
    .index_section3 .text_box h3:before{}
    .index_section3 .text_box .boxed_btn{}
    .index_section3 .text_box .boxed_btn .btn{
    padding: 8px 30px;
}
    .index_section3 .text_box .boxed_btn:hover .btn{}
    .index_section3 .text_box .btn span{}
    .index_section3 .text_box .btn img{}
    .index_section3 .text_box .boxed_btn:hover .btn img{}
    .index_section4{
    padding-top: 45px;
    padding-bottom: 60px;
}
    .index_section4 .auto-container{}
    .index_section4 .head_block_title,.index_section5 .head_block_title,.index_section6 .head_block_title{
    font-size: 36px;
    margin-bottom: 30px;
}
    .index_section4 .index_section4_box{
    margin-bottom: 60px;
}
    .index_section4 .swiper-container{}
    .index_section4 .swiper-wrapper{}
    .index_section4 .swiper-slide{}
    .index_section4 .swiper-slide .item{}
    .index_section4 .swiper-slide .item .img_box{}
    .index_section4 .swiper-slide .item .img_box img{}
    .index_section4 .remark{
    flex-wrap: wrap;
}
    .index_section4 .remark .left,.index_section4 .remark .right{
    width: 100%;
}
    .index_section4 .remark .left{
    margin-bottom: 40px;
}
    .index_section4 .remark .left img{}
    .index_section4 .remark .right{
    padding: 0;
    font-size: 28px;
    -webkit-line-clamp: 10;
}
    .index_section4 .remark .right span{}
    .index_section5{
    padding-bottom: 80px;
}
    .index_section5 .head_block_title{}
    .index_section5 .index_section5_box{
}
    .index_section5 .index_section5_box:before{display: none;}
    .index_section5 .index_section5_box .marquee_box{
    margin-bottom: 30px;
}
    .index_section5 .index_section5_box .marquee_box .marquee_track{}
    .index_section5 .index_section5_box .marquee_box .marquee_track .item{
    font-size: 26px;
    margin-right: 15px;
    padding-left: 30px;
}
    .index_section5 .index_section5_box .marquee_box .marquee_track .item:before{
        max-width: 24px;
        height: 20px;
    }
    .index_section5 .index_section5_box .index_education_box{}
    .index_section5 .index_section5_box .index_education_box .education_box{
    gap: 15px;
    flex-wrap: wrap;
    /* height: 125px; */
    margin-bottom: 15px;
}
    .index_section5 .index_section5_box .index_education_box .education_box:last-child{
}
    .index_section5 .index_section5_box .index_education_box .education_box.show_mobile{
        display: flex;
    }
    .index_section5 .index_section5_box .index_education_box .education_box.show_pc{
    display: none;
}
    .index_section5 .index_section5_box .index_education_box .education_box li{
    width: 48%;
}
.index_section5 .index_section5_box .index_education_box .education_box li:nth-child(1){
    width: 100%;
}
        
    .index_section5 .index_section5_box .index_education_box .education_box li a{
    height: 100%;
}
    .index_section5 .index_section5_box .index_education_box .education_box li img{
    height: 100%;
    object-fit: cover;
}
    .index_section5 .index_section5_box .index_education_box .education_box li:hover img{}
    .index_section5 .boxed_btn{
    bottom: 0;
}
    .index_section5 .boxed_btn .btn{}
    .index_section5 .boxed_btn:hover .btn{}
    .index_section5 .boxed_btn .btn span{}
    .index_section5 .boxed_btn .btn img{}
    .index_section6{
    padding: 60px 0;
}
    .index_section6 .auto-container{}
    .index_section6 .head_block_title{}
    .index_section6 .index_section10_box{}
    .index_section6 .swiper-container{
    height: max-content;
}
    .index_section6 .swiper-wrapper{
    padding-bottom: 45px;
}
    .index_section6 .swiper-slide{}
    .index_section6 .swiper-slide .item{}
    .index_section6 .swiper-slide .item:hover{}
    .index_section6 .swiper-slide .item a{
    flex-wrap: wrap;
    position: relative;
    padding: 20px 0;
    gap: 20px;
}
    .index_section6 .swiper-slide .item .other{
    display: none;
}
    .index_section6 .swiper-slide .item:hover .other{}
    .index_section6 .swiper-slide .item .other p{}
    .index_section6 .swiper-slide .item .other span{}
    .index_section6 .swiper-slide .item .img_box{
    width: 100%;
}
    .index_section6 .swiper-slide .item .img_box img{}
    .index_section6 .swiper-slide .item .txt{
    width: 100%;
    padding: 0;
}
    .index_section6 .swiper-slide .item .txt h3{
    font-size: 20px;
    margin-bottom: 15px;
}
    .index_section6 .swiper-slide .item .txt .remark{
    font-size: 16px;
    line-height: 1.2;
}
    .index_section6 .swiper-slide .item .txt span{
    float: unset;
    margin-top: 20px;
    padding: 10px 15px;
    font-size: 14px;
}
    .index_section6 .boxed_btn{}
    .index_section6 .boxed_btn .btn{}
    .index_section6 .boxed_btn:hover .btn{}
    .index_section6 .boxed_btn .btn span{}
    .index_section6 .boxed_btn .btn img{}
    .page_banner{
    margin-top: 52.5px;
}
    .page_banner .img_box{
    margin-bottom: 20px;
}
    .page_banner .img_box img{
}
    .page_banner .page_inside{
    /* top: 65px; */
    font-size: 15px;
    position: unset;
    margin-bottom: 10px;
}
    .page_inside{}
    .page_inside a{
    font-size: 15px;
}
    .page_inside a:last-child{}
    .page_banner .text_box{
    width: 95%;
    /* left: 0; */
    /* right: 0; */
    /* bottom: 10%; */
    padding: 0;
    margin: auto;
    position: unset;
}
    .page_banner .text_box h3{
    font-size: 24px;
    margin-bottom: 25px;
}
    .page_banner .text_box .remark{
    font-size: 16px;
}
    .page_content .head_block_title{
    font-size: 30px;
}
    .page_about{}
    .page_about .page_about_section1{
    padding: 60px 0;
}
    .page_about .page_about_section1 .head_block_title, .show_products .show_pro_from .left > h4
    .page_about .page_about_section1_box{
    font-size: 22px;
}.page_about .page_about_section1_box{
    flex-wrap: wrap;
    gap: 25px;
}
    .page_about .page_about_section1_box .item{
    flex: 0 0 100%;
    padding: 30px;
}
    .page_about .page_about_section1_box .item:hover{}
    .page_about .page_about_section1_box .item .thumb{
    margin-bottom: 30px;
}
    .page_about .page_about_section1_box .item .thumb img{}
    .page_about .page_about_section1_box .item .txt_box{}
.page_about .page_about_section1_box .item .txt_box p, .page_about .page_about_platform_box .item, .list_news .list_news_head_box .swiper-slide .item .txt h3
    .page_about .page_about_section1_box .item .txt_box span{
    font-size: 22px;
}
    .page_about .page_about_section1_box .item .txt_box span{
    font-size: 16px;
    line-height: 1.2;
}
    .page_about .page_about_section2{
    padding-bottom: 50px;
    margin-bottom: 0;
}
    .page_about .page_about_section2:before{
    height: 100%;
}
    .page_about .page_about_section2 .img_box{}
    .page_about .page_about_section2 .img_box img{}
    .page_about .page_about_section2_box{
    position: unset;
    width: 100%;
    margin-top: -25px;
}
    .page_about .page_about_section2_box .img{
    max-width: 100%;
    margin-bottom: 40px;
}
    .page_about .page_about_section2_box .img img{}
    .page_about .page_about_section2_box .remark{
    font-size: 24px;
    line-height: 1.3;
    max-width: 100%;
}
    .page_about .page_about_section2_box .remark span{}
    .page_about .page_about_section3{}
    .page_about .page_about_section3 .swiper-container{
    padding-bottom: 45px;
    margin-bottom: 45px;
}
    .page_about .page_about_section3 .swiper-wrapper{}
    .page_about .page_about_section3 .swiper-slide{}
    .page_about .page_about_section3 .swiper-slide .img_box{}
    .page_about .page_about_section3 .swiper-slide .img_box img{}
    .page_about .page_about_section3 .swiper-pagination{}
    .page_about .page_about_faq{
    margin-bottom: 45px;
}
    .page_about .page_about_faq .head_block_title{}
    .page_about .page_about_faq_box{
    margin: 40px 0;
}
    .page_about .page_about_faq_box .item{
    padding: 25px 0;
}
    .page_about .page_about_faq_box .item:last-child{}
    .page_about .page_about_faq_box .item .title i{}
    .page_about .page_about_faq_box .item .title{}
    .page_about .page_about_faq_box .item .title{}
    .page_about .page_about_faq_box .item .title:before{
    font-size: 20px;
}
    .page_about .page_about_faq_box .item.open .title:before{
    font-size: 26px;
}
    .page_about .page_about_faq_box .item .title i{}
    .page_about .page_about_faq_box .item .title p,.page_about .page_about_faq_box .item .remark p{}
    .page_about .page_about_faq_box .item .title p,.page_about .page_about_faq_box .item .title i{}
    .page_about .page_about_faq_box .item .remark{
    margin-top: 0;
    font-size: 16px;
    padding: 0;
}
    .page_about .page_about_faq .boxed_btn{}
    .page_about .page_about_faq .boxed_btn .btn{
    padding: 10px 20px;
    font-size: 15px;
}
    .page_about .page_about_faq .boxed_btn:hover .btn{}
    .page_about .page_about_faq .boxed_btn .btn span{}
    .page_about .page_about_faq .boxed_btn .btn img{}
    .page_about .page_about_platform{
    padding-bottom: 45px;
}
    .page_about .page_about_platform .head_block_title{
    margin-bottom: 45px;
}
    .page_about .page_about_platform_box{
    flex-wrap: wrap;
}
    .page_about .page_about_platform_box .item{
    font-size: 20px;
    width: 48.25%;
}
    .page_about .page_about_platform_box .item:hover{}
    .page_about .page_about_platform_box .item a{
    flex-wrap: wrap;
    padding: 20px;
}
    .page_about .page_about_platform_box .item img{
    margin-bottom: 10px;
}
    .page_about .page_about_platform_box .item p{
    margin: 0;
    width: 100%;
    text-align: center;
}
    .page_content .inside-pagination{
    padding: 20px 0;
}
    .page_content .inside-pagination ul li a{
    font-size: 18px;
}
    .page_content .inside-pagination ul li a.active,.page_content .inside-pagination ul li a:hover,.page_content .inside-pagination ul li.active a{}
    .page_content .inside-pagination ul li{}
    .page_content .inside-pagination ul li>a>img{}
    .page_content .inside-pagination ul li.pre-page>a>img{}
    .list_education{}
    .list_education .page_banner{}
    .list_education .page_banner .text_box{
    width: 100%;
}
    .list_education .page_banner .text_box h3{}
    .list_education .page_banner .text_box .remark{
    font-size: 16px;
}
    .list_education .page_banner .text_box .boxed_btn{}
    .list_education .page_banner .text_box .boxed_btn:hover .btn{}
    .list_education .page_banner .text_box .boxed_btn .btn span{}
    .list_education .page_banner .text_box .boxed_btn .btn img{}
    .list_education_box{
    padding-top: 60px;
}
    .list_education .head_block_title{}
    .list_education .item_box{
    gap: 30px 15px;
    margin-bottom: 45px;
}
    .list_education .item_box .item{
    flex: 0 0 calc((100% - 1 * 15px) / 2);
}
    .list_education .item_box .item .img_box{}
    .list_education .item_box .item .img_box img{}
    .list_education .item_box .item .text_box{
    margin-top: 20px;
    margin-bottom: 0;
}
    .list_education .item_box .item .text_box p{
    font-size: 18px;
    margin-bottom: 20px;
}
    .list_education .item_box .item .text_box span{
    font-size: 16px;
    line-height: 1.2;
    min-height: 36px;
}
    .page_content.list_case .list_news_head{}
    .list_news{
    padding-top: 80px;
}
    .list_news .list_news_head{
    padding: 0;
}
    .list_news .list_news_head .page_inside{}
    .list_news .list_news_head_box{
    padding-top: 0;
}
    .list_news .list_news_head_box:before,.list_news .list_news_head_box:after{
    display: none;
}
    .list_news .list_news_head_box:before{}
    .list_news .list_news_head_box:after{}
    .list_news .list_news_head_box .swiper-container{
    padding-top: 60px;
    padding-bottom: 60px;
}
    .list_news .list_news_head_box .swiper-wrapper{}
    .list_news .list_news_head_box .swiper-slide{}
    .list_news .list_news_head_box .swiper-slide .item{}
    .list_news .list_news_head_box .swiper-slide .item a{
    flex-wrap: wrap;
}
    .list_news .list_news_head_box .swiper-slide .item .img_box,.list_news .list_news_head_box .swiper-slide .item .txt{
    width: 100%;
}
    .list_news .list_news_head_box .swiper-slide .item .img_box{
    margin-bottom: 20px;
}
    .list_news .list_news_head_box .swiper-slide .item .img_box img{}
    .list_news .list_news_head_box .swiper-slide .item .txt{}
    .list_news .list_news_head_box .swiper-slide .item .txt .tips{
    position: absolute;
    top: -60px;
    padding: 10px 40px;
    padding-left: 12px;
    font-size: 14px;
    max-width: 100%;
}
    .list_news .list_news_head_box .swiper-slide .item .txt h3{}
    .page_about .page_about_section1_box .item .txt_box p, .page_about .page_about_platform_box .item, .list_news .list_news_head_box .swiper-slide .item .txt h3{
    font-size: 18px;
}
    .list_news .list_news_head_box .swiper-slide .item .txt .remark{
    font-size: 16px;
}
    .list_news .list_news_head_box .swiper-slide .item .txt .other{
    font-size: 15px;
}
    .list_news .list_news_head_box .swiper-slide .item .txt .other p{}
    .list_news .list_news_head_box .swiper-slide:hover .item .txt .other p{}
    .list_news .list_news_head_box .swiper-slide .item .txt .other span{}
    .list_news .list_news_box{
    margin-top: 45px;
}
    .list_news .list_news_box .list_news_cate{}
    .list_news .list_news_box .list_news_cate a{
    font-size: 14px;
    padding: 10px;
    margin-right: 0;
    width: max-content;
}
    .list_news .list_news_box .list_news_cate a:last-child{}
    .list_news .list_news_box .list_news_cate a.active,.list_news .list_news_box .list_news_cate a:hover{}
    .list_news .list_news_box .list_item_box{
    gap: 20px;
}
    .page_content.list_case .list_news_box .list_item_box{
    gap: 20px 10px;
}
    .list_news .list_news_box .list_item_box .item{
    flex: 0 0 100%;
}
    .page_content.list_case .list_news_box .list_item_box .item{
}
    .list_news .list_news_box .list_item_box .item .img_box{}
    .page_content.list_case .list_news_box .list_item_box .item .img_box{}
    .list_news .list_news_box .list_item_box .item .img_box .img{}
    .list_news .list_news_box .list_item_box .item .img_box .img img{}
    .list_news .list_news_box .list_item_box .item .img_box .other{}
    .list_news .list_news_box .list_item_box .item:hover .img_box .other{}
    .list_news .list_news_box .list_item_box .item .img_box .other p{}
    .list_news .list_news_box .list_item_box .item .img_box .other span{}
    .list_news .list_news_box .list_item_box .item .text_box{}
    .list_news .list_news_box .list_item_box .item .text_box h3{
    font-size: 17px;
}
    .list_news .list_news_box .list_item_box .item .text_box p{
    font-size: 15px;
}
    .list_news .list_news_box .list_item_box .item .text_box span{
    font-size: 15px;
    padding: 10px 15px;
}
    .list_news .list_news_box .list_item_box .item:hover .text_box span{}
    .list_products{}
    .list_products .list_products_box{
    padding-top: 45px;
}
    .list_products .list_products_box .head_block_title{
    max-width: 100%;
    font-size: 24px;
    margin-bottom: 20px;
}
    .list_products .list_products_box .total{
    font-size: 18px;
}
    .list_products .item_box{
    gap: 20px 10px;
}
    .list_products .item_box .item{}
    .list_products .item_box .item, .page_content.list_case .list_news_box .list_item_box .item{
    flex: 0 0 calc((100% - 1 * 10px) / 2);
}
    .list_products .item_box .item a{}
    .list_products .item_box .item .img_box{}
    .list_products .item_box .item .img_box img{}
    .list_products .item_box .item .text_box{
    padding: 20px 0;
}
    .list_products .item_box .item .text_box p{
    font-size: 18px;
}
    .list_products .item_box .item:hover .text_box p{}
    .list_products .item_box .item .text_box span{
    font-size: 14px;
}
    .show_products{
    padding-top: 60px;
}
    .show_products .show_products_head{
    padding-bottom: 45px;
}
    .show_products .show_products_head .auto-container{
    flex-wrap: wrap;
}
    .show_products .show_products_head .img_box{
    width: 100%;
    margin-bottom: 20px;
}
    .show_products .show_products_head .text_box{
    width: 100%;
    padding: 0;
}
    .show_products .show_products_head .img_box .view_box{
    margin-bottom: 20px;
}
    .show_products .show_products_head .img_box .view_box .swiper-container{}
    .show_products .show_products_head .img_box .view_box .swiper-slide{}
    .show_products .show_products_head .img_box .view_box .swiper-slide img{}
    .show_products .show_products_head .img_box .thumb_box{
    position: relative;
    bottom: 0;
}
    .show_products .show_products_head .img_box .thumb_box .swiper-container{}
    .show_products .show_products_head .img_box .thumb_box .swiper-slide{
    width: 22.85%;
    height: 22.85%;
}
    .show_products .show_products_head .img_box .thumb_box .swiper-slide:last-child{}
    .show_products .show_products_head .img_box .thumb_box .swiper-button-next,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev{}
    .show_products .show_products_head .img_box .thumb_box .swiper-button-next:before,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:before{}
    .show_products .show_products_head .img_box .thumb_box .swiper-button-next:hover:before,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:hover:before{}
    .show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
    left: 0;
}
    .show_products .show_products_head .img_box .thumb_box .swiper-button-next{
    right: 0;
}
    .show_products .show_products_head .img_box .thumb_box .swiper-slide.active-nav{}
    .show_products .show_products_head .text_box h1{
    font-size: 20px;
    margin: 20px 0;
}
    .show_products .show_products_head .text_box .remark{
    font-size: 16px;
}
    .show_products .show_products_head .text_box .foot_share{
    padding: 20px 0;
}
    .show_products .show_products_head .text_box .foot_share a img{
    max-width: 30px;
}
    .show_products .show_products_head .text_box .btn_box{}
    .show_products .show_products_head .text_box .btn_box .pro_btn{
    font-size: 16px;
    padding: 10px;
    width: 50%;
    text-align: center;
}
    .show_products .show_products_head .text_box .btn_box .pro_btn:hover{}
    .show_products .show_products_head .text_box .btn_box .pro_btn:first-child{}
    .show_products .show_products_head .text_box .btn_box .pro_btn img{}
    .show_products .show_products_head .text_box .btn_box .pro_btn span{}
    .show_products .show_products_head .text_box .attribute_box{}
    .show_products .show_products_head .text_box .attribute{}
    .show_products .show_products_head .text_box .attribute div{
    font-size: 16px;
}
    .show_products .show_products_head .text_box .attribute div p{}
    .show_products .show_products_head .text_box .platform_box{}
    .show_products .show_products_head .text_box .platform_box .item{
    width: 33%;
}
    .show_products .show_products_head .text_box .platform_box .item:hover{}
    .show_products .show_products_head .text_box .platform_box .item a{
    padding: 5px;
    display: block;
}
    .show_products .show_products_head .text_box .platform_box .item:hover a{}
    .show_products .show_products_head .text_box .platform_box .item img{
    width: 20px;
    height: 20px;
}
    .show_products .show_products_head .text_box .platform_box .item p{
    font-size: 16px;
    display: inline-block;
    margin-left: 3px;
}
    .show_products .show_products_box{
    padding-bottom: 45px;
    margin-bottom: 45px;
}
    .show_products .show_pro_faq{}
    .show_products .show_pro_faq .page_content_block{
    font-size: 30px;
}
    .show_products .show_pro_faq .page_content_block p{}
    .show_products .show_pro_faq .show_pro_faq_box{
    margin: 30px 0;
}
    .show_products .show_pro_faq .show_pro_faq_box{}
    .show_products .show_pro_faq .show_pro_faq_box .item{}
    .show_products .show_pro_faq .show_pro_faq_box .item:last-child{}
    .show_products .show_pro_faq .show_pro_faq_box .item .title i{}
    .show_products .show_pro_faq .show_pro_faq_box .item .title{}
    .show_products .show_pro_faq .show_pro_faq_box .item .title{}
    .show_products .show_pro_faq .show_pro_faq_box .item .title:before{}
    .show_products .show_pro_faq .show_pro_faq_box .item.open .title:before{}
    .show_products .show_pro_faq .show_pro_faq_box .item .title i{}
    .show_products .show_pro_faq .show_pro_faq_box .item .title p,.show_products .show_pro_faq .show_pro_faq_box .item .remark p{
    font-size: 18px;
}
    .show_products .show_pro_faq .show_pro_faq_box .item .title p,.show_products .show_pro_faq .show_pro_faq_box .item .title i{}
    .show_products .show_pro_faq .show_pro_faq_box .item .remark{
    font-size: 16px;
    padding-left: 12px;
}
    .show_products .show_pro_from{
    flex-wrap: wrap;
    margin-bottom: 45px;
}
    .show_products .show_pro_from .left{
    width: 100%;
    padding: 40px 20px;
    margin-bottom: 20px;
}
    .show_products .show_pro_from .left > h4{}
    .page_about .page_about_section1 .head_block_title, .show_products .show_pro_from .left > h4{
    font-size: 26px;
}
    .show_products .show_pro_from .left > p{
    font-size: 16px;
}
    .show_products .show_pro_from .left form{}
    .show_products .show_pro_from .left .input{
    flex-wrap: wrap;
    gap: 15px;
}
    .show_products .show_pro_from .left .input div{
    width: 100%;
}
    .show_products .show_pro_from .left .input div input,.show_products .show_pro_from .left .textarea_box textarea{
    font-size: 16px;
}
    .show_products .show_pro_from .left .input div input{}
    .show_products .show_pro_from .left .textarea_box{}
    .show_products .show_pro_from .left .textarea_box textarea{}
    .show_products .show_pro_from .left .submit{}
    .show_products .show_pro_from .left .submit button{
    font-size: 16px;
}
    .show_products .show_pro_from .left .submit button:hover{}
    .show_products .show_pro_from .right{
    width: 100%;
    padding: 0;
}
    .show_products .show_pro_from .right .item{
    height: max-content;
    padding: 20px;
}
    .show_products .show_pro_from .right .item:first-child{}
    .show_products .show_pro_from .right .item:last-child{}
    .show_products .show_pro_from .right .item:last-child img{}
    .show_products .show_pro_from .right .item > p{}
    .show_products .show_pro_from .right .item .item_box{
    font-size: 15px;
    width: max-content;
    padding: 0 15px;
}
    .show_products .show_pro_from .right .item .item_box a{}
    .show_products .show_pro_from .right .item .item_box img{}
    .show_products .show_pro_from .right .item .item_box img span{}
    .show_products .show_pro_from .right .item .item_box:hover{}
    .show_products .show_pro_from .right .item .item_box:hover a{}
    .show_products .page_recommend_pro{}
    .show_products .page_recommend_pro .page_content_block{
    font-size: 26px;
}
    .show_products .page_recommend_pro .page_content_block p{}
    .show_products .page_recommend_pro_box{}
    .show_products .page_recommend_pro_box .swiper-container{}
    .show_products .page_recommend_pro_box .swiper-wrapper{}
    .show_products .page_recommend_pro_box .swiper-slide{}
    .show_products .page_recommend_pro_box .swiper-slide .item{}
    .show_products .page_recommend_pro_box .swiper-slide .item a{}
    .show_products .page_recommend_pro_box .swiper-slide .item .img_box{}
    .show_products .page_recommend_pro_box .swiper-slide .item .img_box img{}
    .show_products .page_recommend_pro_box .swiper-slide .item .text_box{
    padding: 20px 0;
}
    .show_products .page_recommend_pro_box .swiper-slide .item .text_box p{
    min-height: auto;
    font-size: 18px;
}
    .show_products .page_recommend_pro_box .swiper-slide .item:hover .text_box p{}
    .show_products .page_recommend_pro_box .swiper-slide .item .text_box span{
    font-size: 15px;
}
    #share_popups{}
    #share_popups .modal-dialog{
    width: 95%;
}
    #share_popups .modal-content{}
    #share_popups_box{}
    #share_popups .modal-content .modal-header{}
    #share_popups .modal-content .modal-header .modal_head{}
    #share_popups .modal-content .modal-header .modal_head p{}
    #share_popups .modal-content .modal-header .modal_head p img{}
    #share_popups .modal-content .modal-header .modal_head .modal-title{}
    #share_popups .modal-content .modal-header button{}
    #share_popups .modal-content .modal-header button span{}
    #share_popups .modal-content .modal-body{}
    #share_popups .modal-content .modal-body .thumb_box{}
    #share_popups .modal-content .modal-body .thumb_box img{}
    #share_popups .modal-content .modal-body .text_box{}
    #share_popups .modal-content .modal-body .text_box .left{}
    #share_popups .modal-content .modal-body .text_box .left .title{}
    #share_popups .modal-content .modal-body .text_box .left .code{}
    #share_popups .modal-content .modal-body .text_box .left .remark{}
    #share_popups .modal-content .modal-body .text_box .right{}
    #share_popups .capture_icon{}
    #share_popups .capture_icon img{}
    .page_contact{
    padding-bottom: 45px;
}
    .page_contact .page_contact_box{
    padding-top: 20px;
}
    .page_contact .page_contact_box .page_contact_head{
    flex-wrap: wrap;
    gap: 20px;
}
    .page_contact .page_contact_box .page_contact_head .item{
    width: 100%;
    margin: 0;
    padding: 25px;
    min-height: auto;
}
    .page_contact .page_contact_box .page_contact_head .item:last-child{
    width: 100%;
}
    .page_contact .page_contact_box .page_contact_head .item .head_icon{}
    .page_contact .page_contact_box .page_contact_head .item .head_icon img{}
    .page_contact .page_contact_box .page_contact_head .item a,.page_contact .page_contact_box .page_contact_head .item p{
    font-size: 18px;
}
    .page_contact .page_contact_box .page_contact_head .item a{}
    .page_contact .page_contact_box .page_contact_head .item p{}
    .page_contact .page_contact_box .page_contact_bottom{
    gap: 20px;
}
    .page_contact .page_contact_box .page_contact_bottom .item{
    width: 100%;
    margin: 0;
    padding: 20px;
}
    .page_contact .page_contact_box .page_contact_bottom .item:nth-child(even){}
    .page_contact .page_contact_box .page_contact_bottom .item .img_box{}
    .page_contact .page_contact_box .page_contact_bottom .item .img_box img{}
    .page_contact .page_contact_box .page_contact_bottom .item .text_box{}
    .page_contact .page_contact_box .page_contact_bottom .item .text_box p{}
    .page_contact .page_contact_box .page_contact_bottom .item .text_box a,.page_contact .page_contact_box .page_contact_bottom .item .text_box span{
    font-size: 18px;
}
    .page_contact .page_contact_box .page_contact_bottom .item .text_box .whatsapp_btn{
    font-size: 15px;
}
    .page_contact .page_contact_box .page_contact_bottom .item .text_box .whatsapp_btn:hover{}
    .page_contact .page_contact_box .page_contact_bottom .item .text_box .whatsapp_btn img{}
    .page_contact .page_contact_box .page_contact_bottom .item .text_box{}
    .page_contact .page_contact_box .page_contact_bottom .item .text_box span{}
    .page_contact .page_contact_box .common_form{
    padding: 30px 20px;
    margin-top: 45px;
}
    .page_contact .page_contact_box .common_form > h4{
    font-size: 30px;
}
    .page_contact .page_contact_box .common_form > p{
    font-size: 18px;
    line-height: 1.2;
}
    .page_contact .page_contact_box .common_form form{}
    .page_contact .page_contact_box .common_form .input{
    flex-wrap: wrap;
    margin-bottom: 0;
}
    .page_contact .page_contact_box .common_form .input div{
    width: 100%;
    margin-bottom: 15px;
}
    .page_contact .page_contact_box .common_form .input div input,.page_contact .page_contact_box .common_form .textarea_box textarea{
    padding: 10px;
    font-size: 15px;
}
    .page_contact .page_contact_box .common_form .input div input{}
    .page_contact .page_contact_box .common_form .textarea_box{}
    .page_contact .page_contact_box .common_form .textarea_box textarea{}
    .page_contact .page_contact_box .common_form .submit{}
    .page_contact .page_contact_box .common_form .submit button{
    font-size: 14px;
}
    .page_contact .page_contact_box .common_form .submit button:hover{}
    .show_news{}
    .show_news .post-info{
    padding: 0;
    font-size: 16px;
}
    .show_news .post-info .header{}
    .show_news .post-info .header>h1{}
    .show_news .post-info .header>p{}
    .show_news .post-info .header>p>span{
    font-size: 16px;
}
    .show_news .post-info .header>p>span>img{}
    .show_news .post-info li,.show_news .post-info ul{}
    .show_news .post-info .content{}
    .show_news .post-info .content ul,.show_news .post-info .content ol{}
    .show_news .post-info .content ul li{}
    .show_news .post-info .content ol li{}
    .show_news .post-info .content p{}
    .show_news .post-info .post-pagination{}
    .show_news .post-info .post-pagination p{}
    .show_news .post-info .post-pagination p a{
    font-size: 16px;
}
    .show_news .post-info .post-pagination p a img{}
    .show_news .post-info .post-pagination p a.prev-page img{}
    .show_news .post-info .post-pagination p a:hover{}
    .show_news .post-info .post-pagination p a:hover img{}
    #popbox{
    padding-top: 20px;
    display: block;
}
    #myModal .modal-dialog{top: 5% !important;width: 95%;}
        #myModal .modal-dialog .modal-content{
    padding-top: 5px;
}
    #popbox .right-form{
    padding: 20px;
}
    #popbox .headbox h1{
    font-size: 26px;
}
    #popbox .headbox p,
    #popbox .right-form>p{
    font-size: 16px;
}
    #popbox .right-form input{
    height: 45px;
    font-size: 16px;
}
    #popbox .right-form button{
    height: 45px;
    font-size: 14px;
}
}
@media(max-width:768px){
    html{
        font-size:calc(100vw/5)
    }
     .modal-title{
        font-size:.22rem;
        font-weight:700
    }
}