TOP SELLINGPaint ApplicatorsK9 Threadlock ToolsExtension PolePaint KitPaint PadTool BagPail OpenerPaint Stir BarPaint TrayCleaning ToolsPaint Roller-USPaint Roller-EUPaint AccessoriesSeal ToolsPaint BrushOthers Paint ApplicatorsTemporary ProtectionSelf-Adhesive Zipper DoorDust Barrier PolesDrop ClothMasking PaperMasking Tape and FilmOthers Temporary ProtectionSurface Prep RepairTrowelCalking ToolHardware ToolsSandingRemoval ToolsConstruction ToolsTaping KnifePutty KnifeOthers Surface Prep RepairBigteethdocument.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-1a09825c125",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; } } Step Inside Rollingdog Please enter in English. Our Office,Showroom & QC Facilities Please enter in English. Our quality control process spans from the early stages of development to the final stages of production and assembly. Our professional inspection team and advanced testing equipment ensure that our customers receive high-quality products. We have also obtained certifications including TUV,ISO9000,SEDEX,BSCI, FSC,covering both product quality and raw materials. 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-1a09be0c083",murl:Athena.parseMurl,mode:"view",event:"domReady"});}) - 360° Virtual Tour -