{"id":19190,"date":"2026-09-20T10:05:35","date_gmt":"2026-09-20T02:05:35","guid":{"rendered":"https:\/\/hfsecurity.cn\/?page_id=19190"},"modified":"2026-09-20T15:12:21","modified_gmt":"2026-09-20T07:12:21","slug":"platform","status":"publish","type":"page","link":"https:\/\/hfsecurity.cn\/fr\/plate-forme\/","title":{"rendered":"HFIMS \u2014 Identity Management Platform | HFSecurity"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"19190\" class=\"elementor elementor-19190\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f73fd27 e-con-full e-flex e-con e-parent\" data-id=\"f73fd27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad7a167 elementor-widget elementor-widget-html\" data-id=\"ad7a167\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n============================================================================\r\nHFSecurity \u00b7 \/platform\/ \u00b7 \u533a\u5757 01 \u00b7 \u9875\u9762\u5934\u90e8 Hero\r\n============================================================================\r\n\u3010\u7c98\u8d34\u4f4d\u7f6e\u3011\r\nElementor \u7f16\u8f91\u5668 \u2192 \u65b0\u5efa\u4e00\u4e2a\u9876\u5c42 Container\r\n\u00b7 \u5e03\u5c40 \u00b7 \u5185\u5bb9\u5bbd\u5ea6 = \u5168\u5bbd(Full Width)\r\n\u00b7 \u5e03\u5c40 \u00b7 \u5143\u7d20\u95f4\u8ddd = \u65e0\u95f4\u9699(No Gap)\r\n\u00b7 \u9ad8\u7ea7 \u00b7 \u5185\u8fb9\u8ddd   = 0 (\u56db\u8fb9)\r\n\u00b7 \u9ad8\u7ea7 \u00b7 CSS \u7c7b\u540d = hf-catalog  \uff08v2 \u6837\u5f0f\u81ea\u5e26\uff0c\u7167\u65e7\u586b\u5199\u4fdd\u6301\u7edf\u4e00\uff09\r\n\u518d\u5f80\u91cc\u62d6\u4e00\u4e2a\u300cHTML\u300d\u5c0f\u5de5\u5177\uff0c\u628a\u672c\u6587\u4ef6\u6574\u6bb5(\u542b\u672c\u6ce8\u91ca)\u7c98\u8fdb\u53bb \u2192 \u66f4\u65b0\r\n\u3010\u672c\u9875\u524d\u7f6e\u3011\r\n1. v2 \u6837\u5f0f\u5185\u7f6e\u4e8e\u5404\u533a\u5757 style \u6bb5\uff0c\u4e0d\u4f9d\u8d56 css\/16\/17\uff08\u5df2\u7c98\u4e5f\u4e0d\u51b2\u7a81\uff09\r\n2. \u270f \u6982\u5ff5\u56fe\u4e0a\u7ebf\u5fc5\u505a\uff1a\u628a platform-hero-concept.png \u4e0a\u4f20\u5230 WP \u5a92\u4f53\u5e93\uff0c\r\n   \u7136\u540e\u5728\u4ee3\u7801\u91cc\u641c platform-hero-concept.png \u66ff\u6362\u4e3a\u5a92\u4f53\u5e93 URL\uff08\u4ec5 1 \u5904\uff09\r\n3. \u6539\u5b8c LiteSpeed \u2192 \u6e05\u9664\u5168\u90e8\u7f13\u5b58\uff0c\u524d\u53f0 Ctrl+F5\r\n\u3010\u951a\u70b9\u3011\u65e0\r\n============================================================================\r\n-->\r\n<section class=\"pf pf-hero\">\r\n  <style>\r\n\r\n    .pf{--n:#0A1E38;--n2:#0D2A4A;--b:#2261A2;--bl:#2E7CCB;--g:#EBC23E;\r\n        --ink:#0F2540;--body:#51678A;--line:#E3EAF4;--bg:#F5F8FC;\r\n        font-family:\"Segoe UI\",\"Helvetica Neue\",Arial,\"Microsoft YaHei\",sans-serif;\r\n        color:var(--ink);line-height:1.65}\r\n    .pf *{box-sizing:border-box;margin:0;padding:0}\r\n    .pf img{display:block;max-width:100%}\r\n    .pf a{text-decoration:none;color:inherit}\r\n    .pf-wrap{max-width:1200px;margin:0 auto;padding:0 28px}\r\n\r\n    .pf-hero{position:relative;background:var(--n);color:#fff;overflow:hidden}\r\n    .pf-hero .pf-ring{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}\r\n    .pf-hero .r1{width:520px;height:520px;top:-190px;right:-140px}\r\n    .pf-hero .r2{width:320px;height:320px;bottom:-130px;left:-90px}\r\n    .pf-hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center;padding:92px 28px 72px}\r\n    .pf-eb{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--g);border:1px solid rgba(235,194,62,.4);border-radius:999px;padding:7px 18px;margin-bottom:26px}\r\n    .pf-hero h1{font-size:clamp(34px,4.4vw,56px);line-height:1.14;font-weight:600;letter-spacing:-.5px;color:#fff}\r\n    .pf-hero h1 em{display:block;font-style:normal;font-size:.52em;font-weight:400;color:#AFC6E2;margin-top:16px;letter-spacing:0}\r\n    .pf-hero .pf-lead{font-size:17px;line-height:1.75;color:#B9CBE0;max-width:540px;margin:26px 0 34px}\r\n    .pf-hero-btns{display:flex;gap:16px;flex-wrap:wrap}\r\n    .pf-btn{display:inline-block;background:var(--g);color:#20304A;font-size:15px;font-weight:600;padding:15px 34px;border-radius:8px;transition:transform .15s,box-shadow .15s}\r\n    .pf-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(235,194,62,.25)}\r\n    .pf-btn.pf-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.38)}\r\n    .pf-btn.pf-ghost:hover{border-color:#fff;box-shadow:none}\r\n    .pf-hero-fig{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 80px rgba(0,0,0,.5)}\r\n    .pf-hero-fig img{width:100%;display:block}\r\n    .pf-hero-fig figcaption{position:absolute;left:0;right:0;bottom:0;padding:38px 22px 15px;font-size:12.5px;color:#C7D8EC;background:linear-gradient(180deg,rgba(6,18,35,0),rgba(6,18,35,.9))}\r\n    .pf-hero-stats{position:relative;border-top:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.03)}\r\n    .pf-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 28px}\r\n    .pf-st b{display:block;font-size:33px;font-weight:600;color:#fff;letter-spacing:-.5px}\r\n    .pf-st b i{font-style:normal;color:var(--g)}\r\n    .pf-st span{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#8FA6C2}\r\n    @media(max-width:980px){\r\n      .pf-hero-grid{grid-template-columns:1fr;gap:40px;padding:64px 28px 52px}\r\n      .pf-hero-fig{max-width:480px}\r\n      .pf-stats-grid{grid-template-columns:repeat(2,1fr);gap:22px}\r\n    }\r\n  <\/style>\r\n  <span class=\"pf-ring r1\"><\/span><span class=\"pf-ring r2\"><\/span>\r\n  <div class=\"pf-hero-grid\">\r\n    <div>\r\n      <span class=\"pf-eb\">Plateforme &amp; logiciel<\/span>\r\n      <h1>Une plateforme derri\u00e8re chaque appareil<em>Gestion &middot; Pr\u00e9sence &middot; SDK &mdash; pr\u00eat pour marque blanche<\/em><\/h1>\r\n      <p class=\"pf-lead\">La couche logicielle qui transforme une flotte d'appareils en un seul syst\u00e8me \u2014 une plateforme de gestion, un package de pr\u00e9sence, et des SDK pour construire votre propre application.<\/p>\r\n      <div class=\"pf-hero-btns\">\r\n        <a class=\"pf-btn\" href=\"https:\/\/hfsecurity.cn\/fr\/contactez-nous\/\">Demander un devis<\/a>\r\n        <a class=\"pf-btn pf-ghost\" href=\"#models\">Voir la gamme compl\u00e8te<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <figure class=\"pf-hero-fig\">\r\n      <img decoding=\"async\" src=\"https:\/\/hfsecurity.cn\/wp-content\/uploads\/platform-hero-concept-1.png\" alt=\"Platform concept \u2014 a central dashboard hologram connected to device icons\">\r\n      <figcaption>Marque blanche par d\u00e9faut \u2014 votre marque, pas la n\u00f4tre<\/figcaption>\r\n    <\/figure>\r\n  <\/div>\r\n  <div class=\"pf-hero-stats\">\r\n    <div class=\"pf-wrap pf-stats-grid\">\r\n      <div class=\"pf-st\"><b>3<\/b><span>Produits logiciels<\/span><\/div>\r\n      <div class=\"pf-st\"><b>Marque blanche<\/b><span>Personnalisable<\/span><\/div>\r\n      <div class=\"pf-st\"><b>REST<\/b><span>API<\/span><\/div>\r\n      <div class=\"pf-st\"><b>SDK<\/b><span>Linux &middot; Android &middot; Windows<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ef44f9 e-con-full e-flex e-con e-parent\" data-id=\"4ef44f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1030711 elementor-widget elementor-widget-html\" data-id=\"1030711\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n============================================================================\r\nHFSecurity \u00b7 \/platform\/ \u00b7 \u533a\u5757 02 \u00b7 \u5feb\u901f\u9009\u578b\r\n============================================================================\r\n\u3010\u7c98\u8d34\u4f4d\u7f6e\u3011\r\nElementor \u7f16\u8f91\u5668 \u2192 \u65b0\u5efa\u4e00\u4e2a\u9876\u5c42 Container\r\n\u00b7 \u5e03\u5c40 \u00b7 \u5185\u5bb9\u5bbd\u5ea6 = \u5168\u5bbd(Full Width)\r\n\u00b7 \u5e03\u5c40 \u00b7 \u5143\u7d20\u95f4\u8ddd = \u65e0\u95f4\u9699(No Gap)\r\n\u00b7 \u9ad8\u7ea7 \u00b7 \u5185\u8fb9\u8ddd   = 0 (\u56db\u8fb9)\r\n\u00b7 \u9ad8\u7ea7 \u00b7 CSS \u7c7b\u540d = hf-catalog  \uff08v2 \u6837\u5f0f\u81ea\u5e26\uff0c\u7167\u65e7\u586b\u5199\u4fdd\u6301\u7edf\u4e00\uff09\r\n\u518d\u5f80\u91cc\u62d6\u4e00\u4e2a\u300cHTML\u300d\u5c0f\u5de5\u5177\uff0c\u628a\u672c\u6587\u4ef6\u6574\u6bb5(\u542b\u672c\u6ce8\u91ca)\u7c98\u8fdb\u53bb \u2192 \u66f4\u65b0\r\n\u3010\u672c\u9875\u524d\u7f6e\u3011\r\n1. v2 \u6837\u5f0f\u5185\u7f6e\u4e8e\u5404\u533a\u5757 style \u6bb5\uff0c\u4e0d\u4f9d\u8d56 css\/16\/17\uff08\u5df2\u7c98\u4e5f\u4e0d\u51b2\u7a81\uff09\r\n2. \u6539\u5b8c LiteSpeed \u2192 \u6e05\u9664\u5168\u90e8\u7f13\u5b58\uff0c\u524d\u53f0 Ctrl+F5\r\n\u3010\u951a\u70b9\u3011#pick\r\n============================================================================\r\n-->\r\n<section class=\"pf pf-pick\" id=\"pick\">\r\n  <style>\r\n\r\n    .pf{--n:#0A1E38;--n2:#0D2A4A;--b:#2261A2;--bl:#2E7CCB;--g:#EBC23E;\r\n        --ink:#0F2540;--body:#51678A;--line:#E3EAF4;--bg:#F5F8FC;\r\n        font-family:\"Segoe UI\",\"Helvetica Neue\",Arial,\"Microsoft YaHei\",sans-serif;\r\n        color:var(--ink);line-height:1.65}\r\n    .pf *{box-sizing:border-box;margin:0;padding:0}\r\n    .pf img{display:block;max-width:100%}\r\n    .pf a{text-decoration:none;color:inherit}\r\n    .pf-wrap{max-width:1200px;margin:0 auto;padding:0 28px}\r\n\r\n    .pf-sh{max-width:660px;margin-bottom:52px}\r\n    .pf-sh .pf-tag{font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--b)}\r\n    .pf-sh h2{font-size:clamp(26px,3vw,36px);font-weight:600;letter-spacing:-.4px;color:var(--ink);margin:14px 0 14px}\r\n    .pf-sh h3{font-size:clamp(20px,2.2vw,26px);font-weight:600;letter-spacing:-.4px;color:var(--ink);margin:14px 0 14px}\r\n    .pf-sh p{font-size:16px;color:var(--body);line-height:1.75}\r\n    .pf-sh2{margin-bottom:30px}\r\n\r\n    .pf-pick{background:var(--bg);padding:96px 0}\r\n    .pf-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\r\n    .pf-pickcard{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px 28px;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}\r\n    .pf-pickcard::before{content:\"\";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:0 0 3px 3px;background:var(--g);opacity:0;transition:opacity .18s}\r\n    .pf-pickcard:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(15,37,64,.10)}\r\n    .pf-pickcard:hover::before{opacity:1}\r\n    .pf-pk-eb{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bl);margin-bottom:12px}\r\n    .pf-pickcard h3{font-size:18.5px;font-weight:600;color:var(--ink);line-height:1.4;margin-bottom:12px}\r\n    .pf-pickcard p{font-size:14.5px;color:var(--body);line-height:1.7;margin-bottom:20px}\r\n    .pf-pk-models{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}\r\n    .pf-pk-models b{font-size:12px;font-weight:600;color:#3A5A82;background:#EFF4FA;border-radius:6px;padding:5px 10px}\r\n    .pf-pk-go{font-size:13.5px;font-weight:600;color:var(--b);margin-top:20px}\r\n    @media(max-width:1024px){.pf-picks{grid-template-columns:repeat(2,1fr)}}\r\n    @media(max-width:600px){.pf-picks{grid-template-columns:1fr}.pf-pick{padding:72px 0}}\r\n  <\/style>\r\n  <div class=\"pf-wrap\">\r\n    <div class=\"pf-sh\">\r\n      <span class=\"pf-tag\">Commencez ici<\/span>\r\n      <h2>Choisissez selon ce que vous construisez<\/h2>\r\n      <p>Trois types d'acheteurs arrivent ici : l'int\u00e9grateur d\u00e9ployant un site, le revendeur qui veut sa propre marque, et le d\u00e9veloppeur \u00e9crivant une application.<\/p>\r\n    <\/div>\r\n    <div class=\"pf-picks\">\r\n      <a class=\"pf-pickcard\" href=\"https:\/\/hfsecurity.cn\/fr\/hf-logiciel-de-gestion-intelligente\/\">\r\n        <span class=\"pf-pk-eb\">D\u00e9ployer un site<\/span>\r\n        <h3>Gestion des appareils sur plusieurs sites<\/h3>\r\n        <p>Plateforme centrale pour utilisateurs, appareils, r\u00e8gles d'acc\u00e8s et rapport de pr\u00e9sence.<\/p>\r\n        <div class=\"pf-pk-models\"><b>HFIMS<\/b><\/div>\r\n        <span class=\"pf-pk-go\">Voir les mod\u00e8les &rarr;<\/span>\r\n      <\/a>\r\n      <a class=\"pf-pickcard\" href=\"#models\">\r\n        <span class=\"pf-pk-eb\">Temps &amp; pr\u00e9sence<\/span>\r\n        <h3>Uniquement les heures de paie<\/h3>\r\n        <p>Logiciel de pr\u00e9sence autonome sans la charge de la plateforme compl\u00e8te.<\/p>\r\n        <div class=\"pf-pk-models\"><b>Pr\u00e9sence<\/b><\/div>\r\n        <span class=\"pf-pk-go\">Voir les mod\u00e8les &rarr;<\/span>\r\n      <\/a>\r\n      <a class=\"pf-pickcard\" href=\"#models\">\r\n        <span class=\"pf-pk-eb\">Construire une application<\/span>\r\n        <h3>\u00c9crire votre propre client<\/h3>\r\n        <p>SDK pour Linux, Android et Windows avec API de correspondance et de capture.<\/p>\r\n        <div class=\"pf-pk-models\"><b>SDK biom\u00e9trique<\/b><\/div>\r\n        <span class=\"pf-pk-go\">Voir les mod\u00e8les &rarr;<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a06b4e e-con-full e-flex e-con e-parent\" data-id=\"4a06b4e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bc295f elementor-widget elementor-widget-html\" data-id=\"1bc295f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n============================================================================\r\nHFSecurity \u00b7 \/platform\/ \u00b7 \u533a\u5757 03 \u00b7 \u4e3a\u4ec0\u4e48\u9009\u8fd9\u4e2a\u6280\u672f\uff08\u5185\u5bb9\u6df1\u5ea6\uff09\r\n============================================================================\r\n\u3010\u7c98\u8d34\u4f4d\u7f6e\u3011\r\nElementor \u7f16\u8f91\u5668 \u2192 \u65b0\u5efa\u4e00\u4e2a\u9876\u5c42 Container\r\n\u00b7 \u5e03\u5c40 \u00b7 \u5185\u5bb9\u5bbd\u5ea6 = \u5168\u5bbd(Full Width)\r\n\u00b7 \u5e03\u5c40 \u00b7 \u5143\u7d20\u95f4\u8ddd = \u65e0\u95f4\u9699(No Gap)\r\n\u00b7 \u9ad8\u7ea7 \u00b7 \u5185\u8fb9\u8ddd   = 0 (\u56db\u8fb9)\r\n\u00b7 \u9ad8\u7ea7 \u00b7 CSS \u7c7b\u540d = hf-catalog  \uff08v2 \u6837\u5f0f\u81ea\u5e26\uff0c\u7167\u65e7\u586b\u5199\u4fdd\u6301\u7edf\u4e00\uff09\r\n\u518d\u5f80\u91cc\u62d6\u4e00\u4e2a\u300cHTML\u300d\u5c0f\u5de5\u5177\uff0c\u628a\u672c\u6587\u4ef6\u6574\u6bb5(\u542b\u672c\u6ce8\u91ca)\u7c98\u8fdb\u53bb \u2192 \u66f4\u65b0\r\n\u3010\u672c\u9875\u524d\u7f6e\u3011\r\n1. v2 \u6837\u5f0f\u5185\u7f6e\u4e8e\u5404\u533a\u5757 style \u6bb5\uff0c\u4e0d\u4f9d\u8d56 css\/16\/17\uff08\u5df2\u7c98\u4e5f\u4e0d\u51b2\u7a81\uff09\r\n2. \u6539\u5b8c LiteSpeed \u2192 \u6e05\u9664\u5168\u90e8\u7f13\u5b58\uff0c\u524d\u53f0 Ctrl+F5\r\n\u3010\u951a\u70b9\u3011#why\r\n============================================================================\r\n-->\r\n<section class=\"pf pf-why\" id=\"why\">\r\n  <style>\r\n\r\n    .pf{--n:#0A1E38;--n2:#0D2A4A;--b:#2261A2;--bl:#2E7CCB;--g:#EBC23E;\r\n        --ink:#0F2540;--body:#51678A;--line:#E3EAF4;--bg:#F5F8FC;\r\n        font-family:\"Segoe UI\",\"Helvetica Neue\",Arial,\"Microsoft YaHei\",sans-serif;\r\n        color:var(--ink);line-height:1.65}\r\n    .pf *{box-sizing:border-box;margin:0;padding:0}\r\n    .pf img{display:block;max-width:100%}\r\n    .pf a{text-decoration:none;color:inherit}\r\n    .pf-wrap{max-width:1200px;margin:0 auto;padding:0 28px}\r\n\r\n    .pf-sh{max-width:660px;margin-bottom:52px}\r\n    .pf-sh .pf-tag{font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--b)}\r\n    .pf-sh h2{font-size:clamp(26px,3vw,36px);font-weight:600;letter-spacing:-.4px;color:var(--ink);margin:14px 0 14px}\r\n    .pf-sh h3{font-size:clamp(20px,2.2vw,26px);font-weight:600;letter-spacing:-.4px;color:var(--ink);margin:14px 0 14px}\r\n    .pf-sh p{font-size:16px;color:var(--body);line-height:1.75}\r\n    .pf-sh2{margin-bottom:30px}\r\n\r\n    .pf-why{background:#fff;padding:88px 0}\r\n    .pf-whys{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\r\n    .pf-wy{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:30px 28px}\r\n    .pf-wy b{display:block;font-size:16.5px;font-weight:600;color:var(--ink);margin-bottom:11px;letter-spacing:-.2px}\r\n    .pf-wy p{font-size:14.5px;color:var(--body);line-height:1.72}\r\n    @media(max-width:980px){.pf-whys{grid-template-columns:1fr}.pf-why{padding:68px 0}}\r\n  <\/style>\r\n  <div class=\"pf-wrap\">\r\n    <div class=\"pf-sh\">\r\n      <span class=\"pf-tag\">Avant de choisir<\/span>\r\n      <h3>Ce qu'il faut savoir d'abord<\/h3>\r\n      <p>Trois choses utiles \u00e0 conna\u00eetre avant de pr\u00e9s\u00e9lectionner un mod\u00e8le.<\/p>\r\n    <\/div>\r\n    <div class=\"pf-whys\">\r\n      <div class=\"pf-wy\"><b>Marque blanche par d\u00e9faut<\/b><p>Les trois produits portent votre logo, votre charte couleurs et votre domaine. Si vous revendez \u00e0 des clients finals, ils ne voient jamais la marque HFSecurity.<\/p><\/div>\r\n      <div class=\"pf-wy\"><b>Ex\u00e9cutez-le vous-m\u00eame ou sur le n\u00f4tre<\/b><p>D\u00e9ployez sur votre propre serveur ou utilisez notre instance h\u00e9berg\u00e9e. Les deux options exportent les m\u00eames donn\u00e9es, donc migrer plus tard ne co\u00fbte rien.<\/p><\/div>\r\n      <div class=\"pf-wy\"><b>Quand utiliser le SDK \u00e0 la place<\/b><p>Si vous avez d\u00e9j\u00e0 une base de donn\u00e9es utilisateurs et n'avez besoin que de capture et de correspondance, le SDK est plus l\u00e9ger que la plateforme compl\u00e8te. La plupart des int\u00e9grateurs commencent ici et \u00e9voluent au fil du projet.<\/p><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4106b8e e-con-full e-flex e-con e-parent\" data-id=\"4106b8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc38538 elementor-widget elementor-widget-html\" data-id=\"fc38538\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n============================================================================\r\nHFSecurity \u00b7 \/platform\/ \u00b7 \u533a\u5757 04 \u00b7 \u4ea7\u54c1\u533a\uff08\u7cbe\u9009\u5927\u5361+\u5168\u7cfb\u901f\u89c8\uff09\r\n============================================================================\r\n\u3010\u7c98\u8d34\u4f4d\u7f6e\u3011\r\nElementor \u7f16\u8f91\u5668 \u2192 \u65b0\u5efa\u4e00\u4e2a\u9876\u5c42 Container\r\n\u00b7 \u5e03\u5c40 \u00b7 \u5185\u5bb9\u5bbd\u5ea6 = \u5168\u5bbd(Full Width)\r\n\u00b7 \u5e03\u5c40 \u00b7 \u5143\u7d20\u95f4\u8ddd = \u65e0\u95f4\u9699(No Gap)\r\n\u00b7 \u9ad8\u7ea7 \u00b7 \u5185\u8fb9\u8ddd   = 0 (\u56db\u8fb9)\r\n\u00b7 \u9ad8\u7ea7 \u00b7 CSS \u7c7b\u540d = hf-catalog  \uff08v2 \u6837\u5f0f\u81ea\u5e26\uff0c\u7167\u65e7\u586b\u5199\u4fdd\u6301\u7edf\u4e00\uff09\r\n\u518d\u5f80\u91cc\u62d6\u4e00\u4e2a\u300cHTML\u300d\u5c0f\u5de5\u5177\uff0c\u628a\u672c\u6587\u4ef6\u6574\u6bb5(\u542b\u672c\u6ce8\u91ca)\u7c98\u8fdb\u53bb \u2192 \u66f4\u65b0\r\n\u3010\u672c\u9875\u524d\u7f6e\u3011\r\n1. v2 \u6837\u5f0f\u5185\u7f6e\u4e8e\u5404\u533a\u5757 style \u6bb5\uff0c\u4e0d\u4f9d\u8d56 css\/16\/17\uff08\u5df2\u7c98\u4e5f\u4e0d\u51b2\u7a81\uff09\r\n2. \u6539\u5b8c LiteSpeed \u2192 \u6e05\u9664\u5168\u90e8\u7f13\u5b58\uff0c\u524d\u53f0 Ctrl+F5\r\n\u3010\u951a\u70b9\u3011#models\r\n============================================================================\r\n-->\r\n<section class=\"pf pf-models\" id=\"models\">\r\n  <style>\r\n\r\n    .pf{--n:#0A1E38;--n2:#0D2A4A;--b:#2261A2;--bl:#2E7CCB;--g:#EBC23E;\r\n        --ink:#0F2540;--body:#51678A;--line:#E3EAF4;--bg:#F5F8FC;\r\n        font-family:\"Segoe UI\",\"Helvetica Neue\",Arial,\"Microsoft YaHei\",sans-serif;\r\n        color:var(--ink);line-height:1.65}\r\n    .pf *{box-sizing:border-box;margin:0;padding:0}\r\n    .pf img{display:block;max-width:100%}\r\n    .pf a{text-decoration:none;color:inherit}\r\n    .pf-wrap{max-width:1200px;margin:0 auto;padding:0 28px}\r\n\r\n    .pf-sh{max-width:660px;margin-bottom:52px}\r\n    .pf-sh .pf-tag{font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--b)}\r\n    .pf-sh h2{font-size:clamp(26px,3vw,36px);font-weight:600;letter-spacing:-.4px;color:var(--ink);margin:14px 0 14px}\r\n    .pf-sh h3{font-size:clamp(20px,2.2vw,26px);font-weight:600;letter-spacing:-.4px;color:var(--ink);margin:14px 0 14px}\r\n    .pf-sh p{font-size:16px;color:var(--body);line-height:1.75}\r\n    .pf-sh2{margin-bottom:30px}\r\n\r\n    .pf-models{background:var(--bg);padding:96px 0}\r\n    .pf-feat{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-bottom:78px}\r\n    .pf-fcard{position:relative;display:flex;background:#fff;border:1px solid #E9EFF7;border-radius:16px;overflow:hidden;min-height:232px;transition:transform .18s,box-shadow .18s,border-color .18s}\r\n    .pf-fcard:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(15,37,64,.12);border-color:#C9DBEF}\r\n    .pf-fimg{flex:0 0 244px;background:#FAFCFE;border-right:1px solid #F0F4F9;display:flex;align-items:center;justify-content:center;padding:26px 20px}\r\n    .pf-fimg img{max-height:196px;width:auto;max-width:100%;object-fit:contain;transition:transform .25s}\r\n    .pf-fcard:hover .pf-fimg img{transform:scale(1.05)}\r\n    .pf-fimg.pf-noimg{background:linear-gradient(135deg,#0A1E38,#1B4470);border-right:1px solid rgba(255,255,255,.09)}\r\n    .pf-fimg.pf-noimg span{font-size:30px;font-weight:700;letter-spacing:.04em;color:#fff;opacity:.92}\r\n    .pf-fmodel{position:absolute;top:14px;left:14px;z-index:2;font-size:12px;font-weight:700;letter-spacing:.06em;color:#8A6D12;background:var(--g);border-radius:7px;padding:5px 11px;box-shadow:0 4px 12px rgba(235,194,62,.35)}\r\n    .pf-fbody{padding:26px 28px 24px;display:flex;flex-direction:column;flex:1}\r\n    .pf-fcat{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bl);margin-bottom:9px}\r\n    .pf-fbody h3{font-size:19.5px;font-weight:600;color:var(--ink);line-height:1.35;letter-spacing:-.2px;margin-bottom:10px}\r\n    .pf-fbody p{font-size:14.5px;color:var(--body);line-height:1.7;margin-bottom:18px}\r\n    .pf-fchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}\r\n    .pf-fchips span{font-size:11.5px;color:#3A5A82;background:#EFF4FA;border-radius:5px;padding:4px 10px}\r\n    .pf-fgo{font-size:13.5px;font-weight:600;color:var(--b);margin-top:16px}\r\n    .pf-fgo em{font-style:normal;transition:margin .15s}\r\n    .pf-fcard:hover .pf-fgo em{margin-left:5px}\r\n    .pf-fcard.pf-flag{background:var(--n);border-color:var(--n)}\r\n    .pf-flag .pf-fimg{background:var(--n2);border-right:1px solid rgba(255,255,255,.09)}\r\n    .pf-flag .pf-fcat{color:#8FB4DC}\r\n    .pf-flag .pf-fbody h3{color:#fff}\r\n    .pf-flag .pf-fbody p{color:#B9CBE0}\r\n    .pf-flag .pf-fchips span{color:#DCE8F6;background:rgba(255,255,255,.09)}\r\n    .pf-flag .pf-fgo{color:var(--g)}\r\n    @media(max-width:1024px){.pf-feat{grid-template-columns:1fr}.pf-fcard{min-height:0}}\r\n    @media(max-width:640px){\r\n      .pf-models{padding:68px 0}\r\n      .pf-fcard{flex-direction:column}\r\n      .pf-fimg{flex:0 0 auto;border-right:0;border-bottom:1px solid #F0F4F9;padding:34px 20px 22px}\r\n      .pf-fimg img{max-height:170px}\r\n    }\r\n  <\/style>\r\n  <div class=\"pf-wrap\">\r\n    <div class=\"pf-sh\">\r\n      <span class=\"pf-tag\">La gamme<\/span>\r\n      <h2>Trois produits, une d\u00e9cision<\/h2>\r\n      <p>Une plateforme de gestion, un package de pr\u00e9sence et un SDK \u2014 marque blanche par d\u00e9faut, ils portent donc votre marque, pas la n\u00f4tre.<\/p>\r\n    <\/div>\r\n    <div class=\"pf-feat\">\r\n      <a class=\"pf-fcard pf-flag\" href=\"https:\/\/hfsecurity.cn\/fr\/hf-logiciel-de-gestion-intelligente\/\">\r\n        <div class=\"pf-fimg\"><span class=\"pf-fmodel\">HFIMS<\/span><img decoding=\"async\" src=\"https:\/\/hfsecurity.cn\/wp-content\/uploads\/hfims-1-dashboard.webp\" alt=\"HFIMS HF Intelligent Management Software\" loading=\"lazy\"><\/div>\r\n        <div class=\"pf-fbody\">\r\n          <span class=\"pf-fcat\">Plateforme<\/span>\r\n          <h3>Logiciel de gestion intelligente HF<\/h3>\r\n          <p>Gestion centrale de toute la flotte \u2014 personnes, cartes, r\u00e8gles d'acc\u00e8s et pr\u00e9sence sur plusieurs sites.<\/p>\r\n          <div class=\"pf-fchips\"><span>Gestion centrale<\/span><span>Multi-sites<\/span><span>Marque blanche<\/span><\/div>\r\n          <span class=\"pf-fgo\">Voir le produit <em>&rarr;<\/em><\/span>\r\n        <\/div>\r\n      <\/a>\r\n      <a class=\"pf-fcard\" href=\"https:\/\/hfsecurity.cn\/fr\/employee-time-attendance-software\/\">\r\n        <div class=\"pf-fimg\"><span class=\"pf-fmodel\">Pr\u00e9sence<\/span><img decoding=\"async\" src=\"https:\/\/hfsecurity.cn\/wp-content\/uploads\/2023\/02\/Fingerprint-Scanner-Series-1-1-scaled.jpg\" alt=\"Attendance Employee Time &amp; Attendance Software\" loading=\"lazy\"><\/div>\r\n        <div class=\"pf-fbody\">\r\n          <span class=\"pf-fcat\">Logiciel<\/span>\r\n          <h3>Logiciel de temps &amp; pr\u00e9sence employ\u00e9s<\/h3>\r\n          <p>R\u00e8gles de quart, heures suppl\u00e9mentaires et export de paie \u2014 les heures sans la charge de la plateforme.<\/p>\r\n          <div class=\"pf-fchips\"><span>R\u00e8gles de quart<\/span><span>Export de paie<\/span><span>Marque blanche<\/span><\/div>\r\n          <span class=\"pf-fgo\">Voir le produit <em>&rarr;<\/em><\/span>\r\n        <\/div>\r\n      <\/a>\r\n      <a class=\"pf-fcard\" href=\"https:\/\/hfsecurity.cn\/fr\/sdk-biometrique\/\">\r\n        <div class=\"pf-fimg\"><span class=\"pf-fmodel\">SDK biom\u00e9trique<\/span><img decoding=\"async\" src=\"https:\/\/hfsecurity.cn\/wp-content\/uploads\/Fingerprint-Scanner-Series-1-1024x724.jpg\" alt=\"Biometric SDK Biometric SDK\" loading=\"lazy\"><\/div>\r\n        <div class=\"pf-fbody\">\r\n          <span class=\"pf-fcat\">SDK<\/span>\r\n          <h3>SDK biom\u00e9trique<\/h3>\r\n          <p>Capture plus correspondance 1:1 et 1:N pour Linux, Android et Windows, avec un wrapper REST.<\/p>\r\n          <div class=\"pf-fchips\"><span>Linux \u00b7 Android<\/span><span>1:1 \/ 1:N<\/span><span>REST API<\/span><\/div>\r\n          <span class=\"pf-fgo\">Voir le produit <em>&rarr;<\/em><\/span>\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d29a8c1 e-con-full e-flex e-con e-parent\" data-id=\"d29a8c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88e1269 elementor-widget elementor-widget-html\" data-id=\"88e1269\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n============================================================================\r\nHFSecurity \u00b7 \/platform\/ \u00b7 \u533a\u5757 05 \u00b7 \u76f8\u5173\u6280\u672f\r\n============================================================================\r\n\u3010\u7c98\u8d34\u4f4d\u7f6e\u3011\r\nElementor \u7f16\u8f91\u5668 \u2192 \u65b0\u5efa\u4e00\u4e2a\u9876\u5c42 Container\r\n\u00b7 \u5e03\u5c40 \u00b7 \u5185\u5bb9\u5bbd\u5ea6 = \u5168\u5bbd(Full Width)\r\n\u00b7 \u5e03\u5c40 \u00b7 \u5143\u7d20\u95f4\u8ddd = \u65e0\u95f4\u9699(No Gap)\r\n\u00b7 \u9ad8\u7ea7 \u00b7 \u5185\u8fb9\u8ddd   = 0 (\u56db\u8fb9)\r\n\u00b7 \u9ad8\u7ea7 \u00b7 CSS \u7c7b\u540d = hf-catalog  \uff08v2 \u6837\u5f0f\u81ea\u5e26\uff0c\u7167\u65e7\u586b\u5199\u4fdd\u6301\u7edf\u4e00\uff09\r\n\u518d\u5f80\u91cc\u62d6\u4e00\u4e2a\u300cHTML\u300d\u5c0f\u5de5\u5177\uff0c\u628a\u672c\u6587\u4ef6\u6574\u6bb5(\u542b\u672c\u6ce8\u91ca)\u7c98\u8fdb\u53bb \u2192 \u66f4\u65b0\r\n\u3010\u672c\u9875\u524d\u7f6e\u3011\r\n1. v2 \u6837\u5f0f\u5185\u7f6e\u4e8e\u5404\u533a\u5757 style \u6bb5\uff0c\u4e0d\u4f9d\u8d56 css\/16\/17\uff08\u5df2\u7c98\u4e5f\u4e0d\u51b2\u7a81\uff09\r\n2. \u6539\u5b8c LiteSpeed \u2192 \u6e05\u9664\u5168\u90e8\u7f13\u5b58\uff0c\u524d\u53f0 Ctrl+F5\r\n\u3010\u951a\u70b9\u3011#related\r\n============================================================================\r\n-->\r\n<section class=\"pf pf-rel\" id=\"related\">\r\n  <style>\r\n\r\n    .pf{--n:#0A1E38;--n2:#0D2A4A;--b:#2261A2;--bl:#2E7CCB;--g:#EBC23E;\r\n        --ink:#0F2540;--body:#51678A;--line:#E3EAF4;--bg:#F5F8FC;\r\n        font-family:\"Segoe UI\",\"Helvetica Neue\",Arial,\"Microsoft YaHei\",sans-serif;\r\n        color:var(--ink);line-height:1.65}\r\n    .pf *{box-sizing:border-box;margin:0;padding:0}\r\n    .pf img{display:block;max-width:100%}\r\n    .pf a{text-decoration:none;color:inherit}\r\n    .pf-wrap{max-width:1200px;margin:0 auto;padding:0 28px}\r\n\r\n    .pf-sh{max-width:660px;margin-bottom:52px}\r\n    .pf-sh .pf-tag{font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--b)}\r\n    .pf-sh h2{font-size:clamp(26px,3vw,36px);font-weight:600;letter-spacing:-.4px;color:var(--ink);margin:14px 0 14px}\r\n    .pf-sh h3{font-size:clamp(20px,2.2vw,26px);font-weight:600;letter-spacing:-.4px;color:var(--ink);margin:14px 0 14px}\r\n    .pf-sh p{font-size:16px;color:var(--body);line-height:1.75}\r\n    .pf-sh2{margin-bottom:30px}\r\n\r\n    .pf-rel{background:#fff;padding:88px 0}\r\n    .pf-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\r\n    .pf-xt{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 26px;display:flex;align-items:center;gap:18px;transition:transform .16s,box-shadow .16s,border-color .16s}\r\n    .pf-xt:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(15,37,64,.09);border-color:#C9DBEF}\r\n    .pf-xi{flex:0 0 46px;height:46px;border-radius:12px;background:#E6F1FB;color:var(--b);display:flex;align-items:center;justify-content:center}\r\n    .pf-xi svg{width:22px;height:22px}\r\n    .pf-xt b{display:block;font-size:15.5px;font-weight:600;color:var(--ink)}\r\n    .pf-xt span{font-size:13px;color:var(--body)}\r\n    @media(max-width:860px){.pf-rel-grid{grid-template-columns:repeat(2,1fr)}}\r\n    @media(max-width:560px){.pf-rel-grid{grid-template-columns:1fr}}\r\n  <\/style>\r\n  <div class=\"pf-wrap\">\r\n    <div class=\"pf-sh\">\r\n      <span class=\"pf-tag\">Combiner avec<\/span>\r\n      <h2>Technologies associ\u00e9es<\/h2>\r\n      <p>La plupart des d\u00e9ploiements m\u00e9langent deux ou trois modalit\u00e9s. Voici les gammes qui s'associent \u00e0 la plateforme.<\/p>\r\n    <\/div>\r\n    <div class=\"pf-rel-grid\">\r\n      <a class=\"pf-xt\" href=\"https:\/\/hfsecurity.cn\/fr\/face-recognition\/\">\r\n        <span class=\"pf-xi\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/span>\r\n        <span><b>Reconnaissance faciale<\/b><span>17 terminaux<\/span><\/span>\r\n      <\/a>\r\n      <a class=\"pf-xt\" href=\"https:\/\/hfsecurity.cn\/fr\/empreinte-digitale\/\">\r\n        <span class=\"pf-xi\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/span>\r\n        <span><b>Empreinte digitale<\/b><span>28 scanners<\/span><\/span>\r\n      <\/a>\r\n      <a class=\"pf-xt\" href=\"https:\/\/hfsecurity.cn\/fr\/access-control\/\">\r\n        <span class=\"pf-xi\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/span>\r\n        <span><b>Contr\u00f4le d'acc\u00e8s<\/b><span>Tourniquets &amp; portails<\/span><\/span>\r\n      <\/a>\r\n      <a class=\"pf-xt\" href=\"https:\/\/hfsecurity.cn\/fr\/enterprise-attendance-management-solution\/\">\r\n        <span class=\"pf-xi\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/span>\r\n        <span><b>Pr\u00e9sence entreprise<\/b><span>Solution main-d'\u0153uvre<\/span><\/span>\r\n      <\/a>\r\n      <a class=\"pf-xt\" href=\"https:\/\/hfsecurity.cn\/fr\/sdk-biometrique\/\">\r\n        <span class=\"pf-xi\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/span>\r\n        <span><b>SDK biom\u00e9trique<\/b><span>Docs d\u00e9veloppeur<\/span><\/span>\r\n      <\/a>\r\n      <a class=\"pf-xt\" href=\"https:\/\/hfsecurity.cn\/fr\/telecharger-la-ressource\/\">\r\n        <span class=\"pf-xi\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/span>\r\n        <span><b>T\u00e9l\u00e9chargements<\/b><span>Logiciel &amp; manuels<\/span><\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58a60a1 e-con-full e-flex e-con e-parent\" data-id=\"58a60a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad7bd09 elementor-widget elementor-widget-html\" data-id=\"ad7bd09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n============================================================================\r\nHFSecurity \u00b7 \/platform\/ \u00b7 \u533a\u5757 06 \u00b7 \u8be2\u76d8 CTA + OEM\r\n============================================================================\r\n\u3010\u7c98\u8d34\u4f4d\u7f6e\u3011\r\nElementor \u7f16\u8f91\u5668 \u2192 \u65b0\u5efa\u4e00\u4e2a\u9876\u5c42 Container\r\n\u00b7 \u5e03\u5c40 \u00b7 \u5185\u5bb9\u5bbd\u5ea6 = \u5168\u5bbd(Full Width)\r\n\u00b7 \u5e03\u5c40 \u00b7 \u5143\u7d20\u95f4\u8ddd = \u65e0\u95f4\u9699(No Gap)\r\n\u00b7 \u9ad8\u7ea7 \u00b7 \u5185\u8fb9\u8ddd   = 0 (\u56db\u8fb9)\r\n\u00b7 \u9ad8\u7ea7 \u00b7 CSS \u7c7b\u540d = hf-catalog  \uff08v2 \u6837\u5f0f\u81ea\u5e26\uff0c\u7167\u65e7\u586b\u5199\u4fdd\u6301\u7edf\u4e00\uff09\r\n\u518d\u5f80\u91cc\u62d6\u4e00\u4e2a\u300cHTML\u300d\u5c0f\u5de5\u5177\uff0c\u628a\u672c\u6587\u4ef6\u6574\u6bb5(\u542b\u672c\u6ce8\u91ca)\u7c98\u8fdb\u53bb \u2192 \u66f4\u65b0\r\n\u3010\u672c\u9875\u524d\u7f6e\u3011\r\n1. v2 \u6837\u5f0f\u5185\u7f6e\u4e8e\u5404\u533a\u5757 style \u6bb5\uff0c\u4e0d\u4f9d\u8d56 css\/16\/17\uff08\u5df2\u7c98\u4e5f\u4e0d\u51b2\u7a81\uff09\r\n2. \u6539\u5b8c LiteSpeed \u2192 \u6e05\u9664\u5168\u90e8\u7f13\u5b58\uff0c\u524d\u53f0 Ctrl+F5\r\n\u3010\u951a\u70b9\u3011#quote\r\n============================================================================\r\n-->\r\n<section class=\"pf pf-cta\" id=\"quote\">\r\n  <style>\r\n\r\n    .pf{--n:#0A1E38;--n2:#0D2A4A;--b:#2261A2;--bl:#2E7CCB;--g:#EBC23E;\r\n        --ink:#0F2540;--body:#51678A;--line:#E3EAF4;--bg:#F5F8FC;\r\n        font-family:\"Segoe UI\",\"Helvetica Neue\",Arial,\"Microsoft YaHei\",sans-serif;\r\n        color:var(--ink);line-height:1.65}\r\n    .pf *{box-sizing:border-box;margin:0;padding:0}\r\n    .pf img{display:block;max-width:100%}\r\n    .pf a{text-decoration:none;color:inherit}\r\n    .pf-wrap{max-width:1200px;margin:0 auto;padding:0 28px}\r\n\r\n    .pf-cta{background:var(--n);color:#fff;padding:88px 0;position:relative;overflow:hidden}\r\n    .pf-cta .pf-ring{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}\r\n    .pf-cta .r1{width:420px;height:420px;top:-160px;right:-110px}\r\n    .pf-cta-box{position:relative;display:flex;align-items:center;justify-content:space-between;gap:44px;flex-wrap:wrap}\r\n    .pf-cta-box h2{font-size:clamp(24px,2.8vw,34px);font-weight:600;letter-spacing:-.3px;line-height:1.3;max-width:560px}\r\n    .pf-cta-box p{font-size:15.5px;color:#B9CBE0;line-height:1.75;margin-top:14px;max-width:560px}\r\n    .pf-cta-btns{display:flex;gap:15px;flex-wrap:wrap}\r\n    .pf-btn{display:inline-block;background:var(--g);color:#20304A;font-size:15px;font-weight:600;padding:15px 34px;border-radius:8px;transition:transform .15s,box-shadow .15s}\r\n    .pf-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(235,194,62,.25)}\r\n    .pf-btn.pf-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.38)}\r\n    .pf-btn.pf-ghost:hover{border-color:#fff;box-shadow:none}\r\n    .pf-oem{position:relative;margin-top:54px;border:1px solid rgba(235,194,62,.42);border-radius:14px;padding:30px 34px;display:flex;align-items:center;gap:30px;justify-content:space-between;flex-wrap:wrap;background:rgba(255,255,255,.03)}\r\n    .pf-oem h4{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--g);margin-bottom:8px}\r\n    .pf-oem p{font-size:14.5px;color:#C3D3E6;line-height:1.7;max-width:660px}\r\n    .pf-oem a{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px}\r\n    .pf-oem a:hover{border-color:var(--g);color:var(--g)}\r\n  <\/style>\r\n  <span class=\"pf-ring r1\"><\/span>\r\n  <div class=\"pf-wrap\">\r\n    <div class=\"pf-cta-box\">\r\n      <div>\r\n        <h2 style=\"color: white;\">Vous ne savez pas quel mod\u00e8le de plateforme convient ?<\/h2>\r\n        <p>Envoyez-nous le sc\u00e9nario et la quantit\u00e9 \u2014 nous reviendrons vers vous avec une liste de mod\u00e8les recommand\u00e9s, des fiches techniques et un devis sous un jour ouvr\u00e9.<\/p>\r\n      <\/div>\r\n      <div class=\"pf-cta-btns\">\r\n        <a class=\"pf-btn\" href=\"https:\/\/hfsecurity.cn\/fr\/contactez-nous\/\">Demander un devis<\/a>\r\n        <a class=\"pf-btn pf-ghost\" href=\"https:\/\/hfsecurity.cn\/fr\/telecharger-la-ressource\/\">T\u00e9l\u00e9charger les fiches techniques<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"pf-oem\">\r\n      <div>\r\n        <h4>OEM \/ ODM<\/h4>\r\n        <p>Votre logo, votre charte couleurs, votre domaine \u2014 les trois produits sont livr\u00e9s en marque blanche par d\u00e9faut.<\/p>\r\n      <\/div>\r\n      <a href=\"https:\/\/hfsecurity.cn\/fr\/solutions-odm-oem\/\">Voir la capacit\u00e9 OEM &rarr;<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Platform &amp; Software One platform behind every deviceManagement &middot; Attendance &middot; SDK &mdash; white-label ready The software layer that turns a fleet of devices into one system \u2014 a management platform, an attendance package, and SDKs for building your own application. Get a Quote See the Full Range White-label as standard \u2014 your brand, not [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-19190","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HFIMS \u2014 Identity Management Platform | HFSecurity - HFSecurity biometric solution<\/title>\n<meta name=\"description\" content=\"HFIMS unifies devices, users, identities and permissions in one platform with open API\/SDK. Manage face, fingerprint and palm vein from one dashboard.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hfsecurity.cn\/fr\/plate-forme\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HFIMS \u2014 Identity Management Platform | HFSecurity - HFSecurity biometric solution\" \/>\n<meta property=\"og:description\" content=\"HFIMS unifies devices, users, identities and permissions in one platform with open API\/SDK. Manage face, fingerprint and palm vein from one dashboard.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hfsecurity.cn\/fr\/plate-forme\/\" \/>\n<meta property=\"og:site_name\" content=\"HFSecurity biometric solution\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/huifanTech\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-20T07:12:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hfsecurity.cn\/wp-content\/uploads\/platform-hero-concept-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@HF_Security\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hfsecurity.cn\\\/platform\\\/\",\"url\":\"https:\\\/\\\/hfsecurity.cn\\\/platform\\\/\",\"name\":\"HFIMS \u2014 Identity Management Platform | HFSecurity - HFSecurity biometric solution\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hfsecurity.cn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hfsecurity.cn\\\/platform\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hfsecurity.cn\\\/platform\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hfsecurity.cn\\\/wp-content\\\/uploads\\\/platform-hero-concept-1.png\",\"datePublished\":\"2026-09-20T02:05:35+00:00\",\"dateModified\":\"2026-09-20T07:12:21+00:00\",\"description\":\"HFIMS unifies devices, users, identities and permissions in one platform with open API\\\/SDK. Manage face, fingerprint and palm vein from one dashboard.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hfsecurity.cn\\\/platform\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hfsecurity.cn\\\/platform\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/hfsecurity.cn\\\/platform\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hfsecurity.cn\\\/wp-content\\\/uploads\\\/platform-hero-concept-1.png\",\"contentUrl\":\"https:\\\/\\\/hfsecurity.cn\\\/wp-content\\\/uploads\\\/platform-hero-concept-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hfsecurity.cn\\\/platform\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hfsecurity.cn\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HFIMS \u2014 Identity Management Platform | HFSecurity\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hfsecurity.cn\\\/#website\",\"url\":\"https:\\\/\\\/hfsecurity.cn\\\/\",\"name\":\"HFSecurity biometric solution\",\"description\":\"Biometric Product Solution China Factory\",\"publisher\":{\"@id\":\"https:\\\/\\\/hfsecurity.cn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hfsecurity.cn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hfsecurity.cn\\\/#organization\",\"name\":\"HFSecurity\",\"url\":\"https:\\\/\\\/hfsecurity.cn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/hfsecurity.cn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hfsecurity.cn\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/logo-3.png\",\"contentUrl\":\"https:\\\/\\\/hfsecurity.cn\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/logo-3.png\",\"width\":837,\"height\":414,\"caption\":\"HFSecurity\"},\"image\":{\"@id\":\"https:\\\/\\\/hfsecurity.cn\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/huifanTech\",\"https:\\\/\\\/x.com\\\/HF_Security\",\"https:\\\/\\\/www.linkedin.com\\\/feed\\\/\",\"http:\\\/\\\/www.youtube.com\\\/c\\\/Hfcctv\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HFIMS \u2014 Plateforme de gestion d'identit\u00e9 | HFSecurity","description":"HFIMS unifie appareils, utilisateurs, identit\u00e9s et permissions sur une plateforme avec API\/SDK ouverte. G\u00e9rez visage, empreinte et veine de la paume d'un seul tableau.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hfsecurity.cn\/fr\/plate-forme\/","og_locale":"fr_FR","og_type":"article","og_title":"HFIMS \u2014 Identity Management Platform | HFSecurity - HFSecurity biometric solution","og_description":"HFIMS unifies devices, users, identities and permissions in one platform with open API\/SDK. Manage face, fingerprint and palm vein from one dashboard.","og_url":"https:\/\/hfsecurity.cn\/fr\/plate-forme\/","og_site_name":"HFSecurity biometric solution","article_publisher":"https:\/\/www.facebook.com\/huifanTech","article_modified_time":"2026-09-20T07:12:21+00:00","og_image":[{"url":"https:\/\/hfsecurity.cn\/wp-content\/uploads\/platform-hero-concept-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@HF_Security","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hfsecurity.cn\/platform\/","url":"https:\/\/hfsecurity.cn\/platform\/","name":"HFIMS \u2014 Plateforme de gestion d'identit\u00e9 | HFSecurity","isPartOf":{"@id":"https:\/\/hfsecurity.cn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hfsecurity.cn\/platform\/#primaryimage"},"image":{"@id":"https:\/\/hfsecurity.cn\/platform\/#primaryimage"},"thumbnailUrl":"https:\/\/hfsecurity.cn\/wp-content\/uploads\/platform-hero-concept-1.png","datePublished":"2026-09-20T02:05:35+00:00","dateModified":"2026-09-20T07:12:21+00:00","description":"HFIMS unifie appareils, utilisateurs, identit\u00e9s et permissions sur une plateforme avec API\/SDK ouverte. G\u00e9rez visage, empreinte et veine de la paume d'un seul tableau.","breadcrumb":{"@id":"https:\/\/hfsecurity.cn\/platform\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hfsecurity.cn\/platform\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/hfsecurity.cn\/platform\/#primaryimage","url":"https:\/\/hfsecurity.cn\/wp-content\/uploads\/platform-hero-concept-1.png","contentUrl":"https:\/\/hfsecurity.cn\/wp-content\/uploads\/platform-hero-concept-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/hfsecurity.cn\/platform\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hfsecurity.cn\/"},{"@type":"ListItem","position":2,"name":"HFIMS \u2014 Identity Management Platform | HFSecurity"}]},{"@type":"WebSite","@id":"https:\/\/hfsecurity.cn\/#website","url":"https:\/\/hfsecurity.cn\/","name":"Solution biom\u00e9trique HFSecurity","description":"Solution de produit biom\u00e9trique en Chine Usine","publisher":{"@id":"https:\/\/hfsecurity.cn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hfsecurity.cn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/hfsecurity.cn\/#organization","name":"HFS\u00e9curit\u00e9","url":"https:\/\/hfsecurity.cn\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/hfsecurity.cn\/#\/schema\/logo\/image\/","url":"https:\/\/hfsecurity.cn\/wp-content\/uploads\/2022\/02\/logo-3.png","contentUrl":"https:\/\/hfsecurity.cn\/wp-content\/uploads\/2022\/02\/logo-3.png","width":837,"height":414,"caption":"HFSecurity"},"image":{"@id":"https:\/\/hfsecurity.cn\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/huifanTech","https:\/\/x.com\/HF_Security","https:\/\/www.linkedin.com\/feed\/","http:\/\/www.youtube.com\/c\/Hfcctv"]}]}},"_links":{"self":[{"href":"https:\/\/hfsecurity.cn\/fr\/wp-json\/wp\/v2\/pages\/19190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hfsecurity.cn\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hfsecurity.cn\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hfsecurity.cn\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hfsecurity.cn\/fr\/wp-json\/wp\/v2\/comments?post=19190"}],"version-history":[{"count":10,"href":"https:\/\/hfsecurity.cn\/fr\/wp-json\/wp\/v2\/pages\/19190\/revisions"}],"predecessor-version":[{"id":19255,"href":"https:\/\/hfsecurity.cn\/fr\/wp-json\/wp\/v2\/pages\/19190\/revisions\/19255"}],"wp:attachment":[{"href":"https:\/\/hfsecurity.cn\/fr\/wp-json\/wp\/v2\/media?parent=19190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}