/*能源专家*/

.eneExpertsBox{

    margin-top: 70px;

}

.expTit{

    width: 100%;

    display: flex;

    justify-content: space-between;

}

.expTit_l{

    width: 20%;

}

.expTit_l h3{

    font-weight: 400;

    font-size: 24px;

    color: #333333;

}

.expTit_l p{

    font-weight: 400;

    font-size: 16px;

    color: #B3B3B3;

    text-transform: uppercase;

    margin-top: 10px;

}

.expTit_c{

    width: 30%;

    display: flex;

    justify-content: space-between;

}

.expTit_c li{

    width: 130px;

    height: 45px;

    text-align: center;

    line-height: 45px;

    border-radius: 30px;

    font-weight: 400;

    font-size: 16px;

    color: #333333;

}

.expTit_c a.expTitAct li,

.expTit_c li:hover{

    background-color: #3681FE;

    color: #fff;

}

.expTit_r{

    width: 12%;

    text-align: right;

    padding-top: 10px;

}

.expTit_r a{

    color: #3681FE;

    padding: 5px 10px;

    border: 1px solid transparent;

}

.expTit_r a:hover{

    padding: 5px 10px;

    border: 1px solid #3681FE;

    border-radius: 30px;

}

.expList{

    width: 100%;

    margin-top: 40px;

    display: none;

    flex-wrap: wrap;

}

.listShow{

    display: flex;

}

.expEve{

    width: 250px;

    height: 350px;

    background: #315C9D;

    margin-right: 22px;

    margin-bottom: 22px;

    cursor: pointer;

    position: relative;

}

.expEve:nth-child(8n){

    margin-right: 0;

}

.expEve img{

    width: 100%;

    height: 100%;

}

.expEveInfo{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    text-align: center;

    color: #ffffff;

    opacity: 0;

    transition: opacity 0.3s ease;

    padding-top: 30px;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    align-items: center;

}

.expEve:hover .expEveInfo{

    opacity: 1;

}

.expEveInfo h3{

    width: 100%;

    display: flex;

    justify-content: center;

}

.expEveInfo h3 span{

    font-weight: bold;

    font-size: 16px;

    color: #FFFFFF;

    padding-bottom: 5px;

    font-family: 黑体;

    border-bottom: 1px solid #fff;

}

.expEveInfo p{

    width: 100%;

    font-weight: 400;

    font-size: 12px;

    color: #FFFFFF;

    margin-top: 5px;

}

/*智库简介*/

.thinkBriefBox{

    width: 100%;

    background: #F2F6F9;

    margin-top: 50px;

}

.thinkBrief{

    padding: 50px 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.thinkBrief_l{

    width: 60%;

}

.thinkBrief_l .expTit_l{

    width: 100%;

}

.thinkBrief_l li{

    width: 100%;

    margin-top: 40px;

    margin-bottom: 50px;

    font-weight: 400;

    font-size: 14px;

    color: #333333;

    line-height: 28px;

}

.thinkBrief_l a{

    display: flex;

    justify-content: center;

    align-items: center;

    width: 150px;

    height: 45px;

    background: #3681FE;

    border-radius: 30px;

    font-weight: 400;

    font-size: 14px;

    color: #FFFFFF;

}

.thinkBrief_l a:hover{

    background-color: transparent;

    border: 1px solid #3681FE;

    color: #3681FE;

}

/*智库动态*/

.thinkTrends{

    margin-top: 70px;

}

.trendsList{

    width: 100%;

    margin-top: 40px;

    display: none;

    flex-wrap: wrap;

}

.trendsShow{

    display: flex;

}

.eveTrends{

    width: 32%;

    margin-right: 24px;

    margin-bottom: 30px;

}

.eveTrends:nth-child(3n){

    margin-right: 0;

}

.eveTrends h3{

    width: 100%;

    height: 250px;

    overflow: hidden;

}

.eveTrends h3 img{

    width: 100%;

    transition: transform 0.3s ease;

}

.eveTrends h3:hover img{

    transform: scale(1.1);

}

.eveTrends p{

    font-weight: 400;

    font-size: 14px;

    color: #999999;

    margin-top: 15px;

}

.eveTrends li{

    margin-top: 10px;

}

.eveTrends li a{

    font-weight: 400;

    font-size: 16px;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.eveTrends li a:hover{

    color: #3681FE;

}

/*系统*/

.reportSysBox{

    width: 100%;

    margin-top: 30px;

    padding: 70px 0;

    background: url("../images/t2.jpg");

}

.reportSys h3{

    width: 100%;

    text-align: center;

    font-weight: 400;

    font-size: 30px;

    color: #FFFFFF;

}

.reportSys p{

    width: 100%;

    text-align: center;

    font-weight: 400;

    font-size: 14px;

    color: #FFFFFF;

    margin-top: 30px;

}

.reportSys li{

    margin-top: 50px;

    display: flex;

    justify-content: center;

}

.reportSys li a{

    padding: 8px 15px;

    background: #fff;

    font-weight: 400;

    font-size: 18px;

    color: #3681FE;

    border: 1px solid transparent;

}

.reportSys li a:hover{

    background-color: transparent;

    color: #fff;

    border: 1px solid #fff;

}