/* productlist */
.products-zt{ display: inline-block; vertical-align: top; padding: .4rem 0 .4rem; box-sizing: border-box; width: 100%; font-size: 0; border-bottom: 1px solid #ccc;}

.productslist{ width: 100%; display: block; font-size: 0;}
.productslist li{ display: inline-block; width: 31%; margin: .2rem 3.5% .2rem 0; position: relative; transition: all 0.3s ease-in-out;    vertical-align: top;}
.productslist li:nth-of-type(3n){ margin-right: 0;}
.productslist li .pic{ display: block; width: 100%;}
.productslist li .pic img{ max-width: 100%; transition: all 0.3s ease-in-out;}
.productslist li .text{ width: 100%; display: block; font-size: 0; position: relative; box-sizing: border-box; padding: .2rem .2rem; background: #eee; transition: all .5s ease-in-out;}
.productslist li .text .name{ display: inline-block; width: 50%; line-height: 1.5; color: #000; font-size: .16rem; transition: all 0.3s ease-in-out;}
.productslist li .text .size{ display: inline-block; width: 50%; text-align: right; line-height: 1.5; color: #000; font-size: .16rem; transition: all 0.3s ease-in-out;}
.productslist li a{ width: 100%; display: block; position: relative;}
.productslist li a:hover .text{ background: #df4a42}
.productslist li a:hover .text .name{ color: #fff;}
.productslist li a:hover .text .size{ color: #fff;}

@media screen and ( max-width:768px){
    .nav-list-pr ul{
        flex-wrap: wrap;
        padding: 2% 0;
    }
    .nav-list-pr ul li{ width: 96%; margin: 2% 4% 2%;}
    .nav-list-pr ul li a h2{ font-size: .24rem}
    .nav-list-pr ul li a button{ height: .4rem; opacity: 1; line-height: .36rem;}

    .productslist li{
        width: 46%;
        margin: 2% 2% !important;
    }
    .products-zt{ padding: .2rem 0 0;}
    .products-zt .main > .tit h2{ display: flex; justify-content: space-between; font-size: .24rem; align-items: center;}
    .products-zt .main > .tit h2 .t-l,.products-zt .main > .tit h2 .t-r{ display: inline-flex;}
    .products-zt .main > .tit h2 span:nth-of-type(2){ flex-shrink: 0; display: inline-flex; vertical-align: middle}
    .productslist li .text .tit{ line-height: 1.5; position: relative;}
    .productslist li .text{ height: auto;}

}