.pinc-content {
    min-width: 1200px;
    margin-top: 100px;
}

.environment {
    height: 1245px;
    width: 1200px;
    margin: 5px auto 50px auto;
}

    .environment li {
        float: left;
        margin-top: 36px;
        position: relative;
        border: 1px dashed #00abe5;
        border-radius: 21px;
        padding: 3px;
    }

        .environment li img {
            transition: all 0.6s;
        }

        .environment li div {
            position: absolute;
            width: 572px;
            height: 80px;
            left: 4px;
            top: 496px;
            z-index: 1;
        }

        .environment li:hover img {
            transform: scale(1.2);
        }

#imagediv {
    position: initial;
    height: 572px;
    overflow: hidden;
    border-radius: 21px;
}

.companyfrontimg, .companymeetingimg {
    margin-left: 40px;
}

.companyout {
    background: url(../../image/公司外景1.png) no-repeat;
}

.companyoutimg:hover .companyout {
    background: url(../../image/公司外景2.png) no-repeat;
}

.companyfront {
    background: url(../../image/公司前台1.png) no-repeat;
}

.companyfrontimg:hover .companyfront {
    background: url(../../image/公司前台2.png) no-repeat;
}

.companyin {
    background: url(../../image/办公室内景1.png) no-repeat;
}

.companyinimg:hover .companyin {
    background: url(../../image/办公室内景2.png) no-repeat;
}

.companymeeting {
    background: url(../../image/公司会议室1.png) no-repeat;
}

.companymeetingimg:hover .companymeeting {
    background: url(../../image/公司会议室2.png) no-repeat;
}

.del-title {
    font-size: 30px;
    font-family: 'Microsoft YaHei Light';
    margin-bottom: 25px;
}

.del-con {
    width: 1200px;
    margin: 36px auto;
}

    .del-con p {
        font-size: 16px;
        color: #666666;
        line-height: 28px;
    }

.devediv {
    min-width: 1200px;
    background: #f1f1f1;
}

.devedivcenter {
    width: 1200px;
    margin: 0 auto;
    padding-top: 46px;
}

.development, .salaryANDwelfare, .life {
    display: none;
}

.salaryANDwelfare {
    width: 1200px;
    height: 800px;
    margin: 50px auto 0 auto;
}

.xinzi, .salary, .fuli, .welfare1, .welfare2 {
    float: left;
    text-align: center;
    font-size: 20px;
}

    .xinzi p, .fuli p {
        color: #00abe5;
    }

.salary {
    margin-left: 90px;
}

    .salary li div {
        height: 65px;
    }

    .salary li * {
        float: left;
        width: 130px;
        margin-right: 20px;
    }

.welfare1 {
    margin-left: 115px;
    margin-right: 50px;
}

    .welfare1 li {
        height: 140px;
    }

    .welfare1 p {
        margin-top: 10px;
    }

.welfare2 div {
    height: 36px;
    width: 100px;
    margin-right: 30px;
    background: url(../../image/四字.png) no-repeat;
}

.welfare2 p {
    width: 100px;
    line-height: 36px;
}

.welfare2 li {
    height: 36px;
}

    .welfare2 li * {
        float: left;
    }

.life {
    height: 1200px;
    width: 1200px;
    margin: 30px auto 50px auto;
}

    .life li {
        float: left;
        margin-top: 10px;
        position: relative;
        border: 1px dashed #00abe5;
        border-radius: 10px;
        padding: 3px;
    }

        .life li img {
            transition: all 0.6s;
        }

        .life li div {
            position: absolute;
            width: 380px;
            height: 49px;
            left: 4px;
            top: 335px;
            z-index: 1;
        }

        .life li:hover img {
            transform: scale(1.2);
        }

#lifeimagediv {
    position: initial;
    height: 380px;
    overflow: hidden;
    border-radius: 10px;
}

.chrisimg, .employeeimg, .family2img, .partyimg, .meetingimg, .showimg {
    margin-left: 15px;
}

.family {
    background: url(../../image/幸福一家人1.png) no-repeat;
}

.familyimg:hover .family {
    background: url(../../image/幸福一家人2.png) no-repeat;
}

.chris {
    background: url(../../image/快乐圣诞1.png) no-repeat;
}

.chrisimg:hover .chris {
    background: url(../../image/快乐圣诞2.png) no-repeat;
}

.employee {
    background: url(../../image/优秀员工颁奖1.png) no-repeat;
}

.employeeimg:hover .employee {
    background: url(../../image/优秀员工颁奖2.png) no-repeat;
}

.birthday {
    background: url(../../image/员工生日宴会1.png) no-repeat;
}

.birthdayimg:hover .birthday {
    background: url(../../image/员工生日宴会2.png) no-repeat;
}

.family2 {
    background: url(../../image/全家福1.png) no-repeat;
}

.family2img:hover .family2 {
    background: url(../../image/全家福2.png) no-repeat;
}

.party {
    background: url(../../image/年会宴会1.png) no-repeat;
}

.partyimg:hover .party {
    background: url(../../image/年会宴会2.png) no-repeat;
}

.ball {
    background: url(../../image/棒球活动1.png) no-repeat;
}

.ballimg:hover .ball {
    background: url(../../image/棒球活动2.png) no-repeat;
}

.meeting {
    background: url(../../image/企业展会1.png) no-repeat;
}

.meetingimg:hover .meeting {
    background: url(../../image/企业展会2.png) no-repeat;
}

.show {
    background: url(../../image/时装表演秀1.png) no-repeat;
}

.showimg:hover .show {
    background: url(../../image/时装表演秀2.png) no-repeat;
}