.humanpicwrap {
    display: block;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 40px;
    padding-bottom: 100px;
}
.humanmain {
    border: 1px solid #f8efe0;
    overflow: hidden;
}
.humanmain li:last-child{
    border-bottom: 0;
}
.humanheader{
    display: flex;
    line-height: 70px;
    height: 70px;
    background-color: #fff;
    font-size: 18px;
    border-top: 1px solid #f8efe0;
    border-bottom: 1px solid #f8efe0;
    cursor: pointer;
}
.humanheader h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100%/6);
    text-align: center;
}   
.humanheader:first-child{
    border-top: 0;
}
.humanheader:last-child{
    border-bottom: 0;
}
.humanheader.active {
    background-color: #fffbf4;
}
.humanlist .content {
    display: none;
    padding: 30px;
    background-color: #fff;
    color: #333;
    font-size: 18px;
    border-bottom: 1px solid #f8efe0;
}
.humanlist li:last-child .content {
    border-bottom: 0;
}
.humanphonewrap {
    display: block;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 50px;
}

/* 团队风采 */
.teamstyle{ width: 100%; padding-top: 40px; padding-bottom: 80px; background-color: #f5f5f5;}
.teamstyle .w {display: flex;flex-wrap: wrap;}
.teamstyle .teamitem {width:calc((100% - 20px)/3); height: 290px;background-color: red;margin-right: 10px;margin-bottom: 10px;cursor: pointer;overflow: hidden;}
.teamstyle .teamitem:nth-child(3n){margin-right: 0;}
.teamstyle .teamitem img {width: 100%; height: 100%;object-fit: cover;transition: all 1.0s; transform: scale(1.0);}
.teamstyle .teamitem:hover img {transform: scale(1.2);}

/* 超小型设备（电话，600px 及以下） */
@media only screen and (max-width: 600px) {
    /* 展示 */
    .humanpicwrap {display: none;}
    .humanphonewrap {display: block;}
    .humanheader{font-size: 16px;}
    .humanheader h3 { width: calc(100%/4);} 
    .humanlist .content {font-size: 14px;}

    /* 团队风采 */
    .teamstyle{padding-top: 20px;padding-bottom: 40px;}
    .teamstyle .teamitem {width:calc((100% - 10px)/2); height: 145px;}

}

/* 小型设备（纵向平板电脑和大型手机，600 像素及以上） */
@media only screen and (min-width: 600px) {
    /* 展示 */
    .humanpicwrap {display: none;}
    .humanphonewrap {display: block;}
    .humanheader{font-size: 16px;}
    .humanheader h3 { width: calc(100%/4);} 
    .humanlist .content {font-size: 14px;}

    /* 团队风采 */
    .teamstyle{padding-top: 20px;padding-bottom: 40px;}
    .teamstyle .teamitem {width:calc((100% - 10px)/2); height: 290px;}
    
}
/* 大型设备（笔记本电脑/台式机，1200px 及以上） */
@media only screen and (min-width: 1200px) {

    .humanpicwrap {display: block;}
    .humanphonewrap {display: none;}
    .humanheader{font-size: 18px;}
    .humanheader h3 { width: calc(100%/6);} 
    .humanlist .content {font-size: 16px;}
    
    /* 团队风采 */
    .teamstyle{padding-top: 40px;padding-bottom: 80px;}
    .teamstyle .teamitem {width:calc((100% - 10px)/3); height: 290px;}

}