.banner {
    height: 6rem;
    position: relative;
}

.banner img {
    display: block;
    width: 100%;
    height: 100%;
}

.blogs-details-con {
    padding: .7rem 0;
}

.blogs-title {
    width: 9.1rem;
    font-size: .3rem;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #333333;
    text-align: center;
    margin: 0 auto;
    line-height: .4rem;
}

.date {
    margin-top: .6rem;
    font-size: .16rem;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #666666;
    line-height: .4rem;
    border-bottom: 1px solid #EBEBEB;
}
.blogs-details-con p{
    margin-top: .43rem;
    font-size: .18rem;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #333333;
    line-height: .28rem
}
.desc {
    margin-top: .43rem;
    font-size: .18rem;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #333333;
    line-height: .28rem
}

.swiper-slide img {
    margin: .4rem auto;
    display: block;
    width: 12rem;
    height: 5rem;
}

.swiper-box .swiper-btn {
    position: absolute;
    top: 50%;
    font-size: 0.7rem;
    transform: translateY(-50%);
    color: #dadada;
    z-index: 9;
    cursor: pointer;
    border-radius: 50%;
}

.swiper-box .swiper-btn-prev {
    left: -0.88rem;
}

.swiper-box .swiper-btn-next {
    right: -0.88rem;
}

.swiper-box {
    position: relative;

}


@media screen and (max-width: 769px) {
    .blogs-title {
        width: auto;
    }

    .swiper-btn {
        display: none;
    }

    .blogs-details-con {
        padding: 0.7rem 0.25rem;
    }
}