/*
*组件样式
*/
.sub-menu .sub-menu{  position: relative;
    left: 0;
    background: #eee;}
.teacher div {
    line-height: 42px;
    font-size: 15px;
    padding: 5px;}
.leader-content {
    /* margin: 10px; */
    margin-top: 50px;}

.leader-container {
    margin: 0 10px;}

.leader-title {
    display: flex;
    margin-bottom: 40px;}

.leader-title p {
    margin-left: 16px;
    font-size: 20px;}

.leader-title img {
    width: 17px;
    height: 14px;
    padding-top: 7px;}

.leader-person-one {
    display: flex;
    width: 100%;
   /* justify-content: space-between;*/
    flex-flow: wrap;}

.leader-person {
    /* flex: 0 0 50%; */
    display: flex;
    
    width: 21.8%;
    flex-direction:column;
    text-align:center;
    
    margin:0 14px 40px 14px;}

.leader-person-content {
    position: relative;
    /*background-color: #eeeeee;*/
    width: 100%;
    word-break: break-all;
    /*padding-right: 10px;*/
    margin-top:-15px;}

.leader-person-name {
    color: #01755F;
    font-size: 22px;
    /*margin: 30px;*/
    text-align: left;}

.leader-person-date {
    color: #0A0A0A;
    font-size: 18px;
    text-align: left;
    margin-left: 40px;}

.leader-person-content img {
    position: absolute;
    bottom: 0;
    right: 0;}

@media only screen and (max-width: 1980px) {
    .leader-container {}
}

@media only screen and (max-width: 1200px) {
    .leader-container {
        margin: 0 10px;}
}

@media only screen and (max-width: 980px) {
    .leader-person-contentt {
        width: 200px;}

    .leader-person-name,
    .leader-person-date {
        margin-left: 30px;}
}

@media only screen and (max-width: 768px) {

    .leader-content,
    .leader-container {
        margin-left: 0;}
}

@media only screen and (max-width: 500px) {

    .leader-content,
    .leader-container {
        margin-left: 0;
        margin-top: 10px;}

    .leader-person-one {
        display: block;}

    .leader-person-content {
        width: 100%;}

    .leader-person {
        width: 100%;}
}

/* 院士 */

.academician-content {
    /* margin: 10px; */
    width: 100%;
    overflow-x: hidden;}

.academician-inner-content {
    margin-top: 40px;
    width: calc(100% + 70px);
    position: relative;}

.academician-inner-content a {
    /*width: 33%;*/
    color: #333333;}

.academician-person {
    margin-bottom: 40px;
    margin-right: 64px;
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 210px) / 3);}

.academician-person-inner {
    margin: 0 auto;
    position: relative;
    text-align: center;}

.academician-person-name {
    color: white;
    width: 50%;
    max-width: 110px;
    margin: 0 auto;
    background-color: #388E3C;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    margin-top: -15px;
    z-index: 100;
    position: relative;}

.academician-person-position {
    text-align: center;
    font-size: 16px;
    margin: 20px;
    min-height: 16px;}

.academician-person-back {
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -120px;
    z-index: -1;}

@media only screen and (max-width: 768px) {
    /*.academician-inner-content a{width: 50%;}
.academician-person{
    width: 100%;
}*/
}

@media only screen and (max-width: 500px) {
    .academician-inner-content {
        width: 100%;
        margin-top: 10px;
        display: block;}

    .academician-person {
        width: 100%;}
}

/* 管理队伍 */
.manage-content {
    margin: 10px 0;
    width: 100%;}

.manage-inner {
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;}

.manage-person {
    display: flex;
    margin: 40px 0;
    width: 46%;}

.manage-person-content {
    background-image: url(//../images/manageback.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;}

.manage-person-content p {
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 12%;}

.manage-person-name {
    color: #01755F;
    font-size: 22px !important;
    margin: 30px;}

@media only screen and (max-width: 768px) {
    .manage-person {
        width: 49%;}
}

@media only screen and (max-width: 700px) {
    .manage-person {
        margin: 30px auto;
        width: 100%;}

    .manage-inner {
        display: block;
        width: 60%;
        margin: auto;}
}

@media only screen and (max-width: 600px) {
    .manage-inner {
        width: 75%;}
}

@media only screen and (max-width: 500px) {
    .manage-person {
        margin: 20px 0;
        width: 100%;}

    .manage-inner {
        display: block;}

    .manage-inner {
        width: 100%;}
}

/* 联合培养项目 */
.educate-content {
    margin: 10px 0;
    width: 100%;}

.educate-inner {
    padding: 10px 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 92%;
    margin: auto;
    margin-bottom: 54px;}

.educate-inner:after {
    content: "";
    width: 30%;}

.educate-project {
    margin-top: 40px;
    position: relative;
    width: 30%;
    padding: 8px;
    background: url(//../images/educateback.jpg);
    background-size: 100% 100%;}

.educate-project a {
    color: #333333;}

.educate-project-photo {
    width: 100%;}

.educate-project-back {
    position: relative;
    width: 100%;}

.educate-project-name {
    padding: 13px;
    line-height: 24px;
    font-size: 18px;
    text-align: center;}

@media only screen and (max-width: 768px) {
    .educate-project {
        width: 47%;}

}

/* @media only screen and (max-width: 450px){
.manage-inner{
    width: 80%;
}
} */
@media only screen and (max-width: 500px) {
    .educate-inner {
        padding: 0px;}

    .educate-project {
        width: 100%;}
}

/* 全球环境研究项目 */
.environment-content {
    margin: 10px 0;
    width: 100%;}

.environment-inner {
    margin: 50px 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-wrap: wrap;}

.environment-project {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 20px;
    width: 42%;}

.environment-project-top {
    position: relative;
    padding-bottom: 0;
    width: 100%;}

.environment-project-top p {
    background-image: url(//../images/envirback3.jpg);
    color: white;
    position: absolute;
    bottom: 3px;
    padding: 5px 13px;
    left: 2px;}

.environment-project-photo {
    width: 99%;
    margin: auto;
    display: block;}

.environment-project-bottom {
    background-image: url(//../images/envirback2.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 135px;
    margin-top: -5px;}

.environment-project-describe {
    position: absolute;
    top: 5px;
    color: #666666;
    font-size: 14px;
    padding: 30px;
    padding-top: 18px;}

.environment-link {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-top: 40px;}

.environment-link-one {
    background-image: url(//../images/envirback1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;}

.environment-link-one a {
    color: white;
    display: block;
    width: 200px;
    padding: 28px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;}

@media only screen and (max-width: 768px) {
    .environment-project {
        width: 48%;}

    .environment-inner {
        justify-content: space-between;}

}

@media only screen and (max-width: 620px) {
    .environment-link-one a {
        width: 150px;
        padding-top: 18px;}
}

@media only screen and (max-width: 500px) {
    .environment-inner {
        display: block;
        margin-top: 20px;}

    .environment-project {
        width: 100%;
        margin-bottom: 30px;}

    .environment-link {
        display: block;
        width: 80%;
        margin: auto;}

    .environment-link-one a {
        margin: 10px auto;
        padding: 0;
        padding-top: 12px;}

    .environment-link-one {
        width: 174px;
        margin: auto;
        height: 60px;}
}


/**院士*/
.leader-person-academician {
    cursor: pointer;}

.leader-person-academician img {
    width: 100%;
    height: 239px;
    object-fit:cover;}

.leader-person-academician .leader-person-name {
    background: #388E3C;
    color: #ffffff;
    width: auto;
    text-align: center;
    /*margin-top: 26px;*/
    font-size: 18px;
    display: inline-block;
    padding: 0 7%;}

.leader-person-academician .leader-person-date {    line-height: normal;
    font-size: 16px;
    margin-left: 30px;
    padding-right: 14px;}

.leader-person-academician .leader-person-content {}