All productsFlood BarrierAluminum Flood BarrierPlastic Flood BarrierABS Flood BarriersFlood BagFlood Control BagLife JacketsView More Please enter in English.View More Please enter in English.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-1a09c0c0916",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; } } YOUR SAFETY I CARE Please enter in English. In hazardous environments we are with you Please enter in English. We are a flood barrier manufacturer with 13 years of experienceourselves as an outstanding research and development innovation team with a successful track record of project deliveriesWe take pide in our commitmen to excelence in qually and outstanding production and delivery assurance. With eficient producion capacly and a reiable suply network,we arequipped to meet the diverse needs of diferent customers,upholding our delivery commitments regardless of the order size. Thank you for choosing Hebei Aoshen Trading Co.,Ltd. as your partner. We look forward to our products providing continuous protecion by your side. 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-1a097837f01",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; }
