/* 科研概况部分开始 */
.kygk{
    font-size: 18px;}

.surveyT{
    width: 100%;
    height: 17.4em;}

.serL{
    width: 25.1em;
    height: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;}

.serL img{
    width: inherit;
    height: 100%;
    transition: all 1s;}

.serL img:hover{
    transform: scale(1.1);}

.serR{
    width: calc(100% - 25.1em);
    height: 100%;
    box-sizing: border-box;
    padding: 2.5em;
    background: linear-gradient(90deg, #6F47F2, #3D50E0, #51BAD3);
    overflow: hidden;}

.serR p{
    font-size: 1em;
    color: white;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    height: 13.3em;
    line-height: 2.2em;}

.surList li:nth-child(7) .surItem, .surList li:nth-child(8) .surItem, .surList li:nth-child(9) .surItem{
    border-bottom: none;} 

/* 科研概况部分结束 */

/* 学术动态部分开始 */
.xsdt{
    font-size: 18px;}

.trendsItem{
    width: 100%;
    height: auto;
    background: url(../image/pc/ny_tu7.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 1.5em;
    position: relative;}

.treImg{
    width: 16.6em;
    height: 12.5em;
    overflow: hidden;}

.treImg img{
    width: inherit;
    height: 100%;
    transition: all 2s;}

.treInfo {
    width: calc(100% - 16.6em - 8.3em);
    box-sizing: border-box;
    padding: 0 1.3em;}

.treInfo h3{
    font-size: 1.1em;
    color: #333;
    margin-bottom: 1.5em;}

.treInfo > p{
    font-size: 0.8em;
    color: #7D7D7D;
    line-height: 2em;
    height: 58px;
    overflow: hidden;}

.treInfo .infoTools{
    display: none;}

.infoTools .treMore{
    margin-top: 0;}

.infoTools p{
    font-size: 0.9em;
    color: #ACACAC;}

.treTools{
    width: auto;
    min-width: 8.3em;
    box-sizing: border-box;
    padding: 0 1.5em;
    border-left: 1px solid #D2DAE1;}

.treTools h3{
    font-size: 1.5em;
    color: #A2A2A2;}

.treTools p{
    font-size: 0.7em;
    color: #A2A2A2;
    line-height: 2em;}

.treMore{
    width: 4.1em;
    height: 1.6em;
    border: 1px solid #D2DAE1;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1em;}

.treMore .treActive{
    display: none;}

.trendsItem:hover .treInfo h3{
    color: #3737B5;}

.trendsItem:hover .treInfo > p{
    color: #333;}

.trendsItem:hover .treTools h3{
    color: #5C5DC0;}

.trendsItem:hover .treMore{
    background: linear-gradient(90deg, #6F47F2, #3D50E0, #51BAD3);}

.trendsItem:hover .treActive{
    display: block;}

.trendsItem:hover .treDefault{
    display: none;}

.trendsItem:hover .treImg img{
    transform: scale(1.2);}

.trendsItem:hover .blueLine{
    display: block;}

/* 学术动态部分结束 */

/* 科研机构部分开始 */
.kyjg{
    font-size: 18px;}

.instList{
    width: 100%;
    flex-wrap: wrap;}

.instItem{
    width: 49%;
    height: 3.3em;
    background: #F1F8FE;
    box-sizing: border-box;
    padding: 0 1.2em;
    flex-shrink: 0;
    margin-bottom: 1em;}

.instItem a{
    width: 100%;
    height: inherit;}

.instItem p{
    width: calc(100% - 50px);
    color: #333;
    font-size: 1em;}

.instMore .instActive{
    display: none;}

.instItem:hover{
    background: linear-gradient(90deg, #6F47F2, #3D50E0, #51BAD3);}

.instItem:hover p{
    color: white;}

.instItem:hover .instMore .instActive{
    display: block;}

.instItem:hover .instMore .instDefault{
    display: none;}
/* 科研机构部分结束 */

/* 研究成果部分开始 */
.yjcg{
    font-size: 18px;}

.tabNav{}

.tabItem{
    width: 8.8em;
    height: 2.7em;
    margin-right: 15px;
    background: #F1F4F6;
    text-align: center;
    line-height: 2.7em;}

.tabItem a{
    width: 100%;
    height: 100%;
    font-size: 1em;
    color: #333;}

.tabItem:hover{
    background: url(../image/pc/ny_tu8.png) no-repeat;
    background-size: 100% 100%;}

.tabItem:hover a{
    color: white;}

.tabActive{
    background: url(../image/pc/ny_tu8.png) no-repeat;
    background-size: 100% 100%;}

.tabActive a{
    color: white;}

/* 表格 */
.tableWrap{
    margin-top: 2em;}


.reTable{
    width: 100%;
    border-color:#EAECF2;}

.reTable thead:nth-child(2), .reTable thead:nth-child(3){
    display: none;} 

.reTable thead{
    background: #E2EAFC;
    font-size: 0.8em;
    color: #8F8F8F;}

.reTable tbody{
    font-size: 0.8em;
    color: #46484F;}

.reTable th, .reTable td{
    padding: 6px;
    text-align: center;}

.reTable tr td:first-child, .reTable tr td:nth-child(3){
    min-width: 80px;}

.reTable tbody tr td:nth-child(2){
    min-width: 78px;}



















/* 研究成果部分结束 */








/* 响应式处理开始 */
@media screen and (max-width: 800px) {
    .surveyT{
        width: 100%;
        height: auto;
        display: block;}

    .serL, .serR{
        width: 100%;
        height: auto;}

    .serR{
        padding: 2em;}

    .serR p{
        height: auto;
        display: block;
        overflow: visible;}
    
    .trendsItem a{
        flex-wrap: wrap;}

    .treImg{
        width: 12.6em;
        height: 8.5em;}

    .treInfo {
        width: calc(100% - 12.6em);}

    .treInfo h3{
        font-size: 1.1em;
        height: 45px;
        white-space: pre-wrap;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 10px;}

    .treInfo > p{
        display: none;}

    .treInfo .infoTools{
        display: flex;}

    .treTools{
        display: none;}

    .kyjg{
        font-size: 16px;}

    .surList li:nth-child(7) .surItem, .surList li:nth-child(8) .surItem{
        border-bottom: 1px solid rgba(205, 219, 231, 0.65);}


}

@media screen and (max-width: 600px) {
    .instItem{
        width: 100%;}

    .tabProgress, .tableWrap{
        margin-top: 20px;}
}


@media screen and (max-width: 500px) {
    .kygk{
        font-size: 16px;}

    .xsdt{
        font-size: 16px;}

    .treInfo h3{
        height: 42px;}
}

@media screen and (max-width: 450px) {
    .treImg{
        width: 10.6em;
        height: 7.5em;}

    .treInfo {
        width: calc(100% - 10.6em);
        padding: 0 0.5em;}
}

@media screen and (max-width: 400px) {
    .treImg{
        width: 9.6em;
        height: 6.5em;}

    .treInfo {
        width: calc(100% - 9.6em);}

    .reTable tbody tr td:nth-child(2){
        min-width: 0px;}
}
/* 响应式处理结束 */