.index-same-position {
    position: relative;
    width: 100%;
    /* padding-top: 56.3%; */
    overflow: hidden;
}

.crumbs {
    position: relative;
    z-index: 3;
}

.width1600 {
    max-width: 1920px;
    box-sizing: border-box;
    margin: 0 auto;
    padding-left: 8.3% !important;
    padding-right: 8.3% !important;
}

/* 内容 党的建设 */
.newsCenter.news-content {
    position: relative;
    padding-top: 101px;
    padding-bottom: 66px;
    background: url(../img/bag2.png) no-repeat center;
    background-size: 100% 100%;
}

.newsCenter .new-box {
    border-top: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    padding: 60px 0;
    display: flex;
    cursor: pointer;
    align-items: center;
}

.newsCenter .news-box-left {
    flex: 1;
    /* width: 63.1%;
    margin-right: 5.8%; */
}

.newsCenter .news-box-left span {
    margin-top: 36px;
    margin-bottom: 20px;
    display: inline-block;
}

.newsCenter .news-box-left .title {
    align-items: center;
    font-weight: bold;
    margin-bottom: 24px;
    line-height: 1.5;
}

.newsCenter .new-box:hover .news-box-left .title {
    color: #004DA1;
}

.newsCenter .news-box-left .content {
    line-height: 1.5;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.newsCenter .news-box-right {
    width: 31.1%;
    margin-left: 5.8%;
    /* width: 498px; */
}

.newsCenter .news-box-right img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.newsCenter .new-box .leftimg {
    width: 5%;
    margin-top: 30px;
    padding-top: 5%;
    position: relative;
    background: url(../img/more-right.png) no-repeat;
    background-size: 100% 100%;

}

.newsCenter .new-box:hover .leftimg {
    background: url(../img/more-right-active.png) no-repeat;
    background-size: 100% 100%;
}

.detailedList {
    display: flex;
    flex-wrap: wrap;
}

.detailedList .boxlist {
    display: flex;
    align-items: center;
    width: 50%;
    padding: 23px 0;
    border-bottom: 1px solid #BFBFBF;
}

.boxlist .box {
    width: 86.3%;
    cursor: pointer;
}
.boxlist .box .box-content{
    margin-top: 20px;
    margin-bottom: 16px;
    line-height: 1.5;
}
.box-leftimg {
    width: 6.3%;
    padding-top: 6.3%;
    position: relative;
    background: url(../img/more-right.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 3.8%;
}


.detailedList>div:nth-of-type(2n+1) .box-leftimg::after {
    content: '';
    position: absolute;
    top: 0;
    right: -75.5%;
    width: 1px;
    height: 100%;
    background-color: #BFBFBF;
}
.detailedList>div:nth-of-type(2n){
    padding-left: 3.8%;
    box-sizing: border-box;
}


.newsCenter .detailedList .newsList {
    border-bottom: 1px solid #BFBFBF;
    display: flex;
    align-items: center;
}

.newsCenter .detailedList .newsList .boxlist {
    width: 48.1%;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

.newsCenter .newsList .serif {
    width: 1px;
    height: 100%;
    padding: 40px 0;
    display: inline-block;
    background: #BFBFBF;
    margin: 0 3.7%;
    box-sizing: border-box;
}

.newsCenter .detailedList .newsList .boxlist .box {
    width: 89.6%;
    padding: 23px 0;
}

.newsCenter .detailedList .newsList .boxlist .box .box-title {
    align-items: center;
    /* line-height: 45px; */
    font-weight: bold;
    margin-bottom: 20px;
}

.boxlist:hover .box-title {
    color: #004DA1;
}
.boxlist:hover .box-leftimg{
    background: url(../img/more-right-active.png) no-repeat;
    background-size: 100% 100%;
}

.newsCenter .switchimg {
    text-align: center;
    margin-top: 59px;
    display: flex;
    justify-content: center;
}

.switchimg>div {
    width: 3.1%;
    padding-top: 3.1%;
    position: relative;
}

.switchimg :nth-child(1) {
    background: url(../img/more-left.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 2.5%;
}

.switchimg :nth-child(1):hover {
    background: url(../img/more-left-active.png) no-repeat;
    background-size: 100% 100%;
}

.switchimg :nth-child(2) {
    background: url(../img/more-right.png) no-repeat;
    background-size: 100% 100%;
}

.switchimg :nth-child(2):hover {
    background: url(../img/more-right-active.png) no-repeat;
    background-size: 100% 100%;
}

@media only screen and (max-width: 768px) {
    .newsCenter.news-content {
        padding: 30px 0;
    }

    .newsCenter .new-box {
        padding: 20px 0;
        flex-direction: column-reverse;
        border-top: 0;
        padding-top: 0;
    }

    .newsCenter .news-box-right {
        width: 100%;
        margin-left: 0;
    }

    .newsCenter .news-box-left span {
        margin: 20px 0;
    }

    .newsCenter .news-box-left .title {
        margin-bottom: 20px;
    }

    .newsCenter .new-box .leftimg {
        display: none;
    }

    .newsCenter .detailedList {
        flex-direction: column;
    }

    .newsCenter .detailedList .boxlist {
        width: 100%;
    }

    .newsCenter  .serif {
        display: none;
    }

    .newsCenter .detailedList  .box-leftimg {
        display: none;
    }

    .newsCenter .detailedList  .boxlist .box {
        width: 100%;
    }

    .boxlist {
        border-bottom: 1px solid #BFBFBF;
    }

    .newsCenter .detailedList  {
        border-bottom: none;
    }

    .newsCenter .switchimg {
        margin-top: 20px;
    }

    .switchimg>div {
        width: 8.3%;
        padding-top: 8.3%;
    }
    .detailedList>div:nth-of-type(2n){
        padding-left: 0;
    }
    .switchimg :nth-child(1){
        margin-right: 20px;
    }
}