@media screen and (min-width: 751px){
	.joinwork{
		margin: auto;
	}
	.joinwork-personnel{
		overflow: auto;
	}
	.joinwork-personnel .pers-item{
		display: block;
		position: relative;
		float: left;
		width: 225px;
		height: 115px;
		padding: 40px 30px 0;
		margin: 0 18px 20px 0;
	}
	.joinwork-personnel .pers-item:nth-child(5n){
		margin-right: 0;
	}
	.joinwork-personnel .pers-item img{
		position: absolute;
		top: 0;
		left: 0;
		width: 225px;
		height: 115px;
	}
	.joinwork-personnel .pers-item .personnel-title{
		position: relative;
	    z-index: 2;
	    height: 25px;
	    line-height: 25px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    font-size: 18px;
	    color: #fff;
	}
	.bor{
		position: relative;
    	z-index: 2;
		margin-top: 16px;
		width: 20px;
		border-bottom: 4px solid #fff;
	}
	.young-eagle{
		overflow: auto;
	}
	.young-eagle .eagle-item{
		position: relative;
		float: left;
		width: 590px;
		height: 320px;
		margin: 0 20px 20px 0;
	}
	.young-eagle .eagle-item:nth-child(2n){
		margin-right: 0;
	}
	.young-eagle .eagle-item:hover .eagle-intro{
		height: 100%;
	}
	.young-eagle .eagle-item .eagle-intro{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 60px;
		padding: 20px;
		height: 60px;
		overflow: hidden;
		font-size: 14px;
		color: #fff;
		background: rgba(0,0,0,0.4);
		transition: height 0.5s;
	}
	.young-eagle .eagle-item .eagle-intro .title{
		font-size: 18px;
		font-weight: bold;
	}
	.young-eagle .eagle-item .eagle-intro .bor{
		margin: 20px 0;
	}
	.young-eagle .eagle-item .eagle-intro .text{
		line-height: 25px;
	}
	.management-trainee{
		width: 1200px;
    	margin: auto;
		overflow: auto;
	}
	.management-trainee .trainee-item{
		position: relative;
		float: left;
	    width: 286px;
	    overflow: hidden;
	    box-shadow: 0 0 10px #f1f1f1;
	    margin: 5px 7px 25px;
	}
	.management-trainee .trainee-item img{
		width: 286px;
		height: 276px;
	}
	.management-trainee .trainee-item .trainee-info{
		height: 118px;
		padding: 25px 20px;
	}
	.management-trainee .trainee-item .trainee-info .name{
		font-size: 16px;
	}
	.management-trainee .trainee-item .trainee-info .job{
		margin-top: 8px;
		height: 50px;
		line-height: 25px;
	    overflow: hidden;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    font-size: 14px;
	    color: #666666;
	}
	.management-trainee .trainee-item .trainee-intro{
		position: absolute;
		left: 0;
		top: -100%;
		padding: 20px;
		width: 100%;
		height: 100%;
		line-height: 25px;
		overflow: hidden;
		transition: top 0.5s;
		background: #fff;
	}
	.management-trainee .trainee-item:hover .trainee-intro{
		top: 0;
	}


}

@media screen and (max-width: 750px){
	.joinwork{
		margin: auto;
		width: 3.55rem;
	}
	.joinwork-personnel{
		overflow: auto;
	}
	.joinwork-personnel .pers-item{
		display: block;
		position: relative;
		float: left;
		width: 1.12rem;
		height: 0.575rem;
		padding: 0.1rem 0.15rem 0;
		margin: 0 0.09rem 0.1rem 0;
	}
	.joinwork-personnel .pers-item:nth-child(5n){
		margin-right: 0;
	}
	.joinwork-personnel .pers-item img{
		position: absolute;
		top: 0;
		left: 0;
		width: 1.125rem;
		height: 0.575rem;
	}
	.joinwork-personnel .pers-item:nth-child(3){
		margin-right: 0;
	}
	.joinwork-personnel .pers-item:nth-child(4),
	.joinwork-personnel .pers-item:nth-child(5){
		padding: 0.2rem 0.2rem 0;
		width: 1.73rem;
		height: 0.88rem;
	}
	.joinwork-personnel .pers-item:nth-child(4) img,
	.joinwork-personnel .pers-item:nth-child(5) img{
		width: 1.73rem;
		height: 0.88rem;
	}
	.joinwork-personnel .pers-item .personnel-title{
		position: relative;
	    z-index: 2;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    font-size: 0.14rem;
	    color: #fff;
	}
	.bor{
		position: relative;
    	z-index: 2;
		margin-top: 0.08rem;
		width: 0.1rem;
		border-bottom: 0.02rem solid #fff;
	}
	.young-eagle{
		overflow: auto;
	}
	.young-eagle .eagle-item{
		position: relative;
	    float: left;
	    width: 100%;
	    margin-bottom: 0.3rem;
	}
	.young-eagle .eagle-item:nth-child(2n){
		margin-right: 0;
	}
	.young-eagle .eagle-item .eagle-intro{
		position: absolute;
	    left: 0;
	    bottom: 0;
	    width: 100%;
	    height: 100%!important;
	    padding: 0.08rem;
	    overflow: hidden;
	    font-size: 0.11rem;
	    color: #fff;
	    background: rgba(0,0,0,0.4);
	}
	.young-eagle .eagle-item .eagle-intro .title{
		font-size: 0.16rem;
		font-weight: bold;
	}
	.young-eagle .eagle-item .eagle-intro .bor{
		margin: 0.08rem 0;
	}
	.young-eagle .eagle-item .eagle-intro .text{
		line-height: 0.14rem;
	}
	/*.management-trainee{
		overflow: auto;
	}
	.management-trainee .trainee-item{
		position: relative;
		float: left;
	    width: 1.43rem;
	    overflow: hidden;
	    box-shadow: 0 0 10px #f1f1f1;
	    margin: 5px 7px 0.12rem;
	}
	.management-trainee .trainee-item img{
		width: 1.43rem;
		height: 1.38rem;
	}
	.management-trainee .trainee-item .trainee-info{
		height: 0.59rem;
		padding: 0.12rem 0.1rem;
	}
	.management-trainee .trainee-item .trainee-info .name{
		font-size: 0.08rem;
	}
	.management-trainee .trainee-item .trainee-info .job{
		margin-top: 0.1rem;
		height: 0.25rem;
		line-height: 0.12rem;
	    overflow: hidden;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    font-size: 0.12rem;
	    color: #666666;
	}
	.management-trainee .trainee-item .trainee-intro{
		position: absolute;
		left: 0;
		top: -100%;
		padding: 0.1rem;
		width: 100%;
		height: 100%;
		line-height: 0.12rem;
		overflow: hidden;
		transition: top 0.5s;
		background: #fff;
	}
	.management-trainee .trainee-item:hover .trainee-intro{
		top: 0;
	}*/
	.management-trainee{ 
		-moz-column-count: 2; /* Firefox */
		-webkit-column-count: 2; /* Safari 氓鈥櫯 Chrome */
		column-count: 2;
		-moz-column-gap: 0;
		-webkit-column-gap: 0;
		column-gap: 0;
		overflow: auto;
		padding-bottom: 0.2rem;
		margin: 0 0.05rem;
	}
	.trainee-item{ 
		width: 1.7rem;
	    margin: 0.05rem 0 0.1rem 0.05rem;
	    padding: 0.17rem 0.22rem;
	    background: #fff;
	    -moz-page-break-inside: avoid;
	    -webkit-column-break-inside: avoid;
	    break-inside: avoid;
	    box-shadow: 0 0 0.05rem #f1f1f1;
	}
	.management-trainee .trainee-item .trainee-info .name{
		margin: 0.1rem 0 0.06rem;
		font-size: 0.14rem;
		font-weight: bold;
	}
	.job {
		line-height: 0.18rem;
	    font-size: 0.11rem;
	    font-weight: bold;
	}
	.trainee-intro {
	    position: relative;
	    padding-top: 0.2rem;
	    font-size: 0.11rem;
	    color: #666666;
	}
	.trainee-intro:before {
	    content: '';
	    position: absolute;
	    top: 0.08rem;
	    width: 0.18rem;
	    height: 0.04rem;
	    border-radius: 0.03rem;
	    background: #d81b1c;
	}
}