.c-product3{padding:1.2rem 0}.c-product3 .container2{max-width:100pc}.c-product3 .c-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 -.1rem}@media(max-width:991px){.c-product3 .c-list{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -.2rem -.4rem}}.c-product3 .c-list li{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 .1rem;-webkit-transition:all .4s;transition:all .4s}@media(max-width:991px){.c-product3 .c-list li{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;padding:0 .2rem .4rem}}@media(max-width:767px){.c-product3 .c-list li{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}}@media(min-width:991px){.c-product3 .c-list li.on{-webkit-box-flex:2.5;-ms-flex:2.5;flex:2.5}.c-product3 .c-list li.on .c-wrap:before{opacity:0}.c-product3 .c-list li.on .c-wrap .c-title{opacity:0;-webkit-transition:all 0s 0s;transition:all 0s 0s}.c-product3 .c-list li.on .c-wrap .c-title2{opacity:1;padding-bottom:.6rem;-webkit-transition:all .4s .3s;transition:all .4s .3s}}.c-product3 .c-list li .c-wrap{border-radius:10px;height:5.2rem;overflow:hidden;position:relative;text-align:center}@media(max-width:991px){.c-product3 .c-list li .c-wrap{height:4rem;height:50vw}}.c-product3 .c-list li .c-wrap:before{background:rgba(0,0,0,.5);content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:all .4s;transition:all .4s;width:100%}.c-product3 .c-list li .c-wrap .c-img,.c-product3 .c-list li .c-wrap .c-img img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.c-product3 .c-list li .c-wrap .c-title,.c-product3 .c-list li .c-wrap .c-title2{bottom:0;color:#fff;left:0;line-height:1.4;padding:.35rem .4rem;position:absolute;width:100%;z-index:5}@media(max-width:1580px){.c-product3 .c-list li .c-wrap .c-title,.c-product3 .c-list li .c-wrap .c-title2{padding:.3rem .2rem}}.c-product3 .c-list li .c-wrap .c-title{-webkit-transition:all .4s .3s;transition:all .4s .3s}.c-product3 .c-list li .c-wrap .c-title2{opacity:0;-webkit-transition:all 0s 0s;transition:all 0s 0s}