.div-careers {
    overflow: hidden;
    background: #f7f8fa;
}

    .div-careers .customer-cases-nav {
        background: #fff;
    }

.div-careers-list {
    padding: 4% 0;
    width: 81.7%;
    margin: auto;
}

.div-careers-item {
    float: left;
    width: 31.333%;
    margin-right: 2%;
    margin-bottom: 3%;
}

    .div-careers-item.mr0 {
        margin-right: 0;
    }

    .div-careers-item a {
        display: block;
        background: #fff;
        position: relative;
        overflow: hidden;
    }

    .div-careers-item .pic {
        overflow: hidden;
    }

    .div-careers-item .text {
        position: absolute;
        left: 10%;
        top: 10%;
        width: 80%;
        z-index: 11;
        color: #000;
    }

    .div-careers-item .title-1 {
        overflow: hidden;
        background: url('/images/rt1.png') right center no-repeat;
        font-weight: bold;
    }

    .div-careers-item .text-1 {
        margin-top: 5%;
        color: #999999;
    }

    .div-careers-item .detail-1 {
        position: absolute;
        left: 10%;
        bottom: 2%;
        width: 80%;
        z-index: 11;
        border-top: 1px solid #e8e8e8;
        padding: 4% 0;
    }

        .div-careers-item .detail-1 span {
            display: block;
        }

        .div-careers-item .detail-1 i {
            display: block;
            width: 6px;
            height: 17px;
            background: url('../images/r3.png') center no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -8px;
            filter: grayscale(100%);
        }

    .div-careers-item a:hover {
        background: #e62129;
        box-shadow: 0px 40px 100px 0px rgba(0, 23, 77, 0.4);
    }

        .div-careers-item a:hover .title-1 {
            background: url('/images/rt2.png') right center no-repeat;
            color: #fff;
        }

        .div-careers-item a:hover .detail-1 span {
            color: #fff;
        }

        .div-careers-item a:hover .detail-1 i {
            background: url('../images/r2.png') center no-repeat;
        }

.div-careers-windows {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2111;
    transform: scale(0);
    transition: all .4s ease;
}

    .div-careers-windows.cur {
        transform: scale(1);
    }

.div-careers-mark {
    background: #000f33;
    opacity: .3;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}

.careers-windows-show {
    width: 31%;
    left: 50%;
    top: 50%;
    background: #fff;
    padding: 3% 3% 2% 3%;
    box-sizing: border-box;
    z-index: 11;
    position: absolute;
    transform: translate(-50%,-50%);
}

    .careers-windows-show.cur {
        display: block;
    }

    .careers-windows-show .title-1 {
        text-align: center;
        padding-bottom: 3%;
    }

    .careers-windows-show .text-1 {
        text-align: center;
        color: #999999;
        padding-bottom: 6%;
    }

    .careers-windows-show .input-2 {
        margin-bottom: 2%;
    }

        .careers-windows-show .input-2 .input1 {
            background: #f7f8fa;
            border: none;
        }

    .careers-windows-show .upload-2 {
        position: relative;
    }

        .careers-windows-show .upload-2 .text-1 {
            text-align: left;
            padding-bottom: 2%;
            margin-top: 4%;
        }

            .careers-windows-show .upload-2 .text-1 strong {
                color: #1a1a1a;
                margin: 0;
                padding: 0;
            }

            .careers-windows-show .upload-2 .text-1 span {
                margin-left: 10px;
            }

        .careers-windows-show .upload-2 .input-1 {
            position: relative;
        }

            .careers-windows-show .upload-2 .input-1 .button1 {
                position: absolute;
                right: 1%;
                top: 10%;
                width: 100px;
                height: 80%;
                z-index: 11;
                border: none;
                background: #002b8c;
                color: #fff;
                cursor: pointer;
            }

                .careers-windows-show .upload-2 .input-1 .button1:hover {
                    background: #0058d3;
                }

    .careers-windows-show .input-2 a {
        display: block;
        background: #002b8c;
        color: #fff;
        text-align: center;
        margin-top: 3%;
        padding: 3% 0;
    }

        .careers-windows-show .input-2 a:hover {
            background: #0058d3;
        }
.close-1 {
    cursor: pointer;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 2%;
    top: 3%;
    transform: rotate(45deg);
    z-index: 20;
}

    .close-1::after, .close-1::before {
        content: '';
        background: #000;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    .close-1:hover {
        opacity: 0.5;
    }

    .close-1::after {
        width: 26px;
        height: 2px;
    }

    .close-1::before {
        width: 2px;
        height: 26px;
    }

.careers-detail-center {
    color: #666666;
    width: 60%;
    margin: auto;
    position: relative;
    overflow: hidden;
    padding: 3% 0;
}

    .careers-detail-center ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .careers-detail-center ul li {
            color: #666666;
            list-style: none;
            margin: 0;
            padding: 0;
            padding-left: 20px;
            position: relative;
        }

            .careers-detail-center ul li::before {
                content: '';
                width: 6px;
                height: 6px;
                position: absolute;
                left: 0;
                top: 12px;
                background: #999999;
            }

.careers-title {
    font-weight: bold;
    color: #000;
    display: block;
    padding-bottom: 1%;
}

.news-detail-top .more-1 {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}

.div-news-detail.careers-detail {
    position: relative;
}

    .div-news-detail.careers-detail .news-detail-top {
        padding-bottom: 1.5%;
    }

        .div-news-detail.careers-detail .news-detail-top .title-2 {
            padding-bottom: 0;
            border-bottom: none;
        }

        .div-news-detail.careers-detail .news-detail-top::after {
            content: '';
            width: 100%;
            height: 2px;
            position: absolute;
            left: 0;
            bottom: 0;
            background: #dedfe1;
        }

        .div-news-detail.careers-detail .news-detail-top::before {
            content: '';
            width: 47%;
            height: 2px;
            position: absolute;
            left: 0;
            bottom: 0;
            background: #002b8c;
            z-index: 11;
        }
@media screen and (max-width: 1000px) {
    .div-careers-item {
        float: none;
        width: 100%;
        margin-right: 0;
    }
}