.people_list{ overflow: hidden; margin: -15px -20px;}
.people_list li{ float:left; width: 32%; padding: 15px 20px;}
.people_list li a{ display:block; overflow: hidden; background: #f5f5f5; padding: 20px;}
.people_img{float:left;width: 88px;overflow: hidden;background: #ffffff;margin-right: 20px;}
.people_img .bgImg{height: 0px;
    padding-top: 146.34%;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: cover;}
.people_info{ overflow:hidden;}
.people_name{ font-weight: bold; color: #003756; display:inline-block; position: relative; margin: 10px 0;font-size: 1.5rem;}
.people_name:before{ content:""; position: absolute; bottom:0; left:0; width:0; height: 1px; background: #476db2;}
.people_info .des{ color:#666; line-height: 24px; max-height: 120px; -webkit-line-clamp: 5;}
.people_list li a:hover{ box-shadow:0 0 15px 5px rgba(0,0,0, .08);}
.people_list li a:hover .people_name:before{ width:100%;}
/*people_photo*/
.people_photo, .photo_box{ width:250px;}
.people_photo{ float:left; min-height: 100px; margin-right: 5%; position: relative;}
.photo_box{ padding-right: 20px; position: relative; top:0;}
.photo_box.fixed {position:fixed; top: 0;}
.photo_dec{ content:""; position: absolute; bottom: -20px; right:0; width: 39%; height: 43%; background: #273d67;}
.people_photo .bgImg{ height: 0; padding-top: 133.04%; position: relative; z-index: 1;}
.people_detail{ overflow:hidden; line-height: 1.875; color: #666;}

.people_tit{ font-weight: bold; color: #476db2; margin-bottom: 25px;}
.people_base{ color: #333;}
.people_base_text{ float:left; width:60%;}
.people_positions{ display:block; float:right; background: #d3dbe6 /*#e7c333*/; color: #273d67; text-align: center; padding:1.69% 4.25%; max-width: 212px;}
.people_positions:hover{ background: #476db2; color: #fff;}
.people_item{color: #333; margin-bottom: 6px;}
.people_relevant{ margin-top: 40px; line-height: 1.5;}
.people_relevant a{ display:block; overflow:hidden; position: relative; color: #2a5dbd; text-decoration:underline;}
.people_relevant a:before{ content:""; position: absolute; top:50%; margin-top: -2px; left:-10px; width:4px; height: 4px; background: #476db2;}
.people_relevant a:hover{ padding-left: 14px;}
.people_relevant a:hover:before{ left:0;}

@media(max-width: 1366px){
.people_img{ width:150px;}
    .people_photo, .photo_box{ width:210px;}
}
@media(max-width: 991px){ 
.people_list{ margin:-10px;}
    .people_list li{ padding:10px;}
    .people_img{ width:120px;}
    .people_info .des{ line-height:20px; max-height: 100px;}
    .people_photo, .photo_box{ width: 170px;}
}
@media(max-width: 767px){ 
.people_list li a{ padding:10px;}
    .people_img{ width: 90px; margin-right: 10px;}
    .people_name{ margin-top:0;}
    .people_info .des{ line-height: 16px; max-height: 80px;}
    .people_photo, .photo_box{ width:140px;}
    .people_photo{ float:none; margin:0 auto 30px;}
    .photo_box{ padding-right: 10px;}
    .photo_dec{ bottom:-10px;}
    .back_top{ width:120px; line-height: 40px;}
}
@media(max-width: 567px){ 
.people_list li{ width:100%;}
    .people_base_text{ float:none; width:100%;}
    .people_positions{ float:none; max-width: none; margin-top: 20px;}
}