Question 1

Premium Quality Craftsmanship

Advanced Production Technology

Trusted Global Partner

Fully Customized Solutions

Start Your Project

View Our Capabilities

ISO Certified

Quality Guaranteed

22+ Years Experience

Secure Payment

document.addEventListener('DOMContentLoaded', function() {
  // 特性卡片入场动画 - 优化时序
  const featureCards = document.querySelectorAll('.rx-manufacturing-banner .feature-card');
  featureCards.forEach((card, index) => {
    card.style.opacity = '0';
    card.style.transform = 'translateY(30px)';
    
    setTimeout(() => {
      card.style.transition = 'all 0.7s cubic-bezier(0.4, 0, 0.2, 1)';
      card.style.opacity = '1';
      card.style.transform = 'translateY(0)';
    }, 150 * index);
  });

// 年份徽章交互
  const yearBadge = document.querySelector('.rx-manufacturing-banner .year-badge');
  yearBadge.addEventListener('mouseenter', function() {
    this.style.transform = 'scale(1.08) translateY(-3px)';
  });
  yearBadge.addEventListener('mouseleave', function() {
    this.style.transform = 'scale(1) translateY(0)';
  });

// CTA按钮涟漪效果
  const ctaButtons = document.querySelectorAll('.rx-manufacturing-banner .cta-btn');
  ctaButtons.forEach(btn => {
    btn.addEventListener('click', function(e) {
      const action = this.querySelector('span').textContent;
      console.log(`CTA clicked: ${action} - Navigating to: ${this.href}`);
      
      const ripple = document.createElement('div');
      const rect = this.getBoundingClientRect();
      const size = Math.max(rect.width, rect.height);
      const x = e.clientX - rect.left - size / 2;
      const y = e.clientY - rect.top - size / 2;
      
      ripple.style.cssText = `
        position: absolute;
        width: ${size}px;
        height: ${size}px;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        left: ${x}px;
        top: ${y}px;
        pointer-events: none;
        animation: btnRipple 0.8s ease-out;
      `;
      this.appendChild(ripple);
      setTimeout(() => ripple.remove(), 800);
    });
  });

// 信任标识入场动画
  const trustItems = document.querySelectorAll('.rx-manufacturing-banner .trust-item');
  trustItems.forEach((item, index) => {
    item.style.opacity = '0';
    item.style.transform = 'translateY(20px)';
    
    setTimeout(() => {
      item.style.transition = 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)';
      item.style.opacity = '1';
      item.style.transform = 'translateY(0)';
    }, 800 + (100 * index));
  });

// 标题渐入动画
  const mainTitle = document.querySelector('.rx-manufacturing-banner .main-title');
  mainTitle.style.opacity = '0';
  mainTitle.style.transform = 'translateY(20px)';
  setTimeout(() => {
    mainTitle.style.transition = 'all 0.8s cubic-bezier(0.4, 0, 0.2, 1)';
    mainTitle.style.opacity = '1';
    mainTitle.style.transform = 'translateY(0)';
  }, 200);
});

// 涟漪动画样式
const rippleStyle = document.createElement('style');
rippleStyle.textContent = `
  @keyframes btnRipple {
    to {
      transform: scale(2.5);
      opacity: 0;
    }
  }
`;
document.head.appendChild(rippleStyle);

.rx-services-main {
      width: 100%;
      background: linear-gradient(180deg, 
        #fefcfb 0%,
        #fef8f4 30%,
        #fef3ec 60%,
        #fdeee3 100%
      );
      font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
      padding: 90px 0;
      position: relative;
      overflow: hidden;
    }

/* 背景装饰 */
    .rx-services-main::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: 
        radial-gradient(circle at 25% 25%, rgba(234, 88, 12, 0.04) 0%, transparent 50%),
        radial-gradient(circle at 75% 75%, rgba(251, 146, 60, 0.03) 0%, transparent 50%);
      pointer-events: none;
    }

.rx-services-main .container {
      max-width: 1320px;
      margin: 0 auto;
      padding: 0 40px;
      position: relative;
      z-index: 1;
    }

/* === 顶部标题区 === */
    .rx-services-main .section-header {
      text-align: center;
      max-width: 900px;
      margin: 0 auto 70px;
    }

.rx-services-main .section-badge {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 24px;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.88));
      border: 2.5px solid rgba(234, 88, 12, 0.28);
      border-radius: 50px;
      backdrop-filter: blur(12px);
      box-shadow: 
        0 8px 28px rgba(234, 88, 12, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
      margin-bottom: 24px;
      transition: all 0.3s ease;
    }

.rx-services-main .section-badge:hover {
      transform: translateY(-3px) scale(1.05);
      box-shadow: 0 12px 36px rgba(234, 88, 12, 0.25);
    }

.rx-services-main .badge-icon {
      width: 22px;
      height: 22px;
    }

.rx-services-main .badge-icon svg {
      width: 100%;
      height: 100%;
    }

.rx-services-main .badge-icon svg path,
    .rx-services-main .badge-icon svg circle {
      fill: none;
      stroke: #ea580c;
      stroke-width: 2.5;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

.rx-services-main .badge-text {
      font-size: 13px;
      font-weight: 900;
      letter-spacing: 2px;
      text-transform: uppercase;
      background: linear-gradient(135deg, #9a3412, #ea580c, #fb923c);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

.rx-services-main .section-title {
      font-size: 48px;
      font-weight: 900;
      line-height: 1.2;
      color: #0f172a;
      margin-bottom: 0;
      letter-spacing: -2px;
    }

.rx-services-main .title-highlight {
      background: linear-gradient(135deg, #9a3412 0%, #ea580c 40%, #fb923c 80%, #fdba74 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

/* === 服务卡片 === */
    .rx-services-main .services-wrapper {
      display: flex;
      flex-direction: column;
      gap: 50px;
    }

.rx-services-main .service-card {
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      gap: 0;
      background: linear-gradient(135deg, 
        rgba(255, 255, 255, 0.96) 0%, 
        rgba(255, 255, 255, 0.9) 100%
      );
      border-radius: 28px;
      overflow: hidden;
      box-shadow: 
        0 12px 48px rgba(234, 88, 12, 0.14),
        0 4px 20px rgba(0, 0, 0, 0.06);
      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
      position: relative;
    }

.rx-services-main .service-card::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 28px;
      padding: 2px;
      background: linear-gradient(135deg, #ea580c, #fb923c, #fdba74);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      opacity: 0;
      transition: opacity 0.5s ease;
    }

.rx-services-main .service-card:hover {
      transform: translateY(-10px);
      box-shadow: 
        0 24px 64px rgba(234, 88, 12, 0.22),
        0 8px 32px rgba(0, 0, 0, 0.1);
    }

.rx-services-main .service-card:hover::before {
      opacity: 1;
    }

/* 偶数卡片图片在左 */
    .rx-services-main .service-card:nth-child(even) {
      grid-template-columns: 1fr 1.2fr;
    }

.rx-services-main .service-card:nth-child(even) .service-content {
      order: 2;
    }

.rx-services-main .service-card:nth-child(even) .service-image {
      order: 1;
    }

/* 内容区 */
    .rx-services-main .service-content {
      padding: 50px 55px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

.rx-services-main .service-emoji {
      font-size: 48px;
      line-height: 1;
      margin-bottom: 20px;
      display: block;
      animation: float 3s ease-in-out infinite;
    }

@keyframes float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }

.rx-services-main .service-title {
      font-size: 30px;
      font-weight: 900;
      line-height: 1.25;
      color: #0f172a;
      margin-bottom: 10px;
      letter-spacing: -1.2px;
    }

.rx-services-main .service-subtitle {
      font-size: 17px;
      font-weight: 700;
      color: #ea580c;
      margin-bottom: 18px;
      letter-spacing: -0.3px;
    }

.rx-services-main .service-description {
      font-size: 16px;
      line-height: 1.75;
      color: #475569;
      margin-bottom: 28px;
      font-weight: 500;
    }

.rx-services-main .service-features {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
      margin-bottom: 24px;
    }

.rx-services-main .feature-item {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 14px 18px;
      background: linear-gradient(135deg, 
        rgba(254, 243, 235, 0.6) 0%, 
        rgba(254, 243, 235, 0.3) 100%
      );
      border-left: 4px solid #ea580c;
      border-radius: 12px;
      transition: all 0.3s ease;
    }

.rx-services-main .feature-item:hover {
      background: linear-gradient(135deg, 
        rgba(254, 243, 235, 0.9) 0%, 
        rgba(254, 243, 235, 0.6) 100%
      );
      transform: translateX(8px);
      box-shadow: 0 6px 20px rgba(234, 88, 12, 0.15);
    }

.rx-services-main .feature-icon {
      width: 20px;
      height: 20px;
      flex-shrink: 0;
      margin-top: 2px;
    }

.rx-services-main .feature-icon svg {
      width: 100%;
      height: 100%;
    }

.rx-services-main .feature-icon svg path {
      fill: none;
      stroke: #ea580c;
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

.rx-services-main .feature-content {
      flex: 1;
    }

.rx-services-main .feature-title {
      font-size: 15px;
      font-weight: 800;
      color: #1e293b;
      margin-bottom: 3px;
      letter-spacing: -0.3px;
    }

.rx-services-main .feature-desc {
      font-size: 14px;
      line-height: 1.6;
      color: #64748b;
      font-weight: 500;
    }

.rx-services-main .service-footer {
      padding: 16px 20px;
      background: linear-gradient(135deg, 
        rgba(251, 146, 60, 0.12) 0%, 
        rgba(253, 186, 116, 0.08) 100%
      );
      border-left: 4px solid #fb923c;
      border-radius: 12px;
      font-size: 14px;
      line-height: 1.6;
      color: #64748b;
      font-style: italic;
      font-weight: 600;
    }

/* 图片区 */
    .rx-services-main .service-image {
      position: relative;
      height: 100%;
      min-height: 550px;
      overflow: hidden;
    }

.rx-services-main .service-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    }

.rx-services-main .service-card:hover .service-image img {
      transform: scale(1.12);
    }

.rx-services-main .service-image::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, 
        rgba(234, 88, 12, 0.25) 0%, 
        rgba(251, 146, 60, 0.15) 50%,
        transparent 100%
      );
      opacity: 0;
      transition: opacity 0.5s ease;
    }

.rx-services-main .service-card:hover .service-image::after {
      opacity: 1;
    }

/* 图片装饰标签 */
    .rx-services-main .image-badge {
      position: absolute;
      bottom: 30px;
      right: 30px;
      padding: 12px 24px;
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(12px);
      border-radius: 50px;
      box-shadow: 0 8px 28px rgba(0, 0, 0, 0.15);
      font-size: 13px;
      font-weight: 800;
      color: #ea580c;
      letter-spacing: 0.5px;
      transition: all 0.3s ease;
    }

.rx-services-main .service-card:hover .image-badge {
      transform: scale(1.1) translateY(-5px);
      box-shadow: 0 12px 36px rgba(234, 88, 12, 0.3);
    }

/* 响应式 */
    @media (max-width: 1024px) {
      .rx-services-main {
        padding: 70px 0;
      }
      .rx-services-main .section-title {
        font-size: 40px;
      }
      .rx-services-main .service-card,
      .rx-services-main .service-card:nth-child(even) {
        grid-template-columns: 1fr;
      }
      .rx-services-main .service-card:nth-child(even) .service-content {
        order: 1;
      }
      .rx-services-main .service-card:nth-child(even) .service-image {
        order: 2;
      }
      .rx-services-main .service-image {
        min-height: 400px;
      }
    }

@media (max-width: 768px) {
      .rx-services-main {
        padding: 60px 0;
      }
      .rx-services-main .container {
        padding: 0 24px;
      }
      .rx-services-main .section-title {
        font-size: 32px;
      }
      .rx-services-main .service-content {
        padding: 36px 28px;
      }
      .rx-services-main .service-title {
        font-size: 26px;
      }
      .rx-services-main .service-emoji {
        font-size: 40px;
      }
      .rx-services-main .service-image {
        min-height: 320px;
      }
      .rx-services-main .image-badge {
        bottom: 20px;
        right: 20px;
        padding: 10px 20px;
        font-size: 12px;
      }
    }

Our Services

Our Core Services

🎨
          Private Label & OEM / ODM Production

Accepted Answer

Your Brand. Our Craft.

Question 2

Premium Cut-and-Sew Glove Production

Accepted Answer

Precision in Every Stitch

Question 3

Product Category Expertise

Accepted Answer

A Versatile Portfolio for Every Market

Question 4

Design & Development Support

Accepted Answer

Trend Intelligence Meets Creative Innovation

Question 5

Quality Assurance & Testing

Accepted Answer

ISO-Certified Quality—Built In, Not Checked In

Question 6

Global Logistics & Fulfillment

Accepted Answer

Efficient Delivery, Anywhere You Need

Question 7

Strategic Partnership Support

Accepted Answer

Beyond Production—We Build Growth Together

Question 8

Ready to Start Your Project?

Accepted Answer

Partner with RX Gloves and experience manufacturing excellence that brings your vision to life. Let's create something extraordinary together.

Question 9

22+ Years of Proven Expertise

Accepted Answer

Over two decades of manufacturing excellence and industry leadership.

Question 10

Modern Facilities

Accepted Answer

Blending traditional craftsmanship with cutting-edge automation.

Question 11

Skilled Workforce

Accepted Answer

Dedicated artisans committed to precision manufacturing.

Question 12

Transparent Communication

Accepted Answer

Clear timelines, regular updates, and responsive support.

Question 13

Competitive Factory Pricing

Accepted Answer

Direct manufacturer rates without compromising quality.

Question 14

Sustainability Focus

Accepted Answer

Eco-friendly materials and responsible manufacturing practices.

Comprehensive Glove Manufacturing Solutions Tailored for Your Brand

Premium Quality Craftsmanship

Advanced Production Technology

Trusted Global Partner

Fully Customized Solutions

Our Core Services

Private Label & OEM / ODM Production

Premium Cut-and-Sew Glove Production

Product Category Expertise

Design & Development Support

Quality Assurance & Testing

Global Logistics & Fulfillment

Strategic Partnership Support

Ready to Start Your Project?

Why Choose RX Gloves

22+ Years of Proven Expertise

Modern Facilities

Skilled Workforce

Transparent Communication

Competitive Factory Pricing

Sustainability Focus

How We Work

Consultation & Discovery

Design & Sampling

Quotation & Agreement

Production & QC

Packaging & Delivery

After-Sales Support

Industries We Serve

Fashion & Lifestyle Brands

Retail Chains & Department Stores

Industrial Safety Suppliers

Sports & Outdoor Equipment

Promotional Product Companies

Corporate Gift Providers

E-commerce Enterprises

Wholesalers & Importers

Ready to Elevate Your Glove Collection?

Get In Touch Now