/*可持续发展页面*/
.main{
    padding: 23px 0 0;
}
.left-img{
    width: 50%;
}
.left-img img{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: block;
    border: 1px solid #ebebeb;
}
.right-p{
    width:83%;
    padding:0 11%;
}
.right-p p{
    /*margin: 4% 0;*/
    line-height: 216%;
}

/*人力资源页面*/
.left-img img.img1{
    max-width: 450px;
    border: none;
}
.line-height175 p{
    line-height: 175%;
}

/*人力资源页面-校园招聘*/
.ding4{
    position: relative;
}
.right-p1{
    margin-top: 0;
    width: 50%;
}
.left-img1{
    width: 50%;
}
.right-p1 p{
 margin-top: 0;
 margin-bottom: 6%;
}

.left-img img.img2{
    max-width: 450px;
    border: none;
    width: 90%;
}
.left-img img.img3{
    max-width: 350px;
    border: none;
    position: absolute;
    top:73%;
    right: 0;
    width: 70%;
}
.left-img img.img4{
    max-width: 300px;
    border: none;
    position: absolute;
    left: 0;
    top:124%;
    width: 65%;
}


@media (max-width:1000px){
    .right-p{
        margin-top: 0;
    }
}
@media (max-width:740px){
    .main{
        padding: 30px 0;
    }
    .left-img{
        width: 100%;
        float: none;
    }
    .right-p {
        width: 100%;
        float: none;
    }
    .left-img1{
        width: 100%;
    }
    .left-img img.img3{
        position: static;
        margin: 20px auto;
        display: block;

    }
    .left-img img.img4{
        position: static;
        margin: 0 auto 20px;
        display: block;
    }
}


@media (max-width: 640px){
    .right-p{
        width: 98%;
        padding: 0px 1%;
    }

}
