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

    #wrap{
        min-width: 100%;
    }

    .inner{
        width: 1000px;
        margin: 0 auto;
    }

    .navi{
        display: none;
    }

    nav{
        height: 100px;
    }

    .nav_hover{
        height: 100px;
    }

    .logo{
        padding: 0px 10px;
    }

    .logo img{
        transform: scale(0.8);
    }

    nav{
        padding: 5px 20px;
    }

    .nav_hover{
        padding: 5px 20px;
    }

    .nav_btn{
        right: 30px;
        top: 35px;
    }

    .nav_btn span{
        width: 40px;
        height: 2px;
    }

    .nav_pop_exit{
        top: 50px;
        right: 30px;
    }

    .nav_pop_exit span{
        width: 40px;
        height: 2px;
    }

    .s1{
        height: 500px;
        box-sizing: border-box;
    }
}

@media (max-width: 1024px){
    .inner{
        width: 100%;
        margin: 0 auto;
    }

    .sub_inner{
        width: 750px;
        margin: 0 auto;
    }

    .s1{
        padding: 0px 50px;
    }

    .foot div:first-child{
        flex: 1;
    }

    .foot div:last-child{
        flex: 3;
    }
}

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

    .sub_inner{
        width: 450px;
        margin: 0 auto;
    }

    .logo{
        padding: 0px 10px;
    }

    .logo img{
        transform: scale(0.7);
    }

    nav{
        padding: 10px 5px;
    }

    .nav_hover{
        padding: 10px 5px;
    }

    .nav_btn{
        right: 30px;
    }

    .nav_btn span{
        width: 40px;
        height: 2px;
    }

    .nav_pop_exit{
        right: 30px;
    }

    .nav_pop_exit span{
        width: 40px;
        height: 2px;
    }

    .s1_menu{
        font-size: 1.8rem;
    }

    .s1_menu li{
        margin-bottom: 5px;
    }

    .s2_4dot{
        transform: scale(0.7);
    }

    .s1_menu{
        display: none;
    }

    .s1_menu_business_786{
        display: block;
        position: absolute;
        top: 80%;
        left: 40px;
        display: flex;
        flex-wrap: wrap;
        font-size: 20px;
        color: white;
    }

    .s1_menu_business_786 li{
        width: 200px;
        padding-right: 30px;
        margin-bottom: 10px;
    }
}

@media (max-width: 480px){
    html{
        font-size: 7px;
    }

    .sub_inner{
        width: 100%;
        margin: 0 auto;
    }

    .logo{
        padding: 0px 5px;
    }

    .logo img{
        transform: scale(0.5);
    }

    nav{
        padding: 5px 0px;
    }

    .nav_hover{
        padding: 5px 0px;
    }

    .nav_btn{
        right: 30px;
    }

    .nav_btn span{
        width: 30px;
        height: 1px;
    }

    .nav_pop_exit{
        right: 30px;
    }

    .nav_pop_exit span{
        width: 30px;
        height: 1px;
    }

    .s2_4dot{
        display: none;
    }

    .s1_menu_business_786{
        display: block;
        position: absolute;
        top: 85%;
        left: 40px;
        display: flex;
        flex-wrap: wrap;
        font-size: 12px;
        color: white;
    }

    .s1_menu_business_786 li{
        width: 120px;
        padding-right: 20px;
        margin-bottom: 10px;
    }
}