Products — Hangzhou Fuhan Garment Accessories Co., Ltd. | Made For Indians

Loading…

Products — Hangzhou Fuhan Garment Accessories 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-1a09d87fa46",murl:Athena.parseMurl,mode:"view",event:"domReady"});}) .video-wrap[data-v-95e31b72]{ display: flex; justify-content: center ; margin:0 auto; max-width: 100%; } .video-wrap-title[data-v-95e31b72]{ margin-bottom:20px; } .video-wrap .video-block[data-v-95e31b72]{ width: 60%; /* height: 480px; */ background:#222; position: relative; display: flex; flex-direction: column; justify-content: center; } .video-content[data-v-95e31b72] { /* width: 100%; height: 100%; text-align: center; position: relative; */ position: relative; font-size: 0; display: flex; justify-content: space-around; flex-wrap: wrap; padding-top: 56.25%; overflow: hidden; } .video-content .video-iframe[data-v-95e31b72],.video-content .video-cover[data-v-95e31b72]{ position: absolute; top:0; left:0; width: 100%; height: 100%; background: #000; display: flex; justify-content: center; align-items: center; } .video-content .video-cover[data-v-95e31b72]{ z-index:11; } .video-content .video-cover .video-cover-mark[data-v-95e31b72]{ position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); } .video-content .video-cover:hover .video-cover-mark[data-v-95e31b72]{ display:none; } .video-content .video-cover .img[data-v-95e31b72]{ max-width: 100%; max-height: 100%; vertical-align: middle; transition: transform .3s ease-out; } .video-content .video-cover.prevent-click:hover .img[data-v-95e31b72]{ transform: scale(1.04); } .video-content .video-cover .icon-play[data-v-95e31b72]{ color: #fff; font-size: 48px; position: absolute; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px; } .video-info[data-v-95e31b72]{ flex:1; height: 405px; padding: 40px; box-sizing: border-box; background: #E6ECF2; position:relative; } .video-info .videoInfoBg[data-v-95e31b72]{ position:absolute; bottom:1px; right:41px; } .video-info .videoInfoBgimg[data-v-95e31b72]{ max-width: 185px; max-height:171px; } .video-info .title[data-v-95e31b72]{ font-weight: bold; font-size: 36px; line-height: 43px; color: #222; max-width:420px; } .video-info .sub-title[data-v-95e31b72]{ font-size: 14px; line-height: 16px; color: #888; margin-top: 20px; max-width:320px; } .video-info .content[data-v-95e31b72]{ font-size: 14px; line-height: 21px; color: #555; max-height: 172px; margin-top: 20px; padding:2px; margin:-2px; max-width:420px; } .video-info .video-info-line[data-v-95e31b72]{ width: 40px; height: 1px; border-top: 1px solid #555555; margin: 10px 0 20px 6px; box-sizing: border-box; } .an-video-edit__wrap[data-v-95e31b72] { display: inline-block; position: relative; cursor: pointer; font-size: 0; } .an-video-edit__wrap.edit[data-v-95e31b72]:hover { box-shadow: 0 0 0 3px #534EF0; z-index: 10; } .an-video-edit__wrap .an-video-edit__operation-wrap.show-edit[data-v-95e31b72] { display: flex; visibility: visible; } .an-video-edit__wrap.disabled-edit[data-v-95e31b72] { box-shadow: none; cursor: default; } .an-video-edit__operation-wrap[data-v-95e31b72] { display: flex; align-items: flex-end; justify-content: center; position:absolute; width: 100%; height: 50px; padding-bottom: 8px; top: -58px; visibility: hidden; } @media only screen and (max-width: 1279px){ .video-wrap-edit .video-info .title[data-v-95e31b72]{ max-width:320px; } .video-wrap-edit .video-info .sub-title[data-v-95e31b72]{ max-width:320px; } .video-wrap-edit .video-info .content[data-v-95e31b72]{ max-width:372px; } } @media only screen and (max-width: 1279px){ .video-wrap-show .video-info .title[data-v-95e31b72]{ max-width:320px; } .video-wrap-show .video-info .sub-title[data-v-95e31b72]{ max-width:320px; } .video-wrap-show .video-info .content[data-v-95e31b72]{ max-width:372px; } } @media only screen and (max-width: 1023px){ .video-wrap-show[data-v-95e31b72] { flex-direction: column; width: 720px; margin: 0 auto; flex-wrap: wrap; } .video-wrap-show .video-block[data-v-95e31b72]{ width: 720px; height: 480px; } .video-wrap-show .video-info[data-v-95e31b72]{ width: 720px; height: 480px; } .video-wrap-show .video-info .videoInfoBg[data-v-95e31b72]{ right:70px; } .video-wrap-show .video-info .title[data-v-95e31b72]{ max-width:650px; } .video-wrap-show .video-info .sub-title[data-v-95e31b72]{ max-width:500px; } .video-wrap-show .video-info .content[data-v-95e31b72]{ max-width:688px; min-height:180px; } } ABOUT FUHAN Please enter in English. Hanzhou Fuhan Garment Accessories Co., Ltd Please enter in English. 20 Years of Experience in Cross-Border E-commerce 20 Years of Experience Europ American Export 30+ Swiss Muller Label Weaving Machines 20+ Japanese TAJIMA Embroidery Machines 30+ Qualifications & Authoritative Certification 10 German Heidelberg Printing Machines Garment Accessories & Packaging One-Stop Service ODM/OEM Origin Factory Design& Custom Manufacturing Qualifications & Authoritative Certification Please enter in English. document.addEventListener("DOMContentLoaded", function(){ void function(context){ Athena.loadShim("$", function(){ let videoObj = document.querySelector(".J-video-url-" + context.scopeId); let videoSpace =document.querySelector("#videoContent-" + context.scopeId); let player; if(window["faw"] && window["VideoPlayer"]){ faw.videoWatcher() } $(".J-video-"+ context.scopeId).on("click",function(){ if(player){ player.play(); }else{ if(videoObj && videoObj.value!="" && videoSpace){ player = new VideoPlayer({ el: "#videoContent-" + context.scopeId, // 视频播放区域 videoUrl: videoObj.value, // 视频url autoplay: false, // 是否自动播放 blank: "/vblank.html", token: "", // 微软视频的 token muted: true }); player.on("loadeddata", function(){ player.play(); }); player.on("play", function(){ $(".J-video-"+ context.scopeId).hide(); }); player.on("ended", function(){ $(".J-video-"+ context.scopeId).show(); }); } } }) }) }({scopeId:"scope-1a0989e8a29",murl:Athena.parseMurl,mode:"view",event:"domReady"});}) .sr-hot[data-v-3353c608] { margin: 0 auto; max-width: 2560px; width: 100%; } .sr-hot-inside[data-v-3353c608] { width: 100%; } .sr-image-wrapper[data-v-3353c608] { width: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; } .sr-hot-image[data-v-3353c608] { display: block; max-width: 100%; } .sr-no-pic[data-v-3353c608] { height: 400px; } @media screen and (max-width: 1279px) { .sr-no-pic[data-v-3353c608] { height: 300px; } } 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-1a09866e321",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; }