.top_bg {
    width: 100%;
    height: auto;
    margin-top: 90px;
}
.top_bg img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.personal_profile {
    width: 100%;
    height: 802px;
    background-color: #FFFFFF;
    position: relative;
}
.personal_profile .img1 {
    position: absolute;
    left: 50%;
    top: -142px;
    transform: translate(-50%);
    width: 1229px;
    height: 417px;
}
.personal_profile .img2 {
    position: absolute;
    left: 50%;
    top: 300px;
    transform: translate(-50%);
    width: 208px;
    height: 71px;
}
.achievement_area {
    display: flex;
    align-items: center;
    position: absolute;
    width: 1200px;
    height: 349px;
    left: 50%;
    top: 410px;
    transform: translate(-50%);
}
.left_img_area {
    width: 389px;
    height: 319px;
    background: #176DE4;
    border-radius: 10px 10px 10px 10px;
    position: absolute;
    z-index: 1;
    padding: 78px 0 72px 0;
}
.left_flex {
    display: flex;
    flex-direction: column;
}
.right_details {
    position: absolute;
    right: 0;
}
.tab-item {
    height: 29px;
    display: flex;
    align-items: center;
}
/* **********主要成就区域 选项卡切换 相关的css start********** */
.left_img_area .default_img {
    height: 19px;
    margin-left: 74px;
}
.left_img_area .hover_img {
    height: 29px;
    margin-left: 40px;
}
.w167 {
    width: 167px !important;
}
.w240 {
    width: 240px !important;
}
.w158 {
    width: 158px !important;
}
.w226 {
    width: 226px !important;
}
.w178 {
    width: 178px !important;
}
.w250 {
    width: 250px !important;
}
.m48 {
    margin: 48px 0;
}
/* 初始状态下，所有的 `.detail_img` 都隐藏 */
.detail_img{
    display: none;
}
/* 初始状态下，第一个 `.detail_img` 显示 */
.detail_img.active{
    display: block;
}
.left_details_img {
    width: 903px;
    height: 349px;   
}
/* **********end********** */
.career {
    width: 100%;
    height: auto;
    background: #F8F8F8;
}
.career img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.contribution_area {
    width: 100%;
    height: 554px;
    background-color: #FFFFFF;
    position: relative;
}
.contribution_area .img1 {
    position: absolute;
    left: 50%;
    top: 51px;
    transform: translate(-50%);
    width: 208px;
    height: 71px;
}
.contribution_area .content_area {
    display: flex;
    align-items: center;
    position: absolute;
    width: 1200px;
    height: 349px;
    left: 50%;
    top: 159px;
    transform: translate(-50%);
}
/* **********主要贡献区域 选项卡切换 相关的css start********** */
.content_area_left {
    position: absolute;
    left: 0;
}
.content_area_right { 
    width: 389px;
    height: 319px;
    background: #176DE4;
    border-radius: 10px 10px 10px 10px;
    position: absolute;
    right: 0;
    z-index: 1;
    padding: 78px 0 72px 0;
}
.left_details_img2 {
    width: 903px;
    height: 349px; 
}
/* 初始状态下，所有的 `.detail_img` 都隐藏 */
.detail_img2 {
    display: none;
}
/* 初始状态下，第一个 `.detail_img` 显示 */
.detail_img2.active{
    display: block;
} 
.default_img2 {
    height: 19px !important;
    margin-left: 74px;
}
.hover_img2 {
    height: 29px !important;
    margin-left: 40px;
}
.w198 {
    width: 198px !important;
}
.w277 {
    width: 277px !important;
}
.w218 {
    width: 218px !important;
}
.w299 {
    width: 299px !important;
}
.w120 {
    width: 120px !important;
}
.w179 {
    width: 179px !important;
}
/* **********end********** */
.read_area {
    width: 100%;
    height: auto;
}
.read_area img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.honour_area {
    width: 100%;
    padding: 71px 0 33px 0;
    background-color: #ffffff;
}
.honour_area img {
    width: 1151px;
    margin: 0 auto;
}
.evaluate_area {
    width: 100%;
    height: auto;
}
.evaluate_area img {
    width: 100%;
    height: 100%;
}