.product{overflow:hidden;position:relative;width:100%}.product .content{padding:3rem 8.3%}.product .content .list .items{background:#fff;border-radius:5px;box-shadow:0 0 3px #ccc;margin-bottom:2rem;transition:.2s ease-in-out}.product .content .list .items:hover{background-color:var(--default-hover);transform:translateY(-5px);transition:.2s ease-in-out}.product .content .list .items a{display:block;position:relative}.product .content .list .items a .img{overflow:hidden;padding-top:75%;position:relative;width:100%}.product .content .list .items a img{display:block;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.2s ease-in-out}.product .content .list .items a .txt{padding-bottom:.2rem;text-align:center}.product .content .list .items a .txt .name{color:#171a1d;font-size:1rem;margin:1.5rem 5%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.product_top{color:#333;font-size:1.125rem;padding-bottom:2rem}.product .content .list .items a .txt .p{color:#5b646d;font-size:1.4rem;margin-bottom:.5rem;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.product .content .list .items a .more{background:linear-gradient(to right,var(--default-hover),var(--default-hover));border-radius:25px;bottom:-1.4rem;color:#fff;font-size:1.4rem;height:2.8rem;left:50%;line-height:2.8rem;margin-left:-5rem;opacity:0;position:absolute;text-align:center;width:10rem}.product .content .list .items:hover .txt .name{color:#fff}.product .content .list .items:hover .more,.product .content .list .items:hover img{opacity:1}@media (max-width:1660px){.product .content{padding:3rem 6%}}@media (max-width:1160px){.product .content{padding:3rem 4%}.product .content .list .items a .txt .name{font-size:1.5rem}.product .content .list .items .info{text-align:center}.product .content .list .items .info .ti{width:100%}.product .content .list .items .info .more{margin:0 auto}.product .content .list .items{padding:0}.product .content .list .items a{width:100%}}header.header{background-color:#fff}.header_nav,header.header{box-shadow:0 0 10px rgba(0,0,0,.15)}.header_nav{background:#fff}header.header .logo .img1{display:none}header.header .logo .img2{display:block}.menu-wrap .menu a.fnt_18{color:#333}.menu-toggle .icon-bar{background-color:#333}.header .menu-wrap .search-box .butn i,.header .user-bar .user-t i,.header .user-bar .user-t p{color:#333}.menu .active a.fnt_18 span{color:var(--default-hover)!important}.menu li.active a s{background-color:var(--default-hover)}