article {

    background: url(../images/news_bg.jpg) no-repeat center bottom/cover;

}





/* 图册列表 */



.atlas {}



.atlas ul {

    display: flex;

    flex-flow: wrap;

}



.atlas li {

    width: 100%;

    padding: 4px;

}



.atlas li a {

    display: block;

    color: #000;

    text-align: center;

}



.atlas li i {

    display: block;

    background: url(../images/atlas_border.png) no-repeat center center/100% 100%;

}



.atlas li a img {

    width: 100%;

    border: 2px solid #fff;

}



.atlas li p {

    position: relative;

    font: 400 14px/36px "微软雅黑";

    text-align: center;

    color: #000;

    background: #fff;

    border: 2px solid #fff;

    border-top: 0;

}



@media (min-width: 1200px) {

    .atlas {}

    .atlas ul {

        padding: 0;



    }

    .atlas li {

        width: 33.3%;

        padding: 10px 5px;

    }

    .atlas li:nth-child(3n + 1) {

        padding-left: 0;

        padding-right: 10px;

    }

    .atlas li:nth-child(3n) {

        padding-left: 10px;

        padding-right: 0;

    }

    .atlas li a {

        position: relative;

    }

    .atlas li a img {

        border: 5px solid #fff;

    }

    .atlas li p {

        position: relative;

        font: 400 18px/42px "微软雅黑";

        border: 5px solid #fff;

        border-top: 0;

        color: #fff;

        background: #3a3738;

    }

    .atlas li a:hover p {

        background: #10893e;

    }

}