.wap_show{
    display: none!important;
}


@media ( max-width:1280px ) {
    body{
        min-width:auto;
    }
    .container{
        width: auto!important;
    }
    .wap_hidden{
        display: none!important;
    }
    .wap_show{
        display: block!important;
    }

    .header .top_bar{
        padding: 0 12px;
        height: 48px;
    }
    .top_bar .nav_toggle{
        display: flex;
        align-items: center;
    }
    .top_bar .nav_toggle .order_now{
        margin-right: 4rem;
        max-width: 120px;
    }
    .top_bar .logo{
        height: 24px;
    }
    .top_bar .logo img{
        height: 100%;
        margin-right: 16px;
    }
    .top_bar .logo svg{
        width: auto;
    }

    .header .nav_menu_box{
        background-color: rgba(255,255,255,1);
        height: 100vh;
        max-height: 100vh;
        top : -100vh;
        overflow-y: auto;
        padding: 64px 0;
    }
    .nav_menu_box .menu_box{
        opacity: 1;
        visibility: visible;
        position: relative;
        left: 0;
        top: 0;
        height: auto;
        display: block;
        padding-top: 0;
        font-size: 16px;
    }
    .nav_menu_box .menu_box .line{
        margin-bottom: 8px;
    }
    .nav_menu_box .menu_box.wap_area{
    }
    .nav_menu_box .menu_box .wap_row{
        height: 56px;
        text-align: center;
        font-size: 16px;
        display: flex!important;
        justify-content: center;
        align-items: center;
        padding: 6px 12px;
    }
    .nav_menu_box .menu_box .wap_row a.active{
        background-color: rgba(126,134,142,.08);
        padding: 8px 24px;
        border-radius: 48px;
    }
    .nav_menu_box .menu_box .wap_row a{
        color: #222629;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .nav_menu_box .menu_box .wap_row .down_2{
        width: 16px;
        height: auto;
        position: absolute;
        right: 24px;
        transition: all .3s ease;
    }
    .nav_menu_box .menu_box .wap_row .down_2.active{
        transform: rotate(-180deg)
    }
    .nav_menu_box .menu_box .wap_row .login{
        display: flex;
        align-items: center;
    }
    .nav_menu_box .menu_box .wap_row .login svg{
        margin-right: 8px;
    }
    .nav_menu_box .center_block{
        height: 0;
        overflow: hidden;
        opacity: 0;
        padding: 0 12px;
        transition: all .3s ease-in;
    }
    .nav_menu_box .center_block.active{
        display: block;
        height: auto;
        opacity: 1;
        background-color: #F5F5F5;
    }
    .nav_menu_box .center_block > div{
        margin: 0;
        padding: 24px 0;
    }
    .nav_menu_box .center_block.products_menu_box > div{
        max-width: 100%;
    }
    .nav_menu_box .center_block.solution_menu_box img{
        width: auto;
        height: 80px;
    }
    .nav_menu_box .center_block > div span{
        font-size: 16px
    }
    .nav_menu_box .center_block.products_menu_box img{
        width: auto;
        height: 160px;
    }
    .nav_menu_box .center_block.support_menu_box > div, .nav_menu_box .center_block.discover_menu_box > div{
        align-items: center;
    }
    .nav_menu_box .center_block.support_menu_box > div span, .nav_menu_box .center_block.discover_menu_box > div span{
        font-size: 12px;
    }
    .nav_menu_box .center_block li{
        justify-content: center;
        height: 56px;
        font-size: 16px;
    }
    .nav_menu_box .center_block li.active{
        color: #183E8C;
    }
    .nav_menu_box .center_block li a{
        font-size: 16px;
    }
    .nav_menu_box .center_block > div.more > span a{
        font-size: 16px;
        display: block;
        padding: 4px 12px;
        border-radius: 40px;
        border: 1px solid #5A6066;
        color: #222629;
    }

    .scrollWrap{
        display: none;
    }



    .footer .title{
        font-size: 16px;
        margin: 40px 0;
        text-align: left;
    }
    .footer .container{
        justify-content: center;
        padding: 0;
    }
    .footer .title h2{
        font-size: 24px;
        margin-bottom: 12px;
    }
    .footer .btn_box{
        justify-content: flex-start;
    }
    .footer .footer_parallel{
        flex-direction: column;
        align-items: flex-start;
    }

    .footer .footer_parallel .join ul li{
        width: 48px;
        height: 48px;
        margin-right: 16px;
    }
    .footer .footer_parallel .app_name{

    }
    .footer .footer_parallel .app_name .app_icon{
        width: 64px;
        height: 64px;
        flex-shrink: 0;
        margin-right: 16px;
    }
    .footer .footer_parallel .app_name h5{
        font-size: 20px;
        margin-bottom: 12px;
    }
    .footer .footer_parallel .app_name p{
        font-size: 16px;
    }
    .footer .footer_parallel .app_store{
        margin-top: 24px;
    }

    .footer .footer_parallel .app_store img{
        height: auto;
        width: 96%;
        margin: 0 auto;
    }
    .footer .left_content{
        width: 100% ;
    }
    .footer .b_logo{
        justify-content: center;
        gap: 24px;
    }
    .footer .b_logo img{
        height: 32px;
    }

    .copyRight{
        font-size: 14px;
        height: auto;
        justify-content: center;
        padding: 0;
    }
    .copyRight .container{
        font-size: 14px;
        padding: 12px;
        flex-direction: column;
        height: auto;
    }
    .copyRight .container span:last-child{
        margin-left: 0!important;
    }
    .copyRight .container span img{
        width: 16px!important;
        margin-right: 4px;
    }


    .line_btn{
        font-size: 16px;
        padding: 6px 12px;
    }
    .line_white_btn{
        font-size: 16px;
        padding: 4px 12px;
        border: 1px solid rgba(255,255,255,.36);
        background-color: rgba(255,255,255,.12);
    }

    .t1{
        font-size: 24px;
    }
    .paging_box .pagination a{
        font-size: 16px!important;
        width: 40px!important;
        height: 40px!important;
    }
    .paging_box .pagination li{
        margin: 0 4px!important;
    }
    .section_swiper .swiper_btn > div{
        width: 32px;
        height: 32px;
        border-radius: 32px;
        opacity: 1;
    }
    .section_swiper .swiper_btn .swiper_prev{
        left: 12px;
    }
    .section_swiper .swiper_btn .swiper_next{
        right: 12px;
    }
    .home_page .section_1 .h_banner .wrapper_box h2{
        font-size: 36px;
    }
    .home_page .section_1 .h_banner .wrapper_box span{
        font-size: 24px;
    }
    .home_page .section_2{
        height: auto;
    }
    .home_page .section_2 .about_content{
        flex-direction: column-reverse;
        padding: 0 12px;
    }

    .home_page .section_2 .section_8_title .title{
        display: block;
    }
    .home_page .section_2 .section_8_title span{
        font-size: 14px;
        display: block;
    }
    .home_page .section_2 .section_8_title .switch_btn li{
        padding: 8px 16px;
        font-size: 14px;
        border-radius: 36px;
    }
    .home_page .section_2 .section_2_parallel{
        height: auto;
        padding-top: 40px;
    }
    .home_page .section_2 .section_2_parallel ul{
        height: auto;
        display: block;
    }
    .home_page .section_2 .section_2_parallel ul > li{
        margin-right: 0;
        height: auto;
        display: block;
        margin-bottom: 24px;
    }
    .home_page .section_2 .section_2_title{
        position: relative;
        opacity: 1;
         left: 0;
         top: 0;
         transform: translateY(0);
        padding-right: 0;
        width: 100%
    }
    .home_page .section_2 .section_2_title .t1{
        font-size: 20px;
    }
    .home_page .section_2 .section_2_title p{
        font-size: 16px;
        text-align: justify;
    }
    .home_page .section_2 .section_2_title .more_btn{
        border-radius: 48px;
        width: 90px;
        height: 30px;
        margin-bottom: 24px;
    }
    .home_page .section_2 .about_content .vision_box{
        width: 100%;
        font-size: 16px;
    }
    .home_page .section_2 .about_content .vision_box > div:first-child{
        margin-bottom: 24px;
    }
    .home_page .section_2 .about_content .vision_box p{
        font-size: 20px;
    }
    .home_page .section_2 .about_content .title_box{
        width: 100%;
        margin-bottom: 24px;
        padding-left: 0;
    }
    .home_page .section_2 .img_content{
        flex-direction: column;
        padding: 0 12px;
    }
    .home_page .section_2 .img_content > div{
        width: 100%;
    }
    .home_page .section_2 .img_content .data_content .color_box{
        height: auto;
        flex-wrap: wrap;
        font-size: 16px;
        padding: 8px;
    }
    .home_page .section_2 .img_content .data_content .color_box > div{
        padding: 8px;
        width: 100%;
    }
    .home_page .section_2 .img_content .data_content .color_box h2{
        font-size: 20px;
    }
    .home_page .section_2 .img_content .data_content .color_box h2 span{
        font-size: 16px;
    }

    .home_page .section_3{
        height: auto;
        padding: 24px 12px;
    }
    .home_page .section_3 .section_3_title{
        padding: 0 ;
        text-align: justify;
    }
    .home_page .section_3 .data_content{
        padding: 0;
        gap: 0;
        flex-flow: row wrap;
        justify-content: flex-start;
    }
    .home_page .section_3 .data_content > div{
        width: 50%;
        flex: 0 0 50%;
        align-items: flex-start;
        font-size: 14px;
        margin: 12px 0;
    }
    .home_page .section_3 .data_content h2{
        font-size: 24px;
    }
    .home_page .section_3 .data_content h2 span{
        font-size: 14px;
    }
    .home_page .section_3 .section_3_title h2{
        font-size: 24px;
        margin-bottom: 12px;
    }
    .home_page .section_3 .section_3_title p{
        font-size: 16px;
    }
    .home_page .section_3 .solution_3_content{
        transform: none;
        flex-wrap: wrap;
        padding: 0;
        height: auto;
        width: 100%;
        margin-top: 0;

    }
    .home_page .section_3 .solution_3_content .solution_list{
        width: 100%;
        height: auto;
        margin: 24px 0 0 0;
    }
    .home_page .section_3 .solution_3_content .solution_list .img_box{
        border-radius: 0;
        height: auto;
        display: flex;
        flex-direction: column-reverse;
    }
    .home_page .section_3 .solution_3_content .solution_list .img_box img{
        width: 100%;
        height: 180px;
        border-radius: 4px;
    }
    .home_page .section_3 .solution_3_content .solution_list .img_box::before{
        content: none;
    }
    .home_page .section_3 .solution_3_content .solution_list .text_box{
        position: relative;
        font-size: 16px;
    }
    .home_page .section_3 .solution_3_content .solution_list .text_box h4{
        font-size: 20px;
    }
    .home_page .section_3 .solution_3_content .solution_list .text_box span{
        opacity: 1;
        display: block;
    }
    .home_page .section_3 .solution_3_content .solution_list .img_box:hover .text_box{
        bottom: 0;
    }
    .home_page .section_4 .solution_4_content .text_box{
        padding: 0 12px;
    }
    .home_page .section_4 .solution_4_content .text_box h2{
        font-size: 24px;
        margin: 12px 0;
    }
    .home_page .section_5{
        height: auto;
    }
    .home_page .section_5 .section_5_title{
        padding: 0 12px;
        align-items: baseline;
    }
    .home_page .section_5 .section_5_title p{
        font-size: 14px;
    }
    .home_page .section_5 .section_5_title span{
        font-size: 14px;
    }
    .home_page .section_5 .section_5_title .switch_btn{
        margin-top: 12px;
        flex-wrap: wrap;
    }
    .home_page .section_5 .section_5_title .switch_btn li{
        font-size: 14px;
        padding: 8px 12px;
        border-radius:40px;
        margin-right: 16px;
        margin-left: 0;
        margin-bottom: 8px;
    }
    .home_page .section_5 .solution_5_content{
        display: block;
        height: auto;
        padding: 0;
    }
    .home_page .section_5 .solution_5_content > li{
        position: relative;
        height: 400px;
        box-shadow: none;
        margin-bottom: 24px;
    }
    .home_page .section_5 .solution_5_content .text_box{
        width: 90%;
        padding: 12px;
        border-radius: 8px;
        background-color: rgba(255,255,255,.48);
    }
    .home_page .section_5 .solution_5_content .text_box img{
        width: 180px;
        height: 120px;
    }
    .home_page .section_5 .solution_5_content .text_box h4{
        font-size: 20px;
    }
    .home_page .section_5 .solution_5_content .text_box .subtitle{
        font-size: 14px;
    }
    .home_page .section_5 .solution_5_content .item{
        max-width: 100%;
        padding: 0;
    }
    .home_page .section_5 .solution_5_content .item .products_list{
        height: auto;
    }
    .home_page .section_5 .solution_5_content .item .products_list .img_box{
        height: 320px;
    }
    .home_page .section_5 .solution_5_content .item .products_list .text_box{
        font-size: 16px;
    }
    .home_page .section_5 .solution_5_content .item .products_list .text_box h4{
        font-size: 20px;
    }
    .home_page .section_5 .solution_5_content .item .products_list .btn_box{
        margin: 24px 0;
    }
    .home_page .section_5 .solution_5_content .item .products_list .btn_box .line_btn{
        padding: 4px 12px;
    }
    .home_page .section_5 .solution_5_content .item .products_list.more > span a{
        font-size: 16px;
        display: block;
        padding: 4px 12px;
        border-radius: 40px;
        border: 1px solid #5A6066;
        color: #222629;
        margin: 24px 0 0 0;
    }
    .home_page .section_6{
        height: auto;
    }
    .home_page .section_6 .section_6_parallel{
        padding: 0 12px;
        flex-direction: column-reverse;
    }
    .home_page .section_6 .section_6_title{
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        padding: 0;
        width: 100%;
        opacity: 1;
        margin-top: 24px;
    }
    .home_page .section_6 .section_6_title p{
        font-size: 16px;
        margin-bottom: 24px;
    }
    .home_page .section_6 .section_6_title .btn_box{
        margin-top: 0;
        text-align: center;
    }
    .home_page .section_6 .section_6_title .btn_box .line_btn{
        padding: 6px 40px;
    }
    .home_page .section_6 .solution_6_content .img_box{
        border-radius: 4px;
    }
    .home_page .section_7 .section_7_title p{
        font-size: 14px;
    }
    .home_page .section_7 .solution_7_content{
        flex-wrap: wrap;
        height: auto;
        overflow: initial;
    }
    .home_page .section_7 .solution_7_content .list_box{
        position: relative;
        flex-flow: row wrap;
    }
    .home_page .section_7 .solution_7_content .item{
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 12px;
    }
    .home_page .section_7 .solution_7_content .text_box p{
        font-size: 16px;
        margin-top: 12px;
    }
    .home_page .section_7 .solution_7_content .item .logo_box .img_box{
        height: 80px;
    }

    .home_page .section_8 .section_8_title{
        padding: 0 12px;
        flex-direction: column;
        align-items: baseline;
    }
    .home_page .section_8 .section_8_title span{
        font-size: 14px;
        margin-left: 0;
    }
    .home_page .section_8 .section_8_title .switch_btn{
        margin-top: 12px;
        flex-wrap: wrap;
    }
    .home_page .section_8 .section_8_title .switch_btn li{
        font-size: 14px;
        padding: 8px 12px;
        border-radius:40px;
        margin: 0 12px 12px 0;
    }
    .home_page .section_8 .solution_8_content{
        padding: 0 12px;
        display: block;
    }
    .home_page .section_8 .solution_8_content .item{
        max-width: 100%;
        padding: 0;
    }
    .home_page .section_8 .solution_8_content .item .news_list{
        border-radius: 4px;
    }
    .home_page .section_8 .solution_8_content .item .news_list .img_box{
        height: 180px;
    }
    .home_page .section_8 .solution_8_content .item .news_list .text_box{
        font-size: 16px;
    }
    .home_page .section_8 .solution_8_content .item .news_list .text_box h4{
        font-size: 20px;
    }
    .home_page .section_8 .solution_8_content .item .news_list .text_box p{
        font-size: 16px;
    }
    .home_page .section_8 .btn_box{
        margin: 24px 0;
    }
    .home_page .section_9 .section_9_title p{
        font-size: 14px;
    }
    .home_page .section_9 .solution_9_content{
        padding: 0 12px;
    }
    .home_page .section_9 .solution_9_content .item{
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 16px;
    }
    .home_page .section_9 .solution_9_content .item .news_list .img_box{
        height: 180px;
    }
    .home_page .section_9 .solution_9_content .item .news_list .text_box h4{
        font-size: 18px;
    }
    .home_page .section_9 .solution_9_content .item .news_list .text_box span{
        font-size: 14px;
    }
    .section_1 .h_banner .wrapper_box h2{
        font-size: 36px;
    }
    .section_1 .h_banner .wrapper_box span{
        font-size: 24px;
    }


    /*----------------------------------------*/

    .special_solution_page .section_2 .section_2_title{
        padding: 0 12px;
    }
    .special_solution_page .section_2 .section_2_title p{
        font-size: 16px;
    }
    .special_solution_page .section_2 .solution_2_content .img_box{
        width: 100%;
        border-radius: 0;
    }

    .special_solution_page .section_5{
        height: auto;
    }
    .special_solution_page .section_5 .section_5_parallel{
        padding: 0 12px;
        display: block;
    }
    .special_solution_page .section_5 .section_5_title{
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        padding: 0;
        width: 100%;
        opacity: 1;
        margin-bottom: 24px;
    }
    .special_solution_page .section_5 .section_5_title p{
        font-size: 16px;
        text-align: left;
    }
    .special_solution_page .section_5 .solution_5_content .img_box{
        border-radius: 4px;
    }
    .special_solution_page .section_6 .section_6_parallel{
        padding: 0 12px;
        display: block;
    }
    .special_solution_page .section_7 .section_7_parallel{
        padding: 0 12px;
        display: block;
    }
    .special_solution_page .section_8 .section_8_parallel{
        padding: 0 12px;
        display: block;
    }

    .special_solution_page .section_4{
        height: auto;
    }
    .special_solution_page .section_4 .section_4_parallel{
        padding: 12px 12px;
    }
    .special_solution_page .section_4 .section_4_parallel .section_4_title{
        margin-bottom: 12px;
    }
    .special_solution_page .section_4 .section_4_parallel .section_4_title p{
        font-size: 16px;
    }
    .special_solution_page .section_4 .section_4_parallel .solution_4_content{
        width: 100%;
        padding-left: 0;
        display: block;
    }
    .special_solution_page .section_4 .section_4_parallel .solution_4_content .item{
        width: 100%;
        margin: 0 0 12px 0;
    }
    .special_solution_page .section_4 .section_4_parallel .solution_4_content .item .img_box{
        height: 160px;
        border-radius: 4px;
    }
    .special_solution_page .section_4 .section_4_parallel .solution_4_content .item .text_box h4{
        font-size: 20px;
    }
    .special_solution_page .section_4 .section_4_parallel .solution_4_content .item .text_box p{
        font-size: 16px;
    }

    .special_solution_page .section_9 .section_8_title{
        padding: 0 12px;
    }
    .special_solution_page .section_9 .section_8_title .title{
        display: block;
    }
    .special_solution_page .section_9 .section_8_title span{
        font-size: 14px;
        margin-left: 0;
    }
    .special_solution_page .section_9 .solution_8_content{
        padding: 0 12px;
        display: block;
    }
    .special_solution_page .section_9 .solution_8_content .item{
        max-width: 100%;
        padding: 0;
    }
    .special_solution_page .section_9  .solution_8_content .item .news_list{
        border-radius: 4px;
    }
    .special_solution_page .section_9 .solution_8_content .item .news_list .img_box{
        height: 180px;
    }
    .special_solution_page .section_9 .solution_8_content .item .news_list .text_box{
        font-size: 16px;
    }
    .special_solution_page .section_9 .solution_8_content .item .news_list .text_box h4{
        font-size: 20px;
    }
    .special_solution_page .section_9  .solution_8_content .item .news_list .text_box p{
        font-size: 16px;
    }


    .many_solution_page .section_3{
        height: auto;
    }
    .many_solution_page .section_3 .section_3_title p{
        font-size: 14px;
    }
    .many_solution_page .section_3 .section_3_parallel{
        padding: 24px 12px;
    }
    .many_solution_page .section_3 .solution_3_content{
        height: auto;
    }
    .many_solution_page .section_3 .solution_3_content li{
        position: relative;
        display: block;
    }
    .many_solution_page .section_3 .solution_3_content li .img_box{
        width: 100%;
        border-radius: 4px;
    }
    .many_solution_page .section_3 .solution_3_content .text_box{
        margin-top: 12px;
        opacity: 1;
        padding: 0 12px;
        width: 100%;
    }
    .many_solution_page .section_3 .solution_3_content .text_box p{
        font-size: 16px;
        /*text-align: justify;*/
    }

    .many_solution_page .section_5{
        height: 100vh;
    }
    .many_solution_page .section_5 .solution_5_content .text_box{
        bottom: 50%;
        padding: 0 12px;
        transform: translateY(50%);
    }
    .many_solution_page .section_5 .solution_5_content .text_box p{
        font-size: 16px;
    }
    .many_solution_page .section_5 .solution_5_content .text_box .btn_box{
        margin-top: 24px;
    }
    .many_solution_page .section_6 .section_6_title{
        padding: 0 12px;
    }
    .many_solution_page .section_6 .section_6_title p{
        font-size: 16px;
        margin-top: 24px;
    }
    .many_solution_page .section_6 .solution_6_content .img_box{
        width: 100%;
        border-radius: 0;
    }
    .many_solution_page .section_6 .solution_6_content .img_box img{
        border-radius: 0;
    }
    .many_solution_page .section_8{
        height: auto;
    }
    .many_solution_page .section_8 .section_8_parallel ul{
        padding: 0 12px;
        display: block;
    }
    .many_solution_page .section_8 .section_8_parallel ul > li{
        margin-right: 0;
        height: auto;
        flex-direction: column-reverse;
        margin-bottom: 12px;
    }
    .many_solution_page .section_8 .section_8_title{
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        padding-right: 0;
        width: 100%;
        opacity: 1;
    }
    .many_solution_page .section_8 .solution_8_content .img_box{
        border-radius: 4px;
    }
    .many_solution_page .section_8 .section_8_title h2{
        margin: 12px 0;
    }
    .many_solution_page .section_8 .section_8_title p{
        font-size: 16px;
        text-align: left;
    }
    .many_solution_page .section_10 .section_10_parallel{
        padding: 24px 12px;
    }
    .many_solution_page .section_10 .section_10_title p{
        font-size: 16px;
        text-align: left;
    }
    .many_solution_page .section_10 .solution_10_content{
        display: block;
    }
    .many_solution_page .section_10 .solution_10_content h4{
        font-size: 16px;
        margin: 12px 0;
    }
    .many_solution_page .section_10 .solution_10_content ul{
        margin: 0;
        display: block;
    }
    .many_solution_page .section_10 .solution_10_content .item{
        width: 100%;
        margin: 0 0 12px 0;
    }
    .many_solution_page .section_10 .solution_10_content .item .img_box{
        height: 120px;
        border-radius: 4px;
    }
    .many_solution_page .section_10 .solution_10_content .item .text_box span{
        font-size: 14px;
    }
    .many_solution_page .section_9 .section_8_title{
        padding: 0 12px;
    }
    .many_solution_page .section_9 .section_8_title .title{
        display: block;
    }
    .many_solution_page .section_9 .section_8_title span{
        font-size: 14px;
        margin-left: 0;
    }
    .many_solution_page .section_9 .solution_8_content{
        padding: 0 12px;
        display: block;
    }
    .many_solution_page .section_9 .solution_8_content .item{
        max-width: 100%;
        padding: 0;
    }
    .many_solution_page .section_9  .solution_8_content .item .news_list{
        border-radius: 4px;
    }
    .many_solution_page .section_9 .solution_8_content .item .news_list .img_box{
        height: 180px;
    }
    .many_solution_page .section_9 .solution_8_content .item .news_list .text_box{
        font-size: 16px;
    }
    .many_solution_page .section_9 .solution_8_content .item .news_list .text_box h4{
        font-size: 20px;
    }
    .many_solution_page .section_9  .solution_8_content .item .news_list .text_box p{
        font-size: 16px;
    }
    .product_list_page .section_5{
        min-height: calc(100vh - 70rem);
    }
    .product_list_page .section_5 .section_5_title{
        justify-content:center;
        padding: 0 12px;
    }
    .product_list_page .section_5 .section_5_title .switch_btn{
        flex-wrap: wrap;
    }
    .product_list_page .section_5 .section_5_title .switch_btn li{
        font-size: 14px;
        padding: 8px 12px;
        border-radius:40px;
        margin: 4px 8px;
    }
    .product_list_page .section_5 .solution_5_content{
        display:block;
        padding: 0 12px;
    }
    .product_list_page .section_5 .solution_5_content .no_data img{
        width: 200px;height: 200px;margin-bottom: 16px;
    }
    .product_list_page .section_5 .solution_5_content .no_data span{
        font-size: 16px;
    }
    .product_list_page .section_5 .solution_5_content .item{
        padding: 0;
        max-width: 100%;
    }
    .product_list_page .section_5 .solution_5_content .item .products_list .img_box{
        height: 300px;
    }
    .product_list_page .section_5 .solution_5_content .item .products_list .text_box{
        font-size: 16px;
    }
    .product_list_page .section_5 .solution_5_content .item .products_list .text_box h4{
        font-size: 20px;
    }

    .product_list_page .section_1 .h_banner .wrapper_box h2{
        font-size: 24px;
    }
    .product_list_page .section_1 .h_banner .wrapper_box span{
        font-size: 16px;
    }
    .product_list_page .section_2 .solution_2_content{
        padding: 0 12px;
        display: block;
    }
    .product_list_page .section_2 .solution_2_content .item{
        max-width: 100%;
        padding: 0;
    }
    .product_list_page .section_2 .solution_2_content .item .products_list{
        height: auto;
    }
    .product_list_page .section_2 .solution_2_content .item .products_list .img_box{
        height: 320px;
    }
    .product_list_page .section_2 .solution_2_content .item .products_list .text_box{
        font-size: 16px;
    }
    .product_list_page .section_2 .solution_2_content .item .products_list .text_box h4{
        font-size: 20px;
    }
    .product_list_page .section_2 .solution_2_content .item .products_list .btn_box{
        margin: 24px 0;
    }
    .product_list_page .section_2 .solution_2_content .item .products_list .btn_box .line_btn{
        padding: 4px 12px;
    }

    .product_page{
        padding-top: 48px;
    }
    .product_page .section_2{
        padding: 0 12px;
    }
    .product_page .section_2 .solution_2_content .img_text_box{
        display: block;
    }
    .product_page .section_2 .solution_2_content .img_text_box .img_box{
        width: 100%;
        height: auto;
    }
    .product_page .section_2 .solution_2_content .img_text_box .img_box .banner{
        height: 500px;
        width: 100%;
    }
    .product_page .section_2 .solution_2_content .img_text_box .text_box{
        padding: 0 ;
        margin-top: 12px;
    }
    .product_page .section_2 .solution_2_content .img_text_box .text_box h1{
        font-size: 24px;
    }
    .product_page .section_2 .solution_2_content .img_text_box .text_box p{
        font-size: 14px;
    }
    .product_page .section_2 .solution_2_content .info_box{
        padding-top: 24px;
    }
    .product_page .section_2 .solution_2_content .info_box li{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .product_page .section_2 .solution_2_content .info_box li .info{
        font-size: 14px;
        height: 100%;
    }
    .product_page .section_2 .solution_2_content .info_box li .info p{
        font-size: 16px;
    }
    .product_page .section_2 .section_2_title{
        padding: 4rem 0;
        margin-bottom: 0;
    }
    .product_page .section_2 .section_2_title .title{
        flex-wrap: wrap;
    }
    .product_page .section_2 .section_2_title span{
        font-size: 14px;
    }
    .product_page .section_2 .solution_3_content .content_box p{
        font-size: 16px;
    }
    .product_page .section_2 .solution_3_content .item{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .product_page .section_2 .solution_3_content .item .products_list .img_box{
        height: 240px;
    }
    .product_page .section_2 .solution_3_content .item .products_list .text_box{
        font-size: 14px;
    }
    .product_page .section_2 .solution_3_content .item .products_list .text_box h4{
        font-size: 20px;
    }
    .product_page .section_2 .solution_3_content .item .products_list .text_box .tag_box{
        margin-top: 24px;
    }
    .case_list_page .section_8{
        padding: 24px 12px;
    }
    .case_list_page .section_8 .section_8_title{
        justify-content:center;
        padding: 0;
        margin-bottom: 16px;
    }
    .case_list_page .section_8 .section_8_title .switch_btn{
        flex-wrap: wrap;
    }
    .case_list_page .section_8 .section_8_title .switch_btn li{
        margin: 0 8px 8px 8px;
        font-size: 16px;
        padding: 8px 12px;
        border-radius: 40px;
    }
    .case_list_page .section_8 .solution_8_content{
        padding: 0;
    }
    .case_list_page .section_8 .solution_8_content .item{
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
    .case_list_page .section_8 .solution_8_content .item .news_list .img_box{
        height: 240px;
    }
    .case_list_page .section_8 .solution_8_content .item .news_list .text_box{
        padding: 12px;
        font-size: 14px;
    }
    .case_list_page .section_8 .solution_8_content .item .news_list .text_box h4{
        font-size: 20px;
    }
    .case_list_page .section_8 .solution_8_content .item .case_list .img_box{
        height: 200px;
    }
    .case_list_page .section_8 .solution_8_content .item .case_list .text_box h4{
        font-size: 20px;
    }
    .case_list_page .section_8 .solution_8_content .item .case_list .text_box p{
        font-size: 14px;
        height: auto;
        margin: 8px 0;
    }
    .case_list_page .section_8 .solution_8_content .item .case_list .text_box .tag_box span{
        font-size: 14px;
    }
    .case_list_page .section_8 .solution_8_content .item .case_list .text_box .tag_box{
        padding-top: 12px;
        margin-bottom: 12px;
    }
    .case_page .section_2 .section_2_title .title{
        flex-wrap: wrap;
    }

    .case_page .section_2 .section_2_title span{
        font-size: 14px;
    }
    .case_page .section_2{
        padding: 60px 12px 0 12px;
    }
    .case_page .section_2 .solution_2_content .img_text_box{
        display: block;
    }
    .case_page .section_2 .solution_2_content .img_text_box .img_box{
        width: 100%;
        height: auto;
    }
    .case_page .section_2 .solution_2_content .img_text_box .img_box .banner{
        width: 100%;
        height: 240px;
    }
    .case_page .section_2 .solution_2_content .img_text_box .text_box{
        padding: 24px 0 12px;
        text-align: justify;
    }
    .case_page .section_2 .solution_2_content .img_text_box .text_box h1{
        font-size: 24px;
    }
    .case_page .section_2 .solution_2_content .img_text_box .text_box p{
        font-size: 14px;
    }
    .case_page .section_2 .solution_2_content .info_box li {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 12px;
    }
    .case_page .section_2 .solution_2_content .info_box li .info{
        font-size: 14px;
    }
    .case_page .section_2 .solution_2_content .info_box li .info p{
        font-size: 16px;
    }
    .news_list_page .section_8 .section_8_title{
        padding: 0 12px;
    }

    .news_list_page .section_8 .section_8_title .switch_btn{
        flex-wrap: wrap;
    }
    .news_list_page .section_8 .section_8_title .switch_btn li{
        margin: 0 8px 8px 8px;
        font-size: 16px;
        padding: 8px 12px;
        border-radius: 40px;
    }
    .news_list_page .section_8 .solution_8_content{
        padding: 0 12px;
    }
    .news_list_page .section_8 .solution_8_content .item{
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
    .news_list_page .section_8 .solution_8_content .item .news_list .img_box{
        height: 200px;
    }
    .news_list_page .section_8 .solution_8_content .item .news_list .text_box h4{
        font-size: 20px;
    }
    .news_list_page .section_8 .solution_8_content .item .news_list .text_box span{
        font-size: 14px;
    }

    .news_page .section_2{
        padding: 60px 12px 0 12px;
        min-height: calc(100vh - 60px);
    }
    .news_page .section_2 .section_2_title{
        flex-wrap: wrap;
    }
    .news_page .section_2 .section_2_title span{
        font-size: 14px;
    }
    .news_page .section_2 .solution_2_content .text_box h1{
        font-size: 24px;
    }
    .news_page .section_2 .solution_2_content .text_box p{
        font-size: 14px;
    }
    .news_page .section_2 .solution_2_content .content_box p{
        font-size: 16px;
    }
    .news_page .section_2 .solution_2_content .attachment_box{
        font-size: 16px;
        flex-direction: column;
    }
    .news_page .section_2 .solution_2_content .attachment_box:last-child{
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px;
    }
    .news_page .section_2 .solution_2_content .attachment_box button{
        font-size: 16px;
    }
    .about_page .section_6 .section_6_parallel{
        padding:12px;
    }
    .about_page .section_6 .section_6_parallel .section_6_title h4{
        font-size: 20px;
    }
    .about_page .section_6 .section_6_parallel .section_6_title p{
        font-size: 16px;
        text-align: justify;
    }

    .about_page .section_2 .section_2_parallel{
        padding-top: 0;
    }
    .about_page .section_2 .solution_2_content .text_box{
        flex-direction: column;
        padding: 0 12px ;
    }
    .about_page .section_2 .solution_2_content .text_box h3{
        opacity: 1;
        font-size: 16px;
        position: relative;
        padding: 0;
        font-weight: 500;
        margin-bottom: 12px;
    }
    .about_page .section_2 .solution_2_content .text_box h3:first-child{
        font-size: 24px;
        font-weight: 600;
    }
    .about_page .section_3{
        background-color: #FFF;
    }
    .about_page .section_3 .section_3_parallel{
        padding: 12px;
    }
    .about_page .section_3 .solution_3_content .item{
        background-color: #F8F8F8;
        border-radius: 4px;
    }
    .about_page .section_3 .solution_3_content .item .text_box{
        text-align: left;
        padding: 12px;
    }
    .about_page .section_3 .solution_3_content .item .text_box p{
        font-size: 16px;
    }
    .about_page .section_3 .solution_3_content .item .img_box{
        border-radius: 4px;
    }
    .about_page .section_4{
        height: auto;
    }
    .about_page .section_4 .section_4_parallel{
        padding: 12px;
    }
    .about_page .section_4 .section_4_parallel .section_4_title p{
        font-size: 16px;
    }
    .about_page .section_4 .section_4_parallel .solution_4_content{
        padding: 0;
        display: block;
        width: 100%;
    }
    .about_page .section_4 .section_4_parallel .solution_4_content .item{
        margin: 0 0 12px 0;
        width: 100%;
    }
    .about_page .section_4 .section_4_parallel .solution_4_content .item .img_box{
        height: 200px;
    }
    .about_page .section_4 .section_4_parallel .solution_4_content .item .text_box{
        padding: 12px 0;
    }
    .about_page .section_4 .section_4_parallel .solution_4_content .item .text_box h4{
        font-size: 20px;
    }
    .about_page .section_4 .section_4_parallel .solution_4_content .item .text_box p{
        font-size: 16px;
    }
    .about_page .section_5{
        height: auto;
    }
    .about_page .section_5 .section_5_parallel{
        height: 100%;
        padding: 12px;
    }
    .about_page .section_5 .section_5_title{
        margin-bottom: 12px;
    }
    .about_page .section_5 .section_5_parallel .solution_5_content{
        height: auto;
    }
    .about_page .section_5 .solution_5_content li{
        position: relative;
        display: block;
    }
    .about_page .section_5 .solution_5_content li .img_box{
        width: 100%;
        height: 200px;
    }
    .about_page .section_5 .solution_5_content .text_box{
        opacity: 1;
        width: 100%;
        padding: 0;
        padding-top: 12px;
    }
    .about_page .section_5 .solution_5_content .text_box h4{
        font-size: 20px;
    }
    .about_page .section_5 .solution_5_content .text_box p{
        font-size: 16px;
    }
    .about_page .section_5 .text_box{
        padding: 0 12px;
    }
    .about_page .section_5 .text_box p{
        font-size: 16px;
    }
    .about_page .section_6 .solution_6_content{
        padding: 0 12px;
    }
    .about_page .section_6 .solution_6_content .item{
        width: 100%;
        border-radius: 4px;
    }
    .about_page .section_6 .solution_6_content .item .img_box{
        height: 180px;
    }
    .about_page .section_6 .solution_6_content .pager .indicator{
        height: 6px;
    }
    .about_page .section_6 .solution_6_content .item .text_box h4{
        font-size: 20px;
    }
    .about_page .section_6 .solution_6_content .item .text_box p{
        font-size: 16px;
    }
    .about_page .section_4.section_6 .section_4_parallel .solution_4_content .item{
        width: 100%;
        margin-bottom: 24px;
    }
    .about_page .section_4.section_6 .section_4_parallel .solution_4_content .item .img_box{
        height: 200px;
    }
    .about_page .section_4.section_6 .section_4_parallel .solution_4_content .item .text_box h4{
        font-size: 20px;
    }
    .about_page .section_4.section_6 .section_4_parallel .solution_4_content .item .text_box p{
        font-size: 16px;
    }

    .contact_page .section_2 .section_2_parallel{
        padding: 12px;
    }
    .contact_page .section_2 .section_2_parallel .section_2_title p{
        font-size: 16px;
    }
    .contact_page .section_3 .section_3_parallel{
        padding: 12px;
    }
    .contact_page .section_3 .section_3_parallel .solution_3_content{
        padding: 0;
        display: block;
    }
    .contact_page .section_3 .section_3_parallel .solution_3_content.solution_4_content{
        padding: 0;
    }
    .contact_page .section_3 .section_3_parallel .solution_3_content .text_box , .contact_page .section_3 .section_3_parallel .solution_3_content .text_box:last-child{
        padding: 24px;
        font-size: 14px;
    }
    .contact_page .section_3 .section_3_parallel .solution_3_content.solution_4_content .text_box{
        width: 100%;
    }

    .contact_page .section_3 .section_3_parallel .solution_3_content .text_box h3{
        font-size: 20px;
    }
    .contact_page .section_3 .section_3_parallel .solution_3_content .text_box li{
        font-size: 14px;
        margin-bottom: 12px;
    }
    .join_us_page .section_2 .section_2_parallel .section_2_title h4{
        font-size: 20px;
    }
    .join_us_page .section_2 .section_2_parallel .section_2_title p{
        font-size: 16px;
    }
    .join_us_page .section_3 .solution_3_content .text_box > div{
        top: 15%;
        padding: 0 12px;
        opacity: 1;
    }
    .join_us_page .section_3 .solution_3_content .text_box h3{
        font-size: 20px;
        margin-bottom: 12px;
    }
    .join_us_page .section_4 .section_4_title h3{
        font-size: 20px;
    }
    .join_us_page .section_4 .solution_4_content{
        padding: 0 12px;
    }
    .join_us_page .section_4 .solution_4_content ul{
        display: block;
    }
    .join_us_page .section_4 .solution_4_content ul li{
        margin: 0 0 12px 0;
        width: 100%;
        border-radius: 4px;
    }
    .join_us_page .section_4 .solution_4_content ul li.active{
        width: 100%;
    }
    .join_us_page .section_4 .solution_4_content .mask .text_box{
        bottom: 12px;
        padding: 0 12px;
    }
    .join_us_page .section_4 .solution_4_content .mask .text_box h6{
        font-size: 16px;
    }
    .join_us_page .section_4 .solution_4_content .mask .text_box p{
        font-size: 14px;
        opacity: 1;
    }
    .join_us_page .section_5 .section_5_parallel{
        padding: 12px;
    }
    .join_us_page .section_5 .section_5_parallel .solution_5_content{
        padding: 0;
        display: block;
    }
    .join_us_page .section_5 .section_5_parallel .solution_5_content .text_box , .join_us_page .section_5 .section_5_parallel .solution_5_content .text_box:last-child{
        padding: 24px;
        font-size: 14px;
    }

    .join_us_page .section_5 .section_5_parallel .solution_5_content .text_box h3{
        font-size: 20px;
    }
    .join_us_page .section_5 .section_5_parallel .solution_5_content .text_box li{
        font-size: 14px;
        margin-bottom: 12px;
    }

    .cookieTip .cookieTipContent{
        padding: 16px 28px;
    }

    .cookieTip .cookieTipContent .rightDiv{
        display: none;
    }

    .cookieTip .cookieTipContent .mobileAgreeBtn{
        display: flex;
    }

    .cookieTip .cookieTipContent .agreeBtn{
        width: 100%;
        height: 48px;
        margin-bottom: 16px;
    }

    .cookieTip .cookieTipContent .cookieText{
        line-height: normal;
        margin-bottom: 32px;
    }

    .dialog-box .dialog-body{
        padding: 20px 0;
        height: auto;
        width: 300px;
        border-radius: 8px;
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    }

    .dialog-box .dialog-body img{
        width: 160px;
        height: 80px;
    }

    .dialog-box .dialog-body .title{
        font-size: 16px;
        margin-top: 24px;
    }

    .dialog-box .dialog-body .subTitle{
        font-size: 14px;
        margin-top: 8px;
    }

    .dialog-box .dialog-body .closeBtn{
        height: 36px;
        border-radius: 40px;
        width: 120px;
        font-size: 14px;
        margin-top: 24px;
    }

}

@media ( max-width:800px ) {

}


@media ( max-width:650px ) {


}

@media ( max-width:500px ) {

}

html {
    font-size: 10px
}


@media (max-width: 1560px) {
    html {
        font-size: 9px
    }
}

@media (max-width: 1440px) {
    html {
        font-size: 8px
    }
}

@media (max-width: 1024px) and (orientation:landscape),(max-width:1024px) and (orientation:portrait) {
    html {
        font-size:0.8vw
    }
}

@media (max-width: 720px) and (orientation:landscape),(max-width:720px) and (orientation:portrait) {
    html {
        font-size:0.8vw
    }
}