.image21624,.image21624 *{margin:0;padding:0;box-sizing:border-box}.image21624{margin:0 auto;padding:0 10px;overflow:hidden}.image21624>i{display:none}.image21624 .box{width:100%;display:flex;justify-content:center}.image21624 .box ul{width:100%;position:relative;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.image21624 .product{background-color:#f1f1f1;height:450px;width:384px;position:relative;flex:0 0 384px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.image21624 .product::before{content:'';display:block;width:0;height:3px;background-color:#d7000f;position:absolute;left:0;top:43%;z-index:3;transition:all 1s}.image21624 .product::after{height:150px;width:100%;display:block;position:absolute;top:43%;background-color:#f1f1f1;z-index:2;content:'';transition:all 1s}.image21624 .product .imgs{display:block;width:100%;height:305px;overflow:hidden}.image21624 img{object-fit:cover;object-position:top;max-height:100%}.image21624 .first{width:100%}.image21624 .second{position:absolute;top:47%;left:60px;opacity:1;z-index:3;transition:all 1s}.image21624 .container{font-size:14px;text-align:left;line-height:1.7em;color:#727272;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;z-index:4;width:calc(100% - 80px);margin:auto}.image21624 .container .banner-name{font-size:22px;font-weight:600;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;z-index:inherit;transition:color 1s}.image21624 .container .banner-docs{font-weight:400;width:100%;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;z-index:inherit}.image21624 .container a{color:#fff;opacity:0;display:flex;line-height:40px;height:40px;position:absolute;left:17%;bottom:0;transform:translateY(60px);transition:all 1s;align-items:center;background-color:#fff;border:3px solid #000}.image21624 .container a span:nth-child(1){width:100%;height:104%;display:flex;justify-content:center;align-items:center;padding:0 20px;clip-path:polygon(0 0,100% 0,90% 100%,0% 100%);margin-left:-1px}.image21624 .container a span:nth-child(2){width:35px;height:100%;display:flex;justify-content:center;align-items:center}.image21624 .container a span:nth-child(2) svg{margin-left:-4px}.image21624 .second{width:60px;object-fit:contain}.image21624 .product .banner-description{width:100%;margin-top:-13px}.margin_unset{margin:unset !important}@media(min-width:1200px){.image21624 .product:hover .second{opacity:0;transition:all 1s}.image21624 .product:hover::after{transform:translateY(60px)}.image21624 .product:hover::before{transform:translateY(60px);width:100%}.image21624 .product:hover .container a{opacity:1;transform:translateY(50%)}.image21624 .product{margin:0 .35% 30px .35%}.image21624 .container a{left:40px}.image21624 .second{left:40px}}@media(max-width:1199px){.image21624 .product::after{transform:translateY(60px);transition:none}.image21624 .product::before{transform:translateY(60px);width:100%;transition:none}.image21624 .product .second{opacity:0;z-index:0;transition:none}.image21624 .product .container a{opacity:1;transform:translateY(50%);transition:none}.image21624{padding:20px 10px}.image21624 .product{flex:0 0 calc(33.3% - 20px);width:calc(33.3% - 20px);margin:0 10px;margin-bottom:30px}.image21624 .container a{left:38px}.image21624 .second{left:38px}}@media(max-width:900px){.image21624{padding:20px 10px}.image21624 .product::after{transform:translateY(20px)}.image21624 .product::before{transform:translateY(20px);width:100%}.image21624 .box ul{justify-content:space-between}.image21624 .product{flex:0 0 calc(50% - 20px);width:calc(50% - 20px);margin:0 10px;margin-bottom:40px}.image21624 .product .second{opacity:1;z-index:3}.image21624 .container .banner-name{width:342px}.image21624 .container .banner-docs{width:342px}.image21624 .second{top:52.5%}.image21624 .product .banner-description{margin-top:7px}}@media(max-width:780px){.image21624 .container .banner-name{width:283px}.image21624 .container .banner-docs{width:283px}.image21624 .second{top:52.5%}.image21624 .product .banner-description{margin-top:7px}}@media(max-width:440px){.image21624 .product{max-width:100%;flex:1 1 auto;width:100%}.image21624 .container a{left:44px}.image21624 .second{left:44px}.image21624 .container .banner-name{width:256px}.image21624 .container .banner-docs{width:256px}}