html {
    overflow-x: hidden;
}

.border-div {
    background-color: #8c4119;
    width: 34px;
    height: 2px;
}

.g-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/icon.png);
    background-repeat: no-repeat;
}

.g-icon-aircraft {
    width: 30px;
    height: 30px;
    background-position: -2px -41px;
    vertical-align: middle;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #8c4119;
    outline: 0;
}

/*nav*/

.g-hd .nav > li:hover > a {
    /*background-color: transparent;*/
}

.g-hd .nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.g-hd-search .navbar-form {
    padding-top: 8px;
    padding-bottom: 8px;
}

.g-hd .nav > li > a:hover, .g-hd .nav > li.active > a {
    color: #ffcc99;
}

.g-hd .nav > li > a:hover:after, .g-hd .nav > li.active > a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    /*margin-left: -35px;*/
    width: 100%;
    height: 4px;
    background-color: #ffcc99;
    content: " ";
}

.g-hd .nav > li .dropdown-menu a:hover {
    color: #753e2a;
    font-weight: bold;
    background-color: transparent;
}

.g-hd .top-nav {
    float: right;
    padding-top: 30px;
    padding-bottom: 6px;
}

.g-hd .top-nav li {
    float: left;
    padding: 0 12px;
    border-left: 1px solid #ffffff;
}

.g-hd .top-nav li:first-child {
    border-left: 0;
}

.g-hd .top-nav li > a {
    display: block;
    color: #ffffff;
    line-height: 1;
    font-size: 12px;
}

.g-hd .top-nav li > a:hover {
    color: #ffcc99;
}

/*首页*/
.index-bd {
    /*margin-top: -98px;*/
}

.index-banner {
    position: relative;
    /*top: -98px;*/
    /*height: 737px;*/
    height: 784px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.index-banner-shade {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000000;
    filter: alpha(opacity=45); /* IE */
    -moz-opacity: 0.45; /* 老版Mozilla */
    -khtml-opacity: 0.45; /* 老版Safari */
    opacity: 0.45; /* 支持opacity的浏览器*/
}

.index-banner-container {
    position: absolute;
    bottom: 115px;
    left: 0;
    right: 0;
    color: #ffffff;
    text-align: left;
}

.index-banner-container h3 {
    font-size: 60px;
    font-weight: bold;
}

.index-banner-container h4 {
    font-size: 24px;
}

.index-banner-container .banner-filter {
    position: relative;
    background: none;
    text-align: left;
}

.index-banner-container .banner-filter-form .btn {
    background-color: #8c4119;
    color: #ffffff;
}

.index-banner-container .banner-filter-form .form-control {
    width: 188px;
}

.banner-filter-tab a {
    display: block;
    position: relative;
    color: #FFFFFF;
    padding-right: 70px;
    font-size: 16px;
    line-height: 2;
}

.banner-filter-tab .arrow {
    display: inline-block;
    border-top: 2px solid;
    border-right: 2px solid;
    width: 12px;
    height: 12px;
    border-color: #d85212;
    transform: rotate(135deg);
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -7px;
}

.banner-filter-tab .active .arrow {
    transform: rotate(-45deg);
    margin-top: 2px;
}

.banner-filter-tab a:after {
    content: " ";

}

.banner-filter-tab .active a:after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    /* border-top: 4px dashed; */
    border-bottom: 10px solid;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    right: 66px;
    bottom: 0;
}

.banner-filter-tabcontent {
    position: relative;
    height: 90px;
}

.banner-filter-tabcontent .tab-pane {
    position: relative;
    height: 90px;
    max-width: 952px
}

.banner-filter-tabcontent .glyphicon-remove {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #999999;
    font-size: 20px;
    z-index: 9;
    cursor: pointer;
}

.filter-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    padding: 30px 50px;
    background: #ffffff;
    max-width: 952px;
    border-bottom: 7px solid #8c4119;
}

.banner-filter-tabcontent a {
    display: block;
    position: relative;
    color: #333333;
    padding-right: 70px;
    font-size: 18px;
    line-height: 2;
}

.banner-filter-tabcontent a:hover {
    color: #d85212;
}

.banner-tips {
    color: #ffffff;
}

.banner-tips a {
    color: #d85212;
}

.g-icon-tips {
    background-position: -44px -48px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.section {
    padding-top: 30px;
    padding-bottom: 40px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-header {
    position: relative;
    padding-top: 20px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.section-header .title {
    position: relative;
    font-size: 30px;
    line-height: 1.4;
    color: #000000;
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: bold
}

.section-header .border-div {
    position: relative;
    width: 40px;
    height: 4px;
    margin: 20px auto;
}

.section-header .desc {
    position: relative;
    color: #666666;
}

.section-header .titlebg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 107px;
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    -moz-opacity: 0.45; /* 老版Mozilla */
    -khtml-opacity: 0.45; /* 老版Safari */
    opacity: 0.45; /* 支持opacity的浏览器*/
}

.btn-tab {
    color: #8c4119;
    border: 1px solid #8c4119;
    padding-top: 11px;
    padding-bottom: 11px;
    border-radius: 22px;
    width: 173px;
    overflow: hidden;
}

.btn-tab:hover {
    color: #ffffff;
}

.btn-tab.btn-effect-1:before {
    background: #8c4119;
}

.btn-brown {
    color: #ffffff !important;
    background-color: #8c4119;
    border: 1px solid #8c4119;
    padding: 16px 92px;
    border-radius: 4px;
    font-size: 18px;
}

.btn-brown:hover {
    color: #ffffff;
    background-color: #d85212;
    border: 1px solid #d85212;
}

.active .btn-tab {
    background: #8c4119;
    color: #ffffff;
}

/*首页*/
.index-tab-box {
    padding-top: 10px;
}

.index-tab-nav li {
    display: inline-block;
    margin: 5px 27px;
}

/*s0*/
.section-0 {
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/rlzy_7.jpg);
    background-position: left center;
    background-size: auto 100%;
}

.s0-l {
    display: inline-block;
    text-align: left;
    margin-right: 66px;
}

.s0-l h4 {
    font-size: 24px;
    color: #000000;
    font-weight: bold;
}

.s0-l p {
    font-size: 18px;
    color: #666666;
}

.section-0 .btn {
    vertical-align: text-bottom;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 40px;
    padding-right: 40px;
}

.section-0 .btn .g-icon {
    margin-right: 26px;
}

/*s1*/
.section-1 {
    background-color: #ebedf2;
}

.section-1 .section-header {
    max-width: 782px;
    margin: 0 auto;
}

.section-1 .section-header .titlebg {
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/t-domain.png);
}

.s1-item {
    position: relative;
}

.s1-item-con {
    position: relative;
    z-index: 9;
    max-width: 865px;
    background-color: #FFFFFF;
    padding: 40px;
}

.s1-item-top {
    border-bottom: 1px solid #8c4119;
    padding-bottom: 10px;
}

.s1-item-3 .s1-item-top, .s1-item-4 .s1-item-top {
    border-bottom: 0;
}

.s1-icon {
    display: inline-block;
    width: 84px;
    height: 88px;
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/index-icon2.png);
    background-repeat: no-repeat;
}

.s1-icon-1 {
    background-position: 0 0;
}

.s1-icon-2 {
    background-position: -249px 0px;
}

.s1-icon-3 {
    background-position: -166px 0px
}

.s1-icon-4 {
    background-position: -83px 0px;
}

.s1-item-top h4 {
    margin-top: 0;
    font-size: 24px;
    color: #333333;
    font-weight: bold;

}

.s1-item-top p {
    font-size: 14px;
    color: #333333;
    line-height: 2;
}

.s1-item-top a.more {
    display: block;
    color: #8c4119;
    font-size: 16px;
    line-height: 34px;
    background-color: #fff8eb;
    padding: 0 7px;
}

.s1-item-top a.more:hover {
    background: #8c4119;
    color: #ffffff;
}

.s1-item-body {
    padding-top: 20px;
}

.s1-item-body p {
    margin-bottom: 0;
}

.s1-item-body li {
    margin-bottom: 10px;
}

.s1-item-body .tag {
    float: left;
    display: block;
    line-height: 1;
    color: #8c4119;
    border: 1px solid #8c4119;
    background-color: #fff8eb;
    padding: 6px 7px;
    border-radius: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
}

.index-tab-content {
    padding-top: 30px;
    padding-bottom: 33px;
}

.s1-item-img {
    position: absolute;
    width: 69%;
    top: 33px;
    right: 0;
    bottom: -33px;
    background-repeat: no-repeat;
    background-size: cover;
}

.s1-3-desc p {
    padding-top: 10px;
    border-top: 1px solid #dfcabf;
}

.s1-3-desc p:first-child {
    border-top: 0;
}

.s1-4-item {
    /*float: left;*/
    /*width: 50%;*/
    height: 114px;
    padding: 5px 14px 0;
    /*border-right: 1px solid #c5a08c;*/
    border-top: 1px solid #c5a08c;
}

.s1-4-item p {
    font-size: 12px;
    line-height: 2;
    margin-bottom: 0;
}

.s1-4-item p b {
    font-size: 14px;
}

/*s2*/
.section-2 {
    background-color: #ffffff;
}

.section-2 .section-header .titlebg {
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/t-team.png);
}

.s2-item {
    display: block;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    /*margin-bottom: 1px;*/
}

.s2-item-info, .s2-item-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.s2-item-info {
    padding: 20px;
    color: #ffffff;
    z-index: 9;
}

.s2-item-info p:first-child {
    font-size: 24px;

}

.s2-item-info p {
    margin-bottom: 0;
}

.s2-item-img img {
    width: 100%;
}

.s2-swiper-wrap {
    position: relative;
}

.s2-swiper-wrap .swiper-container {
    /*overflow: visible*/
}

.s2-swiper-wrap .swiper-pagination-bullets {
    bottom: -34px;
}

.s2-swiper-wrap .swiper-pagination-bullet {
    margin: 0 4px;
}

.s2-swiper-wrap .swiper-button-prev {
    left: -50px;
}

.s2-swiper-wrap .swiper-button-next {
    right: -50px;
}

.s2-swiper-wrap .swiper-pagination-bullet-active {
    background: #8c4119;
}

/*s3*/
.section-3 {
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/rlzy_27.jpg);
}

.section-3 .section-header .titlebg {
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/t-case.png);
}

.s3-content {
    padding: 15px;
}

.s3-item-wrap {
    display: block;
    border-left: 1px solid #cccccc;
}

.s3-item-wrap:first-child {
    border: 0;
}

.s3-item {
    display: block;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

.s3-icon {
    display: block;
    width: 34px;
    height: 34px;
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/index-icon.png);
    background-repeat: no-repeat;
    margin: 0 auto;
}

.s3-icon-1 {
    background-position: 0 0;
}

.s3-icon-2 {
    background-position: -46px 0;
}

.s3-icon-3 {
    background-position: -96px 0;
}

.s3-icon-4 {
    background-position: -144px 0;
}

.s3-icon-5 {
    background-position: -190px 0;
}

.s3-icon-6 {
    background-position: -237px 0;
}

.s3-item .border-div {
    margin: 10px auto;
    width: 20px;
    height: 2px;
    background-color: #000000;
}

.s3-item h4 {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 22px;
}

.s3-item p {
    margin-bottom: 0;
    color: #999999;
}

.s3-item p:first-child {
    color: #333333;
}

.s3-item li {
    margin-bottom: 10px;
}

.s3-item-wrap:hover {
    background-color: #ffffff;
    border: 0;
}

/*s4*/
.section-4 .section-header .titlebg {
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/t-partner.png);
}

.s4-list {
    padding-top: 10px;
}

.s4-item {
    display: block;
    border: 1px solid #cccccc;
    padding: 30px 0;
    height: 116px;
    margin: 20px 0;
}

.s4-item img {
    margin: 0 auto;
    max-width: 90%;
}

/*s5*/
.section-5 {
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/rlzy_29.jpg);
    color: #ffffff;
}

.section-5 p {
    color: #ffffff;
    font-size: 24px;
}

.section-5 .btn {

}

/*内页*/
.g-bd {
    /*margin-top: -98px;*/
}

.g-main {
    /*background-color: #f5f5f5;*/
    min-height: 500px;
    padding-bottom: 80px
}

.banner-wrap {
    position: relative;
    height: 450px;
    background-size: cover;
    background-position: center;
}

.banner-shade {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #753e2a;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.banner-wrap .s-header {
    margin-top: 200px;
    color: #ffffff;
}

.banner-wrap .s-header a {
    color: #999999;
}

.banner-wrap .s-header .title, .banner-wrap .s-header .desc {
    color: #ffffff;
}

.banner-wrap .s-header .border-div {
    width: 32px;
    height: 2px;
    background-color: #d83a23;
    margin-bottom: 20px;
}

.banner-wrap .s-header .title {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: bold
}

.banner-wrap .s-header .title span {
    font-size: 24px;
    line-height: 1;
    color: #d85212;
    vertical-align: top;
    margin-left: 14px;
}

.banner-wrap .s-header .desc {
    font-size: 18px;
    line-height: 30px;
}

.g-bd-2 {
    /*margin-top: -98px;*/
    background-color: #f5f5f5;
}

.banner-box {
    position: relative;
    height: 222px;
    background-size: cover;
    background-position: center;
}

/*块标题*/
.s-title .title {
    color: #000000;
    font-size: 24px;
    /*line-height: 40px;*/
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: bold
}

.s-title .border-div {
    position: relative;
    background-color: #8c4119;
    height: 4px;
    width: 40px;
}

.s-title .border-div:after {
    position: absolute;
    content: " ";
    top: 0;
    width: 10px;
    height: 4px;
    right: -12px;
    background-color: #dd4d01;
}

/*猎头服务*/
.lt-1 {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fffaf7;
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/rlzy_28.jpg);
    padding-bottom: 40px;
}

.lt-1-tips, .map-steps, .Outsourcing-type {
    position: relative;
    background-color: #ffffff;
    border-radius: 5px;
    margin-top: -40px;
    -moz-box-shadow: 0 0 5px #a9a9a9;
    -webkit-box-shadow: 0 0 5px #a9a9a9;
    box-shadow: 0 0 5px #a9a9a9;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

.lt-1-item {
    border-left: 1px solid #f5f5f5;
    text-align: center;
}

.lt-1-item:first-child {
    border: 0;
}

.lt-1-item h4 {
    font-size: 60px;
    line-height: 0.7;
    color: #8c4119;
    font-family: "Arial Narrow", "微软雅黑", "microsoft yahei", simhei;
    font-weight: bold;
}

.lt-1-item h4 span {
    font-size: 14px;
    vertical-align: bottom;
}

.lt-1-item h4 span.top {
    vertical-align: top;
    font-size: 24px;
}

.lt-1-item p {
    font-size: 12px;
    line-height: 2;
    color: #666666;
    margin-bottom: 0;
}

.lt-1-case {
    padding-top: 20px;
    /*padding-bottom: 40px;*/
}

.lt-case-list {
    padding: 20px 10px;
}

.lt-case-item {
    display: block;
    background-color: #ffffff;
    border-right: 2px solid #8c4119;
    padding: 15px;
    margin: 10px -10px;
}

.lt-case-item .s3-icon {
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
}

.lt-case-item h4 {
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 22px;
}

.lt-case-item li {
    margin-bottom: 10px;
}

.lt-case-item p {
    margin-bottom: 0;
    color: #333333;
}

.lt-case-item p:first-child {
    /*color: #333333;*/
}

.lt-2 {
    padding-top: 40px;
    padding-bottom: 40px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #ffffff;
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/rlzy_30.jpg);

}

.lt-2-item {
    padding-top: 20px;
    margin-bottom: 20px;
}

.lt-2-head {
    position: relative;
    margin-bottom: 24px;
    padding-right: 24px;
}

.lt-2-item h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: #8c4119;
}

.lt-2-item p {
    /*margin-bottom: 0;*/
}

.lt-2-panel {
    overflow: hidden;
    border-radius: 4px;
    /*-moz-box-shadow: 0 0 5px #a9a9a9;*/
    /*-webkit-box-shadow: 0 0 5px #a9a9a9;*/
    /*box-shadow: 0 0 5px #a9a9a9;*/
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
}

.lt-2-img img {
    width: 100%;
}

.lt-2-tips {
    padding: 20px;
    /*height: 230px;*/
}

.icon-2 {
    display: inline-block;
    width: 34px;
    height: 34px;
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/map-icon.png);
    background-repeat: no-repeat;
}

.icon-arrowright {
    width: 50px;
    height: 30px;
    background-position: -2px -75px;
}

.lt-2-head .icon-arrowright {
    position: absolute;
    right: 0;
    top: 0;
}

.ad-item {
    height: 234px;
    text-align: center;
    padding-top: 50px;
    /*padding-bottom: 70px;*/
    background-size: cover;
    background-position: center;
}

.ad-item-1 {
    color: #FFFFFF;
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/rlzy_29.jpg)
}

.ad-item-1 p {
    font-size: 24px;
    margin-top: 34px;
}

.ad-item-2 {
    color: #000000;
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/rlzy_7.jpg)
}

.ad-item-2 p {
    font-size: 24px;
    margin-top: 10px;
}

.ad-item-2 span {
    font-size: 18px;
    color: #666666;
}

/*service-2*/
.map-steps {
    margin-bottom: 40px;
}

.map-steps-item {
    text-align: center;
    position: relative;
}

.map-steps-item p {
    font-size: 18px;
    color: #666666;
    font-weight: bold;
}

.map-steps-item .icon-arrowright {
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -15px;
}

.icon-map1, .icon-map2, .icon-map3, .icon-map4 {
    width: 58px;
    height: 58px;
}

.icon-map1 {
    background-position: 0 0;
}

.icon-map2 {
    background-position: -71px 0;
}

.icon-map3 {
    background-position: -144px 0;
}

.icon-map4 {
    background-position: -221px 0;
}

.map-desc {
    /*max-width: 690px;*/
    margin-bottom: 40px;
    margin-top: 20px;
    color: #05070d;
    line-height: 24px;
    font-size: 14px;
}

.map-l, .map-r {
    margin-top: 40px;
    background-color: #ffffff;
    padding: 30px 40px;
}

.map-l p {
    font-size: 14px;
    color: #8c4119;
    /*font-weight: bold;*/
    margin-bottom: 0;
}

.map-l img {
    width: 100%;
    margin-top: 20px;
}

.icon-map5 {
    background-position: -74px -67px;
    width: 41px;
    height: 41px;
    vertical-align: middle;
}

.map-r {
    padding: 32px 30px 16px;
}

.map-r-item {
    padding: 13px 0 13px 20px;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    border-radius: 4px;
}

.map-r-item p {
    font-size: 14px;
    display: inline;
    color: #333333;
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 0;
}

/*灵活用工*/
.Outsourcing-type {
    margin-bottom: 40px;
}

.Outsourcing-type-item {
    display: block;
    max-width: 536px;
    margin: 0 auto;
}

.Outsourcing-type-item .icon-2 {
    float: left;
    margin-top: 14px;
}

.Outsourcing-type-r {
    float: right;
    width: 75%;
}

.Outsourcing-type-r h3 {
    margin-top: 0;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 20px;
}

.Outsourcing-type-r p {
    margin-top: 12px;
    color: #999999;
    margin-bottom: 0;
}

.Outsourcing-type-item:hover h3, .Outsourcing-type-item:hover p {
    color: #8c4119;
}

.Outsourcing-type:after {
    position: absolute;
    content: " ";
    width: 1px;
    top: 40px;
    bottom: 40px;
    background-color: #cccccc;
    left: 50%;
}

.icon-o1 {
    background-position: -140px -61px;
    width: 65px;
    height: 65px;
}

.icon-o2 {
    background-position: -211px -61px;
    width: 65px;
    height: 65px;
}

.rpo-item {
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 28px;
}

.rpo-item-title {
    font-size: 14px;
    font-weight: bold;
    color: #05070d;
    margin-bottom: 10px;
}

.rpo-item-title span {
    font-size: 48px;
    margin-right: 10px;
}

.rpo-item-1 .icon-2 {
    width: 44px;
    height: 44px;
    margin: 0 auto;
}

.rpo-item-content {
    /*margin-top: 10px;*/
}

.rpo-item-1 .rpo-item-content {
    margin-top: 17px;
}

.rpo-item-content .item {
    text-align: center;
}

.rpo-item-content p {
    color: #666666;
    /*margin-bottom: 0;*/
    font-size: 12px;
}

.rpo-item-1 .rpo-item-content p {
    margin-top: 10px;
}

.rpo-item-2 .icon-2, .rpo-item-3 .icon-2 {
    width: 38px;
    height: 38px;
    vertical-align: middle;
    margin-right: 10px;
}

.rpo-item-2 p {
    /*display: inline-block;*/
}

.icon-o3 {
    background-position: -162px -191px;
}

.icon-o4 {
    background-position: 2px -249px;
}

.icon-o5 {
    background-position: -53px -249px;
}

.icon-o6 {
    background-position: -82px -137px;
}

.icon-o7 {
    background-position: -170px -137px;
}

.icon-o8 {
    background-position: 2px -137px;
}

.icon-o9 {
    background-position: -126px -137px;
}

.icon-o10 {
    background-position: -39px -137px;
}

.rpo-item-step {
    height: 152px;
}

.rpo-item-step .icon-arrowright {
    position: absolute;
    top: 40px;
    right: 18%;
}

.rpo-item-4 .rpo-item-content {
    padding-left: 40px;
}

.rpo-item-step {

}

.rpo-item-step dt {
    color: #8c4119;
    font-weight: bold;
}

.rpo-item-step dd {
    color: #05070d
}

.rpo-item-step dd, .rpo-item-step dt {
    line-height: 2;
}

.ito-item {
    text-align: center;
    padding: 37px 0;
    font-size: 18px;
    color: #05070d;
    -moz-box-shadow: 0 0 9px #efe4de;
    -webkit-box-shadow: 0 0 9px #efe4de;
    box-shadow: 0 0 9px #efe4de;
    margin-bottom: 30px;
}

.ito-item .icon-2 {
    width: 50px;
    height: 50px;
    vertical-align: middle;
    margin-right: 6px;
}

.icon-o11 {
    background-position: -107px -188px;
}

.icon-o12 {
    background-position: -49px -188px;
}

.icon-o13 {
    background-position: 6px -188px;
}

.ito-jobs li {
    float: left;
    display: block;
    color: #8c4119;
    font-size: 14px;
    font-weight: bold;
    min-width: 180px;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 15px 10px;
    background-color: #ffffff;
    -moz-box-shadow: 0 0 9px #efe4de;
    -webkit-box-shadow: 0 0 9px #efe4de;
    box-shadow: 0 0 9px #efe4de;
    text-align: center
}

/*其他定制增值服务*/
.service-wrap {
    padding-top: 40px;
}

.service-item {
    padding: 30px;
    height: 300px;
    background-color: #ffffff;
    border-radius: 5px;
    margin: 15px 0;
}

.service-item h3 {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    margin-top: 40px;
}

.service-item p {
    line-height: 2;
}

.icon-service {
    display: inline-block;
    width: 58px;
    height: 58px;
    background-image: url(https://guanwang-1258671380.cos.ap-guangzhou.myqcloud.com/assets/images/hr/service-icon.png);
    background-repeat: no-repeat;
}

.icon-s1 {
    background-position: -65px 3px;
}

.icon-s2 {
    background-position: -214px 3px;
}

.icon-s3 {
    background-position: -291px 3px;
}

.icon-s4 {
    background-position: -362px 3px;
}

.icon-s5 {
    background-position: 1px 3px;
}

.icon-s6 {
    background-position: -139px 3px;
}

/*职位列表*/
.jobs-item {
    border: 0;
    border-radius: 0;
}

.jobs-item .panel-heading {
    border-bottom: 1px solid #cccccc;
}

.jobs-item .panel-heading a {
    display: block;
    color: #333333;
    font-size: 24px;
    font-weight: bold;
}

.jobs-item .panel-heading a:hover {
    color: #8c4119;
}

.btn-view, .btn-collect, .btn-apply {
    border: 1px solid #cccccc;
    padding-top: 8px;
    padding-bottom: 8px;
    min-width: 80px;
}

.jobs-item .btn + .btn {
    margin-left: 12px;
}

.btn-apply.done .glyphicon,
.btn-collect.done .glyphicon {
    color: #ffcc66;
}

.btn-view {
    background-color: #ffcc99;
    color: #753e2a;
    border-color: #ffcc99;
}

.jobs-item-tips > div {
    margin-right: 20px;
}

.jobs-item-tips .glyphicon {
    margin-right: 10px;
}

.jobs-item-tips {
    margin-bottom: 16px;
}

.jobs-item-subitem {
    /* margin-top: 10px; */
    margin-bottom: 18px;
}

.jobs-item-desc {
    margin-bottom: 20px;
}

.job-detail .jobs-item-desc {
    margin-bottom: 30px;
}

.job-detail .btn + .btn {
    margin-left: 12px;
}

.btn-more {
    display: block;
    line-height: 50px;
    font-size: 18px;
    color: #8c4119;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
    background-color: #ffffff;
}

.btn-more:hover {
    color: #ffffff;
    background-color: #8c4119;
}

.g-icon-down {
    width: 50px;
    height: 50px;
    background-position: 0 -81px;
    vertical-align: middle;
    margin-right: 18px;
}

.btn-more:hover .g-icon-down {
    background-position: 0 -136px;
}

.jobs-top {
    text-align: right;
}

.jobs-top .dropdown {
    display: inline-block;
}

.jobs-top {
    padding-top: 20px;
    padding-bottom: 20px;
}

/*job-aside*/
.jobs-form-header {
    line-height: 26px;
}

.jobs-form {
    border-top: 2px solid #8c4119;
    background-color: #ffffff;
}

.g-icon-filter {
    width: 26px;
    height: 26px;
    background-position: -63px -82px;
    vertical-align: middle;
    margin-right: 14px;
}

.jobs-form-header .pull-left {
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

.jobs-form-header {
    padding: 20px;
}

.breadcrumb-2 {
    background: none;
    border: 0;
    margin-bottom: 0;
    margin-top: 20px;
    padding-top: 17px;
    padding-bottom: 17px;
}

.breadcrumb-2 a {
    color: #333333;
    font-weight: bold;
}

.breadcrumb-2 a:hover {
    color: #8c4119;
}

.breadcrumb-2 > li + li:before {
    color: #333333;
}

.jobs-top .btn {
    border-radius: 0;
}

.aside-item {
    border-left: 0;
    border-right: 0;
}

.aside-item-btn .glyphicon {
    margin-left: 10px;
}

.aside-item:first-child {
    border-radius: 0;
}

.aside-item-con {
    /*padding-top: 20px;*/
    /*padding-bottom: 20px;*/
}

.aside-item-btn {
    display: block;
}

.aside-item-con a {
    display: block;
    /*padding-right: 10px;*/
    /*padding-bottom: 20px;*/
    padding: 10px;
}

/*banner-filter*/
.banner-filter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background-color: rgba(140, 65, 25, 0.8);
    text-align: center;
    padding-top: 15px
}

.banner-filter .banner-filter-form {
    /*max-width: 954px;*/
    display: inline-block;
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
}

.banner-filter-form .g-icon {
    width: 28px;
    height: 28px;
    vertical-align: middle;
}

.banner-filter-form .form-control {
    padding-top: 14px;
    border: 0;
    box-shadow: none;
    padding-bottom: 14px;
    height: auto;
}

.g-icon-people {
    background-position: -56px 0;
}

.g-icon-city {
    background-position: -26px 0;
}

.g-icon-money {
    background-position: 0 0;
}

.banner-filter-form .form-group {
    float: left;
    /*width: 30%;*/
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}

.banner-filter-form .form-group:before {
    position: absolute;
    content: " ";
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 1px;
    background-color: #cccccc;
}

.banner-filter-form .form-group:first-child:before {
    display: none;
}

.banner-filter-form .btn {
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background-color: #ffcc99;
    color: #663333;
    height: 49px;
    font-size: 18px;
    line-height: 49px;
    padding-left: 50px;
    padding-right: 50px;
}

.banner-filter-form .btn:focus {
    outline: 0;
}

/*联系我们*/
.g-main-contactus, .g-main-edit {
    padding-top: 40px;
}

.contactus-form-box .border-div {
    background-color: #ff3300;
    margin-top: 20px;
}

.contactus-form .form-control {
    padding: 12px;
    height: auto;
    border-color: #cccccc;
    box-shadow: none;
    border-radius: 2px
}

.contactus-form .form-group {
    margin-bottom: 14px;
}

.contactus-form-box {
    background-color: #ffffff;
    padding: 40px 70px;
    /*margin-top: -145px;*/
}

.contactus-form-box .title {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.contactus-form-box .desc {
    font-size: 12px;
    color: #666666;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 10px 20px;
    background: #f0f0f4;
}

.contactus-form .form-control {
    max-width: 100%;
}

.contactus-form .form-control-feedback {
    line-height: 47px;
}

.btn-1 {
    border: 0;
    font-size: 18px;
    padding: 13px 42px;
    border-radius: 50px;
    color: #753e2a;
    background-color: #ffcc99;
}

.office-tab li {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    border-left: 1px solid #333333;
}

.office-tab li:first-child {
    border: 0;
}

.office-tab li:first-child a {
    padding-left: 0;
}

.office-tab li:last-child a {
    padding-right: 0;
}

.office-tab li a {
    padding: 0px 14px;
    line-height: 1;
    display: block;
    color: #333333;
}

.office-tab li.active a, .office-tab li:hover a {
    color: #8c4119;
    font-weight: bold;
}

.office-wrap {
    padding-top: 10px;
}

.office-tab-content {
    padding-top: 10px;
    min-height: 533px;
}

.office-map img {
    width: 100%;
}

.office-desc {
    padding: 15px;
    background-color: #f5f5f5;
    margin-bottom: 20px;
}

.office-desc p {
    color: #333333;
}

.office-people {
    margin-top: -50px;
}

/*提交您的简历*/
.edit-form-box {
    position: relative;
}

.edit-form-box .contactus-form {
    padding-top: 20px;
}

.edit-form-box p.title {
    font-weight: normal;
    color: #666666;
}

.edit-form-box .form-control {
    width: 100%;
}

.edit-form-box .checkbox {
    color: #999999;
}

.btn-2 {
    color: #8c4119;
    border: 2px solid #8c4119;
    font-size: 18px;
    background: none;
    border-radius: 4px;
}

.g-main-edit .office-people {
    margin-top: 40px;
}

.g-main-edit .office-people p {
    color: #8c4119;
    font-size: 18px;
}

.g-icon-people1 {
    width: 50px;
    height: 50px;
    background-position: 9px -197px;
}

.edit-form-box .g-icon-people1 {
    position: absolute;
    top: 48px;
    right: 70px;
}

/*登录*/
.more-a {
    color: #753e2a;
    font-weight: bold;
    line-height: 2;
}

.more-a:hover {
    color: #ff3300;
}

/*个人中心*/
.g-main-user {
    padding-top: 38px;
    padding-bottom: 38px;
    min-height: 800px;
}

.user-aside {
    background-color: #ffffff;
}

.user-nav {
    padding: 20px 0;
    color: #333333;
    line-height: 44px;
}

.user-nav h4 {
    font-size: 18px;
    font-weight: bold;
    padding-left: 74px;
}

.user-nav li {
    padding-left: 130px;
}

.user-nav .g-icon {
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin-right: 20px;
}

.user-nav li a:hover, .user-nav li.active a {
    color: #753e2a;
    font-weight: bold;
}

.g-icon-package {
    background-position: -64px -209px;
}

.g-icon-user {
    background-position: -64px -149px;
}

.g-icon-set {
    background-position: -64px -179px;
}

.user-box {
    padding: 30px 80px;
    background-color: #ffffff;
    min-height: 528px;
}

.user-btn-box {
    margin-top: 40px;
}

.btn-3 {
    padding-top: 14px;
    padding-bottom: 14px;
    border-color: #ffcc99;
    box-shadow: none;
    background-color: #ffcc99;
    color: #753e2a;
    padding-left: 50px;
    padding-right: 50px;
}

.user-box .title {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
}

.user-box .title span {
    color: #999999;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
}

.g-main-user .jobs-item {
    padding: 30px;
}

.btn-applied {
    border: 1px solid #cccccc;
    padding-top: 11px;
    padding-bottom: 11px;
    width: 150px;
}

.g-icon-people2 {
    background-position: -64px -119px;
    vertical-align: middle;
}

.resume-item {
    background-color: #f5f5f5;
    font-size: 14px;
    padding: 20px;
    margin-bottom: 10px;
}

.resume-item-title {
    display: block;
    float: left;
    font-weight: bold;
    max-width: 400px;
    margin-right: 10px;
}

.resume-item-tag {
    float: left;
    color: #999999;
}

.resume-item-btn {
    float: left;
    display: block;
    color: #8c4119;
    padding: 0 10px;
    border-right: 1px solid #cccccc;
}

.resume-item-btn:hover {
    color: #ff3300;
}

.resume-item-btn:last-child {
    padding-right: 0;
    border-right: 0;
}

/*一键申请*/
.apply-box {
    background-color: #ffffff;
    padding: 30px;
    margin-bottom: 20px;
}

.apply-box-checkbox label {
    font-size: 18px;
    font-weight: bold;
    color: #8c4119;
    line-height: 1;
}

.apply-box-checkbox .glyphicon {
    font-size: 24px;
    vertical-align: bottom;
}

input[type='checkbox'] + .glyphicon-check {
    display: none;
}

input[type='checkbox']:checked + .glyphicon-check {
    display: inline-block;
}

input[type='checkbox']:checked + .glyphicon-check + .glyphicon-unchecked {
    display: none;
}

/*input[type='checkbox']:checked+.glyphicon-check{*/
/*display: inline-block;*/
/*}*/
@media (min-width: 1260px) {
    .lt-2-tips {
        height: 230px;
    }
}

@media (min-width: 1200px) {
}

@media (min-width: 992px) {

}

@media (min-width: 768px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1260px) {

}

@media (max-width: 1259px) {

}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (min-width: 768px) {

    .g-hd .nav > li.service .dropdown-menu {
        width: 184%;
    }
    .s1-4-item {
        border-right: 1px solid #c5a08c;
    }

    .s1-4-item:nth-child(1), .s1-4-item:nth-child(2) {
        border-top: 0;
    }

    .s1-4-item:nth-child(2n) {
        border-right: 0;
    }

    .jobs-item .panel-heading, .jobs-item .panel-body {
        padding-left: 34px;
        padding-right: 34px;
    }

    .job-detail .panel-heading {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .job-detail .panel-body {
        padding: 40px;
    }

    .job-detail .jobs-item-desc {
        /*margin-bottom: 80px;*/
    }

    .jobs-item-action {
        text-align: center;
        padding: 60px 0 30px;
    }

}

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

@media (max-width: 1199px) {

}

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

@media (max-width: 767px) {

    .g-hd .top-nav {
        float: none;
        padding-top: 6px;
    }
    .g-hd .nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .g-hd .nav > li > a:hover:after, .g-hd .nav > li.active > a:after {
        height: 2px;
    }

    .index-banner {
        height: 234px;
    }

    .index-banner-container {
        bottom: 20px;
    }

    .index-banner-container h3 {
        font-size: 18px;
    }

    .index-banner-container h4 {
        font-size: 16px;
    }

    .index-tab-nav {
        white-space: nowrap;
        overflow-x: scroll;
    }

    .index-tab-nav li {
        margin: 0;
    }

    .index-tab-nav li .btn-tab {
        width: auto;
        min-width: 80px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .banner-filter {
        display: none;
    }

    .btn-tab {
        width: 170px;
    }

    .s0-l {
        margin-right: 0;
    }

    .s1-item-con {
        padding: 10px;
    }

    .s1-item-top a.more {
        position: absolute;
        top: -80px;
        right: 15px;
    }

    .s1-item-img {
        display: none;
    }

    .s2-item-info p:first-child {
        font-size: 18px;
    }

    .s3-item-wrap {
        border-left: none;
    }

    .s4-item {
        display: flex;
        align-items: center;
    }

    .s1-4-item {
        border-right: none;
    }

    .jobs-item .panel-heading a {
        font-size: 16px;
        font-weight: normal;
    }

    .banner-wrap {
        height: 250px;
    }

    .banner-wrap .s-header {
        margin-top: 20px;
    }

    .banner-wrap .s-header .title {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 20px;
        margin-top: 20px;
        font-weight: bold;
    }

    .banner-wrap .s-header .desc {
        font-size: 14px;
        line-height: inherit;
    }

    .lt-1-tips {
        display: none;
    }

    .lt-case-item {
        border-right: none;
    }

    .ad-item-2 {
        display: none;
    }

    .map-steps {
        display: none;
    }

    .map-l, .map-r {
        padding: 10px;
    }

    .map-l .item {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .map-l .item + .item {
        margin-top: 30px;
    }

    .map-l img {
        margin-top: 10px;
    }

    .Outsourcing-type{
        display: none;
    }

    .ito-jobs li {
        float: none;
    }

    .contactus-form-box {
        padding: 15px 15px;
    }
}