.recruit-banner{
    width: 100%;
    height: 200px;
    background: #3C49E0 url(../images/recruit_banner.png) center bottom no-repeat;
}
.recruit-search-box{
    width: 998px;
    height: 38px;
    line-height: 38px;
    background: #FFFFFF;
    border: 1px solid #E4E9ED;
    border-right: 2px;
    margin: -20px auto 85px auto;
}
.recruit-search-box .so_ico{
    width: 15px;
    height: 15px;
    background: url(../images/search_ico.png) center center no-repeat;
    margin: 12px 10px 0 12px;
}
.recruit-search-box .so_recruitkeyword{
    width: 850px;
    height: 38px;
    border: 0 none;
    font-size: 14px;
}
.recruit-search-box .so_recruitbutton{
    width: 80px;
    height: 40px;
    background: #1C85E8;
    color: #C4F2FF;
    text-align: center;
    font-size: 16px;
    margin-top: -1px;
    cursor: pointer;
}
.job-category-box{
    width: 320px;
}
.job-category-box .subtitle{
    font-size: 19px;
    font-weight: bold;
}
.job-category-box ul{
    margin-top: 45px;
}
.job-category-box ul li{
    margin-bottom: 25px;
}
.job-category-box .menu{
    height: 20px;
    line-height: 20px;
    cursor: pointer;
}
.job-category-box .menu .arrow{
    width: 8px;
    height: 8px;
    background: url(../images/menu_arrow_ico.png) -12px 0px no-repeat;
    float: left;
    margin: 6px 12px 6px 0;
}
.job-category-box .menu .txt{
    float: left;
    font-size: 15px;
    color: #666;
}
.job-category-box .menu .txt:hover,.job-category-box .menu .txt a:hover,.job-category-box .menu .txt a.on{
    color:#c00;
}
.job-category-box .submenu{
    margin: 20px 0 0 50px;
}
.job-category-box .submenu .item{
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 15px;
    color: #666;
    cursor: pointer;
}
.job-category-box .menu.active .txt , .job-category-box .submenu .item.active, .job-category-box .submenu .item a.on{
    color: #d23336;
}
.job-category-box .menu.active .arrow{
    background: url(../images/menu_arrow_ico.png) 0 0px no-repeat;
}
.job-infos-box{
    width: 900px;
    border-left: 1px solid #EEEEEE;
    padding-left: 30px;
    margin-bottom: 170px;
    min-height: 450px;
}
.job-infos-box .subtitle{
    font-size: 33px;
    height: 33px;
    line-height: 33px;
    padding-left: 25px;
}
.job-infos-box .job-infos-lists{
    margin-top: 50px;
}
.job-infos-box .job-infos-lists .no-data{
    width: 100%;
    line-height: 100px;
    text-align: center;
    color:#666;
    font-size: 15px;
}
.job-infos-box .job-infos-lists .list{
    width: 878px;
    padding: 30px 25px;
    margin-bottom: 25px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.job-infos-box .job-infos-lists .title{
    font-size: 23px;
    font-weight: bold;
}
.job-infos-box .job-infos-lists .job-type{
    margin: 13px 0 20px -6px;
    height: 17px;
    line-height: 17px;
    font-size: 17px;
    color: #666;
}
.job-infos-box .job-infos-lists .job-type span{
    margin: 0 6px;
    float: left;
    border-right: 1px solid #929292;
    padding-right: 12px;
}
.job-infos-box .job-infos-lists .job-type span:last-child{
    border: 0 none;
}
.job-infos-box .job-infos-lists .job-ctn{
    color: #666;
    line-height: 26px;
}
.job-infos-box .job-infos-lists .job-ctn p{
    color: #666;
    line-height: 26px;
}
.job-infos-box .job-infos-lists .list:hover{
    background: #FFFFFF;
    border-color: #EDEDED;
    box-shadow: 0px 0px 20px #dedddd;
}