Files
Arrokoth-web/aboutus.html

438 lines
18 KiB
HTML
Raw Permalink Normal View History

2025-12-30 10:26:47 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>北京阿罗科斯信息技术公司</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="shortcut icon" href="/favicon.ico" />
<link type="text/css" rel="stylesheet" href="./style/css/gobal.css" />
<link type="text/css" rel="stylesheet" href="./style/css/style.css" />
<link type="text/css" rel="stylesheet" href="./style/css/animate.min.css" />
<link type="text/css" rel="stylesheet" href="./style/css/owl.carousel.css" />
<script type="text/javascript" src="./style/js/jquery.js"></script>
<script type="text/javascript" src="./style/js/common.js"></script>
<script type="text/javascript" src="./style/js/owl.carousel.js"></script>
<script type="text/javascript" src="./style/js/wow.min.js"></script>
<script type="text/javascript">
new WOW().init();
</script>
</head>
<body>
<div id="head">
<header>
<div class="header">
<div class="logo"><a href="index.html"><img src="./static/images/logo.png" alt="北京阿罗科斯信息技术"></a></div>
<div class="nav">
<ul>
<li><a href="index.html">首页</a></li>
<li>
<a href="serve.html" title="">软件服务</a>
</li>
<li>
<a href="caselist.html" title="">平台产品</a>
</li>
<li>
<a href="newslist.html" title="">行业资讯</a>
</li>
<li class="on">
<a href="aboutus.html" title="">关于我们</a>
</li>
<li>
<a href="contact.html" title="">联系我们</a>
</li>
</ul>
</div>
<div class="myPhone">服务热线:<b><a href="tel:13671001072">13671001072</a></b></div>
<div class="btn-m-list"> <span></span> <span></span> <span></span> <span></span> </div>
</div>
</header>
<div class="neirong neirong-hide">
<div class="neirong-bd">
<a href="index.html" class="">首页</a>
<a href="serve.html" title="服务" class="">软件服务 </a>
<a href="caselist.html" title="作品" class="">平台产品 </a>
<a href="newslist.html" title="资讯" class="">行业资讯 </a>
<a href="aboutus.html" title="我们" class="neirong-on">关于我们 </a>
<a href="contact.html" title="联系" class="">联系我们 </a>
</div>
<div class="neirong-close"></div>
</div>
</div>
<div id="warpper">
<section>
<div class="contain">
<div class="nybanner" style="background-image:url(./static/upload/image/20201210/1607572301325191.jpg);">
<div class="ny-title">
<h2 class="wow bounceInDown"><img src="./style/images/a1.png" /></h2>
<h3 class="wow fadeInUp"><img src="./style/images/a2.png" /></h3>
</div>
</div>
<div class="about-box01 digital">
<div class="layout">
<div class="about-tm">
<h2 class="h2">网站建设知名服务品牌</h2>
<h3 style="text-align: left;" class="h3">
北京阿罗科斯信息技术公司,作为业界领先的信息化解决方案提供商,深耕于互联网技术的最前沿,专注于为企业客户打造高效、智能、定制化的数字化平台。我们的核心业务板块广泛覆盖公司网站开发、后台管理系统开发以及微信小程序开发等多个领域,致力于通过技术创新推动企业的数字化转型进程。<br><br>
公司擅长业务<br>
公司网站开发我们拥有一支经验丰富的设计与开发团队擅长运用最新的前端技术和响应式设计理念打造集美观性、易用性、SEO优化于一体的企业官网。无论是品牌展示型网站、电子商务商城还是行业垂直平台我们都能根据客户需求量身定制确保网站在激烈的市场竞争中脱颖而出。<br><br>
后台管理系统开发针对企业内部管理需求我们提供从需求分析、系统设计到开发实施的一站式后台管理系统解决方案。通过集成CRM、ERP、OA等多种功能模块帮助企业实现业务流程自动化、数据集中化管理显著提升工作效率和决策能力。我们的系统注重用户体验界面友好操作便捷让企业管理更加轻松高效。<br><br>
微信小程序开发随着微信生态的日益成熟微信小程序已成为企业连接用户的新桥梁。我们紧跟时代步伐专注于微信小程序的开发与推广。从创意策划、UI设计到功能实现、上线运营我们全程参与确保小程序能够精准触达目标用户提升品牌曝光度和用户粘性。同时我们利用大数据分析为客户提供精准营销建议助力企业实现业务增长。<br><br>
核心优势<br>
技术创新:我们持续投入研发,紧跟技术发展趋势,将人工智能、大数据、云计算等前沿技术融入产品与服务中,为客户提供更加智能、高效的解决方案。<br><br>
定制化服务:我们深知每个企业的独特性,因此坚持“以客户为中心”的服务理念,提供一对一的定制化服务。从项目启动到交付使用,全程与客户紧密沟通,确保项目成果完全符合客户期望。<br><br>
专业团队公司汇聚了一批来自IT行业的精英人才他们拥有丰富的项目经验和深厚的行业知识能够为客户提供专业、全面的技术支持和服务。<br><br>
成功案例丰富:多年来,我们已成功为众多知名企业打造了多个成功案例,涵盖金融、教育、医疗、零售等多个行业。这些成功案例不仅验证了我们的技术实力和服务质量,更为我们赢得了良好的市场口碑和客户信赖。
总之,我们公司凭借在信息化服务领域的深厚积累和不断创新的精神,正逐步成为推动企业数字化转型的重要力量。我们期待与更多企业携手合作,共创美好未来。
</h3>
<div class="IndexList active">
<ul>
<li> <b><em class="nub timer" id="count-number" data-to="9" data-speed="1500">9</em></b> <span
class="pd"><span class="pd">项服务标准</span></span> </li>
<li> <b><em class="nub timer" id="count-number" data-to="3000" data-speed="1500">3000</em></b> <span
class="pd"><span class="pd">家客户选择</span></span> </li>
<li> <b><em class="nub timer" id="count-number" data-to="112" data-speed="1500">112</em></b> <span
class="pd"><span class="pd">项细节标准</span></span> </li>
</ul>
</div>
</div>
</div>
</div>
<div class="about-box02">
<div class="layout">
<div class="about-xzwm">
<h2 class="h2">为什么选择我们?</h2>
<h2 class="h3">
我们以高品质设计创造商业价值,以创新理念提升品牌影响力
</h3>
<ul class="abul clearfix">
<li> <i class="co c1"></i> <span class="t">高质量</span>
<p>北京阿罗科斯信息技术公司认真对待每一个客户,我们不用口头的语言来吹擂我们的优秀,成百上千的成功案例见证着我们的成长。</p>
</li>
<li> <i class="co c2"></i> <span class="t">高效率</span>
<p>客户可以直接与设计师、程序员沟通,我们追求个性独特的设计,崇尚创意新颖的理念为您提供最完美的设计方案,我们拒绝拖沓</p>
</li>
<li> <i class="co c3"></i> <span class="t">高诚信</span>
<p>客户需要什么,他们的网络诉求有哪些,我们能提供些什么,都是我们每天必须思考的问题,经过多年的实践经验告诉我们,维系好客户关系的关键因素——真诚!</p>
</li>
</ul>
</div>
</div>
</div>
<div class="about-box03">
<div class="layout">
<div class="about-xzwm">
<h2 class="h2">我们的团队</h2>
<h3 class="h3">
<h3 class="h3"> 我们一直专注于互联网品牌建设,我们的团队成员曾务于国内优秀的网络/广告/设计学院及互联网公司业务类型涉及WEB视觉、交互设计、图形设计到产品设计工作。<br />
我们致力于用户体验的持续提升,以用户为中心,力求视觉设计与交互设计的完美契合。<br />
并以科学规范的流程,勤奋专注的态度,为客户提供全方位的设计服务。以设计驱动企业价值的持续增长,实现您的商业目标! </h3>
</h3>
<div class="ab-team">
<ul class="clearfix">
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="gf-demand">
<div class="layout">
<h2 class="h2">I NEED TO BUILD WEBSITE</h2>
<h3 class="h3">我需要建站</h3>
<form action="" method="post">
<div class="write">
<input class="text1" type="text" id="contacts" name="name" placeholder="称呼姓名" value="">
<input class="text2" type="text" id="phone" name="phone" placeholder="联系电话" value="">
<input class="text3" type="text" id="description" name="description" placeholder="描述您的需求如网站、微信、电商、APP等。"
value="">
<input class="submit" type="submit" value="获取方案及报价">
</div>
</form>
<i class="italic">*请认真填写需求信息我们会在24小时内与您取得联系。</i>
</div>
</div>
<div id="foot">
<footer>
<div class="footer">
<div class="layout">
<div class="foottou">
<div class="ftlogo"><img src="./static/images/logo.png" /></div>
<div class="ftcont">
<i class="i">
<a href="serve.html">软件服务</a>
</i>&nbsp;&nbsp;&nbsp;&nbsp;
<i class="i">
<a href="caselist.html">软件产品</a>
</i>&nbsp;&nbsp;&nbsp;&nbsp;
<i class="i">
<a href="newslist.html">行业资讯</a>
</i>&nbsp;&nbsp;&nbsp;&nbsp;
<i class="i">
<a href="aboutus.html">关于我们</a>
</i>&nbsp;&nbsp;&nbsp;&nbsp;
<i class="i">
<a href="contact.html">联系我们</a>
</i>&nbsp;&nbsp;&nbsp;&nbsp;
<p>地址北京市通州区杨庄路1号3号1栋2035</p>
<p><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备2025120695号-1</a>
<span style="margin-left: 10px;">京公网安备11011202101454号</span>
</p>
<p>Copyright © 2022 网络公司 All Rights Reserved.
</p>
<p>友情链接: <a href="http://www.yyds8848.com/">http://www.yyds8848.com/</a></p>
</div>
<div class="foot-ewm">
<ul class="clearfix">
<li> <img src="./static/images/gongzhonghao.jpg" />
<p>扫一扫,微信咨询</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<div class="kefu">
<ul>
<li> <a class="weixin" href="javascript:;">微信</a>
<div class="div-ewm">
<ul class="clearfix">
<li> <img src="./static/images/gongzhonghao.jpg" />
<p>添加微信</p>
</li>
</ul>
</div>
</li>
<li> <a class="qq" href="https://wpa.qq.com/msgrd?v=3&uin={pboot:companyqq}&site=qq&menu=yes"
target="_blank">QQ</a>
<div class="div-item"><span class="h2">524140394@qq.com</span></div>
</li>
<li> <a class="shouhou" href="https://wpa.qq.com/msgrd?v=3&uin={pboot:companyqq}&site=qq&menu=yes"
target="_blank">售后服务</a>
<div class="div-item"><span class="h2">010-XXXXXXX</span></div>
</li>
<li> <a class="call" href="javascript:;">电话</a>
<div class="div-item"><span class="h2">13671001072</span></div>
</li>
<li class="backtop"> <a class="back" href="javascript:;">返回顶部</a>
<div class="div-item"><span class="h2">TOP</span></div>
</li>
</ul>
</div>
</div>
<script type="text/javascript" src="./style/js/number.js"></script>
</body>
<script type="text/javascript">
$(document).ready(function () {
// 绑定表单提交事件
$('form').on('submit', function (e) {
e.preventDefault(); // 阻止默认提交
// 获取表单值
var name = $('#contacts').val().trim();
var phone = $('#phone').val().trim();
var description = $('#description').val().trim();
var hasError = false;
// 清空之前的错误提示
$('.error-message').remove();
$('.text1, .text2, .text3').removeClass('error');
// 验证称呼姓名
if (name === '') {
showError($('#contacts'), '请输入称呼姓名');
hasError = true;
}
// 验证联系电话
if (phone === '') {
showError($('#phone'), '请输入联系电话');
hasError = true;
} else if (!isValidPhone(phone)) {
showError($('#phone'), '请输入正确的手机号码');
hasError = true;
}
// 验证需求描述
if (description === '') {
showError($('#description'), '请描述您的需求');
hasError = true;
} else if (description.length < 5) {
showError($('#description'), '请至少输入5个字描述您的需求');
hasError = true;
}
// 如果有错误,停止提交
if (hasError) {
return false;
}
// 提交数据
submitForm(name, phone, description);
});
// 手机号验证函数
function isValidPhone(phone) {
// 简单的手机号验证
var phoneRegex = /^1[3-9]\d{9}$/;
return phoneRegex.test(phone);
}
// 显示错误提示函数
function showError($input, message) {
// 添加错误样式
$input.addClass('error');
// 创建错误消息元素
var $error = $('<div class="error-message"></div>')
.css({
'color': '#ff4d4f',
'font-size': '12px',
'margin-top': '5px',
'margin-bottom': '10px'
})
.text(message);
// 插入到输入框后面
$input.after($error);
}
// 提交表单函数
function submitForm(name, phone, description) {
// 禁用提交按钮,防止重复提交
var $submitBtn = $('.submit');
var originalText = $submitBtn.val();
$submitBtn.val('提交中...').prop('disabled', true);
// 显示加载状态(可选)
$submitBtn.addClass('loading');
// 准备提交数据
var formData = {
name: name,
phone: phone,
description: description
};
// 使用 jQuery AJAX 提交
$.ajax({
url: 'https://www.yyds8848.com/office/v1/website-request',
type: 'POST',
contentType: 'application/json',
data: JSON.stringify(formData),
dataType: 'json',
success: function (response) {
// 提交成功
$submitBtn.val('提交成功!');
// 显示成功提示
showSuccessMessage('提交成功!我们将尽快与您联系。');
// 3秒后重置表单和按钮
setTimeout(function () {
$submitBtn.val(originalText).prop('disabled', false);
$submitBtn.removeClass('loading');
$('form')[0].reset(); // 重置表单
}, 3000);
},
error: function (xhr, status, error) {
// 提交失败
$submitBtn.val('提交失败');
// 显示错误信息
var errorMsg = '提交失败,请稍后重试';
if (xhr.responseJSON && xhr.responseJSON.message) {
errorMsg = xhr.responseJSON.message;
}
showErrorMessage(errorMsg);
// 2秒后恢复按钮
setTimeout(function () {
$submitBtn.val(originalText).prop('disabled', false);
$submitBtn.removeClass('loading');
}, 2000);
}
});
}
// 显示成功提示函数
function showSuccessMessage(message) {
// 移除之前的提示
$('.success-message, .error-message').remove();
// 创建成功提示
var $success = $('<div class="success-message"></div>')
.css({
'color': '#52c41a',
'background-color': '#f6ffed',
'border': '1px solid #b7eb8f',
'padding': '10px',
'margin': '15px 0',
'border-radius': '4px',
'font-size': '14px'
})
.html('<i class="icon-check"></i> ' + message);
// 插入到表单前面
$('form').before($success);
}
// 显示错误提示函数(用于服务器返回的错误)
function showErrorMessage(message) {
// 移除之前的提示
$('.error-message, .success-message').remove();
// 创建错误提示
var $error = $('<div class="error-message"></div>')
.css({
'color': '#ff4d4f',
'background-color': '#fff2f0',
'border': '1px solid #ffccc7',
'padding': '10px',
'margin': '15px 0',
'border-radius': '4px',
'font-size': '14px'
})
.html('<i class="icon-error"></i> ' + message);
// 插入到表单前面
$('form').before($error);
}
// 实时验证(可选,提供更好的用户体验)
$('#phone').on('blur', function () {
var phone = $(this).val().trim();
if (phone !== '' && !isValidPhone(phone)) {
showError($(this), '请输入正确的手机号码');
}
});
// 输入时清除错误提示
$('.text1, .text2, .text3').on('input', function () {
$(this).removeClass('error');
$(this).next('.error-message').remove();
});
});
</script>
</html>