{"id":1486,"date":"2026-05-11T15:51:18","date_gmt":"2026-05-11T07:51:18","guid":{"rendered":"http:\/\/8.211.42.149\/?post_type=myproducts&#038;p=1486"},"modified":"2026-06-02T16:22:10","modified_gmt":"2026-06-02T08:22:10","slug":"valle-rubber","status":"publish","type":"products","link":"https:\/\/walleglobal.com\/de\/products\/valle-rubber\/","title":{"rendered":"Valle rubber"},"content":{"rendered":"\n<div id=\"wp-block-themeisle-blocks-advanced-columns-f077f37b\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-unset\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-db7d1098\" class=\"wp-block-themeisle-blocks-advanced-column\"><div class=\"wp-block-themeisle-blocks-advanced-column-overlay\"><\/div>\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- ============================================== -->\n<!-- 1. CSS \u6837\u5f0f\u90e8\u5206\uff1a\u63a7\u5236\u8f6e\u64ad\u5916\u89c2\u3001\u5927\u5c0f\u3001\u989c\u8272 -->\n<!-- ============================================== -->\n<style>\n\n\/* \u5168\u5c40\u91cd\u7f6e\uff1a\u6e05\u9664\u6240\u6709\u9ed8\u8ba4\u8fb9\u8ddd\u3001\u8fb9\u6846\uff0c\u907f\u514d\u5e72\u6270 *\/\n.final-slider-wrapper * {\n  margin: 0 !important;\n  padding: 0 !important;\n  box-sizing: border-box !important;\n  border: none !important;\n  background: transparent !important;\n}\n\n\/* \u6700\u5916\u5c42\u5bb9\u5668\uff1a\u63a7\u5236\u6574\u4e2a\u8f6e\u64ad\u7684\u5bbd\u5ea6\u3001\u9ad8\u5ea6\u3001\u5c45\u4e2d *\/\n.final-slider-wrapper {\n  width: 100% !important;\n  max-width: 73% !important;\n  height: 420px !important;\n  position: relative !important;\n  margin: 0 auto !important;\n  perspective: 1800px !important;\n  overflow: visible !important;\n}\n\n\/* \u56fe\u7247\u8f68\u9053 *\/\n.final-slider-track {\n  width: 100% !important;\n  height: 100% !important;\n  position: relative !important;\n  transform-style: preserve-3d !important;\n}\n\n\/* \u5355\u5f20\u56fe\u7247\u6837\u5f0f *\/\n.final-slide {\n  position: absolute !important;\n  width: 60% !important;\n  max-width: 600px !important;\n  height: 400px !important;\n  left: 50% !important;\n  top: 50% !important;\n  transform: translate(-50%, -50%);\n  border-radius: 8px !important;\n  overflow: hidden !important;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;\n  transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;\n  backface-visibility: hidden !important;\n  cursor: pointer;\n  \n  \/* ---------- \u666e\u901a\u72b6\u6001\uff1a\u7ec6\u7070\u8fb9\u6846 ---------- *\/\n  border: 5px solid #FFFFFF !important;\n}\n\n\/* ---------- \ud83d\udd25 \u4e2d\u95f4\u9ad8\u4eae\u56fe\u7247\uff1a\u91d1\u8272\u8fb9\u6846 ---------- *\/\n.final-slide.active {\n  border: 6px solid #FFFFFF !important; \/* \u9ad8\u4eae\u91d1\u8272 *\/\n  box-shadow: 0 0 25px rgba(255, 255, 255, 1) !important;\n}\n\n\/* \u56fe\u7247\u672c\u8eab *\/\n.final-slide img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  display: block !important;\n  pointer-events: none !important;\n}\n\n\/* -------------------- \u624b\u673a\u7aef\u5de6\u53f3\u7bad\u5934\u6309\u94ae -------------------- *\/\n\/* \u5339\u914d\u4f60\u8981\u7684\u7070\u8272\u5706\u5e95\u767d\u8272\u7bad\u5934\u6837\u5f0f *\/\n.slide-btn {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 44px;\n  height: 44px;\n  background: #777777 !important; \/* \u7070\u8272\u80cc\u666f\uff0c\u548c\u4f60\u56fe\u7247\u4e00\u81f4 *\/\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff; \/* \u767d\u8272\u7bad\u5934 *\/\n  font-size: 30px;\n  font-weight: bold;\n  border: none;\n  z-index: 20;\n  cursor: pointer;\n  display: none; \/* \u7535\u8111\u7aef\u9690\u85cf *\/\n}\n\n#prevBtn::after {\n  content: \"\u2039\";\n}\n#nextBtn::after {\n  content: \"\u203a\";\n}\n#prevBtn { left: 10px; }\n#nextBtn { right: 10px; }\n\n\/* \u5927\u56fe\u5f39\u7a97 *\/\n.img-modal {\n  position: fixed !important;\n  top: 0 !important;\n  left: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  background: rgba(0,0,0,0.85) !important;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  z-index: 99999 !important;\n}\n.img-modal img {\n  max-width: 90%;\n  max-height: 90vh;\n  border-radius: 6px;\n}\n\n\/* \u624b\u673a\u7aef\u81ea\u9002\u5e94 *\/\n@media (max-width: 768px) {\n  .final-slider-wrapper {\n    max-width: 100% !important;\n    height: 300px !important;\n    padding: 0 10px !important;\n  }\n  .final-slide {\n    width: 80% !important;\n    height: 220px !important;\n  }\n  \/* \u624b\u673a\u7aef\u663e\u793a\u6309\u94ae *\/\n  .slide-btn {\n    display: flex !important;\n  }\n}\n<\/style>\n\n<!-- ============================================== -->\n<!-- 2. HTML \u7ed3\u6784 -->\n<!-- ============================================== -->\n<div class=\"final-slider-wrapper\">\n  <div class=\"final-slider-track\">\n    <div class=\"final-slide\"><img decoding=\"async\" src=\"https:\/\/walleglobal.com\/wp-content\/uploads\/2026\/05\/Valle-rubber1.jpg\"><\/div>\n\n  <\/div>\n\n  <!-- \u624b\u673a\u7aef\u5de6\u53f3\u6309\u94ae -->\n  <div class=\"slide-btn\" id=\"prevBtn\"><\/div>\n  <div class=\"slide-btn\" id=\"nextBtn\"><\/div>\n<\/div>\n\n<!-- \u5927\u56fe\u5f39\u7a97 -->\n<div class=\"img-modal\" id=\"imgModal\">\n  <img decoding=\"async\" src=\"\" id=\"modalImg\">\n<\/div>\n\n<!-- ============================================== -->\n<!-- 3. JS \u903b\u8f91\uff1a\u9002\u914d1\u5f20\u30012\u5f20\u3001\u591a\u5f20 + \u9ad8\u4eae\u8fb9\u6846\u81ea\u52a8\u5207\u6362 -->\n<!-- ============================================== -->\n<script>\n(function(){\n  const slides = document.querySelectorAll('.final-slide');\n  const imgModal = document.getElementById('imgModal');\n  const modalImg = document.getElementById('modalImg');\n  const prevBtn = document.getElementById('prevBtn');\n  const nextBtn = document.getElementById('nextBtn');\n\n  let current = 0;\n  const len = slides.length;\n\n  function render() {\n    \/\/ \u5148\u6e05\u9664\u6240\u6709\u9ad8\u4eae\n    slides.forEach(s => s.classList.remove('active'));\n\n    \/\/ \u53ea\u67091\u5f20\u56fe\uff1a\u5c45\u4e2d\u663e\u793a + \u9ad8\u4eae\n    if (len === 1) {\n      slides[0].style.transform = 'translate(-50%, -50%) scale(1)';\n      slides[0].style.opacity = '1';\n      slides[0].style.pointerEvents = 'auto';\n      slides[0].classList.add('active');\n      return;\n    }\n\n    \/\/ 2\u5f20\u56fe\uff1a\u9ed8\u8ba4\u7b2c0\u5f20\u5c45\u4e2d\uff0c\u7b2c1\u5f20\u5de6\u4fa7\n    if (len === 2) {\n      slides.forEach((slide, idx) => {\n        if(idx === current){\n          slide.style.transform = 'translate(-50%, -50%) scale(1)';\n          slide.classList.add('active');\n        }else{\n          slide.style.transform = 'translate(-50%, -50%) translateX(-100%) scale(0.7)';\n        }\n        slide.style.opacity = '1';\n        slide.style.pointerEvents = 'auto';\n      });\n      return;\n    }\n\n    \/\/ 3\u5f20\u53ca\u4ee5\u4e0a\u539f\u67093D\u8f6e\u64ad\u903b\u8f91\n    slides.forEach((slide, idx) => {\n      let diff = idx - current;\n      if (diff > len\/2) diff -= len;\n      if (diff < -len\/2) diff += len;\n      const absDiff = Math.abs(diff);\n\n      if (absDiff > 1) {\n        slide.style.opacity = '0';\n        slide.style.pointerEvents = 'none';\n      } else {\n        slide.style.opacity = '1';\n        slide.style.pointerEvents = 'auto';\n      }\n\n      let transform = '';\n      if (diff === 0) {\n        transform = `translate(-50%, -50%) scale(1)`;\n        slide.classList.add('active'); \/\/ \u9ad8\u4eae\n      } else if (diff === 1) {\n        transform = `translate(-50%, -50%) translateX(100%) scale(0.7)`;\n      } else if (diff === -1) {\n        transform = `translate(-50%, -50%) translateX(-100%) scale(0.7)`;\n      }\n      slide.style.transform = transform;\n    });\n  }\n\n  \/\/ \u70b9\u51fb\u56fe\u7247\uff1a\u540c\u4e00\u5f20\u70b9\u5f00\u5927\u56fe\uff0c\u76f8\u90bb\u53ef\u5207\u6362\n  slides.forEach((el, idx) => {\n    el.onclick = function(){\n      \/\/ \u70b9\u51fb\u5f53\u524d\u5c45\u4e2d\u56fe \u2192 \u5f00\u5927\u56fe\n      if(idx === current){\n        modalImg.src = el.querySelector('img').src;\n        imgModal.style.display = 'flex';\n        return;\n      }\n      \/\/ 2\u5f20\/\u591a\u5f20 \u90fd\u53ef\u4ee5\u70b9\u51fb\u65c1\u8fb9\u5207\u6362\n      if (idx === current - 1 || idx === current - 1 + len) {\n        current = (current - 1 + len) % len;\n        render();\n      } else if (idx === current + 1 || idx === current + 1 - len) {\n        current = (current + 1) % len;\n        render();\n      }\n    };\n  });\n\n  \/\/ \u4e0a\u4e00\u5f20\n  prevBtn.onclick = () => {\n    if(len <= 1) return;\n    current = (current - 1 + len) % len;\n    render();\n  };\n  \/\/ \u4e0b\u4e00\u5f20\n  nextBtn.onclick = () => {\n    if(len <= 1) return;\n    current = (current + 1) % len;\n    render();\n  };\n\n  \/\/ \u5173\u95ed\u5f39\u7a97\n  imgModal.onclick = function(){\n    imgModal.style.display = 'none';\n  };\n\n  render();\n})();\n<\/script>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong><strong>Sealing Parts: Your Reliable Choice for Superior Quality<\/strong><\/strong><\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hello everyone! On behalf of our company, a professional manufacturer of valve rubber sleeves, it is our great honor to introduce our products and services to you. No matter which industry you are engaged in, protecting your equipment and machinery is essential, and our sealing products will be your most trustworthy partner.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With years of experience in sealing component production, we adhere to the principle of <strong>Quality First, Customer Foremost<\/strong>, and are committed to delivering premium products and excellent services. Our valve rubber sleeves feature the following core advantages:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>High-Quality Raw Materials<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">We adopt superior raw materials to manufacture sealing parts, guaranteeing excellent durability and long service life. Our products can stand the test in high temperature, low temperature and other harsh working environments.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Excellent Sealing Performance<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The core function of sealing parts is to isolate internal equipment from external adverse conditions. Our valve rubber sleeves deliver outstanding sealing effect to effectively protect your equipment from damage.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Customized Sealing Solutions<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">We fully understand that every client has unique demands. We provide tailored solutions and can design and produce sealing products strictly in line with your specific requirements to fully meet your expectations.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Thoughtful After-sales Service<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">We maintain strict standards for product quality and attach great importance to after-sales support. Our professional team is always ready to offer timely assistance and solve all your concerns to ensure your full satisfaction.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing our sealing products means choosing guaranteed reliability and stable quality. We are eager to establish long-term cooperative partnerships and contribute to the success of your business.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Feel free to contact our sales team anytime if you are interested in our products or have any inquiries. We will serve you wholeheartedly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank you for your attention, and we sincerely look forward to cooperating with you!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sealing Parts: Your Reliable Choice for Superior Quality Hello everyone! On behalf of our company, a professional manufacturer of valve rubber sleeves, it is our great honor to introduce our products and services to you. No matter which industry you are engaged in, protecting your equipment and machinery is essential, and our sealing products will [&hellip;]<\/p>\n","protected":false},"featured_media":855,"template":"","meta":{"_themeisle_gutenberg_block_has_review":false},"categories":[28],"tags":[],"class_list":["post-1486","products","type-products","status-publish","has-post-thumbnail","hentry","category-oil-and-gas-seals"],"_links":{"self":[{"href":"https:\/\/walleglobal.com\/de\/wp-json\/wp\/v2\/products\/1486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walleglobal.com\/de\/wp-json\/wp\/v2\/products"}],"about":[{"href":"https:\/\/walleglobal.com\/de\/wp-json\/wp\/v2\/types\/products"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/walleglobal.com\/de\/wp-json\/wp\/v2\/media\/855"}],"wp:attachment":[{"href":"https:\/\/walleglobal.com\/de\/wp-json\/wp\/v2\/media?parent=1486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walleglobal.com\/de\/wp-json\/wp\/v2\/categories?post=1486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walleglobal.com\/de\/wp-json\/wp\/v2\/tags?post=1486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}