/* "关于我们"的二级页面"人才队伍"的专属页面样式 */
.about-banner{
    margin-top:60px;
    background: url("../../assets/about-images/talent-bg.png?v=1.8.2.241021");
    height:200px;
    background-size: cover; /* 确保背景图片适应容器，并保持比例 */
    background-position: center; /* 确保背景图片居中 */
    background-repeat: no-repeat; /* 防止背景图片重复 */
    
}
.about-banner .about-banner-content{
    height: 100%;
    padding-top:67px;
}
.about-banner .about-banner-content .title-zh{
    color:var(--about-bg-title-zh-color);
    font-size:var(--font-30);
    font-weight: var(--font-weight-700);
    min-width: 158px;

}
.about-banner .about-banner-content .title-en{
    color:var(--about-bg-title-en-color);
    font-size:var(--font-14);
    font-weight: var(--font-weight-400);
    min-width: 102px;
}
.chief-container{
    padding-top:60px;
}
.tag-container{
    height:32px;
    background: url("../../assets/about-images/tag-bg.png?v=1.8.2.241021") 0 0/auto 100% no-repeat;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    overflow: hidden;
}
.tag-container .container-text{
    flex-basis: 131px;
    height:32px;
    padding-top:4px;
    padding-left: 20px;
    color:var(--about-tag-container-text-color);
}
.tag-container .desc{
    flex: 1;
    color: #5A9DAB;
    font-size: 14px;
}
.chief-container .chief-scientist-intro{
    margin-top: 20px;
    padding: 32px 0 32px 40px;
    gap: 0 60px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.05);
}
.chief-container .chief-scientist-intro .chief-scientist-pic{
    padding:0;
    width: 240px;
    height: 338px;
}

.chief-container .chief-scientist-intro .chief-scientist-pic img{
    height:100%;
    border-radius: 8px;
}
.chief-container .chief-scientist-intro .chief-scientist-content{
    width:800px;
    display: flex;
    align-items: center;
    padding:0;
    border-top: 1px dashed rgba(90, 157, 171, 0.50);
    border-bottom: 1px dashed rgba(90, 157, 171, 0.50);
}
.chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty-row{
    margin:0;
    padding:0;
    display: flex;
    align-items: center;
    gap: 0 60px;
}
.chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty-row .chief-scientist-duty-col{
    width:190px;
    padding:0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty-row .chief-scientist-duty-col .duty-temp{
    width:100%;
}
.chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty-row .chief-scientist-desc-col{
    width:550px;
    padding:0;
}
.chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty-row .chief-scientist-desc-col p{
    width: 100%;
    margin:0;
    padding:0;
    color: var(--about-scientist-duty-items-text-color);
    text-align: justify;
    font-size: var(--font-14);
    font-weight: var(--font-weight-400);
    line-height: 32px;
    letter-spacing: -0.14px;
}
.chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-name{
    padding: 0;
    margin: 0;
    color:var(--about-scientist-name-color);
    font-size:var(--font-24);
    font-weight:var(--font-weight-700);
}
.chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty{
    /* 待用 */
    margin: 0;
    padding:0;
    margin-top:20px;
    display: flex;
    width: 190px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty .chief-scientist-duty-item{
    /* 待用 */
    display: flex;
}

.chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty .chief-scientist-duty-item-en{
  width: 204px;
}
.chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty .chief-scientist-duty-item .icon{
    margin-right: 8px;
    display: flex;
    align-items: center;
}
.chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty .chief-scientist-duty-item .duty-detail,
.chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty .chief-scientist-duty-item-en .duty-detail{
    font-size:var(--font-16);
    font-weight:var(--font-weight-500);
    color:var(--about-scientist-duty-items-text-color);
    text-align: justify;
}
.chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-research{
    /* 待用 */
    margin: 0;
    padding: 0;
    padding-right:20px;
    padding-bottom: 10px;
    text-align: justify;
    color: var(--about-scientist-research-text-color);
    font-size: var(--font-14);
    font-weight: var(--font-weight-400);
    line-height:32px;
}
.team-container{
    margin-top:100px;
    padding-bottom: 30px;
}
.team-container .teammates-thumbnail{
    padding:0;
    margin-top: 20px;
    gap:40px
}
.team-container .teammates-thumbnail .teammate{
    padding:0;
    width: 208px;
    transition: all 0.5s ease;
}
.team-container .teammates-thumbnail .teammate img{
    width:100%;
    max-width: 258px;
    border-radius: 8px;
}
.team-container .teammates-thumbnail .teammate .teammate-information{
    margin-top:12px;
}

.team-container .teammates-thumbnail .teammate .teammate-information .teammate-name{
    line-height: 27px;
    /* width: 70px; */
    border-left: 2px solid #5A9DAB;
    padding-left: 6px;
    color:var(--about-scientist-name-color);
    font-size: var(--font-18);
}
.team-container .teammates-thumbnail .teammate .teammate-information .teammate-duty{
    line-height: 24px;
    padding-left: 8px;
    color:var(--about-scientist-duty-items-text-color);
    font-size: var(--font-16);
}

.medical-container{
    margin-top:100px;
    padding-bottom: 60px;
}
.medical-container .medical-order-rule{
    margin:12px 0 20px 0;
    color: var(--about-medical-order-rule-color);
    font-size: var(--font-14);
    font-weight: var(--font-weight-400);
    line-height: 21px;
}
.medical-container .medical-expert-row{
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-gap: 20px;
}
.medical-container .medical-expert-row .medical-expert-col{
    padding: 20px;
    border-radius: 8px;
    border: var(--about-medical-row-bd-color);
    background: var(--about-medical-row-bg);
}
.medical-container .medical-expert-row .medical-expert-col .expert-content-row{
    display: flex;
}
.medical-container .medical-expert-row .medical-expert-col .expert-image{
    padding:0;
    width: 170px;
    border-radius: 8px;
    margin-right: 20px;
}
.medical-container .medical-expert-row .medical-expert-col .expert-image img{
    width:100%;
    max-width: 208px;
}
.medical-container .medical-expert-row .medical-expert-col .expert-info{
    padding:0;
    flex: 1;
    display: flex;
    flex-direction: column;

}
.medical-container .medical-expert-row .medical-expert-col .expert-info .expert-name{
    display: flex;
    align-items: center;
    margin: 12px 0 8px 0;
    width: 100%;
    color: var(--about-scientist-name-color);
    font-size: var(--font-20);
    font-weight: var(--font-weight-500);
    line-height: 30px;
}
.medical-container .medical-expert-row .medical-expert-col .expert-info .expert-name::before {
    content: '';
    display: block;
    height: 12px;
    width: 2px;
    margin-right: 10px;
    background: #5A9DAB;
}
.medical-container .medical-expert-row .medical-expert-col .expert-info .expert-duty{
    padding:0;
    margin-bottom: 16px;
}
.medical-container .medical-expert-row .medical-expert-col .expert-info .expert-duty ul{
    list-style-type: none;
    display:flex;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}
.medical-container .medical-expert-row .medical-expert-col .expert-info .expert-duty ul li{
    white-space:nowrap;
    color: var(--about-scientist-name-color);
    font-size: var(--font-14);
    font-weight: var(--font-weight-400);
    line-height: 21px;
    margin-right: 5px;
    padding-right:5px;
    border-right: var(--about-medical-duty-bd-right-color);
}
.medical-container .medical-expert-row .medical-expert-col .expert-info .expert-duty ul li:last-child{
    padding: 0;
    border: 0;
}
.medical-container .medical-expert-row .medical-expert-col .expert-info .expert-intro-box{
    padding: 12px 16px 12px 12px;
    width:100%;
    background:var(--about-medical-expert-intro-bg);
    flex: 1;
}
.medical-container .medical-expert-row .medical-expert-col .expert-info .expert-intro-box .expert-intro{
    width:100%;
    gap:0;
}
.medical-container .medical-expert-row .medical-expert-col .expert-info .expert-intro-box .expert-need-top{
    margin-top: 19px;
}
.medical-container .medical-expert-row .medical-expert-col .expert-info .expert-intro-box .expert-intro .intro-title{
    padding: 0;
    width: 70px;
    color: var(--about-scientist-name-color);
    font-size: var(--font-14);
    font-weight: var(--font-weight-400);
    line-height: 28px;
}
.medical-container .medical-expert-row .medical-expert-col .expert-info .expert-intro-box .expert-intro .intro-content{
    padding:0;
    color: var(--about-scientist-research-text-color);
    font-size: var(--font-14);
    font-weight: var(--font-weight-400);
    line-height: 28px;
}


@media(max-width:1400px){
    .team-container .teammates-thumbnail .teammate{
        transition: all 0.5s ease;
    }
}
@media(max-width:1200px){
    .team-container .teammates-thumbnail .teammate{
        transition: all 0.5s ease;
    }
    .chief-container .chief-scientist-intro{
        gap: 0 40px;
    }
    .chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty-row{
        gap: 0 40px;
    }
    .chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty-row .chief-scientist-desc-col{
        width:370px;
    }
    .chief-container .chief-scientist-intro .chief-scientist-content{
        width:600px;
    }
    .medical-container .medical-expert-row {
        grid-template-columns: repeat(1, 100%);
    }
}
@media(max-width:992px) {
    .chief-container .chief-scientist-intro{
        padding:20px;
        display:flex;
        justify-content: center;
    }
    .chief-container .chief-scientist-intro .chief-scientist-pic{
        width: 100%;
        display:flex;
        justify-content: center;
    }
    .chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-name{
        text-align: center;
    }
    .chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty{
        display:flex;
        justify-content: center;
    }
    .chief-container .chief-scientist-intro .chief-scientist-content{
        margin-top: 20px;
    }

}
@media(max-width:768px){
    .chief-container .chief-scientist-intro{
        padding: 32px 20px;
    }
    .chief-container .chief-scientist-intro .chief-scientist-content{
        padding: 20px 0;
    }
    .chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty-row{
        flex-direction: column;
        justify-content: center;
    }
    .chief-container .chief-scientist-intro .chief-scientist-content{
        width:100%;
        justify-content: center;
    }
    .chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty-row .chief-scientist-desc-col{
        width:100%;
    }
    .chief-container .chief-scientist-intro .chief-scientist-content .chief-scientist-duty-row .chief-scientist-desc-col{
        margin-top: 20px;
    }
    .team-container .teammates-thumbnail{
        gap: 10px 20px;
        justify-content: center;
    }
}
@media(max-width:576px){
    .about-banner .about-banner-content{
        padding-left:20px;
    }

    .medical-container .medical-expert-row .medical-expert-col .expert-content-row {
        display: block;
    }

    .medical-container .medical-expert-row .medical-expert-col .expert-image{
        width: 100%;
        padding:0;
        border-radius: 8px;
        margin-right: 20px;
        display: flex;
        justify-content: center;
    }
    .medical-container .medical-expert-row .medical-expert-col .expert-image img{
        width: 80%;
    }
}