.pages {
    margin-top: 8%
}

.com_news_list {
    margin-top: 0
}

.com_pro_list2 .item .desc {
    display: none
}

.com_bodys {
    margin-top: 46px
}

.com_bodys p {
    color: #333333
}

.article_news .img {
    padding-bottom: 42%
}

.article_news .title {
    font-family: Avenir;
    font-weight: 400;
    font-size: 30px;
    color: #000000;
    margin-top: 44px
}

.share_btn {
    display: flex;
    align-items: center;
    margin-top: 19px
}

.share_btn time {
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 21px;
    margin-right: 50px
}

.share_btn>span {
    color: #666666
}

.share_btn>div>a>span {
    width: 20px;
    height: 20px
}

.prev_next {
    margin-top: 50px;
    display: flex;
    flex-direction: column
}

.prev_next .a_link_button {
    padding: 8px 15px
}

.prev_next .prev,
.prev_next .next {
    display: flex;
    align-items: center
}

.prev_next .prev a:first-child,
.prev_next .next a:first-child {
    border-radius: 0;
    background: #040e27;
    min-width: 130px
}

.prev_next .prev a:first-child:hover,
.prev_next .next a:first-child:hover {
    background: var(--color-main)
}

.prev_next .prev a:first-child .prev_span,
.prev_next .next a:first-child .prev_span,
.prev_next .prev a:first-child .next_span,
.prev_next .next a:first-child .next_span {
    display: block;
    width: 20px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/static/top.png)
}

.prev_next .prev a:first-child .prev_span,
.prev_next .next a:first-child .prev_span {
    transform: rotate(-90deg)
}

.prev_next .prev a:first-child .next_span,
.prev_next .next a:first-child .next_span {
    transform: rotate(90deg)
}

.prev_next .prev>span:last-child,
.prev_next .next>span:last-child,
.prev_next .prev a:last-child,
.prev_next .next a:last-child {
    margin-left: 14px
}

.prev_next .next {
    margin-top: 11px
}

@media screen and (max-width:1660px) {
    .prev_next {
        margin-top: 40px
    }
}

@media screen and (max-width:1440px) {
    .prev_next {
        flex-direction: column;
        align-items: unset
    }

    .prev_next>.next {
        margin-top: 10px
    }

    .prev_next>.prev a:first-child,
    .prev_next>.next a:first-child {
        flex-shrink: 0
    }
}

@media screen and (max-width:950px) {
    .prev_next {
        margin-top: 20px
    }

    .share_btn {
        flex-direction: column;
        align-items: unset
    }

    .com_bodys {
        margin-top: 30px
    }

    .article_news .img {
        padding-bottom: 70%
    }

    .article_news .title {
        margin-top: 30px
    }

    .prev_next>.prev a:first-child,
    .prev_next>.next a:first-child {
        padding: 5px 0;
        min-width: 100px;
        max-width: unset
    }
}