/*------------ links ------------*/

.links-list {
    max-width: 1300px;
    margin: 0 -10px;
}

.links-list .item {
    width: 20%;
    padding: 0 10px 50px;
}

.links-list .item:nth-child(5n+1) {
    clear: left;
}

.links-list .pic {
    border: 1px solid #ddd;
    max-width: 240px;
    margin: 0 auto 5px;
}

.links-list a:hover .pic{
    opacity: .8;
    transition: all .2s;
}

.links-list .name {
    height: 20px;
    /* font-size: 14px; */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #555;
}

.links-list a:hover .name {
    /* text-decoration: underline; */
    color: #0D45A4;
}



/*------------ rwd ------------*/

@media screen and (max-width: 1440px) {
    .links-list {
        max-width: 990px;
    }
    .links-list .item {
        width: calc((100% / 4) - 0.1px);
        text-align: center;
    }
    .links-list .item:nth-child(4n+1) {
        clear: left;
    }
    .links-list .item:nth-child(5n+1) {
        clear: none;
    }
}

@media screen and (max-width: 767px) {
    .links-list .item {
        padding: 0 10px 30px;
    }
}

@media screen and (max-width: 740px) {
    .links-list {
        max-width: 520px;
        margin: 0 auto;
    }
    .links-list .item {
        width: calc((100% / 2) - 0.1px);
        text-align: center;
    }
    .links-list .item:nth-child(2n+1) {
        clear: left;
    }
    .links-list .item:nth-child(4n+1) {
        clear: none;
    }
}

@media screen and (max-width: 400px) {
    .links-list .item {
        width: 100%;
    }
    .links-list {
        max-width: 232px;
        margin: 0px auto 0;
    }

}