.topBanner{

    width: 100%;

    box-shadow: 0px 3px 12px 0px rgba(192,192,192,0.5);

    background-color: #fff;

    padding-top: 40px;

    display: flex;

}

.banner_l{

    width: 220px;

    z-index: 9;

}

.leftNav{

    margin-top: 2px;

}

.leftTit{

    width: 100%;

    padding: 0 15px;

}

.leftTit a{

    font-size: 20px;

    color: #3e3a39;

    font-weight: bold;

    border-bottom: 1px solid #07913a;

    padding-bottom: 5px;

}

.leftNav .firstNav{

    width: 100%;

}

.leftNav .firstNav li{

    width: 100%;

    padding: 8px 15px 0 15px;



    position: relative;

}

.leftNav .firstNav li .navEveBox{

    width: 100%;

    margin: 0 auto;

    padding-bottom: 7px;

    border-bottom: 1px solid #eee;

    display: flex;

    justify-content: space-between;

    align-items: center;

    cursor: pointer;

}

.navImg{

    width: 27px;

    height: 27px;

}

.navImg img{

    width: 27px;

}

.navInfo{

    width: 82%;

}

.navInfo h3{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.navInfo h3 a{

    font-size: 16px;

    color: #3e3a39;

    font-weight: normal;

    font-family: 黑体;

}

.navInfo p{

    font-size: 13px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    margin-top: 2px;

}

.navInfo p a{

    color: #9fa0a0;

    margin-right: 6px;

}

.hoverNav{

    width: 470px;

    padding: 10px 10px 10px 20px;

    background-color: #efefef;

    position: absolute;

    left: 220px;

    top: 0;

    display: none;

}

.hoverNav h3 a{

    font-size: 14px;

    color: #3e3a39;

    border-bottom: 1px solid #807d7d;

    padding-bottom: 5px;

}

.hoverNav p{

    font-size: 12px;

    color: #595757;

    margin-top: 8px;

    line-height: 22px;

}

.hoverNav p a{

    color: #595757;

    margin-right: 10px;

}

.navInfo h3 a:hover,

.navInfo p a:hover,

.hoverNav h3 a:hover,

.hoverNav p a:hover{

    color: #00a67c;

}

.hoverNav h3 a:hover{

    border-bottom: 1px solid #00a67c;

}

.leftNav .firstNav li:hover{

    background-color: #efefef;

}

.leftNav .firstNav li:hover .hoverNav{

    display: block;

}



.banner_r{

    width: 980px;

}

.rightTop{

    width: 100%;

    display: flex;

    justify-content: unset;

}

.banner{

    width: 728px;

    position: relative;

}

.banner img{

    width: 100%;

}

.slideBox .hd{

    height: 15px;

    overflow: hidden;

    position: absolute;

    right: 5px;

    bottom: 5px;

    z-index: 1;

}

.slideBox .hd ul{

    overflow: hidden;

    zoom: 1;

    float: left;

}

.slideBox .hd ul li{

    float: left;

    margin-right: 4px;

    width: 26px;

    height: 5px;

    background: #fff;

    cursor: pointer;

}

.slideBox .hd ul li.on{

    background: #f00;

    color: #fff;

}



.searchRank{

    width: 252px;

    padding: 0 10px 0 15px;

}

.rankTit{

    width: 100%;

    border-bottom: 1px solid #eee;

    font-size: 17px;

    font-weight: bold;

    color: #3e3a39;

    display: flex;

}

.rankTit a{

    display: block;

    width: 40px;

    font-size: 17px;

    font-weight: bold;

    color: #3e3a39;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    cursor: pointer;

}

.rankTit a.rankTitAct{

    /*width: 102px;*/

    border-bottom: 2px solid #07913a;

    padding-bottom: 5px;

}

.rankTit span{

    margin-left: 10px;

}

.rank_list{

    display: none;

}

.rankListShow{

    display: block;

}

.rank_list ul li{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 11px;

}

.rank_list ul li p{

    width: 60%;

    display: flex;

}

.rank_list ul li p i{

    display: block;

    width: 20px;

    height: 20px;

    text-align: center;

    line-height: 20px;

    color: #999;

    font-size: 15px;

    margin-right: 10px;

}

.rank_list ul li:nth-child(1) p i{

    background-color: #f61f1c;

    color: #fff;

}

.rank_list ul li:nth-child(2) p i{

    background-color: #f8511d;

    color: #fff;

}

.rank_list ul li:nth-child(3) p i{

    background-color: #f9791e;

    color: #fff;

}

.rank_list ul li p a, .rank_list ul li span{

    font-size: 15px;

    color: #4e4e4e;

}

.rank_list ul li p a{

    display: block;

    width: 78%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.rank_list ul li p a:hover{

    color: #f9791e;

}

.rightBot{

    width: 100%;

    display: flex;

    justify-content: space-between;

    margin-top: 6px;

}

.rightBot p{

    width: 32%;

}



/*各行业*/

/*煤炭行业*/

.eveIndCon{

    width: 100%;

    margin-top: 20px;

}

.indTit{

    width: 100%;

    text-align: center;

}

.indTit span{

    font-size: 35px;

    color: #efefef;

    font-weight: bold;

}

.indTit p{

    font-size: 27px;

    font-weight: bold;

    margin-top: -28px;

}

.indInfoBox{

    width: 100%;

    margin-top: 10px;

    display: flex;

    justify-content: space-between;

    box-shadow: 0px 1px 10px 0px rgba(192,192,192,0.23);

}

.indLeftNav{

    width: 172px;

    padding: 15px 20px 0 0;

}

.indLeftNav ul li{

    width: 100%;

    padding-left: 15px;

    line-height: 33px;

    font-size: 14px;

    color: #000;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-bottom: 5px;

}

.indLeftNav ul a:last-child li{

    margin-bottom: 0;

}

.indLeftNav ul a:hover li{

    color: #fff;

    font-size: 14px;

    border-radius: 6px;

}



.indCenCon{

    width: 658px;

}

.cenCompanyBox{

    width: 100%;

    display: flex;

    justify-content: space-between;

    padding: 15px 0;

    border-bottom: 2px dashed #eee;

}

.cenComEve{

    width: 46%;

}

.comInfo{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.comInfoImg{

    width: 51px;

    height: 51px;

}

.comInfoImg img{

    width: 100%;

    height: 100%;

    border-radius: 50%;

}

.comInfoCon{

    width: 80%;

}

.comInfoCon h3{

    font-size: 18px;

    color: #3e3a39;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.comInfoCon p{

    font-size: 13px;

    color: #9fa0a0;

    margin-top: 2px;

    width: 100%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.comPro{

    width: 100%;

    margin-top: 10px;

    display: flex;

    justify-content: space-between;

}

.comPro li{

    width: 31%;

    list-style: none;

}

.comPro li img{

    width: 100%;

}

.comPro li p{

    font-size: 13px;

    color: #3e3a39;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.cenComNews{

    width: 100%;

    margin-top: 15px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.cenComNews a{

    display: block;

    width: 48%;

}

.cenComNews li{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 16px;

    color: #3e3a39;

    margin-bottom: 10px;

}

.cenComNews li p{

    width: 90%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.comInfoCon h3:hover, .comPro li:hover p,

.cenComNews a:hover li, .cenComNews a:hover li p{

    color: #f8511d;

}

.rightComRank{

    width: 325px;

    background-color: #fafafa;

    padding: 25px 0 0 0;

}

.emRank{

    width: 100%;

    padding-left: 22px;

}

.emRank h3{

    font-size: 20px;

    color: #595757;

    padding-left: 5px;

}

.emRankList{

    width: 100%;

    margin-top: 15px;

}

.emRankList li{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 10px;

    margin-bottom: 25px;

}

.emRankList li:last-child{

    margin-bottom: 0px;

}

.emRankList ul li{

    background: url(../images/icon5.png) no-repeat 7px;

    padding: 0 5px 0 30px;

}

.emRankList ul li:nth-child(2){

    background: url(../images/icon6.png) no-repeat 7px;

    padding: 0 5px 0 30px;

}

.emRankList ul li:nth-child(3){

    background: url(../images/icon7.png) no-repeat 7px;

    padding: 0 5px 0 30px;

}

.emRankList ul li img{

    width: 45px;

    height: 45px;

    border-radius: 50%;

    border: 1px solid #ececec;

    float: left;

    color: #CCC;

}

.index_gfsc_bt1{

    width: 80%;

    overflow: hidden;

    display: block;

    color: #999;

    font-size: 14px;

}

.emRankList ul li h5{

    margin: 0;

    font-size: 15px;

    font-weight: normal;

    margin-bottom: 5px;

}

.emRankList ul li h5 a{

    color: #000;

}

.emRankList ul li h5 a:hover{

    color: #f8511d;

}

.emRankList ul li p{

    font-size: 13px;

    color: #999;

}



/*.emRankList li i{*/

/*    display: block;*/

/*    width: 16px;*/

/*    height: 21px;*/

/*    text-align: center;*/

/*    line-height: 21px;*/

/*    font-size: 14px;*/

/*    color: #555;*/

/*    font-weight: bold;*/

/*}*/

/*.emRankList li i img, .emRankList li .emRankHead img{*/

/*    width: 100%;*/

/*}*/

/*.emRankList li .emRankHead{*/

/*    width: 45px;*/

/*}*/

/*.emRankInfo{*/

/*    width: 70%;*/

/*}*/

/*.emRankInfo h3{*/

/*    font-size: 15px;*/

/*    color: #000;*/

/*    font-weight: normal;*/

/*}*/

/*.emRankInfo p{*/

/*    font-size: 13px;*/

/*    color: #9fa0a0;*/

/*    margin-top: 3px;*/

/*    overflow: hidden;*/

/*    text-overflow: ellipsis;*/

/*    -webkit-line-clamp: 2;*/

/*    display: -webkit-box;*/

/*    -webkit-box-orient: vertical;*/

/*}*/

/*煤炭行业*/

.coal .indLeftNav{

    background-color: #f7dedf;

}

.coal .indTit p{

    color: #c8161d;

}

.coal .indLeftNav ul a:hover li{

    background-color: #c8161d;

}

.coal .emRank h3{

    border-left: 5px solid #c8161d;

}

/*电力行业*/

.power .indLeftNav{

    background-color: #dbf3ed;

}

.power .indTit p{

    color: #00a97d;

}

.power .indLeftNav ul a:hover li{

    background-color: #00a97d;

}

.power .emRank h3{

    border-left: 5px solid #00a97d;

}

/*石油天然气行业*/

.oilAndGas .indLeftNav{

    background-color: #fff0e4;

}

.oilAndGas .indTit p{

    color: #ff9340;

}

.oilAndGas .indLeftNav ul a:hover li{

    background-color: #ff9340;

}

.oilAndGas .emRank h3{

    border-left: 5px solid #ff9340;

}

/*燃气行业*/

.gas .indLeftNav{

    background-color: #fce6e4;

}

.gas .indTit p{

    color: #e94c3d;

}

.gas .indLeftNav ul a:hover li{

    background-color: #e94c3d;

}

.gas .emRank h3{

    border-left: 5px solid #e94c3d;

}

/*太阳能行业*/

 .solar .indLeftNav{

     background-color: #ffe9db;

 }

.solar .indTit p{

    color: #ff6000;

}

.solar .indLeftNav ul a:hover li{

    background-color: #ff6000;

}

.solar .emRank h3{

    border-left: 5px solid #ff6000;

}

/*风力发电行业*/

.windAndPower .indLeftNav{

    background-color: #e8eeff;

}

.windAndPower .indTit p{

    color: #5d87ff;

}

.windAndPower .indLeftNav ul a:hover li{

    background-color: #5d87ff;

}

.windAndPower .emRank h3{

    border-left: 5px solid #5d87ff;

}

/*储能行业*/

.chuNeng .indLeftNav{

    background-color: #ddf6e7;

}

.chuNeng .indTit p{

    color: #10bd56;

}

.chuNeng .indLeftNav ul a:hover li{

    background-color: #10bd56;

}

.chuNeng .emRank h3{

    border-left: 5px solid #10bd56;

}