Dịch vụ & Tùy chỉnh

Dịch vụ & Tùy chỉnh | BVS :gốc { --chính: #0052cc; --primary-soft: #e6f0ff; --giọng: #00b894; --text-main: #222222; --văn bản bị tắt tiếng: #666666; --bg-trang: #f5f7fb; --bg-phần: #ffffff; --border-soft: #e0e4f0; --shadow-soft: 0 10px 30px rgba(15, 35, 52, 0,08); --bán kính-lg: 18px; --bán kính-md: 12px; --bán kính-viên thuốc: 999px; } * { kích thước hộp: hộp viền; lề: 0; phần đệm: 0; } cơ thể { họ phông chữ: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; màu sắc: var(--text-main); màu nền: var(--bg-page); chiều cao dòng: 1,6; } một { màu: var(--primary); trang trí văn bản: không có; } a:di chuột { trang trí văn bản: gạch chân; } .bvs-trang { chiều rộng tối đa: 1200px; lề: 40px tự động 60px; phần đệm: 0 20px; } @media (chiều rộng tối thiểu: 1200px) { .bvs-trang { lề trên: 60px; } } /*顶部Anh hùng*/ .bvs-anh hùng { nền: gradient tuyến tính (135deg, #ffffff 0%, #f5f8ff 55%, #eef6ff 100%); bán kính đường viền: 26px; phần đệm: 32px 24px 32px; box-shadow: var(--shadow-soft); đường viền: var rắn 1px(--border-soft); lề dưới: 32px; hiển thị: lưới; lưới-mẫu-cột: minmax(0, 1.4fr) minmax(0, 1fr); khoảng cách: 24px; căn chỉnh các mục: giữa; } @media (độ rộng tối đa: 900px) { .bvs-anh hùng { lưới-mẫu-cột: minmax(0, 1fr); } } .bvs-hero-nhãn { hiển thị: nội tuyến-flex; căn chỉnh các mục: giữa; khoảng cách: 8px; phần đệm: 4px 12px; bán kính đường viền: var(--radius-pill); nền: rgba(0, 82, 204, 0,06); màu: var(--primary); cỡ chữ: 13px; trọng lượng phông chữ: 600; khoảng cách chữ: 0,06em; chuyển đổi văn bản: chữ hoa; lề dưới: 10px; } .bvs-hero-dot { chiều rộng: 8px; chiều cao: 8px; bán kính đường viền: 50%; nền: var(--accent); } .bvs-hero-title { cỡ chữ: 28px; chiều cao dòng: 1,25; trọng lượng phông chữ: 700; khoảng cách chữ: 0,01em; lề dưới: 10px; màu sắc: #111827; } @media (chiều rộng tối thiểu: 992px) { .bvs-hero-title { cỡ chữ: 32px; } } .bvs-hero-text { cỡ chữ: 14px; màu: var(--text-muted); chiều rộng tối đa: 560px; lề dưới: 16px; } .bvs-hero-tags { hiển thị: linh hoạt; flex-wrap: bọc; khoảng cách: 8px; lề dưới: 18px; } .bvs-tag { cỡ chữ: 11px; phần đệm: 4px 9px; bán kính đường viền: var(--radius-pill); nền: rgba(255, 255, 255, 0.9); đường viền: rgba rắn 1px(15, 35, 52, 0,08); hiển thị: nội tuyến-flex; căn chỉnh các mục: giữa; khoảng cách: 4px; màu sắc: var(--text-main); bộ lọc phông nền: mờ (6px); } .bvs-tag-dot { chiều rộng: 6px; chiều cao: 6px; bán kính đường viền: 50%; nền: var(--accent); } .bvs-hero-ctas { hiển thị: linh hoạt; flex-wrap: bọc; khoảng cách: 10px; căn chỉnh các mục: giữa; } .bvs-btn-chính { hiển thị: nội tuyến-flex; căn chỉnh các mục: giữa; khoảng cách: 6px; phần đệm: 9px 16px; bán kính đường viền: var(--radius-pill); nền: var(--primary); màu sắc: #ffffff; cỡ chữ: 13px; trọng lượng phông chữ: 500; trang trí văn bản: không có; đường viền: không có; bóng hộp: 0 9px 20px rgba(0, 82, 204, 0,35); con trỏ: con trỏ; khoảng trắng: nowrap; }.bvs-btn-thứ cấp { hiển thị: nội tuyến-flex; căn chỉnh các mục: giữa; khoảng cách: 6px; phần đệm: 8px 14px; bán kính đường viền: var(--radius-pill); nền: #ffffff; màu: var(--primary); cỡ chữ: 13px; trọng lượng phông chữ: 500; đường viền: rgba rắn 1px(0, 82, 204, 0,25); bóng hộp: 0 4px 12px rgba(0, 82, 204, 0.12); con trỏ: con trỏ; khoảng trắng: nowrap; trang trí văn bản: không có; } .bvs-btn-svg chính, .bvs-btn-svg thứ cấp { chiều rộng: 16px; chiều cao: 16px; } .bvs-hero-meta { cỡ chữ: 12px; màu: var(--text-muted); lề trên: 6px; } .bvs-hero-right { bán kính đường viền: 20px; phần đệm: 18px 18px 16px; nền: #ffffff; đường viền: rgba rắn 1px(15, 35, 52, 0,06); bóng hộp: 0 8px 22px rgba(15, 35, 52, 0.10); cỡ chữ: 13px; hiển thị: linh hoạt; hướng flex: cột; khoảng cách: 8px; } .bvs-hero-right-title { cỡ chữ: 14px; trọng lượng phông chữ: 600; màu sắc: #111827; } .bvs-hero-right-list { kiểu danh sách: không có; phần đệm bên trái: 0; lề: 4px 0 0; hiển thị: linh hoạt; hướng flex: cột; khoảng cách: 4px; } .bvs-hero-right-list li { hiển thị: linh hoạt; căn chỉnh các mục: flex-start; khoảng cách: 8px; } .bvs-đạn { chiều rộng: 14px; chiều cao: 14px; bán kính đường viền: 50%; đường viền: rgba rắn 1px(15, 35, 52, 0,16); hiển thị: nội tuyến-flex; căn chỉnh các mục: giữa; biện minh-nội dung: trung tâm; cỡ chữ: 10px; màu: var(--primary); co rút linh hoạt: 0; nền: #f9fbff; lề trên: 2px; } /* Phần 标题 */ .bvs-phần { lề dưới: 32px; } .bvs-phần-tiêu đề { lề dưới: 14px; } .bvs-phần-lông mày { cỡ chữ: 12px; chuyển đổi văn bản: chữ hoa; khoảng cách chữ: 0,08em; màu: var(--primary); trọng lượng phông chữ: 600; lề dưới: 4px; } .bvs-section-title { cỡ chữ: 20px; trọng lượng phông chữ: 700; màu sắc: #111827; lề dưới: 4px; } .bvs-phần-văn bản { cỡ chữ: 13px; màu: var(--text-muted); chiều rộng tối đa: 720px; } /* Dịch vụ 概览：3 列卡片 */ .bvs-services-grid { hiển thị: lưới; lưới-mẫu-cột: lặp lại(3, minmax(0, 1fr)); khoảng cách: 18px; } @media (độ rộng tối đa: 900px) { .bvs-services-grid { lưới-mẫu-cột: lặp lại(2, minmax(0, 1fr)); } } @media (độ rộng tối đa: 640px) { .bvs-services-grid { lưới-mẫu-cột: minmax(0, 1fr); } } .bvs-service-card { nền: var(--bg-section); bán kính đường viền: var(--radius-md); phần đệm: 16px 14px 16px; đường viền: rgba rắn 1px(15, 35, 52, 0,06); bóng hộp: 0 6px 16px rgba(15, 35, 52, 0,05); cỡ chữ: 13px; hiển thị: linh hoạt; hướng flex: cột; khoảng cách: 6px; } .bvs-service-title { cỡ chữ: 14px; trọng lượng phông chữ: 600; màu sắc: #111827; } .bvs-service-caption { cỡ chữ: 12px; màu: var(--text-muted); } .bvs-service-list { kiểu danh sách: không có; lề trên: 4px; phần đệm bên trái: 0; hiển thị: linh hoạt; hướng flex: cột; khoảng cách: 3px; } /* 定制流程：时间轴式 1+4 步 */ .bvs-process { nền: #ffffff; bán kính đường viền: var(--radius-lg); đường viền: rgba rắn 1px(15, 35, 52, 0,06); bóng hộp: 0 8px 24px rgba(15, 35, 52, 0,06); phần đệm: 18px 18px 18px; cỡ chữ: 13px; } .bvs-process-header { hiển thị: linh hoạt; flex-wrap: bọc; biện minh-nội dung: khoảng cách giữa; căn chỉnh các mục: giữa; khoảng cách: 10px; lề dưới: 12px; }.bvs-process-huy hiệu { phần đệm: 3px 8px; bán kính đường viền: var(--radius-pill); nền: var(--primary-soft); màu: var(--primary); cỡ chữ: 11px; trọng lượng phông chữ: 600; chuyển đổi văn bản: chữ hoa; khoảng cách chữ: 0,06em; } .bvs-process-title { cỡ chữ: 15px; trọng lượng phông chữ: 600; màu sắc: #111827; } .bvs-process-step { hiển thị: lưới; lưới-mẫu-cột: lặp lại(4, minmax(0, 1fr)); khoảng cách: 14px; lề trên: 10px; } @media (độ rộng tối đa: 900px) { .bvs-process-step { lưới-mẫu-cột: lặp lại(2, minmax(0, 1fr)); } } @media (độ rộng tối đa: 600px) { .bvs-process-step { lưới-mẫu-cột: minmax(0, 1fr); } } .bvs-bước { nền: #f8f9ff; bán kính đường viền: 12px; phần đệm: 10px 10px 11px; đường viền: rgba rắn 1px(15, 35, 52, 0,06); vị trí: tương đối; } .bvs-step-index { chiều rộng: 20px; chiều cao: 20px; bán kính đường viền: 50%; nền: var(--primary); màu sắc: #ffffff; cỡ chữ: 11px; hiển thị: nội tuyến-flex; căn chỉnh các mục: giữa; biện minh-nội dung: trung tâm; lề dưới: 6px; } .bvs-step-title { cỡ chữ: 13px; trọng lượng phông chữ: 600; lề dưới: 2px; màu sắc: #111827; } .bvs-step-text { cỡ chữ: 12px; màu: var(--text-muted); } /* 兼容 / 行业支持区块（2 列) */ .bvs-hai-col { hiển thị: lưới; lưới-mẫu-cột: minmax(0, 1.1fr) minmax(0, 1fr); khoảng cách: 18px; } @media (độ rộng tối đa: 900px) { .bvs-hai-col { lưới-mẫu-cột: minmax(0, 1fr); } } .bvs-box { nền: #ffffff; bán kính đường viền: var(--radius-lg); phần đệm: 16px 16px 14px; đường viền: rgba rắn 1px(15, 35, 52, 0,08); bóng hộp: 0 8px 24px rgba(15, 35, 52, 0,06); cỡ chữ: 13px; } .bvs-box-title { cỡ chữ: 14px; trọng lượng phông chữ: 600; màu sắc: #111827; lề dưới: 4px; } .bvs-box-text { cỡ chữ: 12px; màu: var(--text-muted); lề dưới: 6px; } .bvs-pill-list { kiểu danh sách: không có; phần đệm bên trái: 0; hiển thị: linh hoạt; flex-wrap: bọc; khoảng cách: 6px; lề trên: 4px; } .bvs-thuốc { cỡ chữ: 11px; phần đệm: 4px 8px; bán kính đường viền: var(--radius-pill); nền: #f3f6ff; đường viền: rgba rắn 1px(15, 35, 52, 0,08); màu sắc: #111827; } /* 底部 CTA */ .bvs-bottom-cta { lề trên: 28px; nền: gradient tuyến tính (135deg, #0052cc, #2f7bff); bán kính đường viền: 20px; phần đệm: 18px 18px 16px; màu sắc: #ffffff; hiển thị: linh hoạt; flex-wrap: bọc; biện minh-nội dung: khoảng cách giữa; khoảng cách: 10px; căn chỉnh các mục: giữa; } .bvs-bottom-cta-text { cỡ chữ: 13px; } .bvs-bottom-cta-title { cỡ chữ: 15px; trọng lượng phông chữ: 600; lề dưới: 2px; } .bvs-bottom-cta-sub { cỡ chữ: 12px; độ mờ: 0,9; } .bvs-bottom-cta-hành động { hiển thị: linh hoạt; flex-wrap: bọc; khoảng cách: 8px; căn chỉnh các mục: giữa; } .bvs-btn-trắng { hiển thị: nội tuyến-flex; căn chỉnh các mục: giữa; khoảng cách: 6px; phần đệm: 7px 13px; bán kính đường viền: var(--radius-pill); nền: #ffffff; màu sắc: #0052cc; cỡ chữ: 12px; trọng lượng phông chữ: 500; trang trí văn bản: không có; đường viền: không có; bóng hộp: 0 4px 14px rgba(0, 0, 0, 0.18); con trỏ: con trỏ; khoảng trắng: nowrap; }.bvs-btn-outline-light { hiển thị: nội tuyến-flex; căn chỉnh các mục: giữa; khoảng cách: 6px; phần đệm: 7px 13px; bán kính đường viền: var(--radius-pill); nền: trong suốt; màu sắc: #ffffff; cỡ chữ: 12px; trọng lượng phông chữ: 500; đường viền: rgba rắn 1px (255, 255, 255, 0,7); con trỏ: con trỏ; khoảng trắng: nowrap; trang trí văn bản: không có; } .bvs-btn-trắng svg, .bvs-btn-outline-light svg { chiều rộng: 15px; chiều cao: 15px; } .bvs-customization-image-wrapper { lề trên: 10px; lề dưới: 4px; } .bvs-customization-image-inner { bán kính đường viền: 18px; tràn: ẩn; } .bvs-customization-image { hiển thị: khối; chiều rộng: 100%; chiều cao: tự động; đối tượng phù hợp: che phủ; }
Dịch vụ & Tùy chỉnh

Dẫn đầu toàn cầu về giải pháp thị giác thông minh toàn diện

BVS cung cấp dịch vụ tùy chỉnh OEM / ODM, cấu hình linh hoạt và hỗ trợ đáng tin cậy - từ ý tưởng và nguyên mẫu cho đến sản xuất hàng loạt và dịch vụ hậu mãi cho khách hàng toàn cầu.

Dự án OEM/ODM Touch AIO · Panel PC · POS · PC mini ISO9001 · ISO14001 · CE · FCC · RoHS · CCC
Yêu cầu giải pháp tùy chỉnh
Được thành lập vào năm 2008 · Thâm Quyến & Nhà máy Quảng Châu · Kho hàng Hồng Kông · Phục vụ khách hàng công nghiệp và thương mại trên toàn thế giới.
Match My Needs