/*=== 作者：Distantmemory - 时间：2020年07月 - 版本：1.0 - 个人：www.distantmemory.cc - 公司：www.timoo.net ===*/



/*=== 媒体查询 ===*/

/*手机*/

@media ( min-width : 320px) { 



    .news-grid .title::before,

    .news-grid .title::after { content: ""; display: block; position: absolute; top: 50%; margin-top: -0.05rem; width: 20%; height: 0.01rem; background: #CD0000; }



}



@media ( min-width : 360px) { 



} 



/*平板电脑*/

@media ( min-width : 640px) {



}



/*笔记本电脑*/

@media ( min-width : 960px) {



    .news-grid .title::before,

    .news-grid .title::after { width: 40%; }



} 



/*PC电脑*/

@media ( min-width : 1200px) { 



} 



/*大屏PC电脑*/

@media ( min-width : 1400px) { 

    

}



@media ( min-width : 1600px) { 

    

}



/*=== Style ===*/

.news-grid { padding: 0.48rem 0; background-size: cover; background-position: center; }

.news-grid .title { position: relative; margin-bottom: 0.24rem; color: #666; }

.news-grid .title::before { left: 0; }

.news-grid .title::after { right: 0; }

.news-grid .title .subname { line-height: 0.32rem; text-transform: uppercase; font-size: 0.24rem; }

.news-grid .title .name { font-size: 0.18rem; }



.news-grid .list { margin: auto -0.16rem; }

.news-grid .list .unit { padding: 0.16rem; }

.news-grid .list .unit .box { position: relative; padding: 0.32rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); border-radius: 0.02rem; } 

.news-grid .list .unit .box:hover { background: #004A9F; }

.news-grid .list .unit .box .date { position: absolute; top: 0; left: 0; padding: 0.32rem; height: 100%; color: #CD0000; }

.news-grid .list .unit .box:hover .date { color: #FFF; }

.news-grid .list .unit .box .date .month { line-height: 0.48rem; font-size: 0.4rem; font-weight: 700; }

.news-grid .list .unit .box .date .year { font-size: 0.24rem; }

.news-grid .list .unit .box .text { padding-left: 1.12rem; }

.news-grid .list .unit .box .text .subject a { display: block; position: relative; font-size: 0.18rem; font-weight: 700; color: #666; }

.news-grid .list .unit .box:hover .text .subject a { color: #FFF; } 

.news-grid .list .unit .box .text .subject i { position: absolute; right: 0; top: 0.02rem; font-size: 0.2rem; }

.news-grid .list .unit .box .text .summary { margin-top: 0.16rem; font-size: 0.14rem; color: #999; }

.news-grid .list .unit .box:hover .text .summary { color: #79A2D2; }



.news-grid .more { margin-top: 0.32rem; font-size: 0.14rem; }

.news-grid .more a { display: inline-block; padding: 0.08rem 0.32rem; background: #004A9F; color: #FFF; }

.news-grid .more a:hover { background: #CD0000; }