.blockCon18704,.blockCon18704 *{margin:0;padding:0;box-sizing:border-box}.blockCon18704{width:100%;margin:0 auto;overflow:hidden;word-break:break-word}.blockCon18704>i{display:none}.blockCon18704 .box{width:100%;display:flex;justify-content:center}.blockCon18704 .box ul{width:100%;position:relative;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:10px}.blockCon18704 .product{background-color:#f1f1f1;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-bottom:20px;width:calc((100% - 20px) / 3);text-align:center;box-sizing:border-box;margin-bottom:30px}.blockCon18704 .product::before{content:'';display:block;width:0;height:3px;background-color:#d7000f;position:absolute;left:0;top:43%;z-index:3;transition:all 1s}.blockCon18704 .product::after{height:150px;width:100%;display:block;position:absolute;top:43%;background-color:#f1f1f1;z-index:2;content:'';transition:all 1s}.blockCon18704 .product .imgs{display:block;width:100%;overflow:hidden}.blockCon18704 img{object-fit:cover;object-position:top;max-height:100%}.blockCon18704 .first{width:100%}.blockCon18704 .second{position:absolute;top:50%;left:60px;opacity:1;z-index:3;transition:all 1s}.blockCon18704 .containers{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}.blockCon18704 .banner-description{width:100%}.blockCon18704 .containers .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;padding:0 60px}.blockCon18704 .containers .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;padding:0 60px}.blockCon18704 .containers a{color:#fff;opacity:0;display:block;line-height:40px;height:40px;padding:0 30px;position:absolute;left:17%;bottom:0;transform:translateY(60px);transition:all 1s}.blockCon18704 .backstage-blocksEditor-wrap a[href=""],.blockCon18704 .backstage-blocksEditor-wrap a[href="javascript:void(0)"],.blockCon18704 .backstage-blocksEditor-wrap a[href="javascript:void(0);"],.blockCon18704 .backstage-blocksEditor-wrap a[href="javascript:;"]{cursor:default}.blockCon18704 .backstage-blocksEditor-wrap[data-blocksEditor-type="phoenix_blocks_image"] .backstage-componet{width:100%}@media(min-width:1200px){.blockCon18704 .product:hover .second{opacity:0;transition:all 1s}.blockCon18704 .product:hover::after{transform:translateY(60px)}.blockCon18704 .product:hover::before{transform:translateY(60px);width:100%}.blockCon18704 .product:hover .containers a{opacity:1;transform:translateY(50%)}.blockCon18704 .containers a{left:64px}.blockCon18704 .second{left:64px}.blockCon18704 .containers .banner-name,.blockCon18704 .containers .banner-docs{width:100%;padding:0 64px}.margin_unset{margin:0 !important}}@media(max-width:1199px){.blockCon18704 .product::after{transform:translateY(60px);transition:none}.blockCon18704 .product::before{transform:translateY(60px);width:100%;transition:none}.blockCon18704 .product .second{opacity:0;z-index:0;transition:none}.blockCon18704 .product .containers a{opacity:1;transform:translateY(50%);transition:none}.blockCon18704{padding:0 5px}.blockCon18704 .product{width:calc((100% - 20px) / 3);margin-bottom:30px}.blockCon18704 .containers a{left:38px}.blockCon18704 .second{left:38px}.blockCon18704 .containers .banner-name,.blockCon18704 .containers .banner-docs{width:100%;padding:0 38px}}@media(max-width:900px){.blockCon18704{padding:0 10px}.blockCon18704 .product::after{transform:translateY(20px)}.blockCon18704 .product::before{transform:translateY(20px);width:100%}.blockCon18704 .box ul{justify-content:space-between}.blockCon18704 .product{width:calc(50% - 5px);margin:0;margin-bottom:30px}.blockCon18704 .product .second{opacity:1;z-index:3}}@media(max-width:440px){.blockCon18704 .product{max-width:100%;flex:1 1 auto;width:100%}.blockCon18704 .containers a{left:44px}.blockCon18704 .containers .banner-name,.blockCon18704 .containers .banner-docs{width:100%;padding:0 44px}.blockCon18704 .second{left:44px}.blockCon18704 .containers .banner-name,.blockCon18704 .containers .banner-docs{width:100%;padding:0 44px}}@media(max-width:1200px){.location_blockCon18704_pack:not(.container){width:100%;margin:auto}.location_blockCon18704_pack.container .blockCon18704{width:calc(100% - 20px);margin:0 10px;padding:0}}