.wap_show{
    display: none!important;
}


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

    .header .top_bar{
        padding: 0 1.2rem;
    }
    .top_bar .nav_toggle{
        display: flex;
        align-items: center;
    }
    .top_bar .nav_toggle .primary_btn{
        margin-right: 1.2rem;
    }
    .top_bar .logo{
        height: 2.4rem;
    }

    .header .nav_menu_box.menu_open{
        opacity: 1;
        visibility: visible;
    }

    .nav_menu_box{
        z-index: 2;
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100vw;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
        background-color: var(--color-bg-tm-4);
        backdrop-filter: saturate(100%) blur(16px);
        -webkit-backdrop-filter: saturate(100%) blur(16px);
        opacity: 0;
        visibility: hidden;
    }

    .nav_menu_box .menu_box{
        position: absolute;
        left: 0;
        top: -100%;
        background-color: var(--color-bg-white);
        padding: 8rem 0 2.4rem 0;
        width: 100%;
        height: 80vh;
        border-radius: 0 0 .8rem .8rem;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }
    .nav_menu_box.menu_open .menu_box{
        top: 0;
        opacity: 1;
        visibility: visible;
    }

    .nav_menu_box .menu_box .wap_row{
        height: 5.6rem;
        text-align: center;
        font-size: 1.6rem;
        display: flex!important;
        justify-content: center;
        align-items: center;
        padding: .6rem 1.2rem;
    }
    .nav_menu_box .menu_box .wap_row a.active{
        background-color: var(--color-bg-gray);
        border-radius: 4.8rem;
    }
    .nav_menu_box .menu_box .wap_row a{
        color: var(--color-text-t20);
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .section_1 .h_banner{
        align-items: flex-start;
    }
    .h_banner .title_box h2{
        font-size: 2.8rem;
    }
    .h_banner .title_box p{
        font-size: 1.6rem;
    }
    .h_banner .title_box li span{
        font-size: 1.6rem;
    }
    .h_banner .title_box li img{
        width: 2rem;
        height: 2rem;
    }

    .h_banner .title_box{
        padding: 0 1.2rem;
        text-align: center;
        margin-top: 12rem;
        width: 100%;
    }
    .h_banner .title_box ul{
        justify-content: center;
        flex-direction: column-reverse;
    }
    .h_banner .title_box li h5{
        text-align: start;
    }
    .h_banner .banner_img video{
        object-position: 80%;
    }
    .h_banner .banner_img img{
        object-position: 70%;
    }
    .home_page .section_2{
        padding: 0 1.2rem 4rem;
    }
    .home_page .section_2 .s2_parallel{
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .t36{
        font-size: 2.8rem;
    }
    .t24{
        font-size: 2rem;
    }
    .home_page .section_2 .s2_parallel .vision_box{
        width: 100%;
        height: 24rem;
    }
    .home_page .section_3{
        padding: 4rem 1.2rem 12rem ;
        height: auto;
    }
    .home_page .section_3 .title_box{
        text-align: start;
    }
    .home_page .section_3 .title_box h2{
        flex-direction: column;
        width: 100%;
    }
    .home_page .section_3 .s3_parallel{
        width: 100%;
    }
    .home_page .section_3 .vision_box li{
        width: 100%;
        background-size: contain;
        height: 6rem;
    }
    .home_page .section_3 .vision_box img{
        width: 100%;
        height: auto;
    }
    .home_page .section_4{
        padding: 4rem 1.2rem;
        height: 100rem;
    }
    .home_page .section_4 .s4_parallel{
        width: 100%;
    }
    .home_page .section_4 .title_box{
        margin-bottom: 0;
    }
    .home_page .section_4 .title_box h2{
        flex-direction: column;
        width: 100%;
    }
    .home_page .section_4 .tab_header{
        margin: 2.4rem 0;
        overflow-x: auto;
        justify-content: flex-start;
    }
    .home_page .section_4 .tab_header::-webkit-scrollbar{
        display: none;
    }
    .home_page .section_4 .tab_header li{
        flex-shrink: 0;
        width: auto;
        padding: 0 4.8rem;
    }
    .home_page .section_4 .tab_content > li{
        flex-direction: column-reverse;
        gap: 1.2rem;
    }
    .home_page .section_4 .tab_content .vision_box{
        width: 100%;
        height: 21rem;
    }
    .home_page .section_4 .text_box{
        gap: 2.4rem;
    }
    .home_page .section_4 .text_box .item_title{
        flex-direction: column;
        align-items: flex-start;
    }
    .home_page .section_4 .text_box .capacity_list{
        margin-bottom: 2rem;
    }
    .home_page .section_5{
        padding: 4rem 1.2rem;
    }
    .home_page .section_5 .s5_parallel{
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }
    .home_page .section_5 .s5_parallel .vision_box{
        width: 100%;
        height: auto;
    }
    .home_page .section_5 .vision_box .card .inner{
        padding: 1.2rem;
    }
    .home_page .section_5 .s5_parallel .vision_box .card{
        height: 25rem;
    }
    .home_page .section_6{
        height: auto;
        padding: 4rem 1.2rem;
    }

    .paging_box .pagination a{
        font-size: 16px!important;
        width: 40px!important;
        height: 40px!important;
    }
    .paging_box .pagination li{
        margin: 0 4px!important;
    }
    .home_page .section_6 .s6_parallel{
        width: 100%;
    }
    .home_page .section_6 .s6_parallel .s6_data{
        flex-wrap: wrap;
        gap: 0;
    }
    .home_page .section_6 .s6_parallel .s6_data li{
        width: 50%;
        flex-shrink: 0;
        margin-top: 1.2rem;
    }
    .home_page .section_6 .s6_parallel .tab_header{
        flex-direction: column;
    }
    .home_page .section_6 .s6_parallel .tab_header .card,.home_page .section_6 .s6_parallel .tab_header .card.active{
        padding-top: 0;
        flex: 2;
        backdrop-filter: saturate(100%) blur(40px);
        -webkit-backdrop-filter: saturate(100%) blur(40px);
        background: linear-gradient(180.00deg, rgba(197, 222, 255, 0.24), rgba(255, 255, 255, 1) 100%);
    }
    .s6_parallel .tab_header .card .card_title{
        padding: 0 2.4rem;
    }
    .s6_parallel .tab_header .card .card_icon{
        visibility: visible;
        padding-top: 1.2rem;
    }
    .home_page .section_6 .s6_parallel .tab_header .card p{
        padding: 0 2.4rem 2.4rem;
        margin-bottom: 0;
    }
    .home_page .section_6 .tab_content > li img{
        object-position: right;
    }
    .home_page .section_6 .s6_parallel .tab_header .card .icon_box{
        flex-wrap: wrap;
        row-gap: 1.2rem;
    }
    .s6_parallel .tab_header .card .icon_box li{
        flex: 0 0 25%;
    }
    .home_page .section_7{
        padding: 4rem 1.2rem;
    }
    .home_page .section_7 .title_box h2{
        flex-direction: column;
        width: 100%;
    }
    .home_page .section_7 .s7_parallel{
        width: 100%;
    }
    .home_page .section_7 .vision_box{
        width: 100%;
        height: auto;
    }
    .home_page .section_8{
        padding: 4rem 1.2rem;
    }
    .home_page .section_8 .s8_parallel{
        width: 100%;
    }
    .home_page .section_8 .tab_content{
        height: auto;
        flex-direction: column;
        background: none;
        backdrop-filter: saturate(100%) blur(0);
    }
    .home_page .section_8 .tab_content .left_box{
        width: 100%;
        height: auto;
        margin-bottom: 1.2rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        background: none;
        padding: 0;
    }
    .home_page .section_8 .tab_content .left_box li{
        padding: 1.2rem;
        background-color: var(--color-text-w60);
    }
    .home_page .section_8 .tab_content .left_box li.primary_btn{
        width: 100%;
    }
    .home_page .section_8 .tab_content .right_box{
        display: flex;
        flex-direction: row;
        height: 64rem;
    }
    .home_page .section_8 .tab_content .right_box > li{
        background-color: var(--color-text-w60);
        border-radius: .8rem;
    }

    .home_page .section_8 .tab_content .right_box .tips_box{
        display: none;
    }
    .home_page .section_8 .tab_content .right_box .info_box{
        padding: 1.2rem;
        gap: 1.2rem;
    }
    .home_page .section_8 .tab_content .right_box .icon_box ul{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .home_page .section_8 .tab_content .right_box .icon_box li{
        padding: 1.2rem 0;
    }
    .home_page .section_8 .tab_content .right_box .icon_box li:not(:nth-child(2n - 1)){
        border-right: none;
    }
    .home_page .section_8 .tab_content .right_box .btn_box button{
        width: calc(50% - 1.2rem);
    }
    
    .home_page .section_10{
        padding: 4rem 1.2rem;
    }
    .home_page .section_10 .s10_parallel{
        width: 100%;
    }
    .home_page .section_10 .tab_header{
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-bottom: 1.6rem;
        padding-bottom: .4rem;
    }
    .home_page .section_10 .tab_header::-webkit-scrollbar{
        display: none;
    }
    .home_page .section_10 .tab_header li{
        flex-shrink: 0;
        font-size: 1.8rem;
        margin-right: 1.2rem;
        padding-right: 1.2rem;
    }
    .home_page .section_10 .tab_header li::after{
        font-size: 1.6rem;
    }
    .home_page .section_10 .news_content{
        flex-direction: column;
        gap: 3.2rem;
    }
    .home_page .section_10 .news_content .left_box{
        width: 100%;
        height: 100%;
    }
    .home_page .section_10 .news_content .feature_img{
        height: 20rem;
    }
    .home_page .section_10 .news_content .feature_card h3{
        font-size: 2rem;
        margin: 1.2rem 0 .6rem;
    }
    .home_page .section_10 .news_content .feature_card p{
        font-size: 1.4rem;
    }
    .home_page .section_10 .news_content .right_box{
        width: 100%;
        height: auto;
        border-left: 0;
        border-top: 1px solid #d9dce2;
        padding-left: 0;
        padding-top: 1.2rem;
    }
    .home_page .section_10 .news_content .right_box li{
        padding-bottom: 1.2rem;
        margin-bottom: 1.2rem;
    }
    .home_page .section_10 .news_content .news_item{
        gap: .8rem;
    }
    .home_page .section_10 .news_content .news_item .news_img_box{
        width: 11rem;
        height: 7rem;
        border-radius: .8rem;
        overflow: hidden;
    }
    .home_page .section_10 .news_content .news_item .info_box{
        width: calc(100% - 11rem - .8rem);
    }
    .home_page .section_10 .news_content .news_item h4{
        font-size: 1.6rem;
        margin-bottom: .4rem;
    }
    .home_page .section_10 .news_content .news_item p{
        font-size: 1.2rem;
    }
    .home_page .section_9{
        padding: 4rem 1.2rem;
    }
    .home_page .section_9 .title_box{
        width: 100%;
    }
    .home_page .section_9 .s9_parallel{
        width: 100%;
    }
    .cummerbund{
        background-position: right;
    }
    .cummerbund .cummerbund_parallel{
        width: 100%;
        padding: 0 1.2rem;
    }
    .footer .footer_parallel .icon_box{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .footer .footer_parallel .icon_box li{
        flex-direction: column;
        padding: 1.2rem;
        justify-content: flex-start;
        height: 100%;
        text-align: center;
    }
    .footer .footer_parallel .icon_box img{
        margin: 0 0 .8rem 0;
    }
    .footer .footer_parallel .footer_div{
        padding: 2.4rem 1.2rem;
    }
    .footer_address{
        width: 100%;
    }
    .footer .footer_parallel{
        width: 100%;
    }
    .copyright .copyright_parallel{
        width: 100%;
        padding: 1.2rem;
        flex-direction: column;
        height: auto;
    }
    .copyright .copyright_parallel a{
        margin: .8rem 0 0 0;
    }

    .product_page .section_2{
        padding: 0 1.2rem 4rem;
    }
    .product_page .section_2 .s2_parallel{
        width: 100%;
    }
    .product_page .s2_parallel .vision_box .phone_img{
        height: 100%;
        overflow-x: auto;
        background-color: var(--color-bg-gray);
        border-radius: .8rem;
        padding: 1.2rem;
    }
    .product_page .s2_parallel .vision_box .phone_img::-webkit-scrollbar{
        display: none;
    }
    .product_page .s2_parallel .vision_box .phone_img img{
        width: auto;
        height: 100%;
    }
    .product_page .section_3 .s3_parallel{
        width: 100%;
        padding: 4rem 1.2rem;
    }
    .product_page .section_3 .s3_parallel .vision_box li{
        padding: 1.2rem;
        flex-direction: column;
    }
    .product_page .section_3 .s3_parallel .vision_box li .right_box{
        display: none;
    }
    .product_page .section_4 .s4_parallel{
        width: 100%;
        padding: 4rem 1.2rem;
    }
    .product_page .section_4 .s4_parallel .title_box{
        margin-bottom: 1.2rem;
    }
    .product_page .section_4 .s4_parallel .vision_box{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1.2rem;
    }
    .product_page .section_5 .s5_parallel{
        width: 100%;
        padding: 4rem 1.2rem;
    }
    .product_page .section_5 .s5_parallel .title_box{
        margin-bottom: 2.4rem;
    }
    .product_page .section_5 .s5_parallel .title_box h2{
        display: flex;
        flex-direction: column;
    }
    .product_page .section_5 .s5_parallel .vision_box{
        width: 100%;
    }
    .product_page .section_5 .s5_parallel .vision_box li{
        gap: 1.2rem;
    }
    .product_page .section_5 .s5_parallel .vision_box .primary_btn{
        width: calc(50% - .6rem);
        height: calc(100% + 2.4rem);
        right: .6rem;
        top: -1.2rem;
    }
    .product_page .section_5 .s5_parallel .vision_box li > div{
        flex-direction: column;
    }
    .product_page .section_6 .s6_parallel{
        width: 100%;
        padding: 4rem 1.2rem;
    }
    .product_page .section_6 .s6_parallel .title_box{
        margin-bottom: 1.2rem;
    }
    .product_page .section_6 .vision_box{
        flex-direction: column;
        animation: none;
        width: 100%;
    }
    .product_page .section_6 .vision_box li{
        padding: 0;
        margin-bottom: 1.2rem;
    }
    .product_page .section_6 .vision_box li:last-child{
        margin-bottom: 0;
    }
    .product_page .section_6 .vision_box .item{
        width: 100%;
    }
    .product_page .section_7{
        padding: 4rem 1.2rem;
    }
    .product_page .section_7 .s7_parallel{
        width: 100%;
    }
    .product_page .section_7 .s7_parallel .title_box{
        margin-bottom: 1.2rem;
    }
    .product_page .section_7 .s7_parallel .title_box p{
        text-align: center;
        height: 7.2rem;
    }
    .product_page .section_7 .s7_parallel .vision_box{
        width: 100%;
        height: auto;
        gap: 1.2rem;
    }
    .product_page .section_7 .s7_parallel .vision_box li{
        gap: 1.2rem;
        flex-wrap: wrap;
    }
    .product_page .section_7 .s7_parallel .vision_box li.row_3 .card , .product_page .section_7 .s7_parallel .vision_box li.row_4 .card{
        flex: 0 0 calc(50% - .6rem);
    }
    .product_page .section_7 .s7_parallel .vision_box li .card{
        font-size: 1.4rem;
        height: 6.4rem;
        text-align: center;
    }
    .product_page .section_7 .vision_box .card .inner{
        flex-direction: column-reverse;
        gap: 0;
    }
    .product_page .section_8 .s8_parallel{
        width: 100%;
        padding: 4rem 1.2rem;
    }
    .product_page .section_8 .s8_parallel .title_box{
        margin-bottom: 1.2rem;
    }
    .product_page .section_8 .s8_parallel .vision_box{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .solution_page .section_2{
        padding: 0 1.2rem 4rem;
    }
    .solution_page .section_2 .s2_parallel{
        width: 100%;
    }
    .solution_page .section_2 .s2_parallel .title_box{
        margin-bottom: 1.2rem;
    }
    .solution_page .section_2 .s2_parallel .vision_box{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        margin-bottom: 4rem;
        grid-gap: 1.2rem;
    }
    .solution_details_page .section_2 .s2_parallel{
        width: 100%;
        padding: 0 1.2rem 2.4rem;
    }
    .solution_details_page .section_2 .s2_parallel .title_box{
        margin-bottom: 1.2rem;
    }
    .solution_details_page .section_2 .s2_parallel .vision_box{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1.2rem;
    }
    .solution_details_page .section_3{
        padding: 4rem 1.2rem;
    }
    .solution_details_page .section_3 .s3_parallel{
        width: 100%;
    }
    .solution_details_page .section_3 .s3_parallel .title_box{
        text-align: center;
        margin-bottom: 1.2rem;
    }
    .solution_details_page .section_3 .s3_parallel .vision_box{
        flex-direction: column;
        gap: 1.2rem;
    }
    .solution_details_page .section_3 .s3_parallel .vision_box .left_box{
        flex-direction: row;
        overflow-x: auto;
        gap: 1.2rem;
    }
    .solution_details_page .section_3 .s3_parallel .vision_box .left_box::-webkit-scrollbar{
        display: none;
    }
    .solution_details_page .section_3 .s3_parallel .vision_box .left_box li{
        flex: 0 0 80%;
        padding: 1.2rem;
    }
    .solution_details_page .section_3 .s3_parallel .vision_box .left_box li img{
        width: 2.4rem;
        height: 2.4rem;
    }
    .solution_details_page .section_3 .s3_parallel .vision_box .left_box li h4{
        font-size: 1.6rem;
    }
    .solution_details_page .section_3 .s3_parallel .vision_box .left_box li p{
        font-size: 1.4rem;
    }
    .solution_details_page .section_3 .s3_parallel .vision_box .right_box{
        width: 100%;
        height: 32rem;
    }
    .solution_details_page .section_4{
        padding: 4rem 1.2rem;
        height: auto;
    }
    .solution_details_page .section_4 .s4_parallel{
        width: 100%;
        height: auto;
        gap: 2.4rem;
        margin-bottom: 2.4rem;
    }
    .solution_details_page .section_4 .left_box{
        padding: 0;
        flex-direction: row;
        width: auto;
        height: auto;
        overflow-x: auto;
        background: none;
    }
    .solution_details_page .section_4 .left_box::-webkit-scrollbar{
        display: none;
    }
    .solution_details_page .section_4 .left_box li{
        flex: 0 0 75%;
        background-color: var(--color-bg-gray);
    }
    .solution_details_page .section_4 .tab_bj{
        height: 24rem;
        position: relative;
    }
    .solution_details_page .section_5{
        padding: 0 1.2rem 4rem;
    }
    .solution_details_page .section_5 .s5_parallel{
        width: 100%;
    }
    .solution_details_page .section_5 .s5_parallel .title_box{
        text-align: center;
        margin-bottom: 2.4rem;
    }
    .solution_details_page .section_5 .s5_parallel .vision_box{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1.2rem;
    }
    .solution_details_page .section_6{
        padding: 4rem 1.2rem;
        background-position: right;
    }
    .case_list_page .section_2{
        padding: 0 1.2rem 4rem;
    }
    .case_list_page .section_2 .s2_parallel{
        width: 100%;
    }
    .case_list_page .section_2 .s2_parallel .title_box{
        margin-bottom: 1.2rem;
    }
    .case_list_page .section_2 .s2_parallel .vision_box{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1.2rem;
    }

    .case_page .section_1{
        margin-bottom: 2.4rem;
    }
    .case_page .s1_parallel{
        width: 100%;
        flex-direction: column;
        padding: 1.2rem;
    }
    .case_page .s1_parallel .left_box{
        padding: 1.2rem;
    }
    .case_page .s1_parallel .left_box ul{
        flex-wrap: wrap;
        gap: 1.2rem;
    }
    .case_page .s1_parallel .right_box{
        width: 100%;
    }
    .knowledge_page{
        height: 100vh;
        overflow: hidden;
    }
    .knowledge_page .section_1{
        padding: 6.4rem 0 0 0;
        height: 100%;
    }
    .knowledge_page .section_1 .s1_parallel{
        width: 100%;
        height: 100%;
    }
    .knowledge_page .section_1 .s1_parallel .title_box{
        display: none;
    }

    .knowledge_page .section_1 .s1_parallel .vision_box{
        flex-direction: column;
        height: 100%;
    }
    .knowledge_page .section_1 .left_box .show_area{
        height: calc(100% - 14rem);
        padding: 1.2rem 1.2rem 0 1.2rem;
    }
    .knowledge_page .section_1 .left_box .write_area{
        border-radius: 0;
        position: fixed;
        left: 0;
        bottom: 0;
    }
    .knowledge_page .section_1 .left_box .show_area .message{
        gap: .8rem;
    }
    .knowledge_page .section_1 .left_box .show_area .message img{
        width: 3.2rem;
        height: 3.2rem;
    }
    .knowledge_page .section_1 .left_box .show_area .message .content_box{
        max-width: 100%;
        text-align: justify;
        border-radius: .4rem 1.6rem 1.6rem 1.6rem;
    }
    .knowledge_page .section_1 .left_box .show_area .message.send .content_box{
        border-radius: 1.6rem .4rem 1.6rem 1.6rem;
    }
    .knowledge_page .section_1 .left_box .show_area .message.reply .content_box{
        max-width: 100%;
        width: auto;
    }
    .knowledge_page .section_1 .left_box .show_area .message .content_box .title_box{
        gap: .4rem;
    }
    .knowledge_page .section_1 .left_box .show_area .message .content_box .title_box .more span{
        display: none;
    }
    .knowledge_page .section_1 .right_box{
        display: none;
    }
    .knowledge_page .cummerbund{
        display: none;
    }
    .contact_page .section_1{
        height: auto;
    }
    .contact_page .section_1 .s1_parallel{
        width: 100%;
        padding: 8rem 1.2rem 1.2rem;
        flex-direction: column;
        align-items: flex-start;
    }
    .contact_page .section_1 .s1_parallel .left_box{
        margin-bottom: 2.4rem;
    }
    .contact_page .section_1 .s1_parallel .left_box .title_box{
        margin-bottom: 4rem;
    }
    .contact_form_box{
        width: 100%;
        height: auto;
    }
    .about_us_page .top_bar .nav_toggle path{
        stroke: var(--color-white);
    }
    .about_us_page .header.bright .top_bar .nav_toggle path{
        stroke: var(--color-text-t20);
    }
    .about_us_page .section_1 .h_banner .title_box > div{
        width: calc(100% - 2.4rem);
    }
    .about_us_page .section_1 .h_banner .title_box p{
        font-size: 2.4rem;
    }
    .about_us_page .section_1 .h_banner .title_box h2{
        font-size: 3.2rem;
    }
    .about_us_page .section_2 .title_box h2{
        text-align: center;
    }
    .about_us_page .section_2 .vision_box{
        width: 100%;
    }
    .about_us_page .section_3 .title_box h2{
        font-size: 3.2rem;
    }
    .about_us_page .section_3 .title_box p{
        font-size: 2rem;
    }
    .about_us_page .section_3 .title_box{
        padding-bottom: 40rem;
    }
    .about_us_page .section_3 .p_box > div{
        padding: 0 1.2rem;
    }
    .about_us_page .section_4{
        height: auto;
    }
    .about_us_page .section_4 .s4_parallel{
        padding: 4rem 1.2rem;
        width: 100%;
    }
    .about_us_page .section_4 .s4_parallel .title_box h2{
        font-size: 2.4rem;
    }
    .about_us_page .section_4 .s4_parallel .vision_box{
        width: 100%;
        margin-top: .8rem;
        flex-direction: column;
        gap: 2.4rem;
    }
    .about_us_page .section_4 .s4_parallel .vision_box .left_box{
        width: 100%;
    }
    .about_us_page .section_5{
        padding: 4rem 1.2rem;
    }
    .about_us_page .section_5 .s5_parallel{
        width: 100%;
    }
    .about_us_page .section_5 .title_box{
        width: 100%;
    }
    .about_us_page .section_6{
        padding: 4rem 1.2rem 12rem;
        height: auto;
    }
    .about_us_page .section_6 .s6_parallel{
        width: 100%;
    }
    .about_us_page .section_6 .s6_parallel .title_box h2{
        font-size: 3.2rem;
    }
    .about_us_page .section_6 .s6_parallel .title_box p{
        font-size: 1.6rem;
    }
    .about_us_page .section_7 .s7_parallel{
        width: 100%;
    }
    .about_us_page .section_7 .s7_parallel h2{
        font-size: 3.2rem;
    }
    .about_us_page .dialog_box{
        padding: 0 1.2rem;
    }
}

@media ( max-width:800px ) {

}


@media ( max-width:650px ) {


}

@media ( max-width:500px ) {

}

html {
    font-size: 10px
}

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

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

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