/*底部*/
.hhzbdh-footer {
    background: #0C3B8F;
}

/**
  新闻聚焦
 */
.xwjj-section {
    background: #D3EDFA;
    padding: 4vw 0;
}

.xwjj-content {
    width: 62.5vw;
}

.xwjj-part {
    float: left;
    width: 50%;
    position: relative;
    overflow: hidden;
}

.xwjj-left {
    width: 54%;
}

.xwjj-slide {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 3vw;
}

.xwjj-slide-img {
    width: 100%;
    height: 25.31vw;
}

.xwjj-slide-img > img {
    width: 100%;
    height: 100%;
}

.xwjj-slide-title {
    position: absolute;
    bottom: 0;
    left: 0.5vw;
    width: 60%;
    height: 5.7vw;
    background: linear-gradient(to right, #38acc1, #5ad7d5);
    background-size: 100% 100%;
    padding: 0.8vw;
}

.xwjj-slide-title > p {
    font-size: 2.2rem;
    color: #fff;
}

#xwjj-pagination {
    width: 3vw;
    right: 4.5vw;
    left: auto;
    bottom: 0.5vw;
    font-size: 1.8rem;
    color: #fff;
}

.xwjj-btn {
    z-index: 2;
    cursor: pointer;
    position: absolute;
    width: 1.8vw;
    bottom: 0.5vw;
}

#xwjj-prev {
    right: 8vw;
}

#xwjj-next {
    right: 2vw;
}

.xwjj-right {
    width: 46%;
    padding-left: 1.2vw;
}

.xwjj-header {
    width: 100%;
    padding: 0 0 1.5vw;
}

.xwjj-header > .part-more {
    width: 2.8vw;
    height: 1.2vw;
    right: 0;
    bottom: 0.9vw;
}

.xwjj-list {
    width: 100%;
    height: 25.4vw;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 1.4vw;
}

.xwjj-news {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 1vw;
}

.xwjj-icon {
    float: left;
    width: 0.5vw;
    height: 0.5vw;
    margin: 1rem 1rem 0 0;
    background: white;
    border-radius: 50%;
}

.xwjj-title {
    float: left;
    width: 90%;
    font-size: 18px;
    color: #fff;
}

.xwjj-news-active {
    padding: 1vw;
    background: url("bg1.png");
    background-size: 100% 100%;
}

.xwjj-news-active > .xwjj-icon {
    visibility: hidden;
    margin-right: 1vw;
}

.xwjj-news-active > .xwjj-title {
    font-size: 24px;
    color: #B0091F;
    font-weight: bold;
    line-height: 1.4;
}

/**
  视频播报
 */
.spbb-section {
    background-size: 100% 100%;
    padding: 0 0 11.2vw;
}

.spbb-header {
    width: 64vw;
    padding: 1.45vw 0;
}

.spbb-content {
    width: 64.4vw;
    margin: 0 0 0 17.2vw;
    padding: 2vw;
    background-color: #ffffff;
}

/*左边*/
.spbb-left {
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    width: 76%;
}

.spbb-left-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 26.7vw;
}

.spbb-left-img > .spbb-cover {
    width: 100%;
    height: 100%;
}

.spbb-left-img > .spbb-btn {
    position: absolute;
    width: 6.4vw;
    height: 6.4vw;
    margin: -3.2vw 0 0 -3.2vw;
    left: 50%;
    top: 50%;
}

.spbb-left-title {
    position: relative;
    background: linear-gradient(to right, #3887c5, #4eabc6);;
    background-size: 100% auto;
    width: 100%;
    height: 5.2vw;
    padding: 0.8vw;
    display: flex;
    box-sizing: border-box;
    align-items: center;
}

.spbb-left-title > p {
    font-size: 2.4rem;
    color: #FFF;
    width: 100%;
    line-height: 1.2;
}

/*右边*/
.spbb-list {
    float: left;
    width: 24%;
    padding-left: 1.9vw;
}

.spbb-item {
    display: block;
    width: 100%;
    margin-bottom: 0.5vw;
}

.spbb-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 7.3vw;
    margin-bottom: 0.2vw;
}

.spbb-img > .spbb-cover {
    width: 100%;
    height: 100%;
}

.spbb-img > .spbb-btn {
    position: absolute;
    width: 2.8vw;
    height: 2.8vw;
    margin: -1.4vw 0 0 -1.4vw;
    left: 50%;
    top: 50%;
}

.spbb-title {
    position: relative;
    width: 100%;
}

.spbb-title > p {
    font-size: 1.8rem;
    color: #1B77BB;
    font-weight: bold;
}

.spbb-more {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 1.4vw 0;
}

.index-more {
    display: block;
    width: 8vw;
}

.rlfx-left-item {
    position: relative;
    overflow: hidden;
    display: block;
    width: 48%;
    padding-bottom: 0.5vw;
    background: url('./border.png') no-repeat;
    background-size: 100% 100%;
}

.rlfx-left-item > .rlfx-img {
    float: left;
    position: relative;
    overflow: hidden;
    width: 40%;
    margin: 1vw 1vw 2vw;
    border-radius: 0.26vw;
}

.rlfx-left-item > .rlfx-img > img {
    width: 100%;
    height: 100%;
}

.rlfx-left-item > .rlfx-intro {
    float: left;
    width: 50%;
    position: relative;
    margin-top: 1vw;
}

.rlfx-left-item > .rlfx-intro > .rlfx-title {
    font-size: 18px;
    color: #AE071A;
    font-weight: bold;
}
