﻿.index-center-wraps{
    width:70.76%;
    height:40px;
    background: #F5F7F9;
    border-radius: 0px 0px 0px 0px;
    display:flex;
    justify-content:space-between;
}

.top-navbar{
    display:flex;
    justify-content:flex-end;

}

.top-navbar-item{
    height:40px;
    margin-left:30px;
    
    display:flex;
    justify-content:flex-start;
    align-items:center;
}
.top-navbar-item img{
    width:30px;
    height:30px;
}
.top-navbar-item span{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #657180;
    font-style: normal;
    text-transform: none;
    margin-left:5px;
}
#LoginInfoBtn a{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #657180;
    font-style: normal;
    text-transform: none;
    padding:0 20px;
    
}

#LoginInfoBtn a:first-child{
    height:10px !important;
    color: #54AA7B;
    border-right:1px solid #C3CBD6;
}
#LoginInfoBtn a:nth-child(2){
    padding-right:0;
}
#LoginInfoBtn span{
    display:inline-block;
}
.header-box{
    width:70.76% !important;
    height:80px !important;    
    min-width: 1200px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.banner-container-nav{
    width:100%;
    height:60px;
    /*background: rgba(153, 184, 153,1);
    backdrop-filter: blur(5px);*/
    background:#54AA7B;
    position:absolute;
    top:0;
    z-index:2;
}
.header-container-nav{    
    height:60px;
    margin-top:120px !important;
}
.banner-container-nav-box{
    width:70.76%;
    margin:0 auto;
    min-width: 1200px;
    background: #54AA7B;
}
.banner-container-nav-box-item{
    display:inline-block;
    width: 9.57%;
    text-align:center;
    line-height:60px;
    text-decoration:none;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    font-style: normal;
    text-transform: none;
    position:relative;
    z-index:0;
    cursor:pointer;
}

.banner-container-nav-box-border{
    display:inline-block;
    width:50%;
    height:5px;
    background:transparent;
    position:absolute;
    bottom:0;
    left:25%;
}
.banner-container-nav-box-item:first-child{
    background:#54AA7B;
}
.banner-container-nav-box-item:hover{
    background:#54AA7B;
}
.banner-container-nav-box-item:hover .banner-container-nav-box-border{
    background:#fff;
}
.banner-container-nav-box-item:hover ul{
    display:block;
}
.banner-container-nav-box-item ul{
    width:100%;
    position:absolute;
    top:60px;
    left:0;
    z-index:103;
    list-style:none;
    /*background: rgba(153, 184, 153,1);
    backdrop-filter: blur(5px);*/
    background: #7F9F7F;
    box-shadow: inset 0px 2px 6px 0px rgba(82,132,82,0.12);
    display:none;

}
.banner-container-nav-box-item ul li,.banner-container-nav-box-item ul li a{
    position:relative;
    z-index:103;
    width:100%;
    text-decoration:none;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    font-style: normal;
    text-transform: none;
    line-height:60px;
    text-align:center;
}
.banner-container-nav-box-item ul li:hover{
    background:#54AA7B;
}




.news-line{
    width:90%;
    height:2px;
    margin:15px auto;
    border-top:1px solid #E3E8EE;
}

.location{
    width:70.76%;
    min-width: 1200px;
    margin:135px auto 0 auto;
    display:flex;
    flex-wrap:wrap;
}
.location-item{
    width:12.55%;
    height:68px;
    line-height:68px;
    text-align:center;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 24px;
    color: #333333;
    font-style: normal;
    text-transform: none;
    background: #EAEAEA;
    border-radius: 8px;
    margin:0 2% 24px 0;
    cursor:pointer;

}
.location-item:nth-child(7),.location-item:nth-child(14){
    margin:0 0 24px 0;
}
.location-item:hover{
    background: #54AA7B;
    color:#fff;
}

.title-box{
    width:70.76%;
    min-width: 1200px;
    margin:45px auto 0 auto;
    text-align:center;
}
.title-box-icon{
    width:90px;
    height:20px;

}
.title-box-text{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 32px;
    color: #54AA7B;
    line-height: 38px;
    font-style: normal;
    text-transform: none;
    margin:0 24px;
}

.notice-news-wrap table{
    width:100%;
    height:320px;
}
.notice-news-wrap table thead tr th{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    font-style: normal;
    text-transform: none;
    height:60px;
    background:#E7EDEA;
    text-align:left;
}
.notice-news-wrap table thead tr th:nth-child(1){
    padding-left:52px;
}
.notice-news-wrap table tbody tr td{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
    height:52px;
}
.notice-news-wrap table tbody tr td:nth-child(1){
    padding-left:52px;
}
.notice-news-wrap table tbody tr:nth-child(even){
    background:#F6F9F7;
}

.notice-list{
   
}
.greent-text{
    color: #54AA7B;
}
.disabled-text{
    color:#ccc;
}
.tb-tables{
    width:100% !important;
    height:358px !important;
}
#platform-list{
    width:100%;
    display:flex;
    flex-wrap:wrap;
}
.spread,.swiper-slides{
    /*width:24vw !important;
    height:441px;*/
    /*margin-right:25px;*/
    /*margin-top:25px;*/
    /*width: 17.6vw !important;*/
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    text-align: left;
    font-style: normal;
    text-transform: none;
    box-sizing:border-box;
    padding:12.5px;
}
.spread:nth-child(1){
    margin-left:25px;
}
.spread:hover,.swiper-slides:hover{
    box-shadow: 0px 2px 12px 0px rgba(69,78,93,0.16);
    color:#fff;
}
.spread-img{
    width:100%;
    height:255px;
    border-radius:8px;
}
.spread-title{
    font-weight: bold !important;
    font-size: 16px;
    color: #333333;
    margin:23px 0 20px 12px;
    white-space: nowrap; /* 确保文本在一行内显示 */
    overflow: hidden; /* 隐藏溢出的内容 */
    text-overflow: ellipsis; /* 使用省略号表示文本溢出 */
}
.spread-price{
    font-weight: 400;
    font-size: 26px;
    color: #54AA7B;
    margin:0px 0 10px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.spread-subTitle{
    font-weight: 400;
    font-size: 16px;
    color: #666;
    margin:0px 0 10px 12px;
}
.spread-dateView{
    margin:0 12px;
    font-weight: 400;
    font-size: 14px;
    color: #666;
    display:flex;
    justify-content:space-between;
}
.spread-dateView span{
    padding-right:12px;
}
.spread-dateView img{
    width:20px;
    height:20px;
    vertical-align:middle;
}

#news-list{
    width:99.8% !important;
    
    height:310px !important;
}
#news-list2,#news-list3,#news-list4,#news-list5{
    
    width:99.8% !important;
}
.announcement{
    width:100%;
    height:308px !important;
    box-sizing:border-box;
    overflow:auto;
    padding:0 32px;
}
.announcement-row{
    line-height:60px;
    border-bottom:1px solid #F5F7F9;
    display:flex;
    justify-content:space-between;
}
.announcement-row:last-child{
    border:none;
}
.announcement-row-title,.announcement-row-title a{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    font-style: normal;
    text-transform: none;
    cursor:pointer;
}
.announcement-row-title:hover,.announcement-row-title a:hover{
    color:#54AA7B;
}
.announcement-row-date{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    font-style: normal;
    text-transform: none;
}
.announcement-row-date span:first-child{
    display:inline-block;
    width:200px;
}
#achieved-list .nodata-wrap,#alteration-list .nodata-wrap,#terminate-list .nodata-wrap,#finality-list .nodata-wrap{
    top:25% !important;
}

.journalism{
    width:70.76%;
    min-width: 1000px;
    margin:60px auto 0 auto;
}
.journalism-top{
    width:100%;
    display:flex;
    justify-content:space-between;
}
.journalism-top-item{
    width:49%;
    display:flex;
    justify-content:space-between;
    border-radius: 8px;
}
.journalism-top-item:hover{
    box-shadow: 0px 2px 12px 0px rgba(69,78,93,0.16);
}
.journalism-top-item-img{
    width:200px;
    height:200px;
    background:#ccc;
    border-radius:8px;
    margin:5px;
}
.journalism-top-item-data{
    width:calc(100% - 210px);
}
.journalism-top-item-data-title{
    height:50px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    font-style: normal;
    line-height: 19px;
    text-transform: none;
    margin:20px 66px 20px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.journalism-top-item-data-subTitle{
    height:95px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    font-style: normal;
    text-transform: none;
    margin:0 66px 0px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
}
.journalism-top-item-data-time{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #999;
    font-style: normal;
    text-transform: none;
    margin-left:20px;
}

.journalism-bottom{
    width:100%;
    display:flex;
    justify-content:space-between;
    margin:32px 0;
}
.journalism-bottom-item{
    width:49%;
    box-sizing:border-box;
    padding:32px;
    border-radius: 12px;
    border:1px solid #54AA7B;
}
.journalism-bottom-item-nav{
    height:38px;
    width:100%;
    display:flex;
    justify-content:space-between;

}
.journalism-bottom-item-nav-title{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    font-style: normal;
    text-transform: none;
    position:relative;
    cursor:pointer;
}
.journalism-bottom-item-nav-title-active{
    margin-top:0;
    color:#54AA7B;
}
.journalism-bottom-item-nav-title-active::after{
    content: '';
    width: 35px;
    height: 22px;
    position: absolute;
    border-bottom: 3px solid #54AA7B;
    /*border-top: 11px solid transparent;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 15px solid #54AA7B;*/
    left:27%;
    top:10px;
}
.journalism-bottom-item-list{

}
.journalism-bottom-item-list-row{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    font-style: normal;
    text-transform: none;
    display:flex;
    justify-content:space-between;
    line-height:32px;
    margin-bottom:16px;
}
.journalism-bottom-item-list-row:last-child{
    margin-bottom:0;
}
.journalism-bottom-item-list-row-title{
    cursor:pointer;
    display:inline-block;
    width:80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.journalism-bottom-item-list-row-title a{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    font-style: normal;
    text-transform: none;
}
.journalism-bottom-item-list-row-title-icon{
    display:inline-block;
    width:8px;
    height:8px;
    background:#20C386;
    border-radius:8px;
    margin-right:5px;
}
.journalism-bottom-item-list-row-time{
    color:#666;
}
.turnover{
    background: #54AA7B;
    border-radius: 12px 12px 12px 12px;
    padding: 20px 0;
}
.turnover-title{
    width:70.76%;
    min-width: 1000px;
    margin: 0 auto;
    text-align:center;
}
.turnover-title-icon{
    width:90px;
    height:20px;
}
.turnover-title-text{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 32px;
    color: #fff;
    line-height: 38px;
    font-style: normal;
    text-transform: none;
    margin: 0 24px;
}
.turnover-flow{
    width:70.76%;
    min-width: 1000px;
    margin: 0 auto;
    text-align:center;
}
.turnover-flow-icon{
    width:100%;
    margin-top:50px;
}
.turnover-flow-title{
    width:100%;
    display:flex;
    justify-content:space-between;
    position:relative;

}
.turnover-flow-title-text{
    display:inline-block;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    font-style: normal;
    text-transform: none;
    position:absolute;
}
.turnover-flow-title-text:nth-child(1){
    top:-15px;
    left:22px;
}
.turnover-flow-title-text:nth-child(2){
    top:-15px;
    left: 16.3%;
}
.turnover-flow-title-text:nth-child(3){
    top:-15px;
    left:32%;
}
.turnover-flow-title-text:nth-child(4){
    top:-15px;
    left:47.2%;
}
.turnover-flow-title-text:nth-child(5){
    top:-15px;
    left:62.6%;
}
.turnover-flow-title-text:nth-child(6){
    top:-15px;
    left:78%;
}
.turnover-flow-title-text:nth-child(7){
    top:-15px;
    right:1%;
}

.partybox{
    width:70.76%;
    min-width: 1000px;
    margin: 32px auto;
    display:flex;
    justify-content:space-between;
}
.partybox-item{
    width:49%;
    border-radius: 8px;
    border:1px solid #54AA7B;
    overflow:hidden;
}
.partybox-item-header{
   
    height: 60px;
    line-height:60px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    font-style: normal;
    text-transform: none;
    background: #54AA7B;
    box-sizing:border-box;
    padding-left:32px;
}
.partybox-item-list{
    box-sizing:border-box;
    padding:0 32px 32px 32px;
}
.partybox-item-list-row{
    display:flex;
    justify-content:space-between;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    font-style: normal;
    text-transform: none;
    line-height:32px;
    margin-bottom:23px;
}
.partybox-item-list-row:first-child{
    margin-top:12px;
}
.partybox-item-list-row:last-child{
    margin:0;
}
.partybox-item-list-row-title{
    display:inline-block;
    width:80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.partybox-item-list-row-title-icon{
    display:inline-block;
    width:8px;
    height:8px;
    background:#20C386;
    border-radius:8px;
    margin-right:5px;
}
.partybox-item-list-row-title a{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    font-style: normal;
}
.partybox-item-list-row-title-text{
    cursor:pointer;
}
.partybox-item-list-row-time{
    color:#666;
}

.sentient{
    width:70.76%;
    min-width: 1000px;
    margin: 0 auto;
}
.sentient-title{
    width:100%;
    text-align:center;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 52px;
    color: #333333;
    font-style: normal;
    text-transform: none;
    position: relative;
    z-index:1;
}
.sentient-subTitle{
    width:100%;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 52px;
    color: rgba(153, 153, 153, 0.2);
    letter-spacing: 5px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-top: -20px;
    position: relative;
    z-index: 0;
}
.sentient-list{
    width:100%;
    margin-top:12px;
}
.sentient-list-item{
    width:24%;
    height:5vw;
    display: inline-block;
    margin:0 1% 24px 0;
    cursor:pointer;
}

.sentient-list-item:nth-child(4),.sentient-list-item:nth-child(8),.sentient-list-item:nth-child(12),.sentient-list-item:nth-child(16){
    margin-right:0;
}
.sentient-list-item img{
    width:100%;
    height:100%;
}

.footerbox{
    width:100%;
    height:250px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(34, 53, 46, 1);
}
.footerbox-row{
    width:100%;
    text-align:center;
    line-height:30px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    font-style: normal;
    text-transform: none;
}
.footerbox-row img{
    width:18px;
    height:20px;
    vertical-align: sub;
}
.footerbox-row:first-child span{
    padding:0 10px;
}
.footerbox-row:first-child i{
    display:inline-block;
    height:14px;
    width:2px;
    border-right:1px solid #fff;
}
.footerbox-row:nth-child(2){
    box-sizing: border-box;
    padding-right: 30px;
}
.footerbox-row:nth-child(2) span{
    padding:0 14px;
}
.footerbox-row:last-child{
    box-sizing: border-box;
    padding-left: 82px;
}
.footerbox-row:last-child span{
    padding:0 14px;
}

#independent-list{
    box-sizing:border-box;
    padding:0 32px;
}
@media screen and (max-width:1500px){
    .banner-container-nav-box-item,.banner-container-nav-box-item ul li,.banner-container-nav-box-item ul li a{
        font-size:15px !important;
        font-weight:400;
    }
}