Products — Shijiazhuang Mankai Auto Parts Sales Co., Ltd. | Made For Indians

Loading…

Products — Shijiazhuang Mankai Auto Parts Sales Co., Ltd. | Made For Indians

document.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-1a0fae14397",murl:Athena.parseMurl,mode:"view",event:"domReady"});}) .richtext-title[data-v-6cab064b] { margin-bottom: 20px; } .richtext-list[data-v-6cab064b] { display: flex; justify-content: center; } .richtext-wrap[data-v-6cab064b] { max-width: 400px; width: 100%; background: #fff; } .richtext-wrap .text-cnt[data-v-6cab064b] { padding-bottom: 2px; } .richtext-wrap .richtext-img[data-v-6cab064b] { position: relative; display: flex; justify-content: center; background: #e6ecf2; } .richtext-wrap .richtext-img[data-v-6cab064b]:before { content: ''; display: block; width: 0; height: 0; border-bottom: 15px solid #fff; border-left: 15px solid transparent; border-right: 15px solid transparent; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 9; } .richtext-wrap .richtext-text[data-v-6cab064b] { padding: 40px 30px; min-height: 270px; box-sizing: border-box; max-width: 400px; } .richtext-wrap .richtext-text .text-title[data-v-6cab064b] { margin: 0 0 15px; font-size: 28px; line-height: 1.2; height: 76px; display: flex; align-items: center; } .richtext-wrap .richtext-text .text-text[data-v-6cab064b] { margin-bottom: 25px; min-height: 40px; font-size: 16px; } .richtext-wrap .richtext-text .btn-view[data-v-6cab064b] { /*padding: 5px 14px 5px 17px;*/ /*border: 1px solid #888;*/ /*border-radius: 50px;*/ color: #222; display: flex; align-items: center; justify-content: center; font-size: 14px; } .open-extra .richtext-wrap .richtext-text .btn-view[data-v-6cab064b] { border: 2px solid #888; } .richtext-wrap .richtext-text .btn-view[data-v-6cab064b]:hover { border-color: #383838; } .richtext-wrap .text-btn[data-v-6cab064b] { display: flex; justify-content: center; } .btn-view .ob-icon[data-v-6cab064b] { padding-left: 5px; } .richtext-wrap[data-v-6cab064b]:nth-child(2) { display: flex; flex-direction: column; } .richtext-wrap:nth-child(2) .richtext-img[data-v-6cab064b] { order: 1; } .richtext-wrap:nth-child(2) .richtext-img[data-v-6cab064b]:before { top: 0; bottom: auto; transform: rotate(180deg) translateX(50%); } .open-ipad-vertical .richtext-list[data-v-6cab064b] { flex-direction: column; } .open-ipad-vertical .richtext-wrap[data-v-6cab064b] { display: flex; flex-direction: row; max-width: inherit; } .open-ipad-vertical .richtext-wrap .richtext-img[data-v-6cab064b] { flex: 1; /*max-width: 400px;*/ justify-content: center; } .open-ipad-vertical .richtext-wrap .an-img-edit__wrap[data-v-6cab064b] { max-height: auto !important; max-width: auto !important; } .open-ipad-vertical .richtext-wrap .richtext-text[data-v-6cab064b] { width: 50%; max-width: inherit; } .open-ipad-vertical .richtext-wrap .richtext-img[data-v-6cab064b]:before { bottom: auto; top: 50%; right: -9px; left: auto; transform: translate(0, -50%) rotate(-90deg) } .open-ipad-vertical .richtext-wrap[data-v-6cab064b]:nth-child(2) { flex-direction: row; } .open-ipad-vertical .richtext-wrap:nth-child(2) .richtext-img[data-v-6cab064b]:before { top: 50%; right: auto; left: -9px; transform: translate(0, -50%) rotate(90deg) } .open-ipad-vertical .richtext-wrap .richtext-text .text-title[data-v-6cab064b] { font-size: 20px; height: 55px; } .open-ipad-vertical .richtext-wrap .richtext-text .text-text[data-v-6cab064b] { font-size: 14px; min-height: 35px; } .open-ipad-vertical .richtext-wrap .richtext-text .btn-view[data-v-6cab064b] { font-size: 12px; padding: 2px 14px 2px 17px; } @media screen and (max-width: 1439px) { .richtext-wrap .richtext-text .text-title[data-v-6cab064b] { font-size: 24px; height: 65px; } .richtext-wrap .richtext-text .text-text[data-v-6cab064b] { font-size: 14px; min-height: 35px; } .richtext-wrap .richtext-text[data-v-6cab064b] { padding: 20px; min-height: 253px; } } @media screen and (max-width: 1023px) { .rich-view-show .an-editor-state--package[data-v-6cab064b] { text-align: center; } .rich-view-show[data-v-6cab064b] { flex-direction: column; } .rich-view-show .richtext-wrap[data-v-6cab064b] { display: flex; flex-direction: row; max-width: inherit; } .rich-view-show .richtext-wrap .richtext-img[data-v-6cab064b] { flex: 1; /*max-width: 400px;*/ justify-content: center; } .rich-view-show .richtext-wrap .an-img-edit__wrap[data-v-6cab064b] { max-height: auto !important; max-width: auto !important; } .rich-view-show .richtext-wrap .richtext-text[data-v-6cab064b] { width: 50%; max-width: inherit; } .rich-view-show .richtext-wrap .richtext-img[data-v-6cab064b]:before { bottom: auto; top: 50%; right: -9px; left: auto; transform: translate(0, -50%) rotate(-90deg) } .rich-view-show .richtext-wrap[data-v-6cab064b]:nth-child(2) { flex-direction: row; } .rich-view-show .richtext-wrap:nth-child(2) .richtext-img[data-v-6cab064b]:before { top: 50%; right: auto; left: -9px; transform: translate(0, -50%) rotate(90deg) } }