kefu/static/templates/official/index.html

449 lines
30 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>在线客服系统-私有云独立部署在线客服系统源码-网站客服系统</title>
<meta name="keywords" content="在线客服系统,客服系统源码,在线客服下载,在线客服代码,开源客服,网页在线客服,免费客服系统,客服系统部署,安装在线客服,golang客服,php客服" />
<meta name="description" content="客服系统,在线客服一套可独立私有化部署的网站网页在线客服系统安装搭建极其简单仅依赖MySQL数据库支持宝塔面板一键部署两分钟搭建自己的网站在线客服系统" />
{{template "head" .}}
<style>
.main {
background: #f6f8f9;
}
.reason{
padding-top: 30px;
text-align: center;
}
.reason h2{
padding-top: 38px;
font-size: 26px;
color: #040000;
}
.reason h3{
font-size: 42px;
padding-top: 20px;
}
.reason h4{
padding-top: 20px;
padding-bottom: 30px;
font-size: 22px;
color: #524f4f;
}
</style>
</head>
<body>
{{template "navgator" .}}
<div class="vedioBanner">
<div class="vedioBannerIntro">
<h2>集成LLM大模型的智能AI客服系统</h2>
<h3 style="margin-bottom: 20px;letter-spacing: 2px;"><p style="display: inline-block" id="subTitle"></p><h3>
<a href="https://gofly.v1kf.com/chatIndex?ent_id=5&kefu_id=taoshihan&extra=eyJ2aXNpdG9yUHJvZHVjdCI6eyJ0aXRsZSI6Iue9keermeWuouacjeezu+e7ny/lnKjnur/lrqLmnI3ns7vnu5/jgJDllK/kuIDlrqLmnI3jgJFINS9BUFAv5YWs5LyX5Y+3L+Wwj+eoi+W6jy/llYbln47lpJrnlKjmiLflrqLmnI3ns7vnu58iLCJwcmljZSI6Iu+/pTIwMDAwIiwiaW1nIjoiaHR0cHM6Ly9nb2ZseWNoYXQub3NzLWNuLWhhbmd6aG91LmFsaXl1bmNzLmNvbS9zdGF0aWMvdXBsb2FkLzIwMjNGZWJydWFyeS9jNzZhODk0ZWZkZjdhNDNmMjY0NGVhMTkwNjM2NjkwMy5qcGciLCJ1cmwiOiJodHRwczovL2dvZmx5LnYxa2YuY29tIn19" class="btn btn-primary" target="_blank">咨询客服体验</a>
<a href="https://gofly.v1kf.com/ironMan/signInx" class="btn btn-outline-info" target="_blank">注册使用</a>
</div>
<div class="videomask"></div>
<video width="100%" id="video" autoplay="" loop="" preload="" muted="" x-webkit-airplay="true" airplay="allow" webkit-playsinline="true" playsinline="true" src="https://openaicomproductionae4b.blob.core.windows.net/production-twill-01/121dd5e0-eaea-424d-bdf2-db02ca1f5e55/gpt-4-92586ac_1080p60.mp4" class="video1 video"></video>
</div>
<div style="
position: relative;
padding: 15px 0;
background-color: rgb(255 255 255 / 80%);
font-size: 16px;
margin-top: -20px;
text-align: center;
z-index: 9;
backdrop-filter: saturate(5) blur(20px);
box-shadow: 0 0 10px rgb(199 199 199 / 80%);
color: #fa541c;
">
我们与其他客服系统的区别是:强类型,强并发,编译执行,企业私有云部署。多用户/网站/APP/电商/公众号/小程序微信客服,多语言/传文件/发位置/语音通话/视频通话自动回复机器人知识库ChatGPT等等。
</div>
<div class="main">
<div class="container">
<div class="reason">
<h2>为什么选择客服系统?</h2>
<h3>系统稳定高性能,功能全面又强大</h3>
<h4>自2019年客服通过高性能Golang语言开发出本客服系统已历经3356次优化</h4>
</div>
<div class="row hignRun">
<div class="col">
<h3>我们支持高性能</h3>
<p>Golang可以利用到多核CPU进行异步并行利用管道进行通信编译为二进制可执行文件运行效率极高</p>
</div>
<div class="col">
<h3>我们支持高并发</h3>
<p>Golang可以轻易地启动成千上万个Goroutine比系统线程切换效率高得多。基于Channel的同步通信复杂度降低功能得到提升。</p>
</div>
<div class="col">
<h3>我们支持稳定运行</h3>
<p>相比很多PHP+MySQL客服系统PHP的wokerman框架对进程的处理不够稳定运行效率低。Swoole扩展安装复杂不能完全兼容各种系统环境</p>
</div>
</div>
</div>
</div>
<div class="main">
<div class="preview">
<img alt="客服系统" title="私有化独立部署客服系统源码" class="jumbotron" src="static/images/index.png"/>
</div>
<div class="container v1MainInfo">
<div class="reason">
<h3>我们支持智能客服AI机器人</h3>
<h4>对接当今最强大的大模型API专属训练知识库个性化的企业客服助理</h4>
</div>
<div class="imgTable">
<div class="row">
<div class="col">
<div class="imgTablePic"></div>
<div class="imgTableTxt">
<h3>快速对话</h3>
<p>访客不需要下载安装任何软件及插件,直接点击网站客服系统图标或者链接即可与客服对话,非常方便。</p>
</div>
</div>
<div class="col">
<div class="imgTablePic"></div>
<div class="imgTableTxt">
<h3>主动邀请</h3>
<p>主动邀请在线的访客开始对话,化被动为主动。帮您了解用户的兴趣,抓住每个潜在客户。在线客服系统可自动向访客弹出一个邀请对话框。</p>
</div>
</div>
<div class="col">
<div class="imgTablePic"></div>
<div class="imgTableTxt">
<h3>客服转接</h3>
<p>客服人员之间转接咨询,比如某个客服繁忙,或者遇到客户要求指定某个客服时,在线客服系统可实现相互转接。</p>
</div>
</div>
</div>
<div class="row imgTable2">
<div class="col">
<div class="imgTablePic"></div>
<div class="imgTableTxt">
<h3>自动应答</h3>
<p>网站客服系统可以设置自动应答内容,可以是问候语、可以是常见问题等,访客点击客服咨询或接受咨询邀请后会显示这些内容。</p>
</div>
</div>
<div class="col">
<div class="imgTablePic"></div>
<div class="imgTableTxt">
<h3>访客统计</h3>
<p>在线客服系统从多个角度分析网站的流量、客户信息及咨询数据,对登录网站的访客进行全方位的分析。</p>
</div>
</div>
<div class="col">
<div class="imgTablePic"></div>
<div class="imgTableTxt">
<h3>聊天记录</h3>
<p>在线客服系统后台可根据时间或者指定客服,查询客服及访客间的对话记录。在对话框,网站客服还可将记录直接保存到本地计算机。</p>
</div>
</div>
</div>
</div>
<div class="main">
<div class="v1Masthead">
<h3>我们真正做到用心设计,用细节去做开发</h3>
<p>
<span>在线客服系统</span>是一款专注私有本地化部署的网页聊天即时通讯、在线客服坐席系统。采用Golang语言 Gin框架内核+MySQL开发编译而成多协程模式运行支撑高并发。
我们的系统支持多租户运营,支持公众号/小程序/PC网站/移动端网站/APP/多语言,全渠道对接智能化客服系统。
充分考虑用户的合理需求多年持续性匠心开发功能安装极其方便支持宝塔面板一键部署。摆脱各大SaaS客服平台诸多限制搭建<span>属于自己的</span>在线客服系统。
</p>
</div>
</div>
<div class="row v1Feature">
<div class="col gifIntro">
<img src="/static/images/visitor.gif" class="d-block mx-lg-auto img-fluid shadow-lg" alt="GOFLY客服访客界面" width="397" loading="lazy">
</div>
<div class="col">
<label class=" d-flex gap-2 pb-3">
<input class="form-check-input flex-shrink-0" type="checkbox" disabled checked="true">
<span>支持多商家(多站点)
<small class="d-block text-muted">
支持多商家(多站点),每个注册用户为一个商家,每个商家可以添加多个坐席子账户,并且不限制对接客户站点数
</small>
</span>
</label>
<label class=" d-flex gap-2 pb-3">
<input class="form-check-input flex-shrink-0" type="checkbox" disabled checked="true">
<span>智能分配
<small class="d-block text-muted">
商家主账号优先认领,坐席账号智能分配,可随意转接客服,最大限度满足客服需求
</small>
</span>
</label>
<label class=" d-flex gap-2 pb-3">
<input class="form-check-input flex-shrink-0" type="checkbox" disabled checked="true">
<span>支持对接H5移动端/客户APP
<small class="d-block text-muted">
系统自动适配移动端也可以接入app(h5方式)
</small>
</span>
</label>
<label class=" d-flex gap-2 pb-3">
<input class="form-check-input flex-shrink-0" type="checkbox" disabled checked="true">
<span>支持微信公众号/小程序
<small class="d-block text-muted">
客服可以与微信公众号/手机app管理系统访客实时沟通可以对接公众号网页授权/模板消息等功能,可以对接小程序消息推送接口功能
</small>
</span>
</label>
<label class=" d-flex gap-2 pb-3">
<input class="form-check-input flex-shrink-0" type="checkbox" disabled checked="true">
<span>支持对接B2B2C商城
<small class="d-block text-muted">
私有化不限坐席数,管理员可以无限开通商家,每个商家可以无限添加坐席,不限制坐席数,并且访客端可接入第三方会员信息
</small>
</span>
</label>
<label class=" d-flex gap-2 pb-3">
<input class="form-check-input flex-shrink-0" type="checkbox" disabled checked="true">
<span>机器人自动回复
<small class="d-block text-muted">
支持设置常见问题,顾客可以点击常见问题系统会自动回复,也可以设置关键词,触发关键词机器人自动回复
</small>
</span>
</label>
<label class=" d-flex gap-2 pb-3">
<input class="form-check-input flex-shrink-0" type="checkbox" disabled checked="true">
<span>实时语音/视频通话
<small class="d-block text-muted">
基于webRTC技术支持访客与客服实时语音/视频通话,专业技术开发打造视频客服等功能,此功能在众多客服系统中是独一无二的。
</small>
</span>
</label>
<label class=" d-flex gap-2 pb-3">
<input class="form-check-input flex-shrink-0" type="checkbox" disabled checked="true">
<span>其它
<small class="d-block text-muted">
发送文本图片语音信息、访客标签备注轨迹搜索、消息预知、数据统计、来源追踪、自动欢迎问候语、客服消息监控等...
</small>
</span>
</label>
</div>
</div>
</div>
<div class="indexTxtBanner">
<div class="container">
<div>
<h2>专业在线客服系统软件解决方案服务商</h2>
<p>电脑端 / H5 / 小程序 / APP 多端全覆盖</p>
<p>源码 + 私有化方案,功能定制+技术支持</p>
<a href="/ironMan/signInx" target="_blank" class="btn btn-outline-light btn-lg">开始使用</a>
</div>
<img width="550px" src="/static/images/product_cover.svg"/>
</div>
</div>
<div class="container">
<div class="reason">
<h3>更加注重安全,无依赖第三方服务</h3>
<h4>完整程序、数据库都部署在自己的服务器</h4>
</div>
<div class="v2Feature">
<div class="v2Row">
<div class="feature-icon bg-primary bg-gradient">
<svg class="bi" width="1em" height="1em"><use xlink:href="#collection"></use></svg>
</div>
<h2 class="display-7">源码开放</h2>
<p>
前端源码+后端可执行程序,不像其它客服系统按坐席按年收费,客服系统一次购买,终身使用!
</p>
</div>
<div class="v2Row">
<div class="feature-icon bg-primary bg-gradient">
<svg class="bi" width="1em" height="1em"><use xlink:href="#people-circle"></use></svg>
</div>
<h2 class="display-7">不限坐席</h2>
<p>
部署一套系统即可支持多个用户(网站)使用,每注册一个用户为一个商家,不限商家数,不限制坐席数
</p>
</div>
<div class="v2Row">
<div class="feature-icon bg-primary bg-gradient">
<svg class="bi" width="1em" height="1em"><use xlink:href="#toggles2"></use></svg>
</div>
<h2 class="display-7">数据安全</h2>
<p>
程序源码及聊天数据全部存储在自己的服务器无任何第三方服务依赖支持SSL加密隧道传输可避免信息数据泄露
</p>
</div>
</div>
<div class="v2Feature">
<div class="v2Row">
<div class="feature-icon bg-primary bg-gradient">
<svg width="1em" height="1em" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-code-slash" viewBox="0 0 16 16">
<path d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z"/>
</svg>
</div>
<h2 class="display-7">Golang+Vue结构开发</h2>
<p>
Golang语言的优势可以轻松应对高并发问题访客再多也不怕
</p>
</div>
<div class="v2Row">
<div class="feature-icon bg-primary bg-gradient">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" class="bi bi-dice-6-fill" viewBox="0 0 16 16">
<path d="M3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3zm1 5.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm8 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm1.5 6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zM12 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zM5.5 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zM4 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
</svg>
</div>
<h2 class="display-7">轻松部署</h2>
<p>
一个二进制文件无需配环境轻松部署移动APP, 网页咨询, 图片,语音,表情,文件多元素沟通.
</p>
</div>
<div class="v2Row">
<div class="feature-icon bg-primary bg-gradient">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" class="bi bi-menu-up" viewBox="0 0 16 16">
<path d="M7.646 15.854a.5.5 0 0 0 .708 0L10.207 14H14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h3.793l1.853 1.854zM1 9V6h14v3H1zm14 1v2a1 1 0 0 1-1 1h-3.793a1 1 0 0 0-.707.293l-1.5 1.5-1.5-1.5A1 1 0 0 0 5.793 13H2a1 1 0 0 1-1-1v-2h14zm0-5H1V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2zM2 11.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 0-1h-8a.5.5 0 0 0-.5.5zm0-4a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11a.5.5 0 0 0-.5.5zm0-4a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 0-1h-6a.5.5 0 0 0-.5.5z"/>
</svg>
</div>
<h2 class="display-7">多客服对话分配</h2>
<p>
支持客服分流/转接/,多客服沟通,到达信息精准传达,无须客户沟通重复内容.
</p>
</div>
</div>
</div>
<div class="artcileBody" style="max-width: 1320px;">
<div style="font-size: 14px; background-color: rgb(253, 246, 236); color: rgb(230, 162, 60); margin: 10px 0px; padding: 10px;">
郑重提醒:为持续净化社会环境,更好维护政治安全、社会安定和人民安宁。客服软件只提供软件产品,不参与具体业务,不提供运营、租赁、维护服务器业务,不获取任何业务数据,不知情任何企业具体业务。禁止将本软件用于含病毒、木马、色情、赌博、诈骗、违禁用品、假冒产品、虚假信息、数字货币、金融等违法违规业务。一经发现,在线客服有权立即停止任何技术服务,并且会配合行政执法机构进行查处。
</div>
<h2 class="articleCate"><i class="bi bi-journal-text"></i> 更新动态</h2>
<div class="row">
{{range $key,$v := .news}}
<div class="col-4">
<div class="indexItem">
<div class="date">
<div class="day">{{DateFormat "02" $v.CreatedAt}}</div>
<div class="mouth">{{DateFormat "01" $v.CreatedAt}}月</div>
</div>
<div class="title">
<a href="/article/{{$v.Id}}" target="_blank">{{$v.Title}}</a>
</div>
</div>
{{/* <a class="articleItem" href="/article/{{$v.Id}}" target="_blank">*/}}
{{/* {{DateFormat "2006-01-02" $v.CreatedAt}} {{$v.Title}}*/}}
{{/* </a>*/}}
</div>
{{end}}
</div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="bootstrap" viewBox="0 0 118 94">
<title>Bootstrap</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"></path>
</symbol>
<symbol id="home" viewBox="0 0 16 16">
<path d="M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4H2.5z"/>
</symbol>
<symbol id="speedometer2" viewBox="0 0 16 16">
<path d="M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.389.389 0 0 0-.029-.518z"/>
<path fill-rule="evenodd" d="M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z"/>
</symbol>
<symbol id="table" viewBox="0 0 16 16">
<path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 2h-4v3h4V4zm0 4h-4v3h4V8zm0 4h-4v3h3a1 1 0 0 0 1-1v-2zm-5 3v-3H6v3h4zm-5 0v-3H1v2a1 1 0 0 0 1 1h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4 4H6v3h4V8z"/>
</symbol>
<symbol id="people-circle" viewBox="0 0 16 16">
<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
<path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/>
</symbol>
<symbol id="grid" viewBox="0 0 16 16">
<path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/>
</symbol>
<symbol id="collection" viewBox="0 0 16 16">
<path d="M2.5 3.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-11zm2-2a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6v7zm1.5.5A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-13z"/>
</symbol>
<symbol id="calendar3" viewBox="0 0 16 16">
<path d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z"/>
<path d="M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
</symbol>
<symbol id="chat-quote-fill" viewBox="0 0 16 16">
<path d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM7.194 6.766a1.688 1.688 0 0 0-.227-.272 1.467 1.467 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 5.734 6C4.776 6 4 6.746 4 7.667c0 .92.776 1.666 1.734 1.666.343 0 .662-.095.931-.26-.137.389-.39.804-.81 1.22a.405.405 0 0 0 .011.59c.173.16.447.155.614-.01 1.334-1.329 1.37-2.758.941-3.706a2.461 2.461 0 0 0-.227-.4zM11 9.073c-.136.389-.39.804-.81 1.22a.405.405 0 0 0 .012.59c.172.16.446.155.613-.01 1.334-1.329 1.37-2.758.942-3.706a2.466 2.466 0 0 0-.228-.4 1.686 1.686 0 0 0-.227-.273 1.466 1.466 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 10.07 6c-.957 0-1.734.746-1.734 1.667 0 .92.777 1.666 1.734 1.666.343 0 .662-.095.931-.26z"/>
</symbol>
<symbol id="cpu-fill" viewBox="0 0 16 16">
<path d="M6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/>
<path d="M5.5.5a.5.5 0 0 0-1 0V2A2.5 2.5 0 0 0 2 4.5H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2A2.5 2.5 0 0 0 4.5 14v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14a2.5 2.5 0 0 0 2.5-2.5h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14A2.5 2.5 0 0 0 11.5 2V.5a.5.5 0 0 0-1 0V2h-1V.5a.5.5 0 0 0-1 0V2h-1V.5a.5.5 0 0 0-1 0V2h-1V.5zm1 4.5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3A1.5 1.5 0 0 1 6.5 5z"/>
</symbol>
<symbol id="gear-fill" viewBox="0 0 16 16">
<path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/>
</symbol>
<symbol id="speedometer" viewBox="0 0 16 16">
<path d="M8 2a.5.5 0 0 1 .5.5V4a.5.5 0 0 1-1 0V2.5A.5.5 0 0 1 8 2zM3.732 3.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 8a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 7.31A.91.91 0 1 0 8.85 8.569l3.434-4.297a.389.389 0 0 0-.029-.518z"/>
<path fill-rule="evenodd" d="M6.664 15.889A8 8 0 1 1 9.336.11a8 8 0 0 1-2.672 15.78zm-4.665-4.283A11.945 11.945 0 0 1 8 10c2.186 0 4.236.585 6.001 1.606a7 7 0 1 0-12.002 0z"/>
</symbol>
<symbol id="toggles2" viewBox="0 0 16 16">
<path d="M9.465 10H12a2 2 0 1 1 0 4H9.465c.34-.588.535-1.271.535-2 0-.729-.195-1.412-.535-2z"/>
<path d="M6 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm.535-10a3.975 3.975 0 0 1-.409-1H4a1 1 0 0 1 0-2h2.126c.091-.355.23-.69.41-1H4a2 2 0 1 0 0 4h2.535z"/>
<path d="M14 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0z"/>
</symbol>
<symbol id="tools" viewBox="0 0 16 16">
<path d="M1 0L0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.356 3.356a1 1 0 0 0 1.414 0l1.586-1.586a1 1 0 0 0 0-1.414l-3.356-3.356a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0zm9.646 10.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708zM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11z"/>
</symbol>
<symbol id="chevron-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
</symbol>
<symbol id="geo-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.057.09V14l.002.008a.147.147 0 0 0 .016.033.617.617 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.619.619 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411z"/>
</symbol>
</svg>
{{template "footer" .}}
</body>
<script src="/static/js/typed.umd.js"></script>
<script>
var typed = new Typed('#subTitle', {
strings: ['我是客服系统,一个专门解决在线咨询问题的网站系统','我服务于企业,致力于让企业服务更高效便捷','我是满足企业级需求的<span>高性能在线客服系统</span>解决方案。'],
cursorChar: '_',
loop: true,
typeSpeed: 120,
backDelay: 3000,
});
</script>
</html>