All productsCNC Machining5 Axis CNC Machining PartsCNC Semiconductor Equipment PartsCNC Medical Equipment PartsCNC Automation Equipment PartsCNC Milling PartsCNC Turning PartsCustom MoldPlastic Injection Mold ComponentsMetal Stamping Die ComponentsFA Automation ComponentsUSB Connector MoldOthers Custom MoldSheet Metal FabricationDie Metal Cast StampingDie Pressed Casting
+11 more groups
Stampting PartsFastenerPlastic Injection Molddocument.addEventListener("DOMContentLoaded", function(){ void function(context){ const hotAreaItem = document.querySelector(`.J-hot-${context.scopeId}`); let timerDomResize = null; const handleDomResize = () => { clearTimeout(timerDomResize); timerDomResize = setTimeout(() => { const imgCurrentWidth = hotAreaItem.querySelector('img').width; const imgWidthSize = hotAreaItem.querySelector('img').dataset.size; const scaleRatio = imgCurrentWidth / imgWidthSize || 1; const hotAreas = hotAreaItem.querySelector('map').querySelectorAll('area'); hotAreas.forEach((area) => { const coords = area.dataset.coords.split(','); area.coords = coords.map((coord) => coord * scaleRatio).join(','); }); }, 1000); }; const resizeObserver = window.ResizeObserver && new window.ResizeObserver(() => { handleDomResize(); }); if (hotAreaItem) { handleDomResize(); if (resizeObserver) { resizeObserver.observe(hotAreaItem); } } let timerWindowResize = null; const responsiveWidth = 1415; const handleWindowResize = () => { clearTimeout(timerWindowResize); timerWindowResize = setTimeout(() => { const img = hotAreaItem.querySelector('img'); const imgWidthSize = img.dataset.size; if(context.mode != 'preview-pad'){ if (window.innerWidth > responsiveWidth) { img.style.minWidth = `${imgWidthSize}px`; return; } img.style.minWidth = `${imgWidthSize * (window.innerWidth / responsiveWidth)}px`; }else{ img.style.minWidth = `${imgWidthSize * (768 / responsiveWidth)}px`; } }, 300); }; handleWindowResize(); window.addEventListener('resize', handleWindowResize); }({scopeId:"scope-1a0a6b3b366",murl:Athena.parseMurl,mode:"view",event:"domReady"});}) .prod-wrap[data-v-a63a7660]{ margin: 0 auto; max-width:100%; } .prod-wrap .title[data-v-a63a7660]{ margin-bottom: 20px; line-height: 1.5; } .prod-wrap .prod-list[data-v-a63a7660]{ /* display: flex; justify-content: left; flex-wrap: wrap; margin: 0 -10px; overflow: hidden; */ display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } /* .prod-wrap-show .prod-list { margin: -10px; padding: 10px 0; } */ /* .prod-wrap .prod-list-edit{ justify-content: space-between; } */ .prod-wrap .prod-list .prod-item[data-v-a63a7660]{ width:100%; background: #FFFFFF; border-radius: 10px; box-sizing: border-box; padding: 15px; /* margin: 0 10px 20px; */ } /* .prod-wrap-show .prod-list .prod-item { margin: 0 10px 20px; } */ .prod-wrap .prod-list .prod-item[data-v-a63a7660]:hover{ box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.12), 0px 6px 10px rgba(0, 0, 0, 0.06), 0px 9px 16px 8px rgba(0, 0, 0, 0.03); } /* .prod-wrap .prod-list.prod-list-active-1 { height: 400px; } .prod-wrap .prod-list.prod-list-active-2 { height: 820px; } .prod-wrap .prod-list.prod-list-active-3 { height: 1240px; } .prod-wrap .prod-list.prod-list-active-4 { height: 1660px; } */ .prod-wrap .prod-list .prod-item .prod-img[data-v-a63a7660]{ position: relative; width: 100%; height: 0; padding-top: 100%; font-size: 0; } .prod-wrap .prod-list .prod-item .prod-img .img-wrap[data-v-a63a7660]{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .prod-wrap .prod-list .prod-item .prod-img .img-wrap .prod-picRoundBox[data-v-a63a7660]{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .prod-wrap .prod-list .prod-item .prod-img .img-wrap .prod-picRoundBox .prod-picRoundBox-wrap[data-v-a63a7660]{ width: 100%; height: 100%; } .prod-wrap .prod-list .prod-item .prod-img .img-wrap .prod-img-mark[data-v-a63a7660]{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.03); } .prod-wrap .prod-img .img-wrap .prod-3d-mark[data-v-a63a7660]{ background-image: url('https://www.micstatic.com/common/img/icon/3d_64.png?2026-7-14'); background-color: rgba(0,0,0,.5); background-size: 48px 48px; cursor: pointer; width: 48px; height: 48px; position: absolute; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; border-radius: 50%; z-index: 2; } .prod-wrap .prod-img .img-wrap:hover .prod-3d-mark[data-v-a63a7660]{ background-image: url('https://www.micstatic.com/common/img/icon/3d_gif.gif?2026-7-14'); } .prod-wrap .prod-img .img-wrap .video-mark[data-v-a63a7660]{ position:absolute; bottom:5px; left:5px; } .prod-wrap .prod-img .img-wrap .video-mark .icon-img[data-v-a63a7660]{ width:26px; height:20px; } .prod-wrap .prod-list .prod-item .prod-img .img[data-v-a63a7660]{ max-width: 100%; max-height: 100%; } .prod-wrap .prod-list .prod-item .prod-name[data-v-a63a7660]{ margin-top: 15px; height: 42px; font-size: 14px; display: block; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; word-wrap: break-word; color:#555; } .prod-wrap .prod-list .prod-item .prod-info[data-v-a63a7660]{ margin-top: 10px; color: #222; } .prod-wrap .prod-list .prod-item .prod-info .info[data-v-a63a7660]{ height: 24px; font-size: 16px; display: block; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; word-wrap: break-word; font-weight:bold; } .prod-wrap .grey[data-v-a63a7660]{ color: #888; font-weight: normal; } .prod-wrap .prod-btn-wrapper[data-v-a63a7660]{ margin:19px 0 0 0 ; } .prod-wrap .prod-btn-wrapper[data-v-a63a7660]{ text-align: center; margin:12px 0 0px; } .prod-wrap .prod-btn-wrapper .more-btn[data-v-a63a7660]{ position: relative; border: 1px solid transparent; box-sizing: border-box; border-radius: 40px; color: #222; font-size: 14px; line-height: 21px; display: inline-block; } .prod-wrap .prod-btn-wrapper .more-btn .btn-border[data-v-a63a7660]{ position: absolute; width: 100%; height: 100%; top: -1px; left: -1px;; opacity: 0.65; } .prod-wrap .prod-btn-wrapper .more-btn .btn-border[data-v-a63a7660]:hover{ opacity: 1; } @media only screen and (max-width: 1279px){ /* .prod-wrap{ width: 982px; } */ .prod-wrap .prod-list[data-v-a63a7660]{ grid-template-columns: repeat(3, 1fr); } .prod-wrap .prod-list .prod-item[data-v-a63a7660]:nth-child(n + 7) { display: none; } /* .prod-wrap .prod-list .prod-item{ width: 310px; margin: 0 12px 20px; } */ .prod-wrap .prod-list .prod-item .prod-info[data-v-a63a7660]{ margin-top: 15px; } /* .prod-wrap .prod-list .prod-item .prod-img .img{ max-width:280px; max-height:280px; } */ /* .prod-wrap .prod-list.prod-list-active-1 { height: 430px; } .prod-wrap .prod-list.prod-list-active-2 { height: 880px; } .prod-wrap .prod-list.prod-list-active-3 { height: 1330px; } .prod-wrap .prod-list.prod-list-active-4 { height: 1780px; } */ } @media only screen and (max-width: 1023px){ /* .prod-wrap{ max-width:728px; } */ /* .prod-wrap .prod-list .prod-item .prod-img .img{ max-width:324px; max-height:324px; } */ /* .prod-wrap .prod-list .prod-item{ width: 354px; margin: 0 10px 20px; padding: 17px 15px 15px; } */ /* .prod-wrap .prod-list.prod-list-active-1 { height: 480px; } .prod-wrap .prod-list.prod-list-active-2 { height: 980px; } .prod-wrap .prod-list.prod-list-active-3 { height: 1480px; } .prod-wrap .prod-list.prod-list-active-4 { height: 1980px; } */ .prod-wrap .prod-list .prod-item .prod-info[data-v-a63a7660] { margin-top: 19px; } }
