.slides {
    position: relative;
    overflow: hidden;
    margin-top: 100px
}

.slides a {
    width: 100%;
    display: block;
    padding-bottom: 25%;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}

.slides>a img {
    width: 100%;
    vertical-align: top;
}

.slides .hd {
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, .3);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.slides .hd .hd-item {
    position: relative;
    padding: 36px 50px;
    color: rgba(255, 255, 255, .6);
    font-size: 16px;
    cursor: pointer;
}

.slides .hd .hd-item::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, .6);
    right: 0;
    top: 40px;
}

.slides .hd .hd-item:last-child:before {
    display: none;
}



.jl-box {
    padding-top: 60px;
    margin-left: -10px;
    margin-right: -10px;
}

.jl-box div[class*='col'] {
    padding: 0 10px;
}


.hd_li {
    margin-bottom: 20px;
    padding: 10px;
    background: #f5f5f6;


}

.hd_li:hover {
    background: #2fa962;
}

.hd_li:hover .hd_tit span,
.hd_li:hover .hd_tit p,
.hd_li:hover a {
    color: #fff;
}









.hd_list {
    padding-bottom: 62.5%;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}

.hd_tit {
    padding: 30px 15px;
}

.hd_li .hd_tit span {
    display: block;
    font-size: 18px;
    color: #252b3a;
    font-weight: 700;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hd_li .hd_tit p {
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 4; */
    /* -webkit-box-orient: vertical; */
    font-size: 14px;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
}

.hd_li .hd_tit .ft {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:20px
}


.hd_li .hd_tit p .icon {
    height: 30px;
    width: 30px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    float: left;
}

.hd_li .hd_tit p .icon img {
    height: 100%
}
.hd_li .hd_tit p .icon.adr{
    background: url(../images/adrb.png) center center no-repeat;
    background-size:50% ;
}
.hd_li a {
    font-size: 16px;
    padding-left: 10px;
    color: #2fa962;
    margin-bottom: 15px;
}

.hd_li a img {
    width: 25px;
    height: auto;
    position: relative;
    top: 7px;
    margin-left: 5px;
}


.hd_li:hover .hd_tit p .icon.adr{
    background: url(../images/adr.png) center center no-repeat;
    background-size:50% ;
}






/*1200-1440 xl*/
@media (max-width:1440px) {
    .slides {
        margin-top: 70px;
    }
}

/* 992-1200 lg*/
@media (max-width:1200px) {
    .slides .hd{
        height: 50px !important;
    }
}



/* 768-992 md */
@media (max-width:992px) {

    .slides {
        margin-top: 70px;
    }

    .slides .hd {
        display: none;
    }

}



/* 375-576 */
@media (max-width:920px) {
    .main {
        padding: 28px 15px 0;
    }

    /*.slides a {*/
    /*    padding-bottom: 40%;*/
    /*}*/
    .head_nav{
        display: none !important;
    }

    .pagination-item {
        min-width: 28px;
        height: 28px;
        line-height: 28px;

    }

    .pagination-next, .pagination-prev {
        min-width: 28px;
        height: 28px;
        line-height: 28px;

    }
}