.tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 6px;
    margin-bottom: 51px;
}

.tab .tabList {
    display: flex;
    align-items: center;
}

.tab .tabItem {
    width: 208px;
    cursor: pointer;
    line-height: 50px;
    color: #333333;
    background: #efefef;
    font-size: var(--f18);
    text-align: center;
}

.tab .tabItemActive {
    background: #de1015;
    color: #fff;
}

.tab .tabItem:nth-child(2n + 2) {
    margin: 0 27px;
}

.tabContent {
    width: 1100px;
    height: 539px;
    margin: 0 auto 95px;
    position: relative;
}

.tabContent .leftimg {
    width: 463px;
    height: 483px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.tabContent .gzdl {
    width: 769px;
    height: 539px;
    background: #f3f3f3;
    position: absolute;
    right: 0;
    top: 0;
}

.tabContent .gzdl .inner {
    width: 527px;
    height: 539px;
    position: absolute;
    right: 36px;
    top: 44px;
}

.tabContent .gzdl .inner .tit {
    color: var(--c000000);
    font-size: var(--f20);
    margin-bottom: 25px;
    font-weight: bold;
}

.tabContent .gzdl .inner .content {
    color: var(--c606060);
    font-size: var(--f16);
    line-height: 28px;
}

.tabContent .dfgz {
    background-color: #fff;
    padding: 26px 70px 34px 63px;
    box-sizing: border-box;
    position: absolute;
    box-shadow: 0px 0px 16px 0px rgba(37, 37, 37, 0.07);
    border-radius: 6px;
    z-index: 3;
    width: 884px;
    left: 124px;
    bottom: 56px;
}

.tabContent .dfgz .dfgzIcon {
    width: 33px;
    margin-bottom: 13px;
}

.tabContent .dfgz .tit {
    color: var(--c333333);
    font-size: var(--f16);
    font-weight: bold;
    margin-bottom: 20px;
}

.tabContent .dfgz .content {
    color: var(--c606060);
    font-size: var(--f16);
    line-height: 26px;
}
.typeTit {
    color: var(--c000000);
    font-size: var(--f20);
    font-weight: bold;
}
.rsfwys {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: var(--mainW);
    margin: 0 auto 82px;
}

.rsfwys .introList {
    display: flex;
    flex-wrap: wrap;
}

.rsfwys .introList .introItem {
    border-top: 5px solid #de1015;
    display: flex;
    width: 350px;
    justify-content: space-around;
    padding-top: 20px;
    margin-top: 52px;
    box-sizing: border-box;
}

.rsfwys .introList .introItem:nth-child(3n + 2) {
    margin-left: 25px;
    margin-right: 25px;
}

.rsfwys .introList .introItem .introLeft {
    display: flex;
    flex-direction: column;
    align-items: left;
    margin-right: 25px;
}

.rsfwys .introList .introItem .introLeft .tit {
    color: var(--c333333);
    font-size: var(--f18);
    margin-bottom: 20px;
    font-weight: bold;
}

.rsfwys .introList .introItem .introLeft .content {
    color: var(--c606060);
    font-size: var(--f16);
    line-height: 26px;
}

.rsfwys .introList .introItem .introPic {
    width: 110px;
    height: 95px;
    object-fit: cover;
}

.rsfwnr {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    background: #f3f3f3;
    padding-top: 50px;
    padding-bottom: 46px;
    box-sizing: border-box;
}

.rsfwnr .inner .top {
    display: flex;
    align-items: center;
    margin-top: 50px;
    justify-content: space-around;
}

.rsfwnr .inner .top .left {
    width: 50%;
    line-height: 36px;
}

.rsfwnr .inner .top .left .itemcontent {
    font-size: var(--f18);
    color: var(--c333333);
}

.rsfwnr .inner .top .left .itemcontent::before {
    content: "";
    width: 13px;
    height: 9px;
    background-image: url("/assets/images/laborDispatch/gou.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    margin-right: 13px;
}

.rsfwnr .inner {
    width: var(--mainW);
    margin: auto;
}

.rsfwnr .inner .top .right {
    width: 518px;
}

.leftSpecial {
    padding-left: 100px;
}

.rsfwysType {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    box-sizing: border-box;
}

.rsfwysType .typeTit {
    margin-top: 54px;
    margin-bottom: 50px;
}

.rsfwysType .inner {
    width: var(--mainW);
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rsfwysType .inner .innerItem {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rsfwysType .inner .innerItem:nth-child(2) {
    margin: 0 140px;
}

.rsfwysType .inner .innerItem .pic {
    width: 129px;
}

.rsfwysType .inner .innerItem .desc {
    font-size: var(--f18);
    font-weight: bold;
    color: var(--c333333);
    margin: 30px auto 19px;
}

.rsfwysType .inner .innerItem .content {
    font-size: var(--f16);
    line-height: 26px;
    text-align: center;
    width: 223px;
    color: var(--c606060);
}

#tabItemContent2 {
    position: relative;
}

#tabItemContent2 .tabContent {
    height: 356px;
    position: relative;
}

#tabItemContent2 .tabContent .leftimg {
    width: 608px;
    height: 356px;
}

#tabItemContent2 .tabContent .inner {
    padding: 49px 36px 54px 50px;
    box-sizing: border-box;
    width: 646px;
    height: 291px;
    position: absolute;
    z-index: 2;
    right: 0;
    background: #ffffff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.11);
    bottom: 0;
}

#tabItemContent2 .tabContent .inner .circle {
    bottom: 0;
    position: absolute;
    right: 32px;
    top: 32px;
    width: 10px;
    height: 10px;
    background: #de1015;
    border-radius: 50%;
}

#tabItemContent2 .tabContent .inner .tit {
    font-weight: bold;
    font-size: var(--f20);
    color: #de1015;
    margin-bottom: 40px;
    position: relative;
}

#tabItemContent2 .tabContent .inner .tit::after {
    content: "";
    bottom: 0;
    position: absolute;
    width: 42px;
    height: 2px;
    left: 0;
    bottom: -14px;
    background: #de1015;
}

#tabItemContent2 .tabContent .inner .content {
    color: #606060;
    line-height: 28px;
    font-size: var(--f16);
}

#tabItemContent2 .rsfwys2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: var(--mainW);
    margin: 0 auto 82px;
}

#tabItemContent2 .rsfwys2 .introList {
    display: flex;
    flex-wrap: wrap;
}

#tabItemContent2 .rsfwys2 .introList .introItem {
    width: 330px;
    height: 378px;
    background: #ffffff;
    box-shadow: 0px 0px 16px 0px rgba(37, 37, 37, 0.07);
    border-radius: 6px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: start;
    overflow: hidden;
    margin-top: 40px;
}

#tabItemContent2 .rsfwys2 .introList .introItem:nth-child(3n + 2) {
    margin-left: 52px;
    margin-right: 52px;
}




#tabItemContent2 .rsfwys2 .introList .introItem  .content {
    color: var(--c333333);
    font-size: var(--f16);
    width: 254px;
    width: 100%;
    line-height: 21px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: calc(100% - 291px);
    padding: 0 35px;
    box-sizing: border-box;
}

#tabItemContent2 .rsfwys2 .introList .introItem .introPic {
    width: 100%;
    height: 291px;
    object-fit: cover;
}

#tabItemContent3 {
    position: relative;
}

#tabItemContent3 .tabContent {
    height: 356px;
    position: relative;
}

#tabItemContent3 .tabContent .leftimg {
    width: 608px;
    height: 356px;
}

#tabItemContent3 .tabContent .inner {
    padding: 39px 36px 31px 50px;
    box-sizing: border-box;
    width: 646px;
    /* height: 291px; */
    position: absolute;
    z-index: 2;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #ffffff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.11);
}

#tabItemContent3 .tabContent .inner .circle {
    bottom: 0;
    position: absolute;
    right: 32px;
    top: 32px;
    width: 10px;
    height: 10px;
    background: #de1015;
    border-radius: 50%;
}

#tabItemContent3 .tabContent .inner .tit {
    font-weight: bold;
    font-size: var(--f20);
    color: #de1015;
    margin-bottom: 40px;
    position: relative;
}

#tabItemContent3 .tabContent .inner .tit::after {
    content: "";
    bottom: 0;
    position: absolute;
    width: 42px;
    height: 2px;
    left: 0;
    bottom: -14px;
    background: #de1015;
}

#tabItemContent3 .tabContent .inner .content {
    color: #606060;
    line-height: 28px;
    font-size: var(--f16);
}

#tabItemContent3 .rsfwys {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: var(--mainW);
    margin: 0 auto 82px;
}

#tabItemContent3 .rsfwys .introList {
    display: flex;
    flex-wrap: wrap;
}

#tabItemContent3 .rsfwys .introList .introItem {
    width: 330px;
    height: 427px;
    background: #ffffff;
    box-shadow: 0px 0px 16px 0px rgba(37, 37, 37, 0.07);
    border-radius: 6px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

#tabItemContent3 .rsfwys .introList .introItem:nth-child(3n + 2) {
    margin-left: 52px;
    margin-right: 52px;
}



#tabItemContent3 .rsfwys .introList .introItem  .tit {
    color: var(--c000000);
    font-size: var(--f18);
    margin-bottom: 28px;
    margin-top: 40px;
    font-weight: bold;
}

#tabItemContent3 .rsfwys .introList .introItem  .content {
    color: var(--c606060);
    font-size: var(--f15);
    width: 254px;
    line-height: 26px;
}

#tabItemContent3 .rsfwys .introList .introItem .introPic {
    width: 88px;
    object-fit: cover;
}
.contractUs {
    width: 1100px;
    height: 98px;
    background: #ffffff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.11);
    display: flex;
    justify-content: space-between;
    padding: 24px 36px 24px 49px;
    box-sizing: border-box;
    align-items: center;
    margin: 76px auto 61px;
}

.contractUs .contractUsleft {
    display: flex;
    flex-direction: column;
    font-size: var(--f15);
    color: var(--c606060);
}

.contractUs .contractUsleft .contractUstit {
    color: #010101;
    margin-bottom: 12px;
    font-size: var(--f22);
    font-weight:600;
}

.contractUs .contractUsleft span {
    color: #de1015;
}

.contractUs .contractUsrightBtn {
    cursor: pointer;
    width: 120px;
    height: 37px;
    background: #de1015;
    text-align: center;
    line-height: 37px;
    color: #fff;
    font-size: var(--f14);
}


.sygw {
    width: 1100px;
    margin: 0 auto 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sygw .typeTit {
    margin-bottom: 49px;
}

.sygw .sygwBlock {
    display: flex;
}

.sygw .sygwBlock .sygwleft {
    width: 362px;
    margin-right: 6px;
}

.sygw .sygwBlock .sygwleft .leftItem {
    display: flex;
    align-items: center;
    width: 362px;
    height: 136px;
    background: #E22D31;
    justify-content: center;
}

.sygw .sygwBlock .sygwleft .leftItem .num {
    color: #fff;
    font-size: var(--f32);
    margin-right: 20px;
}

.sygw .sygwBlock .sygwleft .leftItem .intro {
    font-size: var(--f18);
    width: 215px;
    color: #fff;
}

.sygw .sygwBlock .sygwleft .leftItemActive {
    background: #212121;

}

.sygw .sygwBlock .sygwright {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.sygw .sygwBlock .sygwright .pic {
    width: 363px;
    height: 269px;
    margin-bottom: 6px;
    object-fit: cover;
}

.sygw .sygwBlock .sygwright .pic:nth-child(2n+1) {
    margin-right: 6px;
}