@charset "utf-8";
@media screen and (max-width:1640px) {

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

}
@media (max-width:1399px) {

}
@media (max-width:1280px) {

    ._container{width:90%;margin:0 auto;}
    ._section{width:90%;margin:0 auto;position: relative;z-index: 2}
    .banc>h1{padding-left: 5%;font-size: 30px}
    .searchSec .sitem input, .searchSec .sitem select{font-size: 12px;padding:0 15px}
    .searchSec .sitem ._input{height: 40px;}
    .footer{left: 5%;bottom: 5px;}
    .fcont{display: block;}
    .fcont .copy2{padding-left: 0;border-left: 0}


}


@media (max-width:1199px){

}



@media (max-width:1024px){

}
@media (max-width:1023px){

}

@media screen and (max-width:996px) {
    .banc>h1{display: none}
    .searchSec{display: block;position: relative;padding: 15px}
    .indexmain{padding-top: 0}
    .joblist{display: block}
       .joblist{padding: 15px}

}

@media (max-width:960px) {

}

@media (max-width:920px){

}
@media (max-width:880px){
}
@media(max-width:768px) {

}
@media(max-width:767px) {
    main{margin-top: 86px}
    #pc-nav-box{display: none;}
    #mobile-nav-box{display: block;overflow: hidden;position: sticky;background: #FFF}
    #mobile-nav-box .nav-box{display: flex;align-items: center;justify-content: center;height:70px;margin: 0 15px;justify-content: space-between}
    #mobile-nav-box .logo img{width:70%;}
    #mobile-nav-box .bar_icon .fa{font-size: 36px;color:#0097D6}
    #mobile-nav-box .offcanvas-end{border-left: 0}
    #mobile-nav-box .offcanvas-header{border-bottom:1px solid #0097D6;background:#0097D6}
    #mobile-nav-box #offcanvasRightLabel img{width:70%}

    #mobile-nav-box .offcanvas-body{padding:0}
    #mobile-nav-box .navbar-nav{margin:0;margin-bottom:0;}
    #mobile-nav-box .navbar-nav li{padding:0.8rem 1rem;border-bottom:1px solid #0097D6;}
    #mobile-nav-box .navbar-nav li a{display: inline-block;width:100%;height: 100%;color:#0097D6}
    #mobile-nav-box .navbar-nav li.active a{color:#0097D6!important}
    #mobile-nav-box a:active{color: #0097D6 !important;}
    #mobile-nav-box a:hover{color:#0097D6!important;}

    #mobile-nav-box .info{padding:0;margin:0}
    #mobile-nav-box .info li{padding:0.8rem 1rem;border-bottom:1px solid #0097D6}
    #mobile-nav-box .info li:last-child{border-bottom:0px solid #0097D6}
    #mobile-nav-box .info li .fa-phone,#mobile-nav-box .info li .fa-envelope{margin-right:10px}
    #mobile-nav-box .info li:not(.share) a{display: inline-block;width:100%;height: 100%;;}
    #mobile-nav-box .info .share {text-align:center;padding:0.8rem 0 0 0;}
    #mobile-nav-box .info .share a{margin:0 1rem;font-size: 26px;}
    #mobile-nav-box .info .share a .fa{color:#0097D6}

    #mobile-nav-box .lang{padding:0;display: flex;align-items: center;justify-content:center;margin:20px 0;}
    #mobile-nav-box .lang li{padding:0.3rem 1rem}
    #mobile-nav-box .lang li a{font-size: 18px;color:#000 }
    #mobile-nav-box .lang li.active a{font-size: 22px;font-weight: bold;color:#0097D6!important;}

    #mobile-nav-box .login{padding:0;height:40px;line-height:40px;text-align: center;width:60%;margin: 0 auto;background:#0097D6;border-radius:20px;margin-top: 0.8rem}
    #mobile-nav-box .login a{color:#0097D6!important;display: inline-block;width: 100%;height: 100%;}
    #mobile-nav-box .sub-logo{margin-top: 30px;padding:15px}
    #mobile-nav-box .sub-logo>div{margin-bottom: 20px;text-align: center }
    #mobile-nav-box .sub-logo>div img{width:80% }
    #mobile-nav-box .btn-close{background: url("../images/close.png")no-repeat;background-size: 32px}

    .jobfeat{display: block}
    .jobfeat>div{margin-bottom: 10px}
    footer{background: #1093D4;padding:20px 0}
    footer>img{position: absolute;bottom:0;right:0}
    .footer{top:25%;bottom:unset;position: relative;margin-left: 0}
    .jbtext .jobtit a,.recent-tit .rtit{font-size: 24px}
    .jobcon h3{font-size: 20px}
    .recent-tit .pageInt{display: block;}
    .recent-tit .rpage{margin-bottom: 10px}
    .fcont{width: 70%}
    .fcont .copy1{margin-right: 0}

}
@media(max-width:380px) {
    .timeway span{display: block;text-align: center;width: 100%;}
    .shareBox{display: block}
    .sharetxt{margin-bottom: 10px}
}