All productscapping machinewater treatmentaccessoriesVacuum emulsifying machinePerfume manufacturing machineFilling machineFully automatic filling lineFully automatic filling machineSemi automatic filling machineRotary filling machineOthers Filling machinesealing machinelabeling machineautomatic labeling machineSemi automatic labeling machineOthers labeling machine
+12 more groups
manual capsule filling machinepackaging machinedocument.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-19acdce9a83",murl:Athena.parseMurl,mode:"view",event:"domReady"});}) .sr-banner[data-v-9361a38e] { margin: 0 auto; max-width: 2560px; width: 100%; /* background-color: #ddd; */ } .sr-banner a[href='javascript: void(0);'][data-v-9361a38e] { cursor: default; } .sr-banner.is-edit a[href='javascript: void(0);'][data-v-9361a38e] { cursor: pointer; } .sr-banner-frame[data-v-9361a38e] { /*padding-top: 20.83%;*/ width: 100%; height: 400px; overflow: hidden; position: relative; } @media only screen and (max-width: 1415px){ .sr-banner-frame[data-v-9361a38e] { padding-top: 27%; height: 0; } /*.layer-center .sr-banner-frame { padding-top: 30%; height: 0; }*/ /*.sr-banner-frame .banner-swiper .img-frame img {*/ /* width: 100%;*/ /* height: auto;*/ /*}*/ } /*@media only screen and (max-width: 1279px) { .layer-center .sr-banner-frame { padding-top: unset; height: 300px; } .layer-center .banner-swiper .img-frame img { width: auto; height: 100%; } }*/ /*@media only screen and (max-width: 768px){ .sr-banner-frame { height: 160px; } .layer-center .sr-banner-frame { padding-top: 30%; height: 0; } .layer-center .banner-swiper .img-frame img { width: 100%; height: auto; } }*/ /*@media only screen and (max-width: 768px) { .layer-center .sr-banner-frame { padding-top: unset; height: 180px; } .layer-center .banner-swiper .img-frame img { width: auto; height: 100%; } }*/ .sr-banner-inside[data-v-9361a38e] { width: 100%; height: 100%; top: 0; left: 0; position: absolute; } .banner-swiper[data-v-9361a38e] { width: 100%; height: 100%; } .sr-banner .banner-swiper .swiper-pagination[data-v-9361a38e] { bottom: 15px; } .banner-swiper .img-frame[data-v-9361a38e] { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; } .banner-swiper .img-frame img[data-v-9361a38e] { max-width: unset; height: 100%; } .swiper-navigation[data-v-9361a38e] { width: 30px; height: 30px; border-radius: 50%; background-color: rgba(0, 0, 0, .7); display: none; top: 50%; position: absolute; transform: translate(0, -50%); z-index: 1; } .sr-banner .banner-swiper .swiper-navigation[data-v-9361a38e]:hover { background: rgba(0,0,0,1); } .banner-swiper:hover .swiper-navigation[data-v-9361a38e] { display: flex; align-items: center; justify-content: center; } .swiper-navigation .ob-icon[data-v-9361a38e] { color: #fff; font-size: 20px; } .swiper-navigation-left[data-v-9361a38e] { left: 10px; } .swiper-navigation-right[data-v-9361a38e] { right: 10px; }
