All productsWire harnessPin terminalNew energy industrial connectorsEV charging pinPogo pinLithium battery connectorBanana plugOthersdocument.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-1a0b2f6553b",murl:Athena.parseMurl,mode:"view",event:"domReady"});}) .prod-wrap .title[data-v-55bca040]{ margin-bottom:20px; } .prod-wrap .prod-list[data-v-55bca040]{ display: flex; justify-content: space-around; background: #fff; border: 1px solid #DAE0E6; box-sizing: border-box; margin: 0 auto; /* max-width: 100%; */ } .prod-wrap .prod-list .prod-list-title[data-v-55bca040]{ width:199px; /* height:732px; */ background:#F5F7FA; border-right: 1px solid #DAE0E6; } .prod-wrap .prod-list .prod-list-title .title-tab[data-v-55bca040]{ border-top: 1px solid #DAE0E6; box-sizing: border-box; padding:25px 20px; font-weight:500; cursor:pointer; } .prod-wrap .prod-list .prod-list-title .title-tab[data-v-55bca040]:first-child{ margin-top:-1px; } .prod-wrap .prod-list .prod-list-title .title-tab.selected[data-v-55bca040]{ border-right: 1px solid #fff; margin-right: -1px; color: #e64545; background: #fff; } .prod-wrap .prod-list .prod-list-title .title-tab .cat-title[data-v-55bca040]{ font-size:16px; line-height: 24px; max-height:48px; } .prod-wrap .prod-list .prod-list-content[data-v-55bca040]{ flex:1; /* height:732px; */ } .prod-wrap .prod-list .prod-list-content .prod-list-content-wrap[data-v-55bca040]{ /* display: flex; justify-content: left; flex-wrap: wrap; */ padding:10px 8px; /* height:712px; overflow:hidden; */ display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; } /* .prod-wrap .prod-list-edit .prod-list-content .prod-list-content-wrap{ justify-content: space-around; } */ .prod-wrap .prod-list .prod-list-content .prod-list-content-wrap .info-price[data-v-55bca040]{ text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap; } /* .prod-wrap .prod-list .prod-item{ width:245px; } */ .prod-wrap .prod-list .prod-item .prod-item-wrap[data-v-55bca040]{ display: flex; justify-content: space-around; flex-wrap: wrap; background: #FFFFFF; border-radius: 10px; box-sizing: border-box; padding: 10px; } .prod-wrap .prod-list .prod-item .prod-img[data-v-55bca040]{ position: relative; width: 100%; height: 0; padding-top: 100%; font-size: 0; } .prod-wrap .prod-list .prod-item .prod-img .img-wrap[data-v-55bca040]{ 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-55bca040]{ position: absolute; width: 100%; height: 100%; overflow: hidden; } .prod-wrap .prod-list .prod-item .prod-img .img-wrap .prod-picRoundBox .prod-picRoundBox-wrap[data-v-55bca040]{ width: 100%; height: 100%; } .prod-wrap .prod-img .img-wrap .prod-3d-mark[data-v-55bca040]{ 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-55bca040]{ 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-55bca040]{ position:absolute; bottom:5px; left:5px; } .prod-wrap .prod-img .img-wrap .video-mark .icon-img[data-v-55bca040]{ width:26px; height:20px; } .prod-wrap .prod-list .prod-item .prod-img .img-wrap .prod-img-mark[data-v-55bca040]{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.03); } .prod-wrap .prod-list .prod-item .prod-img .img[data-v-55bca040]{ max-width:100%; max-height:100%; } .prod-wrap .prod-list .prod-item .prod-content[data-v-55bca040]{ flex:1; } .prod-wrap .prod-list .prod-item .prod-name[data-v-55bca040]{ margin-top: 15px; color:#555; 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; } .prod-wrap .prod-list .prod-item .prod-info[data-v-55bca040]{ margin-top: 10px; color:#222; width: 100%; height: 101px; } .prod-wrap .prod-list .prod-item .prod-info .info-title[data-v-55bca040] { font-size: 14px; height: 42px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; color: #555; } .prod-wrap .prod-list .prod-item .prod-info .info-title a[data-v-55bca040] { color: #555; } .prod-wrap .prod-list .prod-item .prod-info .info-price[data-v-55bca040] { font-size: 16px; margin-top: 10px; line-height: 24px; font-weight: bold; } .prod-wrap .prod-list .prod-item .prod-info .info-price .info-tip[data-v-55bca040] { font-size: 14px; color: #888; font-weight: normal; } .prod-wrap .prod-list .prod-item .prod-info .info-count[data-v-55bca040] { font-size: 16px; line-height: 24px; font-weight: bold; } .prod-wrap .prod-list .prod-item .prod-info .info-count .info-tip[data-v-55bca040] { font-size: 14px; color: #888; font-weight: normal; } .prod-wrap .prod-list .prod-item .info[data-v-55bca040]{ height: 21px; font-size: 14px; 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-55bca040]{ color: #888; font-weight:normal; } @media only screen and (max-width: 1279px){ /* .prod-wrap .prod-list{ width:980px; } */ .prod-wrap .prod-list .prod-list-content .prod-list-content-wrap[data-v-55bca040]{ grid-template-columns: repeat(3, 1fr); } .prod-wrap .prod-list .prod-list-title[data-v-55bca040]{ width:224px; } } @media only screen and (max-width: 1023px){ /* .prod-wrap .prod-list{ width:728px; } */ .prod-wrap .prod-list .prod-list-title[data-v-55bca040]{ width:219px; } } @media only screen and (max-width: 968px){ .prod-wrap .prod-list .prod-list-content .prod-list-content-wrap[data-v-55bca040]{ grid-template-columns: repeat(2, 1fr); } } Multi Categories Products Please enter in English. Energy storage battery series Please enter in English. Separate capacity into series Please enter in English. Dynamic connector series Please enter in English. Precision hardware Please enter in English. Wire harness series Please enter in English.
