.gsfl-container,
.jobs-container {
    padding-top: .4rem;
    padding-bottom: .4rem;
}

.subMenu {
    background-color: #f2f2f2;
}

.subMenu .inner {
    overflow: auto;
}

.subMenu .inner a {
    display: block;
    width: 33.3333%;
    padding: 15px 10px;
    text-align: center;
    box-sizing: border-box;
    float: left;
    font-size: 18px;
}

.subMenu .inner .active {
    background-color: #25afe6;
    color: #fff;
}

/*-----------------------关于我们-------------------------------*/
.navbar {
    margin-bottom: 0;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*s1*/
.section h1 {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 0;
}

.s1-txt {
    margin: 0 auto;
}

.s1-txt p {
    line-height: 24px;
    font-size: 18px;
}

/*s2*/
.s2 {
    background-color: #f4f4f4;
}

.s2-img {
    text-align: center;
}

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

/*s3*/
.s3-container {
    background-color: #fff;
}

.s3-block {
    padding: 20px 0;
    /*border-top:1px dashed #ddd;*/
    margin-top: 20px;
    overflow: auto;
}

.s3-block h3 {
    margin-bottom: 20px;
}

.s3-block h3 a {
    color: #247dd8;
}

.s3-block h5 {
    margin-top: 30px;
}

.s3-block ul {
    color: #666;
}

.l-s3-part {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 15px;
}

.r-s3-part {
    float: right;
    width: 50%;
    box-sizing: border-box;
    padding-left: 15px;
}

.l-s3-part3-txt {
    background: url(/static/images/joinUs/join-part3-icon1.png) no-repeat left center;
    padding-left: 40px;
    background-size: 30px 30px;
}

/* line-height: 25px;height: 50px; */
.r-s3-part3-txt {
    background: url(/static/images/joinUs/join-part3-icon2.png) no-repeat left center;
    padding-left: 40px;
    background-size: 30px 30px;
}

/*可收缩职位*/
.jobs-arrow {
    float: right;
    display: block;
    width: 16px;
    height: 13px;
    background: url(/static/images/joinUs/J_arrow-down.png) 0 0 no-repeat;
    margin-top: 8px;
    position: relative;
}

.jobs-menu.active .jobs-arrow {
    background-image: url(/static/images/joinUs/J_arrow-up.png);
}

.jobs-arrow:before {
    content: '展开';
    position: absolute;
    left: -0.3rem;
    top: -4px;
    color: #A7A8AC;
    font-size: 0.14rem;
}

.jobs-menu.active .jobs-arrow:before {
    content: '收起';
}

.jobs-content {
    height: calc(100% - 0.79rem);
    overflow: hidden;
}

.zpType .gwType {
    position: relative;
    clear: both;
    overflow: hidden;
}
.zpType .joinList {
    float: left;
}
ul.recruitSZType,ul.recruitXZType {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    background: #fff;
    font-size: 0.14rem;
    color: #787A80;
    justify-content: space-around;
}

ul.recruitSZType li,ul.recruitXZType li {
    padding: 0.09rem 0.16rem;
    display: inline-block;
}
.zpType.active1 .recruitSZType li:nth-child(1),
.zpType.active2 .recruitSZType li:nth-child(2),
.zpType.active3 .recruitSZType li:nth-child(3),
.zpType.active4 .recruitSZType li:nth-child(4),
.zpType.active5 .recruitSZType li:nth-child(5),
.zpType.active6 .recruitSZType li:nth-child(6),
.zpType.active7 .recruitXZType li:nth-child(1),
.zpType.active8 .recruitXZType li:nth-child(2){
    background: #2378FF;
    color: #fff;
}
.zpType.active1 .joinList:first-child a,
.zpType.active2 .joinList:first-child a,
.zpType.active3 .joinList:first-child a,
.zpType.active4 .joinList:first-child a,
.zpType.active5 .joinList:first-child a,
.zpType.active6 .joinList:first-child a,
.zpType.active7 .joinList:last-child a,
.zpType.active8 .joinList:last-child a{
    color: #2378FF;
}

.zpType.active1 .recruitSZType, 
.zpType.active2 .recruitSZType, 
.zpType.active3 .recruitSZType, 
.zpType.active4 .recruitSZType, 
.zpType.active5 .recruitSZType,
.zpType.active6 .recruitSZType,
.zpType.active7 .recruitXZType, 
.zpType.active8 .recruitXZType,
.zpType.active1 .znxs-container, 
.zpType.active2 .znxs-container, 
.zpType.active3 .znxs-container, 
.zpType.active4 .znxs-container, 
.zpType.active5 .znxs-container,
.zpType.active6 .znxs-container, 
.zpType.active7 .xzgw-container, 
.zpType.active8 .xzgw-container,
.zpType.active1 .znxs-container .jobs-menu,
.zpType.active2 .znxs-container .jobs-menu:nth-child(1),
.zpType.active2 .znxs-container .jobs-menu:nth-child(2),
.zpType.active2 .znxs-container .jobs-menu:nth-child(3),
.zpType.active2 .znxs-container .jobs-menu:nth-child(4),
.zpType.active2 .znxs-container .jobs-menu:nth-child(5),
.zpType.active2 .znxs-container .jobs-menu:nth-child(6),
.zpType.active3 .znxs-container .jobs-menu:nth-child(7),
.zpType.active3 .znxs-container .jobs-menu:nth-child(8),
.zpType.active3 .znxs-container .jobs-menu:nth-child(9),
.zpType.active3 .znxs-container .jobs-menu:nth-child(10),
.zpType.active3 .znxs-container .jobs-menu:nth-child(11),
.zpType.active4 .znxs-container .jobs-menu:nth-child(12),
.zpType.active4 .znxs-container .jobs-menu:nth-child(13),
.zpType.active5 .znxs-container .jobs-menu:nth-child(14),
.zpType.active6 .znxs-container .jobs-menu:nth-child(15),
.zpType.active7 .xzgw-container .jobs-menu,
.zpType.active8 .xzgw-container .jobs-menu{
    display: block;
}

.zpType.active1 .recruitXZType, 
.zpType.active2 .recruitXZType, 
.zpType.active3 .recruitXZType, 
.zpType.active4 .recruitXZType, 
.zpType.active5 .recruitXZType,
.zpType.active6 .recruitXZType, 
.zpType.active7 .recruitSZType, 
.zpType.active8 .recruitSZType,
.joinUs-container .znxs-container,
.joinUs-container .xzgw-container {
    display: none;
}
.about-us-container .jobs-menu{
    color:#303133;
    background: #fff;
    height: 185px;
    padding: 0.4rem;
    margin-bottom: 0.16rem;
    padding-bottom: 0;
    display: none;
}

.about-us-container .joinUs-container .jobs-menu {
    padding-bottom: 0.4rem;
}
.about-us-container .jobs-menu.active{
    padding-bottom: 0.4rem;
}
.about-us-container .jobs-menu.active,.jobs-menu.active .jobs-content{
    height: auto;
}
.about-us-container .jobs-menu p{
    color: #787A80;
    font-size: 0.16rem;
    line-height: 0.25rem;
}
.jobs-title {
    overflow: auto;
    padding:  0;
    /* border-bottom: 1px dashed #ddd; */
    cursor: pointer;
    overflow: hidden;
}
.jobs-title ul li {
    display: inline;
    padding: 0 16px;
    border-left: 1px solid #D3D3D5;
    font-size: 0.16rem;
    line-height: 0.21rem;
    color: #303133;
}

.jobs-title ul li:first-child {
    padding-left: 0;
    border: 0;
}
.jobs-content h5 {
    font-weight: bold;
    font-size: 0.16rem;
    margin: 0.28rem 0 0.1rem;
}
.jobs-content h5:last-child {
    margin-bottom: 0;
}
.jobs-content p {
    line-height: 30px;
}

.jobs-name {
    font-size: 0.24rem;
}

.welfare-container {
    height: 120px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 120px;
    background: #24b3f6;
}

.salary-container {
    padding-bottom: .65rem;
}

.salary-container .mg-title {
    padding: .8rem 0 .4rem;
}

.salary-container ul {
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
}

.salary-container ul li {
    position: relative;
    flex-basis: 32.4%;
    background: #fff;
    padding: 0.6rem 0.4rem;
    box-sizing: border-box; 
    margin-bottom: 0.17rem;
}

.salary-container ul li img {
    /* position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
    transition: .1s; */
    width: 0.53rem;
}

.salary-container ul li img:hover {
    top: 20px;
}


.salary-container ul li .title {
    margin-bottom: 0.15rem;
    padding-top: 0.3rem;
    font-size: 0.2rem;
    color: #787A80;
}

.salary-container ul li .desc {
    font-size: 0.26rem;
    line-height: 0.4rem;
    color: #303133;
}

@media(max-width:800px) {
    .tabs-container {
        top: 61px !important;
    }

    .salary-container ul li {
        width: 90%;
        margin: 0 auto !important;
        margin-bottom: 22px !important;
    }
    .about-us-container .joinUs-container .jobs-menu{
        padding: 21px;
    }
    .jobs-arrow:before{
        top:-6px;    
        left: -28px;
    }
    .about-us-container .joinUs-container .jobs-menu:not(.active){
        height: 150px;
    }
    ul.recruitSZType li, ul.recruitXZType li{
        padding: 0.09rem 0.1rem;
    }
    .salary-container ul li{
        flex-basis: 48.6%;
        padding: 21px 17px;
        margin: 0 0 14px 7px !important;
    }
    .salary-container ul li:nth-child(2n+1){margin-left: 0 !important;}
    .salary-container ul li .desc {
        font-size: 12px;
        line-height: 16px;
    }
    .zpType .gwType{
        overflow: visible;
    }
    .joinUs-container .znxs-container,.joinUs-container .xzgw-container{
        margin-top: 90px;
    }
    .salary-container,.about-us-container .white-bgColor.joinUs-container{
        padding-bottom: 0;
        padding-top: 30px;
    }
    ul.recruitSZType, ul.recruitXZType {
        top: 40px;
        width: 100%;
    }
}

@media (min-width:768px) {
    .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

@media(max-width:992px) {
    .section h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .s1-txt p {
        font-size: 16px;
    }

    .s1-txt {
        width: auto;
        margin: 0 auto;
    }
}

@media(max-width:767px) {
    .banner-img {
        height: 250px;
    }

    .section h1 {
        font-size: 24px;
    }

    .l-s3-part,
    .r-s3-part {
        float: none;
        width: 100%;
        box-sizing: border-box;
        padding: 0px;
    }

    .s3-block h3 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .s3-block h5 {
        margin-top: 10px;
    }

    .s3-block {
        padding: 10px 0 20px 0;
    }

    .l-s3-part3-txt span img,
    .r-s3-part3-txt span img {
        width: 35px;
    }
}