/*底部*/
.gly-footer {
    background: #5CBFEC;
}

/*底部*/
.gly-page-footer {
    background: #5CBFEC;
}

/**
  内容
 */
.index-section {
    background: url("../images/index-bg.png") no-repeat;
    background-size: 100% 94%;
}

.zxzx-bg {
    background: url("../images/index-gt-bg.png") no-repeat;
    background-size: contain;
    background-position-x: 30px;
}

.zxzx-content {
    width: 63.5vw;
}

.zxzx-part {
    float: left;
    width: 50%;
}

.zxzx-left {
    width: 70%;
    background-size: 100% auto;
    padding: 5vw 10vw 1vw 4vw;
}

#zxzxSwiper {
    --swiper-pagination-color: #248A7A; /* 两种都可以 */
}

#zxzxPagination {
    width: 22%;
    left: auto;
    right: 0;
    bottom: 1.6rem;
}

.zxzx-slide {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.zxzx-slide > img {
    width: 100%;
    height: 26vw;
}

.zxzx-slide > .zxzx-slide-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0.6vw 1vw;
    background: rgba(0, 0, 0, 0.5);
}

.zxzx-slide > .zxzx-slide-title > p {
    font-size: 1.8rem;
    color: #fff;
    width: 78%;
}

/*右边*/
.zxzx-right {
    width: 41%;
    margin-top: 2vw;
    margin-left: -11%;
    padding-left: 1.5vw;
}

.zxzx-header {
    width: 46%;
    padding: 2vw 0 1.4vw;
    margin-left: 10vw;
}

.zxzx-list {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.zxzx-item {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.8vw;
}

.zxzx-item > p {
    font-size: 1.8rem;
    color: #333;
}

.zxzx-more {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 1.2vw 2vw 0;
}

.zxzx-more-btn {
    float: right;
    width: 4.5vw;
}

.zxzx-more-btn > img {
    width: 100%;
}

/**
  视频播报
 */
.spbb-section {
    height: 47vw;
}

.spbb-header {
    width: 30vw;
    padding: 1.6vw 0;
}

.spbb-content {
    width: 66.3vw;
    margin: 0 15vw 0 17.5vw;
    padding: 1%;
}

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

.spbb-left {
    width: 75%;
    margin-right: 2%;
}

.spbb-left-news {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.spbb-left-news > .spbb-img {
    width: 100%;
    height: 27.97vw;
}

.spbb-title {
    position: absolute;
    width: 100%;
    padding: 0.2vw 0.5vw;
    left: 0;
    bottom: 0;
    background: linear-gradient(0, #333, transparent);
}

.spbb-title > p {
    font-size: 1.8rem;
    color: #fff;
    width: 86%;
}

.spbb-left-news .spbb-title {
    text-align: left;
    padding: 0.4vw 1.2vw;
}

.spbb-left-news .spbb-title > p {
    font-size: 2.4rem;
    width: 86%;
}

.spbb-play {
    position: absolute;
    width: 14%;
    bottom: 4%;
    right: 4%;
    z-index: 2;
}

.spbb-right {
    width: 23%;
}

.spbb-right-card {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 1.1vw;
}

.spbb-right-card > .spbb-img {
    width: 100%;
    height: 8.58vw;
}

.spbb-more {
    padding: 1.2vw 0 0;
}

/**
  分页
 */
.pager-header {
    width: 40vw;
}

.pager-section {
    background: linear-gradient(#5CBFEC, #FFFFFF, #F1F3AA);
}

.pager-content {
    width: 68vw;
}

.page-card {
    width: 15.8vw;
    margin: 0.6vw;
}

.page-card > p {
    font-size: 1.8rem;
    height: 5.8rem;
    color: #333;
}

.news-card > img {
    height: 11.85vw;
    margin-bottom: 0.6vw;
}

.video-card > img {
    height: 8.88vw;
    margin-bottom: 0.6vw;
}