blockquote,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,th,ul {
    margin: 0;
    padding: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400
}
.spider-job{
    box-sizing: border-box;
    width: 1280px;
    margin: 20px auto 0;
}
ol,ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    text-align: left
}

div,td,th {
	max-width: 100%
    word-break: break-all;
    word-wrap: break-word
}

form {
    display: inline
}

* {
    outline: 0
}

img {
    border: none
}

cite,em,i {
    font-style: normal
}

blockquote {
    quotes: none
}

blockquote:after,blockquote:before {
    content: '';
    content: none
}

html {
    font-size: 12px
	overflow-x: hidden; /* 只隐藏横向滚动，不隐藏内容 */
}

body {
    font: 12px/1.5 "微软雅黑", "宋体", Tahoma, Helvetica, Arial, sans-serif !important;
    background: #fff
}

a {
    text-decoration: none;
    color: #2e2e2e
}

a:hover {
    color: #f60;
    text-decoration: underline
}
.fjqm{
    width: 1280px;
    margin: auto;
}
.mb5 {
    margin-bottom: 5px
}

.fr {
    float: right
}

.cc:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.c {
    clear: both;
    font: 0/0 Arial;
    overflow: hidden;
    height: 0;
    width: 0
}

html {
    background: #fff
}

blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400
}

ol,ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th {
    text-align: left
}

img {
    border: 0
}

cite,em {
    font-style: normal
}

blockquote {
    quotes: none
}

blockquote:after,blockquote:before {
    content: '';
    content: none
}

html {
    overflow-y: scroll
}

body,button,input,select,textarea {
    font: 12px/1.5 B8BF53, ED1F53, Arial, sans-serif
}

:focus {
    outline: 0
}

a {
    text-decoration: none !important;
    color: #3666c6 !important;
    cursor: pointer !important
}

a:hover {
    color: #f60;
    text-decoration: underline
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt5 {
    margin-top: 5px
}

.ml10 {
    margin-left: 10px
}

.mb20 {
    margin-bottom: 20px
}

.ml15 {
    margin-left: 15px
}

.ml5 {
    margin-left: 5px
}

.mr20 {
    margin-right: 20px
}

.p5 {
    padding: 5px
}

.pl10 {
    padding-left: 10px
}

.block {
    display: block
}

.clearfix:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.c {
    clear: both;
    font: 0/0 Arial;
    overflow: hidden;
    height: 0;
    width: 0
}

.b {
    font-weight: 700
}

.w {
    white-space: nowrap
}

.tal {
    text-align: left
}

.tac {
    text-align: center
}

.tar {
    text-align: right
}

.fr {
    float: right
}

.fl {
    float: left
}

.pr {
    position: relative
}

.cp {
    cursor: pointer
}

.vt,.vt td {
    vertical-align: top
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f24 {
    font-size: 24px
}

.fn,.fn a {
    font-weight: 400
}

.w990 {
    margin-left: auto;
    margin-right: auto;
    width: 990px
}

.bg_white_0 {
    background-color: #fff
}

.wrap001 {
    width: 1280px;
    margin: auto
}

.ibox {
    z-index: 3
}

.xheader .logo {
    float: left;
    width: 360px;
    height: 100px
}

.topbar {
    height: 60px;
    background: #2c62c6;
    position: relative;
    width: 100%;
    max-width: 100%;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
}

.top-fiexd {
    width: 100%;
    z-index: 99999;
    top: -150px;
    background: #2c62c6;
    background-color: rgba(255, 168, 0, .92);
    transition: top .5s
}

.topbar .top-main {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    padding: 0 10px;
    background-color: #2c62c6;
    box-sizing: border-box;
}

.top-main {
    position: relative;
    background: #2c62c6;
    margin: 0 auto
}

.topbar .top-left {
    position: absolute;
    left: 0;
    top: 0
}

.topbar .nav1, .topbar .top-right {
    background-color: #2c62c6 !important
}

.topbar .nav1 {
    line-height: 60px !important;
    height: 60px !important;
    float: left !important
}

.topbar .nav1 a {
    padding: 18px 18px !important;
    margin-right: 0
}

.topbar .nav1 a {
    margin-right: 20px !important;
    font-size: 18px !important;
    color: #fff !important
}

.menun-active,.topbar .nav1 a:hover {
    text-decoration: none !important;
    background-color: #0b42a9 !important
}

.logo2 {
    position: absolute;
    bottom: 12px;
    left: 260px;
    text-align: center
}

.logo-right {
    float: right;
    overflow: hidden;
}

.logo-right img{
    width: 100px;
    height: 100px;
}
.fltitle03 {
    margin-top: 15px;
    margin-bottom: 5px
}

.fltitle03 a {
    font-size: 32px;
    color: #636363;
    padding: 0 10px
}

.fltitle03 a:hover {
    text-decoration: none;
    cursor: default
}

.fltitle03.item-c a:hover {
    cursor: pointer;
    color: #ffa800
}


.ml-17 {
    margin-left: -17px
}


a.btn-change {
    font-size: 16px;
    color: #666;
    background: url(http://www.beihai365.com/html/channel/home2015v2/images/change.png) no-repeat 0 4px;
    padding-left: 20px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 22px
}

a.btn-go {
    font-size: 14px;
    color: #666;
    padding-left: 20px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 22px
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,    .table-responsive>.table>tbody>tr>th,    .table-responsive>.table>tfoot>tr>td,    .table-responsive>.table>tfoot>tr>th,    .table-responsive>.table>thead>tr>td,    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,    .table-responsive>.table-bordered>tbody>tr>th:first-child,    .table-responsive>.table-bordered>tfoot>tr>td:first-child,    .table-responsive>.table-bordered>tfoot>tr>th:first-child,    .table-responsive>.table-bordered>thead>tr>td:first-child,    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,    .table-responsive>.table-bordered>tbody>tr>th:last-child,    .table-responsive>.table-bordered>tfoot>tr>td:last-child,    .table-responsive>.table-bordered>tfoot>tr>th:last-child,    .table-responsive>.table-bordered>thead>tr>td:last-child,    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,    .table-responsive>.table-bordered>tbody>tr:last-child>th,    .table-responsive>.table-bordered>tfoot>tr:last-child>td,    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

.enterprise {
    background: #fdfdfd
}

.enterprise .header {
    height: 50px;
    line-height: 50px;
    box-shadow: 0 1px 0 #f5f5f5;
    background-color: #fff
}

.enterprise .header::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 15px;
    background-color: #4a88f7
}

.enterprise .header .title {
    font-size: 16px;
    color: #333;
    padding-left: 14px;
    font-weight: 500;
    display: inline-block
}

.enterprise .redneed::before {
    background-color: #fe6135 !important
}

.enterprise .right-link {
    float: right;
    display: inline-block
}

.enterprise .right-link a {
    color: #4a88f7;
    font-size: 14px
}

.enterprise .tag {
    padding: 20px
}

.enterprise .tag .tag-item {
    border: 1px solid #ddd;
    font-size: 14px;
    color: #666;
    background-color: #fff;
    margin-bottom: 10px;
    margin-right: 10px;
    box-shadow: 1px 1px 0 0 rgba(254, 97, 53, .1)
}

.enterprise .tag .active {
    background: #4a88f7;
    color: #fff;
    border: 1px solid #4a88f7
}

.enterprise .list {
    background-color: #fff;
    padding: 25px 20px 15px 20px;
    box-shadow: 0 1px 0 #f5f5f5, 0 -1px 0 #f5f5f5
}

.enterprise .tag .tag-item:hover {
    background: #fff;
    color: #fe6135;
    border: 1px solid #fe6135
}

.enterprise .tag .active {
    background: #fff;
    color: #fe6135;
    border: 1px solid #fe6135
}

.enterprise .list ul li {
    line-height: 10px
}

.enterprise li.top-list a {
    color: #ec6334;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px;
    display: inline-block;
    line-height: 32px
}

.enterprise li.top-list a:hover {
    color: red !important;
    font-weight: 500 !important
}

#companyListArea li.top-list #companys--black:hover {
    color: red !important;
    font-weight: 500 !important
}

#companyListArea li.top-list #companys--red:hover {
    color: red !important;
    font-weight: 500 !important
}

.enterprise .bottom-list {
    margin-top: -10px
}

.table-responsive {
    position: relative
}

.table-hr {
    width: 100%;
    position: absolute;
    margin: 0;
    top: 36px;
    border: none;
    border-bottom: 1px solid #f8f8f8;
    box-shadow: 0 0 0 #000
}

.hot-recruit .table tbody tr td,.hot-recruit .table thead tr th {
    text-align: left
}

.table thead tr th:nth-child(2) {
    padding-left: 0
}

.table thead tr th:nth-last-child(2) {
    text-align: center
}

.hot-recruit .table tbody {
    font-size: 14px
}

.hot-recruit .table tbody tr td {
    line-height: 38px
}

.hot-recruit .table tbody .job {
    text-align: left;
    vertical-align: middle
}

.hot-recruit .table tbody .job a {
    color: #ec6334;
    font-size: 16px;
    margin-right: 10px;
    max-width: 440px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hot-recruit .moreneed tbody .job {
    width: 470px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden
}

.table>tbody>tr>td {
    padding: 0 8px
}

.hot-recruit .moreneed tbody .job a {
    color: #333;
    font-size: 16px;
    margin-right: 10px;
    font-weight: 500;
    vertical-align: middle;
    width: auto;
    max-width: 300px !important;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hot-recruit .searchmore tbody .job {
    max-width: 450px !important;
    white-space: nowrap
}

.hot-recruit .searchmore tbody .job .zwqfloor {
    color: #ec6334
}

.hot-recruit .searchmore tbody .job a {
    color: #333;
    font-size: 16px;
    margin-right: 5px;
    vertical-align: middle;
    width: auto;
    font-weight: 500;
    max-width: 240px !important;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hot-recruit .searchmore tbody .company a {
    max-width: 224px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.table tbody .job {
    padding-left: 0
}

.hot-recruit .myneed tbody .job {
    line-height: 38px;
    vertical-align: middle;
    width: 470px
}

.hot-recruit .myneed tbody .job a {
    display: inline-block;
    vertical-align: middle;
    max-width: 300px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hot-recruit .table tbody .job span {
    color: #999;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    width: auto;
    max-width: 149px !important;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mychange .wrap ul li:hover {
    cursor: pointer
}

.hot-recruit .table tbody .auth {
    font-weight: 400;
    color: #6e86b1;
    width: 80px
}

.hot-recruit .table tbody .region {
    width: 83px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400
}

.hot-recruit .table tbody .company a {
    font-weight: 400;
    line-height: 22px;
    max-width: 234px;
    display: inline-block;
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle
}

.hot-recruit .table tbody .company {
    width: 250px;
    vertical-align: middle;
    text-align: left
}

.hot-recruit .table tbody .wages {
    color: #ec6334;
    min-width: 120px;
    font-weight: 500
}

.hot-recruit .table tbody .updated_at {
    min-width: 100px;
    font-weight: 400;
    color: #999;
    text-align: center
}

.hot-recruit .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    border-top: 0 !important
}

.hot-recruit table td {
    border-bottom: dashed 1px #f5f5f5 !important
}

.hot-recruit table .nocare {
    border-bottom: none !important
}

.new-recruit .header .right-data {
    font-size: 14px;
    float: right
}

.new-recruit .header .right-data .info {
    display: inline-block;
    margin-right: 20px
}

.new-recruit .header .right-data .info:first-child {
    margin-right: 20px
}

.new-recruit .header .right-data .info span {
    color: #ec6334
}

.new-recruit .left-link {
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center
}

.new-recruit .left-link a {
    color: #fe6135
}

.ad-span {
    position: absolute;
    left: 0;
    bottom: 6px;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    font-size: 12px;
    line-height: 18px
}

.ad-report {
    display: none;
    position: absolute;
    left: 40px;
    bottom: 6px;
    background-color: rgba(0, 0, 0, .3);
    color: #eee;
    font-size: 12px;
    line-height: 18px
}

.ad>div:hover .ad-report {
    display: block
}

.zwq-ad-upcompany {
    margin: 0 auto 5px;
    padding-left: 10px;
    width: 100%
}

.zwq-ad-upcompany div {
    float: left;
    margin: 3px 10px 3px 0;
    position: relative
}

.zwq-ad-upcompany::after {
    content: "";
    display: block;
    clear: both
}

.zwq-ad-upcompany img {
    width: 240px !important
}

.clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0
}

.bic-split-18 {
    width: 100%;
    height: 18px
}

.blue-index-container {
    width: 1280px;
    margin: 0 auto
}

.blue-panel {
    width: 1280px
}

.panel-head {
    padding: 5px 0
}

.im-a-group {
    margin: 0 auto;
    width: 1202px;
    padding: 28px 28px 10px 28px;
    position: relative
}

.im-a-group .im-a-cell {
    float: left;
    width: 218px;
    height: 156px;
    margin-top: 28px;
    margin-right: 28px
}

.im-a-group .im-a-cell .imgbox {
    width: 216px;
    height: 154px;
    border: 1px #eee solid;
    position: relative
}

.im-a-group .im-a-cell .imgbox img {
    width: 216px;
    height: 154px;
    border: 0
}

.im-a-group .im-a-cell .imgbox .showinfo {
    display: none;
    width: 214px;
    position: absolute;
    left: -1px;
    top: -1px;
    border: 2px #ff5a00 solid;
    z-index: 5;
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc
}

.im-a-group .im-a-cell.hover .imgbox .showinfo {
    display: block
}

.im-a-group .im-a-cell .imgbox .showinfo .comname {
    margin-top: 154px;
    width: 199px;
    font-size: 12px;
    background-color: #fff;
    height: 30px;
    padding-top: 10px;
    padding-left: 15px
}

.im-a-group .im-a-cell .imgbox .showinfo .jobslist {
    background-image: url(../images/117.png);
    background-repeat: repeat-y;
    background-position: 20px 0;
    background-color: #fff;
    font-size: 12px;
    padding-bottom: 5px
}

.im-a-group .im-a-cell .imgbox .showinfo .jobslist .jli {
    height: 22px;
    line-height: 22px;
    width: 226px;
    padding-left: 30px;
    padding-right: 10px;
    background-image: url(../images/117.png);
    background-repeat: no-repeat;
    background-position: -277px 7px
}

.im-a-group .im-a-cell .imgbox .showinfo .jobslist .jli:hover {
    background-position: -277px -21px
}

.im-a-group .im-a-cell .imgbox .showinfo .jobslist .jli:hover a {
    color: #ff5a00
}

.im-a-group .im-a-cell .imgbox .showinfo .count {
    width: 214px;
    height: 25px;
    background-color: #fff;
    font-size: 12px;
    padding-top: 10px
}

.im-a-group .im-a-cell .imgbox .showinfo .count .v {
    width: 92px;
    float: left;
    padding-left: 15px;
    color: #000
}

.im-a-group .im-a-cell .imgbox .showinfo .count .more {
    width: 60px;
    text-align: right;
    float: left
}

.im-a-group .im-a-cell.c1,.im-a-group .im-a-cell.c2,.im-a-group .im-a-cell.c3,.im-a-group .im-a-cell.c4,.im-a-group .im-a-cell.c5 {
    margin-top: 0
}

.im-a-group .im-a-cell.c10,.im-a-group .im-a-cell.c15,.im-a-group .im-a-cell.c16,.im-a-group .im-a-cell.c5 {
    margin-right: 0
}

.ad-grid-top .ad-grid {
    float: left;
    width: 198px;
    height: 85px;
    margin-top: 12px;
    margin-right: 12px;
    border: 1px solid #f0f0f0
}

.ad-grid-top .ad-grid img {
    width: 198px;
    height: 85px;
    border: 0
}

.ad-grid-top .ad-grid.most-right {
    margin-right: 0
}

.panel-head .ph-l {
    float: left;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    color: #444
}

.panel-head .ph-r {
    float: right;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    background: url(../images/122.png) 0 0 no-repeat;
    padding-left: 30px
}

.panel-head .ph-r:hover {
    color: #ff5a00;
    background-position: 0 -31px
}

.panel-body {
    width: 1198px;
    height: auto;
    border: 1px solid #ececec
}

.panel-body-no-border {
    width: 1200px;
    height: auto;
    border: 0
}

.link_gray3 a {
    color: #333;
    text-decoration: none
}

.link_gray3 a:hover {
    text-decoration: underline
}

.blue-index-container {
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #666;
    font-family: "microsoft yahei", "宋体";
    background-color: #fff
}

.im-a-group {
    margin: 0 auto;
    width: 1202px;
    padding: 20px 15px 2px 15px;
    position: relative
}

.im-a-group .im-a-cell {
    float: left;
    width: 192px;
    height: 85px;
    margin-top: 10px;
    margin-right: 10px
}

.im-a-group .im-a-cell.c1,.im-a-group .im-a-cell.c2,.im-a-group .im-a-cell.c3,.im-a-group .im-a-cell.c4,.im-a-group .im-a-cell.c5,.im-a-group .im-a-cell.c6 {
    margin-top: 0
}

.im-a-group .im-a-cell.c12,.im-a-group .im-a-cell.c18,.im-a-group .im-a-cell.c24,.im-a-group .im-a-cell.c6 {
    margin-right: 0
}

.im-a-group .im-a-cell.c5 {
    margin-right: 10px
}

.im-a-group .im-a-cell.c10 {
    margin-right: 10px
}

.im-a-group .im-a-cell .imgbox {
    width: 200px;
    height: 83px;
    border: 1px #eee solid;
    position: relative
}

.im-a-group .im-a-cell .imgbox img {
    width: 200px;
    height: 83px;
    border: 0
}

.im-a-group .im-a-cell .imgbox .showinfo {
    display: block;
    width: 198px;
    position: absolute;
    left: -1px;
    top: -1px;
    border: 0 #ff5a00 solid;
    z-index: 5;
    -moz-box-shadow: 0 0 0 #ccc;
    -webkit-box-shadow: 0 0 0 #ccc;
    box-shadow: 0 0 0 #ccc
}

.im-a-group .im-a-cell .imgbox .showinfo .comname {
    margin-top: 83px;
    width: 183px;
    font-size: 12px;
    background-color: #fff;
    height: 30px;
    padding-top: 10px;
    padding-left: 15px
}

.im-a-group .im-a-cell .imgbox .showinfo .jobslist .jli {
    height: 22px;
    line-height: 22px;
    width: 148px;
    padding-left: 30px;
    padding-right: 10px;
    background-image: url(../images/117.png);
    background-repeat: no-repeat;
    background-position: -277px 7px
}

.im-a-group .im-a-cell .imgbox .showinfo .count {
    width: 198px;
    height: 25px;
    background-color: #fff;
    font-size: 12px;
    padding-top: 10px
}

.im-a-group .im-a-cell .imgbox .showinfo .count .v {
    width: 103px;
    float: left;
    padding-left: 15px;
    color: #000
}

.im-a-group .im-a-cell {
    height: 55px
}

.im-a-group .im-a-cell .imgbox,.im-a-group .im-a-cell .imgbox img {
    height: 55px
}

.im-a-group .im-a-cell .imgbox .showinfo {
    left: 0;
    top: 0
}

.wapper {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    color: #333
}

.title-box {
    padding: 15px 0 15px 0;
    height: 26px
}

.fl {
    float: left;
    display: inline
}

.title-box h2 {
    float: left;
    font-size: 26px;
    line-height: 26px;
    font-weight: 400
}

.ml20 {
    margin-left: 20px
}

.fl {
    float: left;
    display: inline
}

.fs14 {
    font-size: 14px !important
}

.s-tab li {
    float: left;
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    color: #666;
    cursor: pointer
}

.s-tab li {
    float: left;
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    color: #666;
    cursor: pointer
}

.c-g6 {
    color: #666
}

.mt10 {
    margin-top: 10px
}

.s-tab li {
    float: left;
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    color: #666;
    cursor: pointer
}

.s-tab li.active {
    background-color: #d51938;
    color: #fff
}

.c-g3 {
    color: #333
}

.fs18 {
    font-size: 18px !important
}

.layerbg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 36px;
    background-color: #000;
    filter: Alpha(Opacity=50);
    opacity: .5;
    overflow: hidden
}

.layertxt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 36px;
    font-size: 16px;
    z-index: 20
}

.news-list {
    padding-bottom: 3px
}

.news-list li {
    height: 34px;
    line-height: 34px;
    overflow: hidden
}

.r-box {
    float: left;
    width: 260px;
    padding: 20px;
    background-color: #f6f6f6
}

.r-box .stext-list li {
    height: 34px;
    line-height: 34px;
    overflow: hidden
}

.r-box .stext-list li a {
    color: #666;
    padding-left: 15px;
    background: url(li_bg.png) 0 center no-repeat
}

.r-box.h322 {
    height: 322px;
    overflow: hidden
}

.r-box .ad-box {
    position: relative
}

.r-box .ad-box img {
    width: 260px
}

.r-box .ad-box .ad-lab {
    bottom: 5px;
    right: 5px
}

.l-content {
    float: left;
    width: 980px;
    overflow: hidden
}

.l-content .tab-content {
    display: none;
    height: 593px;
    overflow: hidden
}

.l-content .tab-content li {
    float: left;
    width: 302px;
    height: 285px;
    line-height: 28px;
    margin-right: 21px;
    padding-bottom: 15px
}

.l-content .tab-content li .pic {
    position: relative
}

.l-content .tab-content li .pic img {
    border: 1px solid #ccc;
    height: 200px;
    width: 302px
}

.l-content .tab-content li .pic .layertxt {
    text-align: left;
    text-indent: 10px;
    font-size: 14px
}

.l-content .tab-content li .pic .ad-lab {
    top: 5px;
    right: 5px
}

.l-content .tab-content li p.price span.c-red {
    position: relative;
    top: 2px
}

.l-content .tab-content li .address {
    font-size: 14px;
    color: #666;
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.l-content .tab-content li .address i {
    color: #ff9d97;
    margin-right: 5px
}

.l-content .tab-content li .label {
    height: 28px;
    overflow: hidden
}

.l-content .tab-content li .label span {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ddd;
    padding: 0 8px;
    margin-right: 10px
}

.ad-lab {
    background: url(http://fang.haining.com/themes/v2/static/home/style/ad_sm.png) no-repeat;
    width: 32px;
    height: 14px;
    overflow: hidden;
    position: absolute;
    z-index: 10
}

.l-content a img {
    transition: opacity .3s ease
}

.l-content img {
    vertical-align: top;
    display: inline-block
}

.title_ershou {
    height: 30px;
    line-height: 30px;
    background-color: #f7f7f7;
    padding: 0 10px;
    border-bottom: 1px solid #ddd
}

.fr {
    float: right;
    display: inline
}

.c-red {
    color: #d61f3d !important
}

.fs14 {
    font-size: 14px !important
}

.bigfs {
    font-family: 'Microsoft YaHei', YaHei, SimHei, Hei
}

.title_ershou {
    height: 30px;
    line-height: 30px;
    background-color: #f7f7f7;
    padding: 0 10px;
    border-bottom: 1px solid #ddd
}

.border {
    border: 1px solid #d5d5d5;
    zoom: 1
}

.w425 {
    float: left;
    width: 425px
}

.w475 {
    float: left;
    width: 475px
}

.w465 {
    float: left;
    width: 465px
}

.se_house_list {
    font-size: 14px;
    padding: 6px 0 6px 10px
}

.se_house_list li {
    height: 36px;
    line-height: 36px;
    overflow: hidden
}

.se_house_list li a {
    float: left;
    color: #333;
    width: 148px;
    display: inline-block;
    overflow: hidden
}

.se_house_list li span {
    float: left;
    width: 85px;
    text-align: center;
    display: inline-block;
    color: #666
}

.se_house_list li span.price {
    color: #f60
}

.loushi-list li {
    float: left;
    width: 100%;
    height: 38px;
    line-height: 38px;
    overflow: hidden
}

.loushi-list li a {
    color: #333;
    padding-left: 20px;
    background: url(li_dot2.png) 0 center no-repeat
}

.daogou-list dl {
    height: 89px;
    overflow: hidden;
    margin-top: 12px
}

.daogou-list dl dt {
    float: left;
    width: 122px;
    position: relative
}

.daogou-list dl dt img {
    display: block;
    width: 120px;
    height: 87px;
    border: 1px solid #dfdfdf
}

.daogou-list dl dt .ad-lab {
    bottom: 5px;
    right: 5px
}

.daogou-list dl dd {
    margin-left: 137px
}

.daogou-list dl dd p {
    margin-top: 10px;
    line-height: 28px;
    height: 52px;
    overflow: hidden
}

.w350 {
    float: left;
    width: 350px
}

.w350.mr40 {
    margin-right: 40px
}

.w230 {
    float: left;
    width: 230px;
    height: 362px;
    overflow: hidden
}

.w230 .pic-box {
    display: block;
    margin-top: 12px;
    line-height: 24px
}

.w230 .pic-box img {
    display: block;
    width: 228px;
    height: 166px;
    border: 1px solid #dfdfdf;
    margin-bottom: 10px
}

.bic-split-18 {
    width: 100%;
    height: 18px
}

.newFooter-mtop {
    height: 30px;
    background-color: #fff
}

.xz_total {
    margin-top: 20px
}

.xz_fT {
    height: 315px;
    background: url(http://beihai365.com/images/2014/newBottom/new_bottom_home_bg.png) 0 80px no-repeat
}

.xz-som li {
    float: left;
    margin-left: 8px
}

.xz_footer {
    background: url(http://beihai365.com/images/2014/newBottom/new_bottom_home_bgp.png) 0 -109px repeat-x
}

.xz_fB {
    border-top: none;
    padding-top: 30px
}

.xz_bottom {
    height: 0
}

.index_police1 {
    top: -5px
}

.xz_bottom {
    background: url(http://www.beihai365.com/html/channel/home2015v2/images/xingzi/footerbg.jpg) no-repeat;
    width: 980px;
    height: 126px;
    clear: both;
    position: relative;
    margin: 0 auto
}

.xz_bottom a {
    font-size: 16px;
    font-weight: 700;
    color: #666;
    position: absolute;
    bottom: 18px;
    left: 380px
}

.xz_footer {
    border-top: none;
    -border-top: 1px solid #e8e8e8;
    margin: 10px 0;
    padding-top: 10px;
    color: #666;
    line-height: 28px;
    margin-bottom: 10px;
    background: #fff
}

.xz_footer em {
    margin: 0 8px
}

.xz_fB,.xz_fT {
    width: 980px;
    margin: 0 auto;
    padding-left: 20px
}

.xz_fT {
    padding-bottom: 10px;
    height: 115px
}

.xz_fB {
    padding-top: 20px;
    border-top: 1px dashed #e8e8e8;
    clear: both;
    text-align: center;
    position: relative
}

.index_police1,.index_police2 {
    position: absolute;
    top: 3px
}

.index_police1 {
    left: 183px
}

.index_police2 {
    right: 160px
}

.xz_fUl h6,.xz_fUl1 h6 {
    width: 130px;
    color: #000
}

.xz_fUl h6.wb {
    background: url(http://www.beihai365.com/html/channel/home2015v2/images/xingzi/wb.png) no-repeat;
    text-indent: 2em
}

.xz_fUl ul li a,.xz_fUl1 ul li a {
    color: #666
}

.xz_fT .M {
    margin-right: 40px
}

.at {
    font-family: Arial, Helvetica, sans-serif;
    color: #dedede;
    margin-left: 5px
}

.xz_fUl ul li,.xz_fUl1 ul li {
    line-height: 22px
}

.xzLi1,.xzLi2,.xzLi3,.xzLi4 {
    background: url(http://www.beihai365.com/html/channel/home2015v2/images/xingzi/lxIOC.png) no-repeat;
    text-indent: 2em
}

.xzLi1 {
    background-position: 0 7px
}

.xzLi2 {
    background-position: 0 -14px
}

.xzLi3 {
    background-position: 0 -35px
}

.xzLi4 {
    background-position: 0 -56px
}

.zi {
    background: url(http://www.beihai365.com/html/channel/home2015v2/images/newfootericon.png) no-repeat
}

.zi_9 {
    background-position: 4px 5px;
    width: 22px;
    height: 22px;
    margin-top: -3px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    z-index: 8
}

.zi_9.zi_gz {
    background-position: 0 5px
}

.merchants_layer {
    display: none;
    width: 125px;
    height: 150px;
    border: 1px solid #d2d2d2;
    position: absolute;
    top: 26px;
    left: -51px;
    border-radius: 3px;
    background-color: #fff;
    text-align: center;
    z-index: 999
}

.merchants_layer2 {
    display: none;
    width: 125px;
    height: 160px;
    border: 1px solid #d2d2d2;
    position: absolute;
    top: 26px;
    left: -51px;
    border-radius: 3px;
    background-color: #fff;
    text-align: center;
    z-index: 999
}

.merchants_layer p {
    margin-top: 4px
}

.merchants_layer2 p {
    margin-top: 4px
}

.needle_i {
    position: absolute;
    top: -12px;
    left: 46%;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #d9d9d9 transparent;
    border-style: dashed dashed solid dashed;
    border-width: 6px;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

.needle_s {
    position: absolute;
    top: -14px;
    left: 43%;
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px;
    z-index: 1001
}

.merchants_layer img {
    width: 100px;
    height: 100px;
    margin-top: 12px
}

.merchants_layer2 img {
    width: 100px;
    height: 100px;
    margin-top: 12px
}

.xz_fUl ul li,.xz_fUl1 ul li {
    z-index: 2
}

.mer_hover {
    z-index: 5
}

.mer_hover p {
    color: #666
}

.li_hover:hover .merchants_layer,.mer_hover:hover .merchants_layer {
    display: block
}

.li_hover:hover .merchants_layer2,.mer_hover:hover .merchants_layer2 {
    display: block
}

.v4-icon-footer-wx-s {
    background-position: -156px -213px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.v4-icon-footer-wx {
    background-position: -151px -53px;
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.v4-icon-footer-tt {
    background-position: -151px -94px;
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.v4-icon-footer-dy {
    background-position: -151px -130px;
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.v4-icon-footer-wb {
    background-position: -151px -168px;
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.bx-footer {
    width: 1280px;
    margin: 0 auto
}

.bx-footer-title {
    border-bottom: 1px solid #e5e5e5
}

.contact-us-span {
    border-bottom: 4px solid #0276da;
    width: 80px;
    display: inline-block
}

.attention-us-span {
    border-bottom: 4px solid #2dbb55;
    width: 80px;
    display: inline-block
}

.know-us-span {
    border-bottom: 4px solid #f88d36;
    width: 80px;
    display: inline-block
}

.contact-us {
    margin: 20px 0
}

.contact-us ul {
    font-size: 14px;
    float: left;
    width: 300px;
    margin-right: 20px
}

.contact-us ul:nth-child(3) li {
    margin-left: 50px
}

.contact-us ul li {
    margin-bottom: 10px
}

.attention-us {
    margin: 20px 0
}

.attention-us ul {
    font-size: 14px;
    float: left;
    width: 235px;
    margin-right: 20px
}

.attention-us ul li {
    margin-bottom: 10px
}

.know-us {
    height: 150px;
    margin-top: 20px;
    background: url(http://www.beihai365.com/html/channel/home2015v2/images/v4-footer-bg.jpg) no-repeat 50% 50%
}

.know-us p {
    height: 30px;
    line-height: 30px
}

.know-us p .footer-add {
    color: #000;
    font-size: 14px;
    margin-left: 120px;
    height: 30px;
    line-height: 30px
}

.know-us p a {
    color: #000;
    font-size: 14px;
    vertical-align: middle;
    margin-top: -8px;
    display: inline-block
}

.v4-slogan {
    height: 256px;
    background-color: #2c62c6;
    margin-top: -38px
}

.v4-slogan .v4-slogan-box {
    width: 1280px;
    margin: 0 auto
}

.v4-new-logo {
    margin-top: 90px;
    margin-right: 20px
}

.v4-load-app {
    float: right;
    margin-top: 40px
}

.v4-load-app .v4-load-app-title {
    color: #fff;
    font-size: 22px;
    text-align: center
}

.v4-load-app .v4-app-list {
    width: 100px;
    display: inline-block;
    margin-left: 10px;
    margin-top: 18px
}

.v4-load-app .v4-app-list .v4-app-list-t {
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-top: 10px
}

.v4-bg-h {
    background-color: #454545
}

.xz_fB {
    border-top: none;
    width: 1280px;
    padding-left: 0
}

.xz_fB p,.xz_fB p a {
    font-size: 12px;
    color: #fff
}

.xz_fB {
    padding-bottom: 20px
}

.xz_fB span.addr {
    padding-left: 20px
}

.hidden {
    display: none
}