Сервис и настройка
<тело>
<мета-кодировка="UTF-8">
Сервис и усилитель; Настройка | БВС
<стиль>
:корень {
--первичный: #0052cc;
--primary-soft: #e6f0ff;
--accent: #00b894;
--text-main: #222222;
--text-muted: #666666;
--bg-страница: #f5f7fb;
--bg-раздел: #ffffff;
--border-soft: #e0e4f0;
--shadow-soft: 0 10px 30px rgba(15, 35, 52, 0.08);
--radius-lg: 18 пикселей;
--radius-md: 12 пикселей;
--radius-pill: 999 пикселей;
}
* {
размер коробки: граница-коробка;
маржа: 0;
заполнение: 0;
}
тело {
семейство шрифтов: -apple-system, BlinkMacSystemFont, «Segoe UI», Roboto, «Helvetica Neue», Arial, без засечек;
цвет: вар (--text-main);
цвет фона: var (--bg-page);
высота строки: 1,6;
}
а {
цвет: var(--основной);
текстовое оформление: нет;
}
а: наведите {
оформление текста: подчеркивание;
}
.bvs-страница {
максимальная ширина: 1200 пикселей;
поле: 40 пикселей, авто 60 пикселей;
отступ: 0 20 пикселей;
}
@media (минимальная ширина: 1200 пикселей) {
.bvs-страница {
поле сверху: 60 пикселей;
}
}
/* 顶部 Герой */
.bvs-герой {
фон: линейный градиент (135 градусов, #ffffff 0%, #f5f8ff 55%, #eef6ff 100%);
радиус границы: 26 пикселей;
отступы: 32 пикселя, 24 пикселя, 32 пикселя;
коробка-тень: вар (--shadow-soft);
граница: 1 пиксель сплошная var(--border-soft);
поле внизу: 32 пикселя;
дисплей: сетка;
столбцы-шаблона сетки: minmax(0, 1.4fr) minmax(0, 1fr);
разрыв: 24 пикселя;
выровнять-элементы: по центру;
}
@media (максимальная ширина: 900 пикселей) {
.bvs-герой {
столбцы-шаблона сетки: minmax (0, 1fr);
}
}
.bvs-hero-label {
дисплей: встроенный гибкий;
выровнять-элементы: по центру;
разрыв: 8 пикселей;
отступ: 4 пикселя 12 пикселей;
граница-радиус: вар (--радиус-таблетка);
фон: rgba(0, 82, 204, 0,06);
цвет: var(--основной);
размер шрифта: 13 пикселей;
вес шрифта: 600;
межбуквенный интервал: 0,06em;
преобразование текста: верхний регистр;
поле внизу: 10 пикселей;
}
.bvs-hero-dot {
ширина: 8 пикселей;
высота: 8 пикселей;
радиус границы: 50%;
фон: вар (--accent);
}
.bvs-герой-титул {
размер шрифта: 28 пикселей;
высота строки: 1,25;
вес шрифта: 700;
межбуквенный интервал: 0,01em;
поле внизу: 10 пикселей;
цвет: #111827;
}
@media (минимальная ширина: 992 пикселей) {
.bvs-герой-титул {
размер шрифта: 32px;
}
}
.bvs-hero-text {
размер шрифта: 14 пикселей;
цвет: var (--text-muted);
максимальная ширина: 560 пикселей;
поле внизу: 16 пикселей;
}
.bvs-hero-tags {
дисплей: гибкий;
flex-wrap: обертка;
разрыв: 8 пикселей;
поле внизу: 18 пикселей;
}
.bvs-тег {
размер шрифта: 11 пикселей;
отступы: 4 пикселя 9 пикселей;
граница-радиус: вар (--радиус-таблетка);
фон: rgba(255, 255, 255, 0,9);
граница: 1 пиксель сплошной rgba(15, 35, 52, 0,08);
дисплей: встроенный гибкий;
выровнять-элементы: по центру;
разрыв: 4 пикселя;
цвет: вар (--text-main);
фоновый фильтр: размытие (6 пикселей);
}
.bvs-tag-точка {
ширина: 6 пикселей;
высота: 6 пикселей;
радиус границы: 50%;
фон: вар (--accent);
}
.bvs-hero-ctas {
дисплей: гибкий;
flex-wrap: обертка;
разрыв: 10 пикселей;
выровнять-элементы: по центру;
}
.bvs-btn-primary {
дисплей: встроенный гибкий;
выровнять-элементы: по центру;
разрыв: 6 пикселей;
отступы: 9 пикселей 16 пикселей;
граница-радиус: вар (--радиус-таблетка);
фон: вар (--первичный);
цвет: #ffffff;
размер шрифта: 13 пикселей;
вес шрифта: 500;
текстовое оформление: нет;
граница: нет;
box-shadow: 0 9px 20px rgba(0, 82, 204, 0,35);
курсор: указатель;
пробел: nowrap;
}.bvs-btn-вторичный {
дисплей: встроенный гибкий;
выровнять-элементы: по центру;
разрыв: 6 пикселей;
отступ: 8 пикселей 14 пикселей;
граница-радиус: вар (--радиус-таблетка);
фон: #ffffff;
цвет: var(--основной);
размер шрифта: 13 пикселей;
вес шрифта: 500;
граница: 1 пиксель сплошной rgba(0, 82, 204, 0,25);
box-shadow: 0 4px 12px rgba(0, 82, 204, 0.12);
курсор: указатель;
пробел: nowrap;
текстовое оформление: нет;
}
.bvs-btn-primary SVG,
.bvs-btn-вторичный svg {
ширина: 16 пикселей;
высота: 16 пикселей;
}
.bvs-герой-мета {
размер шрифта: 12 пикселей;
цвет: var (--text-muted);
поле сверху: 6 пикселей;
}
.bvs-герой-право {
радиус границы: 20 пикселей;
отступы: 18 пикселей, 18 пикселей, 16 пикселей;
фон: #ffffff;
граница: 1 пиксель сплошной rgba(15, 35, 52, 0,06);
box-shadow: 0 8px 22px rgba(15, 35, 52, 0.10);
размер шрифта: 13 пикселей;
дисплей: гибкий;
гибкое направление: столбец;
разрыв: 8 пикселей;
}
.bvs-hero-right-title {
размер шрифта: 14 пикселей;
вес шрифта: 600;
цвет: #111827;
}
.bvs-hero-right-list {
стиль списка: нет;
отступ слева: 0;
поле: 4 пикселя 0 0;
дисплей: гибкий;
гибкое направление: столбец;
разрыв: 4 пикселя;
}
.bvs-hero-right-list li {
дисплей: гибкий;
выровнять-элементы: гибкий старт;
разрыв: 8 пикселей;
}
.bvs-пуля {
ширина: 14 пикселей;
высота: 14 пикселей;
радиус границы: 50%;
граница: 1 пиксель сплошной rgba(15, 35, 52, 0,16);
дисплей: встроенный гибкий;
выровнять-элементы: по центру;
оправдание-содержание: центр;
размер шрифта: 10 пикселей;
цвет: var(--основной);
гибкое сжатие: 0;
фон: #f9fbff;
поле сверху: 2 пикселя;
}
/* Раздел раздела */
.bvs-раздел {
поле внизу: 32 пикселя;
}
.bvs-section-header {
нижнее поле: 14 пикселей;
}
.bvs-section-брови {
размер шрифта: 12 пикселей;
преобразование текста: верхний регистр;
межбуквенный интервал: 0,08em;
цвет: var(--основной);
вес шрифта: 600;
поле внизу: 4 пикселя;
}
.bvs-раздел-заголовок {
размер шрифта: 20 пикселей;
вес шрифта: 700;
цвет: #111827;
поле внизу: 4 пикселя;
}
.bvs-раздел-текст {
размер шрифта: 13 пикселей;
цвет: var (--text-muted);
максимальная ширина: 720 пикселей;
}
/* Сервисы: 3 列卡片 */
.bvs-services-grid {
дисплей: сетка;
столбцы-шаблона сетки: повторение (3, minmax (0, 1fr));
разрыв: 18 пикселей;
}
@media (максимальная ширина: 900 пикселей) {
.bvs-services-grid {
столбцы-шаблона сетки: повторение (2, minmax (0, 1fr));
}
}
@media (макс. ширина: 640 пикселей) {
.bvs-services-grid {
столбцы-шаблона сетки: minmax (0, 1fr);
}
}
.bvs-сервисная карта {
фон: var(--bg-section);
граница-радиус: вар (--радиус-md);
отступы: 16 пикселей, 14 пикселей, 16 пикселей;
граница: 1 пиксель сплошной rgba(15, 35, 52, 0,06);
box-shadow: 0 6px 16px rgba(15, 35, 52, 0.05);
размер шрифта: 13 пикселей;
дисплей: гибкий;
гибкое направление: столбец;
разрыв: 6 пикселей;
}
.bvs-service-title {
размер шрифта: 14 пикселей;
вес шрифта: 600;
цвет: #111827;
}
.bvs-service-caption {
размер шрифта: 12 пикселей;
цвет: var (--text-muted);
}
.bvs-список-сервисов {
стиль списка: нет;
поле сверху: 4 пикселя;
отступ слева: 0;
дисплей: гибкий;
гибкое направление: столбец;
разрыв: 3 пикселя;
}
/* 定制流程:时间轴式 1+4 步 */
.bvs-процесс {
фон: #ffffff;
граница-радиус: вар (--радиус-lg);
граница: 1 пиксель сплошной rgba(15, 35, 52, 0,06);
box-shadow: 0 8px 24px rgba(15, 35, 52, 0.06);
отступы: 18 пикселей 18 пикселей 18 пикселей;
размер шрифта: 13 пикселей;
}
.bvs-process-header {
дисплей: гибкий;
flex-wrap: обертка;
оправдание-содержание: пространство между;
выровнять-элементы: по центру;
разрыв: 10 пикселей;
поле внизу: 12 пикселей;
}.bvs-процесс-значок {
отступы: 3 пикселя 8 пикселей;
граница-радиус: вар (--радиус-таблетка);
фон: var (--primary-soft);
цвет: var(--основной);
размер шрифта: 11 пикселей;
вес шрифта: 600;
преобразование текста: верхний регистр;
межбуквенный интервал: 0,06em;
}
.bvs-название-процесса {
размер шрифта: 15 пикселей;
вес шрифта: 600;
цвет: #111827;
}
.bvs-process-steps {
дисплей: сетка;
столбцы-шаблона сетки: повторение (4, minmax (0, 1fr));
разрыв: 14 пикселей;
маржа сверху: 10 пикселей;
}
@media (максимальная ширина: 900 пикселей) {
.bvs-process-steps {
столбцы-шаблона сетки: повторение (2, minmax (0, 1fr));
}
}
@media (макс. ширина: 600 пикселей) {
.bvs-process-steps {
столбцы-шаблона сетки: minmax (0, 1fr);
}
}
.bvs-шаг {
фон: #f8f9ff;
радиус границы: 12 пикселей;
отступы: 10 пикселей 10 пикселей 11 пикселей;
граница: 1 пиксель сплошной rgba(15, 35, 52, 0,06);
положение: относительное;
}
.bvs-шаг-индекс {
ширина: 20 пикселей;
высота: 20 пикселей;
радиус границы: 50%;
фон: вар (--первичный);
цвет: #ffffff;
размер шрифта: 11 пикселей;
дисплей: встроенный гибкий;
выровнять-элементы: по центру;
оправдание-содержание: центр;
нижнее поле: 6 пикселей;
}
.bvs-шаг-заголовок {
размер шрифта: 13 пикселей;
вес шрифта: 600;
поле внизу: 2 пикселя;
цвет: #111827;
}
.bvs-шаг-текст {
размер шрифта: 12 пикселей;
цвет: var (--text-muted);
}
/* 兼容 / 行业支持区块(2 列) */
.bvs-two-col {
дисплей: сетка;
столбцы-шаблона сетки: minmax(0, 1.1fr) minmax(0, 1fr);
разрыв: 18 пикселей;
}
@media (максимальная ширина: 900 пикселей) {
.bvs-two-col {
столбцы-шаблона сетки: minmax (0, 1fr);
}
}
.bvs-box {
фон: #ffffff;
граница-радиус: вар (--радиус-lg);
отступы: 16 пикселей, 16 пикселей, 14 пикселей;
граница: 1 пиксель сплошной rgba(15, 35, 52, 0,08);
box-shadow: 0 8px 24px rgba(15, 35, 52, 0.06);
размер шрифта: 13 пикселей;
}
.bvs-box-title {
размер шрифта: 14 пикселей;
вес шрифта: 600;
цвет: #111827;
поле внизу: 4 пикселя;
}
.bvs-box-text {
размер шрифта: 12 пикселей;
цвет: var (--text-muted);
нижнее поле: 6 пикселей;
}
.bvs-таблетки-список {
стиль списка: нет;
отступ слева: 0;
дисплей: гибкий;
flex-wrap: обертка;
разрыв: 6 пикселей;
поле сверху: 4 пикселя;
}
.bvs-таблетка {
размер шрифта: 11 пикселей;
отступ: 4 пикселя 8 пикселей;
граница-радиус: вар (--радиус-таблетка);
фон: #f3f6ff;
граница: 1 пиксель сплошной rgba(15, 35, 52, 0,08);
цвет: #111827;
}
/* 底部 CTA */
.bvs-bottom-cta {
поле сверху: 28 пикселей;
фон: линейный градиент (135 градусов, #0052cc, #2f7bff);
радиус границы: 20 пикселей;
отступы: 18 пикселей, 18 пикселей, 16 пикселей;
цвет: #ffffff;
дисплей: гибкий;
flex-wrap: обертка;
оправдание-содержание: пространство между;
разрыв: 10 пикселей;
выровнять-элементы: по центру;
}
.bvs-bottom-cta-text {
размер шрифта: 13 пикселей;
}
.bvs-bottom-cta-title {
размер шрифта: 15 пикселей;
вес шрифта: 600;
поле внизу: 2 пикселя;
}
.bvs-bottom-cta-sub {
размер шрифта: 12 пикселей;
непрозрачность: 0,9;
}
.bvs-bottom-cta-actions {
дисплей: гибкий;
flex-wrap: обертка;
разрыв: 8 пикселей;
выровнять-элементы: по центру;
}
.bvs-btn-white {
дисплей: встроенный гибкий;
выровнять-элементы: по центру;
разрыв: 6 пикселей;
отступы: 7 пикселей 13 пикселей;
граница-радиус: вар (--радиус-таблетка);
фон: #ffffff;
цвет: #0052cc;
размер шрифта: 12 пикселей;
вес шрифта: 500;
текстовое оформление: нет;
граница: нет;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
курсор: указатель;
пробел: nowrap;
}.bvs-btn-outline-light {
дисплей: встроенный гибкий;
выровнять-элементы: по центру;
разрыв: 6 пикселей;
отступы: 7 пикселей 13 пикселей;
граница-радиус: вар (--радиус-таблетка);
фон: прозрачный;
цвет: #ffffff;
размер шрифта: 12 пикселей;
вес шрифта: 500;
граница: 1 пиксель сплошной rgba(255, 255, 255, 0,7);
курсор: указатель;
пробел: nowrap;
текстовое оформление: нет;
}
.bvs-btn-white SVG,
.bvs-btn-outline-light svg {
ширина: 15 пикселей;
высота: 15 пикселей;
}
.bvs-customization-image-wrapper {
маржа сверху: 10 пикселей;
поле внизу: 4 пикселя;
}
.bvs-customization-image-inner {
радиус границы: 18 пикселей;
переполнение: скрыто;
}
.bvs-customization-image {
дисплей: блок;
ширина: 100%;
высота: авто;
объектное соответствие: обложка;
}
<дел>
Обслуживание и усиление; Настройка
Мировой лидер в области универсальных решений для интеллектуального машинного зрения
BVS обеспечивает настройку OEM/ODM, гибкую настройку и надежную поддержку — от концепции и прототипа до массового производства и послепродажного обслуживания для клиентов по всему миру.
Проекты OEM/ODM
Сенсорный моноблок · Панельный ПК · POS · Мини-ПК
ISO9001 · ISO14001 · CE · FCC · RoHS · CCC
Основана в 2008 году · Шэньчжэнь и amp; Заводы в Гуанчжоу · Склад в Гонконге · Обслуживание промышленных и коммерческих клиентов по всему миру.