.elementor-kit-10{--e-global-color-primary:#1E9191;--e-global-color-secondary:#191919;--e-global-color-text:#454545;--e-global-color-accent:#138181;--e-global-color-a5ad476:#FFFFFF;--e-global-color-61bea7d:#000000;--e-global-color-b69892e:#F5F5F5;--e-global-color-70ca377:#333333;--e-global-color-c106489:#0201010F;--e-global-color-a3b7cc2:#1E9191;--e-global-color-943517e:#101010;--e-global-color-3d2f041:#E0EFEF;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-bf2d63e-font-family:"Poppins";--e-global-typography-bf2d63e-font-size:45px;--e-global-typography-bf2d63e-font-weight:600;--e-global-typography-bf2d63e-line-height:1.4em;--e-global-typography-78b249e-font-family:"Poppins";--e-global-typography-78b249e-font-size:38px;--e-global-typography-78b249e-font-weight:600;--e-global-typography-78b249e-line-height:1.4em;--e-global-typography-b8d51a2-font-family:"Poppins";--e-global-typography-b8d51a2-font-size:30px;--e-global-typography-b8d51a2-font-weight:500;--e-global-typography-b8d51a2-line-height:1.3em;--e-global-typography-8338691-font-family:"Poppins";--e-global-typography-8338691-font-weight:600;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{background-color:var( --e-global-color-a3b7cc2 );text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-a5ad476 );border-radius:0px 0px 0px 0px;padding:10px 20px 10px 20px;}.elementor-kit-10 button:hover,.elementor-kit-10 button:focus,.elementor-kit-10 input[type="button"]:hover,.elementor-kit-10 input[type="button"]:focus,.elementor-kit-10 input[type="submit"]:hover,.elementor-kit-10 input[type="submit"]:focus,.elementor-kit-10 .elementor-button:hover,.elementor-kit-10 .elementor-button:focus{background-color:var( --e-global-color-943517e );}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{color:#1E9191;}.elementor-kit-10 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-bf2d63e-font-family ), Sans-serif;font-size:var( --e-global-typography-bf2d63e-font-size );font-weight:var( --e-global-typography-bf2d63e-font-weight );line-height:var( --e-global-typography-bf2d63e-line-height );}.elementor-kit-10 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-78b249e-font-family ), Sans-serif;font-size:var( --e-global-typography-78b249e-font-size );font-weight:var( --e-global-typography-78b249e-font-weight );line-height:var( --e-global-typography-78b249e-line-height );}.elementor-kit-10 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-b8d51a2-font-family ), Sans-serif;font-size:var( --e-global-typography-b8d51a2-font-size );font-weight:var( --e-global-typography-b8d51a2-font-weight );line-height:var( --e-global-typography-b8d51a2-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-10{--e-global-typography-bf2d63e-font-size:35px;--e-global-typography-78b249e-font-size:26px;--e-global-typography-b8d51a2-font-size:23px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-10 h1{font-size:var( --e-global-typography-bf2d63e-font-size );line-height:var( --e-global-typography-bf2d63e-line-height );}.elementor-kit-10 h2{font-size:var( --e-global-typography-78b249e-font-size );line-height:var( --e-global-typography-78b249e-line-height );}.elementor-kit-10 h3{font-size:var( --e-global-typography-b8d51a2-font-size );line-height:var( --e-global-typography-b8d51a2-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-bf2d63e-font-size:30px;--e-global-typography-78b249e-font-size:22px;--e-global-typography-b8d51a2-font-size:19px;--e-global-typography-8338691-line-height:1em;--e-global-typography-8338691-letter-spacing:1px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-10 h1{font-size:var( --e-global-typography-bf2d63e-font-size );line-height:var( --e-global-typography-bf2d63e-line-height );}.elementor-kit-10 h2{font-size:var( --e-global-typography-78b249e-font-size );line-height:var( --e-global-typography-78b249e-line-height );}.elementor-kit-10 h3{font-size:var( --e-global-typography-b8d51a2-font-size );line-height:var( --e-global-typography-b8d51a2-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!-- ============ Sticky Contact Bar (Global) ============ -->
<style>
/* 主容器 */
.cebinasticky{
  position:fixed;
  top:50%;
  right:12px;
  transform:translateY(-30%);
  background:#00000088 !important;
  border-radius:8px;
  z-index:9999;
  -webkit-backdrop-filter:saturate(120%) blur(2px);
  backdrop-filter:saturate(120%) blur(2px);
}

/* 列表与项 */
.cebinasticky ul{margin:0!important;padding:8px 0!important;list-style:none}
.cebinasticky ul li{position:relative}
.cebinasticky ul li a{
  display:block;width:44px;height:44px;position:relative;
  transition:transform .2s ease;
}
.cebinasticky ul li a:focus{outline:2px solid #93eef2;outline-offset:2px}
.cebinasticky ul li a:hover{transform:translateX(-2px)}

/* 图标（用 ::before 背景图） */
.cebinasticky ul li a::before{
  content:"";position:absolute;inset:0;margin:auto;
  width:22px;height:22px;background-size:cover;background-position:center;
}

/* 悬停气泡 */
.cebinasticky ul li a span{
  position:absolute;top:0;right:-400px;height:100%;
  width:260px;padding:6px 56px 6px 16px;border-radius:6px 0 0 6px;
  color:#fff;font-size:13px;line-height:32px;text-align:center;
  transition:all .25s ease;visibility:hidden;z-index:-1;white-space:nowrap;
}
.cebinasticky ul li a:hover span{right:44px;visibility:visible;z-index:1}

/* 具体图标背景（请用你媒体库的 URL 替换）*/
.cebinasticky ul li.email a::before{background-image:url('/wp-content/uploads/2025/05/Email.png')}
.cebinasticky ul li.mobile a::before{background-image:url('/wp-content/uploads/2025/05/Tel.png')}
.cebinasticky ul li.wechat a::before{background-image:url('/wp-content/uploads/2025/05/Wechat.png')}
.cebinasticky ul li.whatsapp a::before{background-image:url('/wp-content/uploads/2025/05/WhatsApp.png')}
.cebinasticky ul li.fbb a::before{background-image:url('/wp-content/uploads/2025/05/FB.png')}
.cebinasticky ul li.tele a::before{background-image:url('/wp-content/uploads/2025/05/telegram.png')}
.cebinasticky ul li.ins a::before{background-image:url('/wp-content/uploads/2025/05/instagram-1.png')}
.cebinasticky ul li.totop a::before{background-image:url('/wp-content/uploads/2025/05/angle-up2.png')}

/* 不同服务的气泡底色 */
.cebinasticky ul li.email   a span{background:#333}
.cebinasticky ul li.mobile  a span{background:#357DED}
.cebinasticky ul li.wechat  a span{background:#2AAE67}
.cebinasticky ul li.whatsapp a span{background:#25D366}
.cebinasticky ul li.fbb     a span{background:#1877F2}
.cebinasticky ul li.tele    a span{background:#2AABEE}
.cebinasticky ul li.ins     a span{background:#DD2A7B}
.cebinasticky ul li.totop   a span{background:#000}

/* 气泡里可能放图片（如二维码） */
.cebinasticky ul li a span img{
  width:120px;height:120px;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.3);
}

/* 移动端：缩小/避免遮盖浮层 */
@media (max-width: 768px){
  .cebinasticky{right:8px;transform:translateY(-20%)}
  .cebinasticky ul li a{width:40px;height:40px}
  .cebinasticky ul li a span{display:none} /* 移动端不弹出大气泡，避免遮挡 */
}

/* 优化：用户偏好少动效 */
@media (prefers-reduced-motion: reduce){
  .cebinasticky *{transition:none !important}
}
</style>

<!-- 侧边栏联系方式（带无障碍标签） -->
<div class="cebinasticky" role="complementary" aria-label="Quick contact toolbar">
  <ul>
    <li class="email">
      <a href="mailto:wellcare@cnwellcare.com" class="gtm-1" aria-label="Send email">
        <span>wellcare@cnwellcare.com</span>
      </a>
    </li>

    <li class="mobile">
      <a href="tel:+86-13655936189" class="gtm-2" aria-label="Call us">
        <span>+86 136 5593 6189</span>
      </a>
    </li>

    <li class="wechat">
      <a href="javascript:void(0);" class="gtm-3" aria-label="Show WeChat QR">
        <span><img src="https://i.postimg.cc/KYGQMSfy/20241205200021.png" alt="WeChat QR"></span>
      </a>
    </li>

    <li class="whatsapp">
      <a href="https://wa.me/8618659800016?text=Hi%20Wellcare%2C%20I%27d%20like%20to%20know%20more%20details%20about%20your%20OEM%20hygiene%20products.%20(Page:%20[site_url])"
         target="_blank" rel="noopener nofollow" class="gtm-4" aria-label="WhatsApp chat">
        <span><img src="https://i.postimg.cc/KYGQMSfy/20241205200021.png" alt="WhatsApp QR"></span>
      </a>
    </li>

    <li class="fbb">
      <a href="https://facebook.com/" target="_blank" rel="noopener nofollow" class="gtm-5" aria-label="Facebook">
        <span>Follow us on Facebook</span>
      </a>
    </li>

    <li class="tele">
      <a href="https://t.me/your_telegram" target="_blank" rel="noopener nofollow" class="gtm-6" aria-label="Telegram">
        <span>Chat via Telegram</span>
      </a>
    </li>

    <li class="ins">
      <a href="https://instagram.com/" target="_blank" rel="noopener nofollow" class="gtm-7" aria-label="Instagram">
        <span>Follow us on Instagram</span>
      </a>
    </li>

    <li class="totop">
      <a href="#" id="back-to-top" aria-label="Back to top">
        <span>To Top</span>
      </a>
    </li>
  </ul>
</div>

<script>
/* 回到顶部 */
(function(){
  const btn = document.getElementById('back-to-top');
  if(!btn) return;

  const toggle = () => {
    // 滚动超过 100 才显示（否则别挡内容）
    btn.style.display = (window.scrollY > 100) ? 'block' : 'none';
  };
  toggle();
  window.addEventListener('scroll', toggle, {passive:true});

  btn.addEventListener('click', function(e){
    e.preventDefault();
    window.scrollTo({top:0, behavior:'smooth'});
  });
})();
</script>
<!-- ============ /Sticky Contact Bar ============ -->/* End custom CSS */