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



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

/*手机*/

@media ( min-width : 320px) { 



    .products-grid { padding: 0.24rem 0; background-size: cover; background-position: center; }

    .products-grid .title::before,

    .products-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) {



    .products-grid { padding: 0.48rem 0; }

    .products-grid .title::before,

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



} 



/*PC电脑*/

@media ( min-width : 1200px) { 



} 



/*大屏PC电脑*/

@media ( min-width : 1400px) { 

    

}



@media ( min-width : 1600px) { 

    

}



/*=== Style ===*/

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

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

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

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

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



.products-grid .list { margin: auto -0.12rem; }

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

.products-grid .list .name { padding: 0.16rem; background: #FFF;  color: #333; }

.products-grid .list .unit:hover .name { background: #004A9F; color: #FFF; }



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

.products-grid .more a { color: #999; }

.products-grid .more a:hover { color: #CD0000; }