.Content .main{ width: 1200px; margin: 0 auto;}


.n-products{ width: 100%; display: block; margin-top: .3rem}
.n-products .text{ width: 100%; display: block; font-size: 0; box-sizing: border-box; padding: .15rem;}
.n-products .text h2{ display: inline-block; width: 50%; font-size: .3rem; color: #535865; line-height: .5rem; font-family: "Arial-Narrow-blod"; text-transform: uppercase;}
.n-products .text p{ display: inline-block; width: 50%; color: #bbb; text-align: right}
.n-products .text p span{ display: inline-block; font-size: .14rem; margin: 0 .1rem 0 0;}
.n-products .text p span::after{ content: "/"; margin: 0 0 0 .1rem ;}
.n-products .text p span:last-of-type::after{ display: none;}

/* productlist */
.productslist{ width: 100%; display: block; font-size: 0; background: #fff;}
.productslist li{ width: 25%; display: inline-block; height: auto; box-sizing: border-box; padding: .15rem;}
.productslist li a{ width: 100%; float: left; position: relative; border: 1px solid #e0e0e0;}
.productslist li .pic{ position: relative; z-index: 2; transition: all 0.3s ease-in-out}
.productslist li .pic img{ max-width: 100%; max-height: 100%; float: left;}
.productslist li .pic2 { max-width: 100%; max-height: 100%; float: left; position: absolute; top: 0; left: 0;}
.productslist li .pic2 img{ max-width: 100%; max-height: 100%; float: left;}
.productslist li a:hover .pic{ opacity: 0;}
.productslist li .tit{ width: 100%; background: #eee; font-size: .14rem; text-align: center; line-height: .6rem; color: #666;}

@media screen and (max-width: 1366px){
    .Content .main{ box-sizing: border-box;}
}
@media screen and (max-width: 1112px){
    .productslist li a .pic{ opacity: 0;}
    .Content .main{ width: 100%;}
}
@media screen and (max-width: 834px){
    .productslist li{ width: 50%; display: inline-block; height: auto; box-sizing: border-box; padding: .15rem;}
}
@media screen and (max-width: 734px){
    .n-products .text h2{ width: 100%;}
    .n-products .text p{ width: 100%; text-align: left;}
    .productslist li{ width: 100%; display: inline-block; height: auto; box-sizing: border-box; padding: .15rem;}
    .productslist li .pic2 { max-width: 100%; max-height: 100%; float: left; position: relative; top: 0; left: 0;}
    .productslist li .pic2 img{ max-width: 100%; max-height: 100%; float: left;}
}