@charset "UTF-8";



@media screen and (max-width: 1800px){

    html{
        zoom: .9;
    }

}

@media screen and (max-width: 1600px){

    html{
        zoom: .8;
    }

}
@media screen and (max-width: 1440px){

    html{
        zoom: .7;
    }

}

@media screen and (max-width: 1200px){

    html{
        zoom: .6;
    }

}

@media screen and (max-width: 1024px){

    html{
        zoom: .55;
    }
    .recruitment > div{
        width: 95%;
    }
}

@media screen and (max-width: 768px){
    .recruitment .list{
        margin: 30px 50px 0;
    }
    .recruitment .list .category{
        padding: 30px 10px;
    }
    .q-a{
        margin: 0 70px;
    }
}

@media screen and (max-width: 414px){

    .recruitment .list {
        margin: 30px 20px 0;
    }
    .recruitment .list .content ul li .bottom{
        padding: 20px 40px;
    }
    .school > div{
        margin-top: 0 !important;
    }
    .q-a{
        margin: 0 20px;
    }
    .school-title{
        top: 50% !important;
    }
    .recruitment .list .category{
        font-size: 20px;
    }
    .recruitment .list .content ul li:nth-child(1) .top{
        font-size: 21px;
    }
    .recruitment .list .content ul li .top{
        font-size: 20px;
    }
    .recruitment .list .content ul li .bottom{
        font-size: 20px;
    }
    .recruitment .list .content ul li .bottom .link a{
        font-size: 18px;
    }
    .q-a{
        font-size: 20px;
    }
    .recruitment input[type=button]{
        width: 180px;
        height: 62px;
        line-height: 60px;
    }
    .recruitment input[type=text]{
        width: 330px;
        height: 60px;
        line-height: 60px;
        font-size: 20px;
    }
    .recruitment .list .content ul li .top{
        line-height: 80px;
        height: 80px;
    }
    .recruitment .list .content ul li:nth-child(1) .top{
        height: 80px;
    }
}

@media screen and (max-width: 375px){
    .recruitment input[type=text]{
        width: 300px;
    }
    .recruitment .key{
        width: 400px;
    }
    .school > div{
        padding-top:40px !important;
    }
}
@media screen and (max-width: 330px){
    .top-nav .right {
        float: left;
    }
}