@media only screen and (max-width: 1200px) {
    html{
        font-size: 82.4477px;
    }

    body{
        height: auto;
    }
    .top,
    #topSystemBtn_id,
    .nav-search,
    .nav-logo >img,
    .footer-top{
        display: none !important;
    }
.lunbo{width:100%;}
.flexslider{width:100%;}
.trunk-btn{margin: 0 auto; width: 100%;}
.query-btn{    margin: 0 auto;}
.status-btn, .talent-btn{ margin: 0 auto;}
.talent-btn{margin-bottom:20px;}
.status-btn{margin-bottom:20px;}
    .main,
    .main-con{
        width: 100%;
    }
    .nav-bar >ul{
        height: auto;
        overflow: hidden;
        background-size: cover;
    }
    .nav-bar>ul>li{
        width: 50%;
    }
    .nav-bar >ul>li>a{
        display: block;
        padding: 0;
        line-height: 1.7rem;
        height: 1.7rem;
        font-size: .6rem;
    }
    .nav-bar-on{
        background-size: cover;
    }
.content{     width: 96%;margin:0 2%;}

    .list-gonggao,
    .gonggao-top, 
    .list-kaoshi,
    .kaoshi-top{
        width: 100%;
    }
.gonggao{width:100%;}
    .gonggao-top h3 img{
        display: inline-block;
    }
    .gonggao-con li p,
    .kaoshi-con li p{
        width: 9rem;
    }
    .gonggao-con li img,
    .kaoshi-con li img{
        right: 2rem;
    }
    .list-right{
        width: 100%;
        height: auto;
    }
    .list-right-con p{
        width: 90%;
    }
    .list-right-top{
        line-height: .8rem;
    }
    
    .fonter-con >a>img{
        display: none;
    }
    .footer-btm{
        height: auto;
    }

}
@media only screen and (max-width: 768px) {
    html{
        font-size: 61.8357px;
    }
}
@media only screen and (max-width: 414px) {
    html{
        font-size: 33.3333px;
    }
 }
 
 @media only screen and (max-width: 375px) {
    html{
        font-size: 30.1932px;
    }
 }
 
 @media only screen and (max-width: 360px) {
    html{
        font-size: 30.1932px;
    }
 }
 
 @media only screen and (max-width: 320px) {
    html{
        font-size: 25.7649px;
    }
 }