/* 加入我们样式 */


.jobs {
    width: 100%;
    /* height: 600px; */
    padding-top: 91px;
    background: white;
}

.jobs>h2 {
    text-align: center;
    font-size: 34px;
}

.jobs>.wewant {
    text-align: center;
    font-size: 16px;
    color: #737CA3;
    width: 432px;
    margin: 0 auto;
    margin-top: 10px;
}

.jobs>.gcslist {
    text-align: center;
    width: 1200px;
    /* height:800px; */
    margin: auto;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 70px;
}

.joblist {
    width: 295px;
    height: 214px;
    display: inline-block;
    background: url(../img/images/矩形.png) no-repeat 0;
    text-align: center;
    background-size: 100% 100%;
    margin-top: 36px;
    vertical-align: bottom;
    transition: 500ms;
}

.joblist .imges {
    width: 60px;
    height: 50px;
    margin: auto;
    margin-top: 50px;
}

.joblist .imges img {
    width: 56px;
    height: 56px;
}

.joblist img {
    display: block;
}

.joblist p {
    width: 100%;
    margin-top: 38px;
    font-size: 26px;
    color: #737CA3;
}

/* .jobs .joblist:hover{
    transform: scale(1.2);
} */

.jobs .flip {
    width: 295px;
    height: 214px;
    position: relative;
    perspective: 500;
    -webkit-perspective: 500;
}

.jobs .flip .front,
.jobs .flip .back {
    width: 295px;
    height: 214px;
    margin-top: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-perspective: 10000;
    backface-visibility: hidden;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}

.jobs .flip .back {
    transform: rotateY(-180deg);
    background: url(../img/images/矩形.png) no-repeat 0;
    background-size: 100% 100%;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    padding: 20px 25px;
}

.flip:hover .front {
    transform: rotateY(-180deg);
}

.flip:hover .back {

    transform: rotateY(-360deg);
}

.flip .back .gwzz {
    display: flex;
    box-sizing: border-box;
    margin-top: 10px;
    text-align: left;
}

.flip .back .gwzz>span {
    width: 80px;
    margin-right: 10px;
    font-size: 16px;
    color: #BB91A3;
}

.flip .back .gwzz>p {
    width: 180px;
    font-size: 14px;
    color: #737CA3;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.flip .back .gwms {
    display: flex;
    box-sizing: border-box;
    text-align: left;
    margin-top: 10px;
}

.flip .back .gwms>span {
    width: 80px;
    margin-right: 10px;
    font-size: 16px;
    color: #BB91A3;
}

.flip .back .gwms>p {
    width: 180px;
    font-size: 14px;
    height: 95px;
    height: 114px;
    color: #737CA3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    /* word-break: break-all; */
}

.flip .back .cl {
    margin-top: 10px;
    cursor: pointer;
}



/* 员工发展模块解构 */
.developMent {
    width: 100%;
    background: white;
    border-top: 1px solid #fff;
}

.developMent>.yufaz {
    margin: auto;
    margin-top: 106px;
    margin-bottom: 135px;
    text-align: center;
    width: 432px;
}

.yufaz>h2 {
    font-size: 34px;
}

.yufaz>p {
    font-size: 16px;
    color: #737CA3;
    margin-top: 10px;
}

.developMent .bgcont {
    width: 100%;
    display: inline-block;
    background: url(../img/images/Zxns/波浪商务画册封面背景.jpg) no-repeat 0;
    text-align: left;
    background-size: 100% 180%;
    padding-bottom: 72px;
}

.bgcont h2 {
    color: #2680EB;
    font-size: 28px;
    margin-bottom: 7px;
}

.bgcont p {
    color: #AAAAAA;
    font-size: 18px;
}

.bgco-list img {
    transition: 500ms;
}

.bgco-list img:hover {
    transform: scale(1.2);
}

.layui-layer-page .layui-layer-btn {
    position: absolute;
    /* top: 529px;
    top: 615px; */
    bottom: 2%;
    left: 360px;
}

.layui-layer-page .layui-layer-content {
    height: auto !important;
}

.layui-layer-btn0 {
    border-color: #005dff !important;
    background-color: #005dff !important;
    width: 110px !important;
    height: 32px !important;
    font-size: 18px !important;
    text-align: center;
    padding-top: 6px !important;
}