@font-face {
  font-family: 'iconfont';
  src: url('../ifonts/iconfont.eot');
  src: url('../ifonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../ifonts/iconfont.woff2') format('woff2'),
      url('../ifonts/iconfont.woff') format('woff'),
      url('../ifonts/iconfont.ttf') format('truetype'),
      url('../ifonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 24px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header{
    background: url(../rc-bg.jpg);
    height: 552px;
    background-position: center;
}
.header .main{
    height: 100%;
}
.opennav{
    display: none;
}
.header .main .logo{
    margin-top: 30px;
}
.header .main .name{
    text-align: center;
    display: inline-block;
    margin-top: 145px;
    margin-left: 100px;
}
.header .main .name p{
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 8px;
}
.header .main .name .xz{
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #fdd835;
    margin-top: 14px;
    letter-spacing: 4px;

}
.header .main .name .xz:after,
.header .main .name .xz:before{
    content: "";
    display: block;
    position: absolute;
    width: 32px;
    border-bottom: solid 1px #fdd835;
    top: 14px;
}
.header .main .name .xz:before{
    left: -38px;
}
.header .main .name .xz:after{
    right: -38px;
}
.back {
    position: absolute;
    top: 21px;
    right: 0;
    color: #fff;
    padding: 4px 0 4px 40px;
    background: url(../jbj_back.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 22px;
    font-weight: bold;
    border-bottom: solid 1px #fff;
}
.rc-container .rc-nav li{
    width: 20%;
    float: left;
    height: 64px;
    line-height: 60px;
    text-align: center;
    padding: 0 1%;
    box-sizing: border-box;
}
.rc-container .rc-nav a{
    display: block;
    font-size: 18px;
}
.rc-container .rc-nav a:hover{
    border-bottom: solid 4px #0079fe;
    color: #0079fe;
    font-weight: bold;
}
.rc-content{
    position: relative;
    top: -64px;
    background: #fff;
}
.rc-content .iconfont{
    color:#006bef;
    background:#fff;
    position: relative;
    z-index: 1;
}
.rc-container.container{
    margin-top:0;
}
.rc-container .section{
    margin-top: 40px;
}
.rc-container .section1{
    padding-bottom: 20px;
}
.rc-container .section1 .box{
    margin-top: 30px;
}
.rc-container .section1 .imgbox img{
    width: 358px;
    height: 240px;
}

.rc-container .section1 .chnnel-info-box{
    height: 240px;
    width: 800px;
}
.rc-container .section1 .chnnel-info-box .first-new{
    border-bottom: dashed 1px #dedede;
}
.rc-container .section1 .chnnel-info-box .first-new .title{
    font-size: 24px;
    color: #0079fe;
    font-weight: bold;
}
.rc-container .section1 .chnnel-info-box .first-new .desc{
    margin: 12px 0 20px 0;
    font-size: 15px;
    color: #636363;
    line-height: 1.8;
    height: 54px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.rc-container .section1 .chnnel-info-box .news-list{
    padding-top: 30px;
}
.rc-container .section1 .chnnel-info-box .news-list .q-list{
}
.rc-container .section1 .chnnel-info-box .news-list .q-list li{
    width: 390px;
    float: left;
}
.rc-container .section1 .chnnel-info-box .news-list .q-list li:nth-child(2n){
    margin-left: 20px;
}
.rc-container .section1 .chnnel-info-box .news-list .q-list li+li+li{
    margin-top: 10px;
}
.rc-container .section1 .chnnel-info-box .news-list .q-list li+li+li:after {
    content: "";
    display: block;
    height: 36px;
    border-right: solid 1px #d2d2d2;
    position: absolute;
    top: -26px;
    left: 4px;
}
.rc-container .section1 .chnnel-info-box .news-list .q-list a{
    background: url(../rc-icon2.png);
    background-repeat: no-repeat;
    background-position: left center;
    max-width: 300px;
}
.q-list li{
    position: relative;
}
.rc-container .section2 .box{
    margin-top: 24px;
}
.rc-container .section2 .recruitlist li {
    position: relative;
    width: 376px;
    height: 102px;
    background: #eeeeee;
    float: left;
}
.rc-container .section2 .recruitlist li+li {
    margin-left: 26px;
}
.tag-new{
    display: block;
    position: absolute;
    width: 32px;
    height: 13px;
    background: url(../rc-icon3.jpg);
    left: 13px;
    top: -7px;
}

.rc-container .section2 .recruitlist li .title {
    padding-top: 15px;
    padding-left: 24px;
    font-size: 16px;
    font-weight: bold;

}
.rc-container .section2 .recruitlist li .title span {
    display: inline-block;
    color: #2a2a2a;
    table-layout: fixed;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
}
.rc-container .section2 .recruitlist li .title .wages {
    color: #0079fe;
    font-size: 15px;
    padding-right: 22px;
    
}
.rc-container .section2 .recruitlist li .company {
    font-size: 15px;
    padding-left: 24px;
    margin-top: 6px;
    color: #2a2a2a;
    table-layout: fixed;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.rc-container .section2 .recruitlist li .req {
    font-size: 15px;
    padding-left: 24px;
    margin-top: 6px;
    color: #8e8e8e;
    table-layout: fixed;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.rc-container .section2 .recruitlist{
    border-bottom: dashed 1px #d2d2d2;
    padding-bottom: 24px;
}
.rc-container .section2 .q-list{
    padding-top: 25px;
}
.rc-container .section2 .q-list li{
    width: 370px;
    float: left;
    margin-left: 35px;
}
.rc-container .section2 .q-list li:nth-child(3n+1){
    margin-left: 0;
}
.rc-container .section2 .q-list li+li+li+li{
    margin-top: 10px;
}
.rc-container .section2 .q-list li+li+li+li:after{
    content: "";
    display: block;
    height: 36px;
    border-right: solid 1px #d2d2d2;
    position: absolute;
    top: -26px;
    left: 4px;
}
.rc-container .section2 .q-list a{
    background: url(../rc-icon2.png);
    background-repeat: no-repeat;
    background-position: left center;
 }

 .floor5 .left-container,
 .floor5 .right-container{
     width: 575px;
 }
.floor5 .q-list li+li{
    margin-top: 14px;
}
.rc-container .q-list a{
    background: url(../rc-icon2.png);
    background-repeat: no-repeat;
    background-position: left center;
}


.rc-container .title .more{
    border-color: #0079fe;
    color: #0079fe;
}
.rc-container .title .more:hover{
    background:#0079fe;
   color:#fff;
}
.rc-container  .date{
    background: none;
}









.rc-container .section>.title{
    position: relative;
}
.rc-container .section>.title p{
    position: relative;
    padding:0 20px 0 10px; 
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    float: left;
    background-color: #fff;
    z-index: 1;
}
.rc-container .section>.title:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.rc-container .section>.title::before{
    width: 100%;
    content: "";
    display: block;
    border-bottom: solid 1px #dcdcdc;
    position: absolute;
    top: 13px;
    z-index: 0;
}
.rc-container .section>.title .more{
    position: relative;
    margin-top: 0;
    z-index: 1;
    border-color: #0079fe;
    color: #0079fe;
}
.rc-container .section>.title .more:hover{
    background:#0079fe;
    color:#fff;
}
.rc-container .section>.title .more-box{
    position: relative;
    float: right;
    padding-left: 20px;
    background-color: #fff;
    z-index: 1;
}

.backhome {
    display: none;
}


@media screen and (max-width: 1210px) {
    .rc-container .section1 .chnnel-info-box{
        width: 620px;
    }
    .rc-container .section1 .chnnel-info-box .news-list .q-list li{
        width: 300px;
    }
    .rc-container .section1 .chnnel-info-box .news-list .q-list a{
        max-width: 210px;
    }
    .rc-container .section2 .recruitlist li{
        width: 316px;
    }
    .rc-container .section2 .recruitlist li .title .wages{
        display: block;
        float: none;
    }
    .rc-container .section2 .recruitlist li{
        height: 126px;
    }
    .rc-container .section2 .q-list li {
        width: 316px;
        margin-left: 26px;
    }
    .rc-container .section2 .q-list a{
        max-width: 225px;
    }
    .floor5 .left-container,
    .floor5 .right-container{
        width: 488px;
    }

    .rc-container .section2 .recruitlist li .title span{
        max-width: 100%;
    }
}
@media screen and (max-width: 1020px) {
    .header .main .name{
        margin-left: 0;
    }
    .rc-container .section1 .box .imgbox{
        display: none;
    }
    .rc-container .section1 .chnnel-info-box{
        width: 100%;
    }
    .rc-container .section1 .chnnel-info-box .news-list .q-list li{
        width: 374px;
    }
    .rc-container .section1 .chnnel-info-box .news-list .q-list a{
        max-width: 280px;
    }
    .rc-container .section2 .recruitlist li{
        width: 238px;
    }
    .rc-container .section2 .q-list li{
        width: 371px;
    }
    .rc-container .section2 .q-list li+li+li+li{
        margin-top: 0;
    }
    .rc-container .section2 .q-list li+li+li{
         margin-top: 10px !important;
    }
    .rc-container .section2 .q-list li:nth-child(3n+1){
        margin-left: 26px;
    }
    .rc-container .section2 .q-list li:nth-child(2n+1){
        margin-left: 0;
    }
    .floor5 .left-container,
    .floor5 .right-container{
        width: 370px;
    }

    
}

@media screen and (max-width: 788px) {
    .backhome {
        display: block;
    }
    .header .main {
        background: transparent;
    }

    .header .logo {
        height: auto;
    }

    .header {
        height: 50vw;
        background: #0079fe;
    }

    .header .main .logo {
        margin-top: 2.5%;
        width: 50%;
    }

    .header .main .name {
        width: 100%;
        margin-top: 8%;
    }

    .rc-content {
        top: 0;
    }

    .back {
        display: none;
    }

    .header .main .name p {
        font-size: 32px;
        letter-spacing: 4px;
    }

    .header .main .name .xz {
        font-size: 14px;
        margin-top: 10px;
        letter-spacing: 2px;
    }

    .header .main .name .xz:after,
    .header .main .name .xz:before {
        top: 10px;
    }

    .rc-nav {
        display: block;
        position: fixed;
        width: 50%;
        height: 100%;
        top: 0;
        right: -50%;
        background: #0079fe;
        z-index: 101;
        transition: all .6s ease;
    }

    .rc-nav.on {
        right: 0;
    }

    .rc-container .rc-nav li {
        width: 100%;
    }

    .rc-container .rc-nav li a {
        color: #fff;
    }

    .rc-container .rc-nav a:hover {
        color: #fff;
    }

    .rc-container .section {
        margin-top: 0;
        padding-top: 5%;
    }

    .rc-container .section>.title p {
        background-position: 0px center;
        padding: 0px 20px 0 10px;
    }

    .rc-container .section1 .chnnel-info-box .news-list .q-list li {
        width: 100%;
        margin-left: 0 !important;
    }

    .rc-container .section1 .chnnel-info-box .news-list .q-list li+li {
        margin-top: 10px;
    }

    .rc-container .section1 .chnnel-info-box .news-list .q-list li+li:after {
        content: "";
        display: block;
        height: 36px;
        border-right: solid 1px #d2d2d2;
        position: absolute;
        top: -26px;
        left: 4px;
    }

    .rc-container .section1 .chnnel-info-box {
        height: auto;
    }

    .rc-container .section1 .chnnel-info-box .news-list {
        padding-top: 5%;
    }

    .rc-container .section1 .box {
        margin-top: 5%;
    }

    .rc-container .section1 .chnnel-info-box .first-new .title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .rc-container .section2 .recruitlist li {
        width: 100%;
        margin-left: 0 !important;
    }

    .rc-container .section2 .recruitlist li+li {
        margin-top: 5%;
    }

    .rc-container .section2 .q-list li {
        width: 100%;
        margin-left: 0 !important;
    }

    .rc-container .section2 .q-list li+li {
        margin-top: 10px;
    }

    .rc-container .section2 .q-list li+li:after {
        content: "";
        display: block;
        height: 36px;
        border-right: solid 1px #d2d2d2;
        position: absolute;
        top: -26px;
        left: 4px;
    }

    .floor5 .left-container,
    .floor5 .right-container {
        width: 100%;
    }

    .q-list a {
        max-width: 768px !important;
    }

    .rc-container .section1 .chnnel-info-box .news-list .q-list {
        width: 100%;
    }

    .opennav {
        position: absolute;
        color: #fff;
        display: block;
        right: 2.5%;
        top: 2.5%;
        font-size: 28px;
    }
}