Products — Hebei Donwel Metal Products CO., LTD | Made For Indians

Loading…

Products — Hebei Donwel Metal Products 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-1a0f4dafcbf",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; } } JHorse Please enter in English. since 2006 Please enter in English. And we mainly produce horse stable,barn door & windows,rubber mats,horse jumps,horse walker,horse fence,horse riding arena,etc. Our excellent capability reflected by having 100+ employees,8 production lines,and more than 10 professional equipments. We also provide free 2D&3D design drawing services. All of our customers′ needs for stables will be well met here. As quality horse stable manufacturers,we use the highest quality materials to provide a practical,safe and aesthetically pleasing home for your horse! In production,we have specially responsible person to conduct quality inspection to ensure that there will be no problems in production. When packing,workers will pack the goods as perfectly as possible to ensure that the goods will not be damaged during loading,unloading and transportation. We will fully consider the size of the goods and plan in advance,try to make the packaging size of the goods match the size of the container to ensure the full use of space. 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-1a0f1786eca",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; }