p>
网站建设全攻略：2026年做网站必须知道的10件事
分类： 网站建设
tags： 网站建设费用,企业官网搭建,建站方案选择,wordpress建站,网站设计规范,响应式网站开发,网站托管服务器
字数： 约5700字
---
昨天一个朋友圈截图刷屏了，说"全球最大零食店开业3天就被挤停售"，这家店背后有个共同点：几乎所有火的品牌，在爆发之前都有一个体面的官网。
网站是品牌最重要的数字资产之一。但我见过太多企业，花了钱做了个网站，结果：
- 首页loading要5秒
- 在手机上看完全变形
- 搜索引擎找不到
- 找设计公司更新一张图片要排队3天
2026年，建一个好网站的标准早就变了。这篇文章，把建站这件事从头到尾讲清楚。
---
一、先搞清楚你要建什么类型的网站
不是所有网站都一样，先明确类型，才能选对方案。
企业官网（展示型）
目标：建立品牌形象、展示产品/服务、获取客户询盘
特点：页面相对固定，内容更新频率低，以设计和seo为核心
适合用：wordpress、webflow、静态网站生成器
电商网站
目标：线上商品销售、订单管理、支付处理
特点：商品、订单数据量大，安全要求高，转化率是核心指标
适合用：shopify、woocommerce（wordpress插件）、自定义开发
资讯/博客/内容平台
目标：内容持续发布，沉淀seo流量
特点：文章量大，更新频繁，cms系统是核心
适合用：wordpress、hugo（静态博客）、ghost
b2b/saas产品官网
目标：获取注册/转化，功能展示，获客漏斗
特点：落地页优化、a/b测试要求高
适合用：webflow、next.js定制开发
---
二、建站方案横向对比
方案一：wordpress
适用场景： 企业官网、内容网站、小型电商
优点：
- 全球最大cms生态，插件主题海量
- 学习成本低，非技术人员也能日常维护
- seo能力强（yoast等插件）
- 开源免费，服务器自控
缺点：
- 插件过多影响性能
- 安全问题需要定期更新维护
- 大量自定义需要懂php
费用参考：
- 域名：80-200元/年
- 服务器：200-1000元/月（视流量）
- 主题：0-1000元（一次性）
- 开发/设计：2-10万（视复杂度）
---
方案二：webflow
适用场景： 设计驱动的官网、saas产品页
优点：
- 设计自由度极高，能做出很精美的视觉效果
- 无需写代码，可视化编辑
- 自带托管（cdn全球加速）
- 动画效果丰富
缺点：
- 价格较贵（月付约$14-36美元）
- 数据导出有限制，迁移成本高
- 国内访问速度一般
---
方案三：专业定制开发
适用场景： 有特殊功能需求，或追求极致体验
技术选型参考：
- 前端：react/next.js（seo友好）或 vue/nuxt.js
- 后端：node.js / python django / php laravel
- cms：headless cms（strapi/contentful）
优点：
- 完全按需定制，功能无限制
- 技术栈现代化，性能更好
- 代码自己掌控
缺点：
- 开发成本高（10-50万以上）
- 需要技术团队长期维护
---
方案四：企业建站平台（国内）
如建站之星、易企秀、百度智能建站等
适用场景： 预算有限、快速上线、功能简单
优点：
- 价格低（几千到一两万一年）
- 上线速度快（1-3天）
- 国内访问速度快
缺点：
- 设计同质化严重
- 代码不开放，迁移成本高
- 功能扩展性差
---
三、域名和服务器：这两个不要省钱
域名选择原则
- 优先选 .com 后缀，其次 .cn
- 长度越短越好，最好在15字以内
- 避免数字、连字符
- 与品牌名保持一致
国内注册：阿里云万网、腾讯云、namesilo（国际）
价格：.com域名约60-80元/年
---
服务器选择
服务器是网站速度的基础，别省这个钱。
国内网站（服务中国用户）：
必须选国内服务器（阿里云、腾讯云、华为云），否则访问慢、seo也差。
注意： 国内服务器必须备案（icp备案），未备案域名无法正常访问。备案时间约15-30个工作日，提前规划。
配置参考：
- 小型官网（日pv<1000）：2核4g，50gb ssd
- 中型网站（日pv 1000-10000）：4核8g，100gb ssd
- 大型网站：需要负载均衡+cdn
费用参考：
- 入门：约200-500元/月
- 中配：约500-1500元/月
---
四、网站设计：2026年的主流风格
趋势一：极简主义
大面积留白，强调产品本身，去掉所有不必要的装饰元素。apple官网是这个风格的典范。
趋势二：暗黑模式（dark mode）
越来越多网站提供暗黑/明亮切换，既是用户体验优化，也是一种设计时尚。
趋势三：大字排版
大号字体作为视觉焦点，减少对图片的依赖。
趋势四：微动效
滚动触发的动画、鼠标悬停效果，增加页面的生动感。但要注意：动效不能影响加载速度。
趋势五：ai生成内容区块
越来越多的网站在页面中嵌入ai交互组件（如智能客服、个性化推荐）。
---
五、网站速度：不优化就是在烧客户
google的研究数据：页面加载时间每增加1秒，转化率下降7%。
如果你的网站加载要5秒，那可能60%以上的访客已经走了。
速度优化清单
图片优化：
- 图片全部压缩（tinypng / squoosh）
- 使用webp格式（比jpeg小30-40%）
- 图片懒加载（viewport外的图片延迟加载）
cdn加速：
- 所有静态资源（图片/js/css）走cdn
- 国内推荐：阿里云cdn、腾讯云cdn
代码优化：
- js和css文件压缩（minify）
- 删除不用的css（purgecss）
- 减少首屏http请求数
服务器配置：
- 开启gzip压缩
- 配置浏览器缓存
- 使用http/2
---
六、seo基础：做了网站就必须做seo
做了网站，如果搜索引擎找不到，等于白做。
技术seo：
- 每个页面有唯一的
和<meta description></p>
<p>- 图片有alt属性</p>
<p>- url结构清晰（/产品/分类/名称，而不是 /p?id=123）</p>
<p>- 网站有sitemap.xml</p>
<p>- 移动端适配（google优先索引移动版）</p>
<p>- https（没有https，google会降权）</p>
<p><strong>内容<a href="http://www.831209.com/" title="seo">seo</a>：</strong></p>
<p>- 核心关键词在标题和正文中自然出现</p>
<p>- 长尾关键词文章持续输出</p>
<p>- 内部链接网络</p>
<p><strong>外链建设：</strong></p>
<p>- 行业媒体发稿引链</p>
<p>- 合作伙伴交换链接</p>
<p>- 高质量内容引发自然引用</p>
<p>---</p>
<p><h1>七、安全：这些问题被忽视最后吃大亏</h1></p>
<p>网站安全是很多人不重视的领域，但吃亏的案例不少：</p>
<p>- 服务器被入侵，用来挖矿</p>
<p>- 网站被植入广告链接（影响<a href="http://www.831209.com/" title="seo">seo</a>）</p>
<p>- 用户数据被盗（面临法律风险）</p>
<p><strong>基础安全措施：</strong></p>
<p>1. <strong>定期备份</strong>：每天自动备份数据库和文件，备份存在异地</p>
<p>2. <strong>https</strong>：必须，lets encrypt免费ssl证书</p>
<p>3. <strong>强密码</strong>：后台管理员账号密码必须复杂，定期更换</p>
<p>4. <strong>waf防火墙</strong>：对抗常见的sql注入、xss攻击</p>
<p>5. <strong>更新及时</strong>：wordpress/插件漏洞是最常见的入侵途径</p>
<p>6. <strong>限制登录尝试</strong>：防止暴力破解</p>
<p>---</p>
<p><h1>八、建站后最容易被忽略的事：维护</h1></p>
<p>做完网站就不管了，这是很多企业的通病。</p>
<p><strong>定期维护清单：</strong></p>
<p>- 检查404错误页面（每月）</p>
<p>- 更新cms和插件版本（每月）</p>
<p>- 测试核心功能（表单、支付等）</p>
<p>- 检查网站速度（每季度）</p>
<p>- ssl证书有效期检查（提前30天续期）</p>
<p>- 内容更新（按业务需要）</p>
<p>---</p>
<p><h1>结语</h1></p>
<p>做网站，不是花了钱交付了就完事。</p>
<p>一个好网站是持续运营的结果：持续更新内容、持续优化速度、持续做<a href="http://www.831209.com/" title="seo">seo</a>——才能在竞争中保持存在感。</p>
<p>2026年，流量越来越贵，一个能把免费搜索流量转化为客户的网站，是你最值得投资的数字资产之一。</p>
<p>如果你正在规划建站，欢迎告诉我你的行业和预算，帮你推荐最适合的方案。</p>
<p>---</p>
<p><em>发布时间：2026-04-20</em></p>
<p><em>关键词：<a href="http://www.831209.com/" title="网站建设">网站建设</a>,企业官网,wordpress建站,<a href="http://www.831209.com/" title="网站设计">网站设计</a>,<a href="http://www.831209.com/" title="seo">seo</a>优化,网站速度,服务器选择</em></p>
</div>
</div>
<div class="blank30"></div>
<!--<div class="near">
<div class="row">上一篇：<a href="/news-2291.html"></a></div>
<div class="row">下一篇：<a href="/news-2394.html"></a></div>
<div class="clear"></div>
</div> -->
</div>
<div class="ad fr"><div class="dry_right">
<div class="hot">
<h4 class="title">相关内容</h4>
<ul class="box">
<li><a href="news_1929.html?" class="item" title="小程序定制开发完整指南：从零到上线，避开这些坑少走弯路">小程序定制开发完整指南：从零到上线，避开这些坑少走弯路</a></li>
<li><a href="news_1927.html?" class="item" title="开源OA系统哪个最好用？2026年主流方案深度对比">开源OA系统哪个最好用？2026年主流方案深度对比</a></li>
<li><a href="news_1924.html?" class="item" title="福州SEO，助您网站一跃成为行业翘楚，排名飙升！">福州SEO，助您网站一跃成为行业翘楚，排名飙升！</a></li>
<li><a href="news_1923.html?" class="item" title="SEO优化，只需一步，费用低至惊喜价！">SEO优化，只需一步，费用低至惊喜价！</a></li>
<li><a href="news_1922.html?" class="item" title="掌握搜狗SEO秘诀，教程助力网站飞跃，速来学习！">掌握搜狗SEO秘诀，教程助力网站飞跃，速来学习！</a></li>
<li><a href="news_1920.html?" class="item" title="AI写作工具浪潮下，原创内容创作者如何找到自己的不可替代性">AI写作工具浪潮下，原创内容创作者如何找到自己的不可替代性</a></li>
<li><a href="news_1918.html?" class="item" title="苏轼主题短视频席卷全网：如何用AI工具批量生产古诗词主题内容">苏轼主题短视频席卷全网：如何用AI工具批量生产古诗词主题内容</a></li>
<li><a href="news_1917.html?" class="item" title="小程序广告变现全攻略：从0到月入过万的完整路径">小程序广告变现全攻略：从0到月入过万的完整路径</a></li>
<li><a href="news_1913.html?" class="item" title="企业微信+飞书+钉钉三选一：OA系统选型实战指南">企业微信+飞书+钉钉三选一：OA系统选型实战指南</a></li>
<li><a href="news_1909.html?" class="item" title="OA系统如何支撑直播带货场景：电商企业的协同办公改造实战">OA系统如何支撑直播带货场景：电商企业的协同办公改造实战</a></li>
<li><a href="news_1908.html?" class="item" title="网络强国时代，政府云平台建设如何选择开源解决方案">网络强国时代，政府云平台建设如何选择开源解决方案</a></li>
<li><a href="news_1906.html?" class="item" title="从何润东项羽到中国故事：如何用YouTube做好国际传播">从何润东项羽到中国故事：如何用YouTube做好国际传播</a></li>
<li><a href="news_1905.html?" class="item" title="还在用模板网站？定制开发让你的企业网站成为真正的转化机器">还在用模板网站？定制开发让你的企业网站成为真正的转化机器</a></li>
<li><a href="news_1904.html?" class="item" title="预测">预测</a></li>
<li><a href="news_1900.html?" class="item" title="从何润东扮项羽看娱乐营销：小程序如何借势热点事件做事件营销">从何润东扮项羽看娱乐营销：小程序如何借势热点事件做事件营销</a></li>
</ul>
</div>
<div class="blank15"></div>
<div class="hot">
<div class="img"><img src="http://style.websai.cn/webs/images/weixin.png" /><span></span></div>
<div class="con">
<div class="title" style="text-align:center">加微信,聊一聊！</div>
</div>
<div class="clear"></div>
</div>
<div class="blank15"></div>
<div class="keyword tag">
<div class="title">
<h4>
热门标签
</h4>
</div>
<div class="box">
<div class="clear"></div>
</div>
</div>
</div></div>
<div class="clear"></div>
<div class="blank50"></div>
</div>
</div>
<link type="text/css" rel="stylesheet" href="https://style.websai.cn/webs/style/css/ad.css?v=2.278" />
<div id="marketing" class="page">
<div id="resource">
<div class="global_title wow fadeInUp">相关客户案例</div>
<div class="marketing_list wow fadeInUp" style="height:1800px;">
<div class="item_box cur">
<div class="item big delay first">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/36.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">深圳前海天正生物科技有限公司</a>
</div>
</div>
</div>
<div class="item big delay ">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/35.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">烟台双塔食品股份有限公司</a>
</div>
</div>
</div>
<div class="item big delay ">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/34.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">重庆众妙药业有限公司</a>
</div>
</div>
</div>
<div class="item big delay first">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/33.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">广西象州三和米业有限公司</a>
</div>
</div>
</div>
<div class="item big delay ">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/32.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">四川思科环境工程有限公司</a>
</div>
</div>
</div>
<div class="item big delay ">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/31.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">深圳珞娜服饰有限公司</a>
</div>
</div>
</div>
<div class="item big delay first">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/30.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">恩平市绿野仙踪生态农业发展有限公司</a>
</div>
</div>
</div>
<div class="item big delay ">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/29.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">新津慧玛家居用品店</a>
</div>
</div>
</div>
<div class="item big delay ">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/28.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">汕头市潮南区峡山伟杰服装针织厂</a>
</div>
</div>
</div>
<div class="item big delay first">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/27.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">黄家湾景区</a>
</div>
</div>
</div>
<div class="item big delay ">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/26.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">华博实业有限公司</a>
</div>
</div>
</div>
<div class="item big delay ">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/25.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">哈尔滨市卧虎家具有限公司</a>
</div>
</div>
</div>
<div class="item big delay first">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/24.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">佛山市雅素丽艺术建材有限公司</a>
</div>
</div>
</div>
<div class="item big delay ">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/23.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">水乡西石</a>
</div>
</div>
</div>
<div class="item big delay ">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/22.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">嘉兴泰森园艺景观有限公司</a>
</div>
</div>
</div>
<div class="item big delay first">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/21.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">仙人峪生态园</a>
</div>
</div>
</div>
<div class="item big delay ">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/20.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">广东绿润环境管理有限公司</a>
</div>
</div>
</div>
<div class="item big delay ">
<div class="item_in">
<div class="img">
<a href="javascript:;">
<img src="https://style.websai.cn/webs/style/company/19.jpg" style="width:548px; height:326px;">
</a>
</div>
<div class="video_name">
<a href="javascript:;" style="font-size:16px; line-height:40px; text-align:center;">深圳市镭起科技有限公司</a>
</div>
</div>
</div>
</div>
<div class="blank100"></div>
</div>
</div>
</div>
<script src="http://www.831209.com/api/apinews.php?2026-06-28 09:24:35"></script>
<div id="footer" class="min">
<div class="bottom" style="text-align:left;line-height:30px;padding-left:50px;padding-right:50px;"></div>
<div class="wrap">
<div class="top">
<div class="fl">
<div class="contents">
<img src="https://style.websai.cn/webs/style/images/logo.png" width="227" class="img" />
<div class="tel">广西天生创想信息技术有限公司<br/>Tel: <span>13807814037</span></div>
<div class="code"><img src="https://style.websai.cn/webs/style/images/weixin.png" title="扫码在线咨询" /></div>
</div>
</div>
<div class="fr">
<div class="menu">
<dl>
<dt>网站建设服务</dt>
<dd><a href="http://www.831209.com/webs.html">模板网站建设</a></dd>
<dd><a href="http://www.831209.com/tplweb.html">高端模板网站</a></dd>
<dd><a href="http://www.831209.com/us.html">外贸网站建设</a></dd>
<dd><a href="http://www.831209.com/shop.html">电商网站建设</a></dd>
<dd><a href="http://www.831209.com/webvip.html">网站定制开发</a></dd>
<dd><a href="http://www.831209.com/gov.html">政府网站定制</a></dd>
</dl>
<dl>
<dt>SEO网站优化</dt>
<dd><a href="http://www.831209.com/seo.html">SEO关键词优化</a></dd>
<dd><a href="http://www.831209.com/seoweb.html">SEO整站优化</a></dd>
<dd><a href="http://www.831209.com/websphp.html">SEO霸屏系统</a></dd>
<dd><a href="http://www.831209.com/360baidu.html">SEM网络营销</a></dd>
</dl>
<dl>
<dt>软件开发服务</dt>
<dd><a href="http://www.831209.com/vip.html">软件定制开发</a></dd>
<dd><a href="http://www.831209.com/app.html">APP移动开发</a></dd>
<dd><a href="http://www.phpoa.cn/" target="_blank">OA系统</a></dd>
<dd><a href="http://gov.515158.com" target="_blank">政府无纸化信创平台</a></dd>
</dl>
<dl>
<dt>关于天生创想</dt>
<dd><a href="http://www.831209.com/about.html">公司简介</a></dd>
<dd><a href="http://www.831209.com/news.html">公司资讯</a></dd>
<dd><a href="http://www.831209.com/about_us.html">联系我们</a></dd>
<dd><a href="http://www.831209.com/about_job.html">加入我们</a></dd>
<dd><a href="http://www.831209.com/about_price.html">付款方式</a></dd>
</dl>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="bottom">
<div class="rows">
<span class="left">Copyright © 2020-2025 831209.com. All Rights Reserved. 广西天生创想信息技术有限公司 版权所有 <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">桂ICP备2022004805号</a></span>
<div class="clear"></div>
<p style="text-align:left;padding-left:50px; margin-top:50px;">友情连接：<a href="http://www.5xingjiaoyu.com/?TNyxty66Jw9Gh0zfFjFcS9U3fNsr97fLt0qCVMt_85BmIFHU4k0" target="_blank">Youtube爆款文案库</a> <a href="http://www.phpoa.cc/?tZfRNi0QBJZKRSsR4IVRyTiJs8HN" target="_blank">PHPOA</a> <a href="http://www.tscxoa.cn/?L3xjvdnZ3wRko-zTJsU1gObv5Snqza9Gc3XgoVfyKg" target="_blank">天生创想SEO</a> <a href="http://www.831209.net/?7ot_vSfHp2xlRN8UlSfw0Az8mE1sjSVy" target="_blank">混沌Ai</a> <a href="http://www.muvmmkke.cn/?r17j52IVpfcPytioDp-eaBbLhA0e8AvS-cckWzu5eQ" target="_blank">机械五金网</a> <a href="http://www.tscxoa.com/?rSPl7mG81BKLfDJdCNf1uFez4CdiVgngPkaaW0G-" target="_blank">天生创想OA</a> <a href="http://www.gf159.com/?zcOIKHAI8rjzsdAYE2JyfJ1n6jsaOsx5wQ" target="_blank">链融通</a> <a href="http://www.831209.com/?LnDNS5VrGY-4_ofUj7WJvb5BegN13v1W-tQ_evaI75OkNlxvt5EnX7Hy" target="_blank">天生创想OA办公系统</a> <a href="http://www.xhnys.com/?mCeeMy6JIYHYSesN519OpodKEHgEbJMoz4DdAA" target="_blank">芒果短剧</a> <a href="http://www.tscx.cc/?qHT2S7pwwH8927hxusO2Qt6Rn3cBITYKqNsBaEBP8nEW4g" target="_blank">天生创想软件</a> <a href="http://www.0889.net.cn/?Zv2pQoGe85d1RTDVb1Hy2w3fDbgXzePWMUtIOkmxFokxNFqoBBzHpA" target="_blank">网站SEO关键词优化</a> <a href="http://www.websai.cn/?HDX0fmCqDjpZ_Z20SsxT3nT2lG8GCkw3179gmoHAST9v0OFY9g" target="_blank">软件APP定制开发</a> <a href="http://www.oa-ai.cn/?hUkNwoSv3cZnEcrXxaih7v3UAM3iYQyWdsv0TsuT" target="_blank">混沌OA软件</a> <a href="http://www.oa7000.cn/?WNoXtQAnFTwv67ZgENkibqnKShRFnS01GUURdR9p4nIvXz5_fQDD" target="_blank">PHPOA协同办公系统</a> <a href="http://www.sudelong.com/?ImMZb9ZveEep2pIFraKko_subh2VS0u-MA" target="_blank">典在SEO</a> <a href="http://tscx.cc/?cpHXTsEYTySJ9U4YGrgJ0bACt8tA9UEsdphWQw" target="_blank">天生创想</a> <a href="http://www.9118.net.cn/?LejqiTYyaTObH75ZefJWjC7kO2IfSjRxGw" target="_blank">百度SEO</a> <a href="http://www.seos.cc/?mybLtELpNA14ReFybnT8x3a0_ebtyJSiRQ" target="_blank">混沌SEO</a> <a href="http://www.3m5t2.cn/?zOlM7rGIPfdosdL-Yc3dUaePdMkslvPsmmsOAfaYliaRxZ4nn-XpNa6c8U8hK7MW7g" target="_blank">大理市仁江商贸有限公司</a> <a href="http://www.oa900.cn/?ANS117n4ZawvR_jyXWTm-gJq2JPCIdBH2MR1k_RB" target="_blank">政务OA系统</a> <a href="http://www.fujialu.com/?hZD8ne-R--KdySlSgB46Hd68xO-CLN8Ivh0X136zmOxmlw" target="_blank">金融网站建设</a>
</div>
</div>
</div>
</div>
<script type='text/javascript'>
$(function(){
$('.seller .title .t_item').on('click', function(){
var index = $(this).index();
$(this).addClass('cur').siblings().removeClass('cur');
$('.seller .list .con').eq(index).addClass('cur').siblings().removeClass('cur');
});
$('.cate_list .cate_item').on('click', function(){
var index = $(this).index();
$(this).addClass('cur').siblings().removeClass('cur');
$(this).parents('div').find('.list_ary .list_outer').removeClass('cur');
$(this).parents('div').find('.list_ary .list_outer').eq(index).addClass('cur');
});
function about_set_num(e){
var interval = 0;
if(number_end>10){
var number_add = 0;
}else{
var number_add = 0;
}
var number_end = parseInt(e.find('span').attr('data-num'));
var set_number = function(){
if(number_end>10){
number_add += parseInt(number_end/10);
}
e.find('span').text(number_add);
if(number_add>number_end){
clearInterval(interval);
e.find('span').text(number_end);
}
}
interval = setInterval(set_number,120);
}
$(window).scroll(function(){
var st = $(window).scrollTop(),
wh = $(window).height(),
itemT = $('.technology .item').offset().top;
if(st>(itemT-wh+$('.technology .item').height()) && $('.technology').attr('index')!=1){
$('.technology').attr('index',1);
$('.technology .item .firt span').animate({'top':'0','opacity':1},1000);
$('.technology .item .firt').each(function(){
about_set_num($(this));
});
}
var itemT1 = $('.technology1 .tec_item').offset().top;
if(st>(itemT1-wh+$('.technology1 .tec_item').height())-100 && $('.technology1').attr('index')!=1){
$('.technology1').attr('index',1);
$('.technology1 .tec_item .sec span').animate({'top':'0','opacity':1},1000);
setTimeout(function(){
$('.technology1 .tec_item .sec').each(function(){
about_set_num($(this));
});
}, 2700);
}
var itemT2 = $('.technology2 .tec_item').offset().top;
if(st>(itemT2-wh+$('.technology2 .tec_item').height())-100 && $('.technology2').attr('index')!=1){
$('.technology2').attr('index',1);
$('.technology2 .tec_item .thi span').animate({'top':'0','opacity':1},1000);
setTimeout(function(){
$('.technology2 .tec_item .thi').each(function(){
about_set_num($(this));
});
}, 2500);
}
}).resize(function(){
$(window).scroll();
}).resize();
var swiper = new Swiper('.swiper-container', {
slidesPerView: 1,
spaceBetween: 0,
slidesPerGroup: 1,
autoplay: true,
loop: true,
loopFillGroupWithBlank: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
});
</script><script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?13af5269705e60edcb751629de14d04b";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<style type="text/css">
dl,dd,dt{margin:0;padding:0;}
a{ text-decoration:none;}
.floating_ck{position:fixed;right:20px;top:30%;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#04447c;border-bottom:solid 1px #04447c;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(https://style.websai.cn/webs/style/fu/images/zxicon.png);}
.quote{background-image:url(https://style.websai.cn/webs/style/fu/images/kficon.png);}
.qrcord{background-image:url(https://style.websai.cn/webs/style/fu/images/erweima.png);}
.return{background-image:url(https://style.websai.cn/webs/style/fu/images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#04447c;border-bottom:solid 1px #04447c;display:none;}
.floating_left a{color:#fff;line-height:80px;font-size:18px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm i{background-image:url(https://style.websai.cn/webs/style/fu/images/weixin.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}
</style><script type="text/javascript" src="https://style.websai.cn/webs/style/fu/js/top.js"></script><div class="floating_ck">
<dl>
<dt></dt>
<dd class="consult" onClick="javascript:window.open('http://sighttp.qq.com/msgrd?v=3&uin=489526029&site=qq&menu=yes', '_blank', 'height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');">
<span>QQ咨询</span>
<div class="floating_left"><a href="javascript:;">QQ: 190302802</a></div>
</dd>
<!-- <dd class="words">
<span>在线留言</span>
<div class="floating_left"><a href="">问题在线留言</a></div>
</dd> -->
<dd class="quote">
<span>服务热线</span>
<div class="floating_left"><a href="javascript:;">13807814037</a></div>
</dd>
<dd class="qrcord">
<span>扫一扫</span>
<div class="floating_left floating_ewm">
<i></i>
<p class="qrcord_p01">扫一扫<br>微信客服在线</p>
<p class="qrcord_p02">24小时服务热线<br><b>13807814037<b></p>
</div>
</dd>
<dd class="return">
<span onClick="gotoTop();return false;">返回顶部</span>
</dd>
</dl>
</div>
</body>
</html>
