<!DOCTYPE html>
<html class="">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="content-type" content="text/html">
	<title>5个改善网站设计的方法-建站学堂_网站建设新闻_网站设计制作常见问题-腾虎网站建设公司</title>
	<meta name="keywords" content="广州网站建设 广州建站公司  广州网页制作" />
	<meta name="description" content="设计是访问者在浏览你的网站时看到的第一件事，根据斯坦福大学专家的最新研究，46%的用户基于设计来评估网站的可信度。如果他们不喜欢这个设计，那么这个企业似乎就不可靠了。 即使你对你的网站的现有设计感到满意，但你还是想要改进它也是正常的，因为网络技术的世界在改变，出现了新的趋势，甚至一个制作精良的网站也会在某一天变得过时。 为了跟上时代，在正确的道路上，你可以对设计进行小的实验。例如，您可以更改一些页面元" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
	<meta name="Copyright" content="www.tenghoo.com 广州腾虎网络科技有限公司" />
	<meta name="author" content="www.tenghoo.com 广州腾虎网络科技有限公司">
	<meta name="generator" content="www.tenghoo.com 广州建站" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link href="/templates/css/banner.css" rel="stylesheet">
	<link href="/templates/css/carousel.css" rel="stylesheet">
	<link href="/templates/css/global.css?v=1" rel="stylesheet">
	<link rel="stylesheet" href="/templates/css/font-awesome.min.css">
	<link rel="stylesheet" href="/templates/css/my.css">
    <script src="//msite.baidu.com/sdk/c.js?appid=1617178698896497"></script>
    <link rel="canonical" href="https://www.tenghoo.com/xinwendongtai/jianzhanxuetang/5186.html"/>
    <script type="application/ld+json">
        {
            "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
            "@id": "https://www.tenghoo.com/xinwendongtai/jianzhanxuetang/5186.html",
            "appid": "1617178698896497",
            "title": "5个改善网站设计的方法-建站学堂_网站建设新闻_网站设计制作常见问题-腾虎网站建设公司",
            "images": [
                "https://www.tenghoo.com"
            ],
            "pubDate": "2025-06-30T18:33:26"
        }
    </script>
</head>
<body>
<div class="pc_header">
	<div class="circle"></div>
	<div class="pc_header_content clear">
		<a href="/" class="header_content_logo fl"><p><img src="/upload/image/ann/20190226/20190226512078.png" alt="广州企业网站建设"/></p></a>
		<div class="header_content_right clear fr">
			<div class="menu fl clear">
				<ul>
					<li class="fl "><a href="/" class="menu_title">首页</a></li>

															<li class="fl ">
						<a href="javascript:;" class="menu_title service_items">服务项目</a>
												<div class="DropDown clear">
							<div class="DropDown_content">
																<span class="con-c">
									<a href="/fuwuxiangmu/gaoduanwangzhandingzhi/" class="fl ">
								<dd class="fa fa-tv"></dd>
								<dt>高端网站定制</dt>
								</a>
																	</span>



																<span class="con-c">
									<a href="/fuwuxiangmu/weixindingzhi/" class="fl ">
								<dd class="fa fa-weixin"></dd>
								<dt>微信开发定制</dt>
								</a>
																	</span>



																<span class="con-c">
									<a href="/fuwuxiangmu/xiaochengxukaifa/" class="fl ">
								<dd class="fa fa-code"></dd>
								<dt>小程序开发</dt>
								</a>
																	</span>



																<span class="con-c">
									<a href="/fuwuxiangmu/appkaifafuwu/" class="fl ">
								<dd class="fa fa-apple"></dd>
								<dt>APP开发服务</dt>
								</a>
																	</span>



																<span class="con-c">
									<a href="/fuwuxiangmu/wangluoyingxiaofuwu/" class="fl ">
								<dd class="fa fa-bandcamp"></dd>
								<dt>网络营销服务</dt>
								</a>
																	</span>



																<span class="con-c">
									<a href="/fuwuxiangmu/peitaochanpin/" class="fl ">
								<dd class="fa fa-cubes"></dd>
								<dt>配套产品</dt>
								</a>
																											<ol>
																				<li><a href="/fuwuxiangmu/peitaochanpin/#pro42">域名注册</a></li>
																				<li><a href="/fuwuxiangmu/peitaochanpin/#pro43">企业邮箱</a></li>
																				<li><a href="/fuwuxiangmu/peitaochanpin/#pro44">虚拟主机</a></li>
																				<li><a href="/fuwuxiangmu/peitaochanpin/#pro45">服务器租用</a></li>
																				<li><a href="/fuwuxiangmu/peitaochanpin/#pro46">400电话</a></li>
																				<li><a href="/fuwuxiangmu/peitaochanpin/#pro47">成品网站</a></li>
																				<li><a href="/fuwuxiangmu/peitaochanpin/#pro48">SSL证书</a></li>
																			</ol>
																										</span>



																<span class="con-c">
									<a href="/fuwuxiangmu/zengzhiyewu/" class="fl ">
								<dd class="fa fa-line-chart"></dd>
								<dt>增值业务</dt>
								</a>
																											<ol>
																				<li><a href="/fuwuxiangmu/zengzhiyewu/#pro49">网站更新维护</a></li>
																				<li><a href="/fuwuxiangmu/zengzhiyewu/#pro50">服务器代维</a></li>
																				<li><a href="/fuwuxiangmu/zengzhiyewu/#pro51">短信验证码</a></li>
																				<li><a href="/fuwuxiangmu/zengzhiyewu/#pro53">软件开发</a></li>
																				<li><a href="/fuwuxiangmu/zengzhiyewu/#pro54">360全景展示</a></li>
																				<li><a href="/fuwuxiangmu/zengzhiyewu/#pro62">OA系统</a></li>
																			</ol>
																										</span>



															</div>
						</div>
											</li>
																				<li class="fl "><a href="/anlizhanshi/" class="menu_title">案例展示</a></li>
																				<li class="fl on"><a href="/xinwendongtai/" class="menu_title">新闻动态</a></li>
																				<li class="fl "><a href="/guanyuwomen/" class="menu_title">关于我们</a></li>
																				<li class="fl "><a href="/lianxiwomen/" class="menu_title">联系我们</a></li>
														</ul>
			</div>
			<div class="header_content_phone fr">
				<span class="fa  fa-phone "></span>020-85201717 / 13725302004
			</div>
		</div>
		<div class="burger fr">
			<div class="x"></div>
			<div class="y"></div>
			<div class="z"></div>
		</div>
	</div>
</div>


<!--右侧客服-->
<div class="FloatingWindow clear">
	<a href="https://affim.baidu.com/cps/chat?siteId=492342&userId=2707982&siteToken=50c657a45732c703f9b5f5c90c0a43d0"  class="FloatingWindow_list fr" target="_blank">
		<div class="FloatingWindow_list_title">
			<dd class="fa fa-github-alt"></dd>
			<dt>在线咨询</dt>
		</div>
	</a>
	<a href="tencent://message/?uin=306612108&Site=tendata.cn&Menu=yes" class="FloatingWindow_list fr" target="_blank">
		<div class="FloatingWindow_list_title">
			<dd class="fa fa-qq"></dd>
			<dt>QQ咨询</dt>
		</div>
	</a>
<!-- 	<a href="tencent://message/?uin=306612108&Site=tendata.cn&Menu=yes" class="FloatingWindow_list fr" target="_blank">
		<div class="FloatingWindow_list_title">
			<dd class="fa fa-qq"></dd>
			<dt>QQ咨询</dt>
		</div>
	</a> -->
	<a href="javascript:;" class="FloatingWindow_list fr">
		<div class="FloatingWindow_list_title">
			<dd class="fa fa-phone"></dd>
			<dt>服务热线</dt>
		</div>

		<div class="FloatingWindow_list_down bounceInRight animated r-phone">
						<p>020-85201717 </p>
						<p> 13725302004</p>
					</div>

	</a>
	<a href="javascript:;" class="FloatingWindow_list fr right-ewm-p" target="_blank">
		<div class="FloatingWindow_list_title">
			<dd class="fa fa-wechat"></dd>
			<dt>业务微信</dt>
		</div>
		<div class="right-ewm">
			<p><img src="/upload/image/ann/20190304/20190304802499.jpg" alt="微信开发"/></p>
		</div>
	</a>
	<a href="javascript:;" class="FloatingWindow_list fr" id="top">
		<div class="FloatingWindow_list_title">
			<dd class="fa fa-arrow-up"></dd>
			<dt>TOP</dt>
		</div>
	</a>
</div>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?50c657a45732c703f9b5f5c90c0a43d0";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>



<!--右侧客服-->


<div class="details_banner" style="background: url(/upload/image/category/20190228/20190228120034.jpg) 50% center / cover no-repeat; height: 520px;"></div>
<div class="IndexService NewsDetails">
	<div class="IndexService_content all">
		<div class="NewsDetails_title">
			<h1>5个改善网站设计的方法</h1>
			<div class="NewsDetails_title_sort clear vertical">
				<span class="fl">发布时间：2025-06-30</span>
				<span class="fl">浏览：<script src="/post.php?id=5186&type=getclick"></script></span>
			</div>
		</div>
		<div class="NewsDetails_content">
			<div class="NewsDetails_content_top">
				<p>设计是访问者在浏览你的网站时看到的第一件事，根据斯坦福大学专家的最新研究，46%的用户基于设计来评估网站的可信度。如果他们不喜欢这个设计，那么这个企业似乎就不可靠了。</p><p>即使你对你的网站的现有设计感到满意，但你还是想要改进它也是正常的，因为网络技术的世界在改变，出现了新的趋势，甚至一个制作精良的网站也会在某一天变得过时。</p><p>为了跟上时代，在正确的道路上，你可以对设计进行小的实验。例如，您可以更改一些页面元素，选择不同的字体或颜色等。如果实验导致转换增加，那么你就是在正确的路径上。</p><p>在这篇文章中，我们将谈论网站设计的重要性及其优化方法。你也会发现一些有用的技术来改进网站设计。它们很简单，但很有效！</p><p><strong>1.制定战略</strong></p><p>决定改进你的网站设计？好主意！你不应该当场做出决定，而是从根本的改变开始。要使这个想法成功，你应该做些计划。以下是在开始设计更改工作之前要考虑的问题：</p><p>分析现状</p><p>这是为了定义工作领域。研究百度分析指标，跟踪用户在你的网站上的行为。定义具有低转化率和高跳出率的问题最多的页面——这将是您的第一个工作领域。不要省略活动页面——它们将作为示例。</p><p>进行市场研究</p><p>这是指你的目标受众和竞争对手。创建客户旅程图，分析决策的各个阶段，考虑改善每个阶段的用户体验。分析你的竞争对手的网站，挑选一些你觉得有趣的技巧。</p><p>定义任务堆栈</p><p>你想达到什么目标？你想怎样实现这个目标？对以下问题的广泛回答将有助于确定您的目标并确定进一步工作的方向。</p><p><br/></p><p><strong>2.使网站可用</strong></p><p><img src="/upload/image/article/20250630/20250630836520.jpg" title="" alt=""/></p><p>在思考如何改进网站设计的同时，很多用户想要创造一幅原创的图片，并选择最令人印象深刻的照片。这很重要，但是，你不应该忘记网站的可用性。</p><p>根据弗雷斯特研究公司(Forrester Research)的研究，使用不佳的互联网商店失去了约50%未能找到所需商品的潜在客户。约有40%的用户不会回到他们体验糟糕的网站。</p><p>商业网站的主要目的是销售商品和服务。这使得可用性变得非常重要。用户不关心网站的后端;这对他们来说并不重要。他们不感兴趣的是它是用什么语言写的，或者现代的技术解决方案是如何实现的。如果网站难以使用，那就很烦人。如果它很烦人，用户会什么都不买就离开。</p><p>这就是为什么在规划和创建技术作业的阶段必须注意网站的可用性。这里有一些网站设计技巧，使您的网站用户友好：</p><p>这个结构应该一目了然</p><p>用户应该直观地理解如何以及在何处定位必要的信息</p><p>网站不应该被文字、图片或动画超载-它使资源工作缓慢，分散注意力，并惹恼用户。</p><p>在考虑如何呈现文本时，不要将内容和设计单独考虑。记住它们是积分的，应该被视为一个单元。</p><p><strong>3、尝试颜色</strong></p><p>色彩方案是网页设计中最有趣的一个分支。即使网站颜色的微小变化也能改变访问者对你品牌的看法。</p><p>考虑到配色方案的变化，注意以下几个因素：</p><p>一、你的目标受众：根据你潜在客户的年龄和社会数据，商业网站的设计应该有所不同。如果你的产品面向年轻活跃的人群，不要害怕使用鲜艳的颜色。对老年人来说，最好选择更宁静、更深沉的生活方式。</p><p>二、你的企业文化：您的网站不仅应该反映您的目标受众，它还应该表达您的品牌身份。还记得“麦当劳”的鲜红色和黄色吗？</p><p>三、色彩的和谐：一个成功的商业站点的主要特征之一是可用性。配色方案是一个不可分割的部分，因为恼人的颜色及其组合可能会冒犯目标受众。考虑用颜色做实验？注意它们的兼容性和文本与背景的对比。</p><p>如何选择配色方案？</p><p>要确定颜色的调色板，请选择您的目标受众以及您希望他们做出的反应。以下是一些例子：</p><p>明亮的颜色(橙色，红色)，如果你想让访问者兴奋起来，就用这些明亮甚至有攻击性的颜色。这样的配色方案非常适合销售运动器材或食品的网站。</p><p>明亮的颜色(黄色，绿色，蓝色)，这些配色方案将给人一种愉快的感觉，也将是旅游、派对用品和服务的完美选择。</p><p>深颜色，它们给人一种确定性的感觉，对银行、信贷和房地产公司的网站也有好处。</p><p>温和的颜色，这个调色板会让访问者放松下来，也会完美地补充销售国内商品、家具等的网站。</p><p>一些设计师根据视觉程度来选择配色方案;其他人喜欢使用调色板生成器，Adobe Color CC被认为是现有工具中最好的。它将帮助你创建自己的配色方案，并启发其他设计师的作品。如果你喜欢材质设计，像MaterialPallete或material design Palette Generator这样的工具会给你提供大量的网页设计技巧。</p><p><strong>4、说明网站的内容</strong></p><p><img src="/upload/image/article/20250630/20250630910490.jpg" title="" alt=""/></p><p>图片可以填补空白，使您的网站看起来原始和视觉愉快。选择正确的图片会使网站更加生动。它们将对你的品牌认知度产生积极的影响，可以用作标题、图标和创建动画。</p><p>对于大多数人来说，图片比文字更容易记住，你应该仔细选择插图。根据研究，一幅完美的图片价值84个字。</p><p>让我们看看完美的图片到底是什么：</p><p>信息，图片应该有一个信息，而不仅仅是填补空白。它可以告诉访问者关于产品的更多信息，影响他们的情绪和情绪，或包含CTA。</p><p>定性，没有必要提及图片质量差，或带有水印，使你的网站看起来非常不专业。</p><p>原创，避免使用库存图片。在不同的网站上看到同样的图片，用户会质疑你的可靠性和专业性。</p><p>当添加插图时，重要的是要记住网站的完整性，而不是做过头。即使是最漂亮的插图，如果客户太多，也会拒绝他们。</p><p>动画也可以用于说明目的。当第一个交互式站点创建时，动画以GIF格式创建，之后是Flash格式。它们都严重影响了网站的速度。现在可以使用不影响性能的css编码和Javascript了。</p><p>动画可以全屏显示，并集成到导航中。它的主要目的是帮助用户研究网站，并吸引他们对细节的关注。</p><p><strong>5、优化网站的移动设备</strong></p><p>现代用户可以使用不同的设备，可以通过PC、笔记本电脑、平板电脑或智能手机访问您的站点。移动设备的快速发展使得设计师、营销人员和开发人员寻找新的方法来优化网站以适应不同的平台。</p><p>如果这个站点没有针对移动设备进行优化，那么它在可用性方面就不能称为好站点。致力于改进设计，您应该测试资源是否在不同型号、尺寸和屏幕分辨率的设备上正常工作。</p><p>你的网站应该在iOS和安卓用户中都能完美运行。照片应该被加载充分，文字不应该看起来太长。用户不应该滚动或更改屏幕大小。cta按钮应该很大，而且按钮附近不应该有其他链接——用户可能会失误并转到完全不同的页面。</p><p>结论</p><p>阅读了上面提到的网站设计技巧后，您现在已经了解了优化资源的基本步骤。让我们总结一下：</p><p>战略规划，这是基本步骤，将帮助您定义一组任务并概述未来的工作领域</p><p>提高可用性，您将创建一个完美的用户体验，并增加您的转化率和销售量。</p><p>选择颜色，不同的颜色讲述不同的故事，传递不同的信息。根据你的目标受众和公司目标选择调色板，你一定会赢得用户的心。</p><p>添加插图，不要忽视这样一个强大的方式告诉用户更多，没有这些长文本。</p><p>移动优化，由于大多数Internet现在都是面向移动用户的，您还应该注意优化。在未来，一个移动友好的网站会给你更多的流量。</p><p>当然，在一篇文章中不可能告诉你如何在网页设计中变得更好。然而，我们已经设法给你一些有用的提示和技巧。如果您仍在质疑如何开始设计改进工作，请随时与我们联系。我们将为您提供许多有用的网页设计技巧，并将开发一个完全适合您业务需要的项目。</p><p><br/></p>
			</div>
			<div class="NewsDetails_content_bottom clear">
				<div class="content_bottom_left fl">
					<div class="bottom_left_copyright">
												广州腾虎网络科技<a href="https://www.tenghoo.com">网站建设</a>
						https://www.tenghoo.com/xinwendongtai/jianzhanxuetang/5186.html文章内容来源于网络！
											</div>
									</div>
				<div class="content_bottom_help fl">
					<!--<a href="javascript:;">-->
						<!--<dd class="fa fa-thumbs-o-up "></dd>-->
						<!--<dt><script src="/post.php?id=5186&type=getclick"></script></dt>-->
					<!--</a>-->
					<!--<div class="bottom_help_content">该内容对我有帮助</div>-->
				</div>
			</div>
		</div>
		<div class="NewsDetails_page clear">
			<div class="NewsDetails_page_left fl">
				<div class="page_left_list clear">
					<dd class="fl">上一篇：</dd>
					<a href="javascript:;">没有了</a>
				</div>
				<div class="page_left_list clear">
					<dd class="fl">下一篇： <a href="/xinwendongtai/jianzhanxuetang/5185.html">通过提升关键词密度加快网站排名优化速度</a></dd>
					<a href="/xinwendongtai/jianzhanxuetang/">返回列表</a>
				</div>
			</div>
			<a href="/xinwendongtai/jianzhanxuetang/" onclick="javascript:history.back(-1);" class="NewsDetails_page_back fr">返回列表</a>
		</div>
	</div>
</div>

<div class="footer">
	<div id="mydiv" style="height:465px;"></div>
	<div class="footer_content">
		<div class="footer_content_top clear">
			<div class="content_top_share fl">
				<div><p><img src="/upload/image/ann/20190226/20190226512078.png" alt="广州企业网站建设"/></p></div>
				<div class="top_share_content">
					<dd>分享至：</dd>
					<div class="bdsharebuttonbox2">
						<div class="bdsharebuttonbox">
							<a href="#" class="bds_more" data-cmd="more" style="width: 0;height: 0"></a>
							<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
							<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
							<a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
							<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
							<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
							<i class="fa fa-weibo"></i>
							<i class="fa fa-qq"></i>
							<i class="fa fa-wechat"></i>
							<i class="fa fa-pinterest"></i>
						</div>
						<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
					</div>


				</div>
			</div>
			<div class="content_top_left fl clear">
												<div class="top_left_list fl">
					<dd><a href="/fuwuxiangmu/">服务项目</a></dd>
										<dt>
																								<a href="/fuwuxiangmu/gaoduanwangzhandingzhi/">高端网站定制</a>
						
																		<a href="/fuwuxiangmu/weixindingzhi/">微信开发定制</a>
						
																		<a href="/fuwuxiangmu/xiaochengxukaifa/">小程序开发</a>
						
																		<a href="/fuwuxiangmu/appkaifafuwu/">APP开发服务</a>
						
																		<a href="/fuwuxiangmu/wangluoyingxiaofuwu/">网络营销服务</a>
						
																		<a href="/fuwuxiangmu/peitaochanpin/">配套产品</a>
						
																		<a href="/fuwuxiangmu/zengzhiyewu/">增值业务</a>
						
																	</dt>
														</div>
																								<div class="top_left_list fl">
					<dd><a href="/xinwendongtai/">新闻动态</a></dd>
										<dt>
																								<a href="/xinwendongtai/xingyexinwen/">行业新闻</a>
						
																		<a href="/xinwendongtai/jianzhanxuetang/">建站学堂</a>
						
																		<a href="/xinwendongtai/changjianwenti/">常见问题</a>
						
																		<a href="/xinwendongtai/jinqiqianyue/">近期签约</a>
						
																		<a href="/xinwendongtai/jiejuefangan/">解决方案</a>
						
																		<a href="/xinwendongtai/gongsixinwen/">公司新闻</a>
						
																	</dt>
														</div>
																<div class="top_left_list fl">
					<dd><a href="/guanyuwomen/">关于我们</a></dd>
										<dt>
																								<a href="/guanyuwomen/#qywh">团队文化</a>
						
																		<a href="/guanyuwomen/#zongzhi">服务宗旨</a>
						
																		<a href="/guanyuwomen/#zzry">资质荣誉</a>
						
																	</dt>
														</div>
																<div class="top_left_list fl">
					<dd><a href="/lianxiwomen/">联系我们</a></dd>
															<dt class="f-ewm"><p><img src="/upload/image/ann/20220703/20220703158886.jpg" title="微信公众号开发" alt="微信二维码"/></p></dt>
									</div>
											</div>
			<div class="content_top_right fr">
				<div class="top_right_title">联系方式</div>
				<div class="top_right_content">
					<div class="right_content_list clear">
						<dd class="fl "><i class="fa fa-mobile-phone"></i></dd>
						<dt class="fl">手机：13725302004(微信同号)</dt>
					</div>
					<div class="right_content_list clear">
						<dd class="fl "><i class="fa fa-phone"></i></dd>
						<dt class="fl">电话：020-85201717 / 13725302004</dt>
					</div>
					<div class="right_content_list clear">
						<dd class="fl "><i class="fa fa-qq"></i></dd>
						<dt class="fl">QQ：306612108/1400966465</dt>
					</div>
					<div class="right_content_list clear">
						<dd class="fl "><i class="fa fa-envelope"></i></dd>
						<dt class="fl">邮箱：3152238253@qq.com</dt>
					</div>
					<div class="right_content_list clear">
						<dd class="fl"><i class="fa fa-flag-o"></i></dd>
						<dt class="fl">地址：广州市天河区福元南路4号达维商务中心2305</dt>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer_content_copyright clear"><p>版权所有：广州腾虎网络科技有限公司<br style="color: rgb(255, 255, 255); font-family: 微软雅黑, arial, verdana, Helvetica; font-size: 12px; text-align: right; white-space: normal; background-color: rgb(21, 21, 21);"/><a rel="nofollow" href="https://beian.miit.gov.cn" target="_blank">粤ICP备13073147号</a>&nbsp;&nbsp;<a target="_blank" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44010602001101"><img src="/upload/image/20190226/1551161904128746.png" style="border: 0px;"/></a></p><p><a target="_blank" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44010602001101">粤公网安备 44010602001101号</a>
 &nbsp; &nbsp; &nbsp;<a rel="nofollow" href="http://tongji.baidu.com/hm-web/welcome/ico?s=50c657a45732c703f9b5f5c90c0a43d0" target="_blank"><img border="0" src="/upload/image/20190226/1551161905484236.gif" width="20" height="20" style="border: 0px;"/></a></p></div>
</div>
<script>
(function(){
var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?8febe1ca36c2b1373739a8f700f12f99":"https://jspassport.ssl.qhimg.com/11.0.1.js?8febe1ca36c2b1373739a8f700f12f99";
document.write('<script src="' + src + '" id="sozz"><\/script>');
})();
</script>
<div class="phone-show">
	<div id="fix-footer">
		<ul class="fix-footer-list">
			<li><a href="/"><div class="list-dep"><img src="/templates/images/index.svg"><p>首页</p></div></a></li>
			<li><a href="/anlizhanshi/"><div class="list-dep"><img src="/templates/images/fenlei.svg"><p>案例</p></div></a></li>
			<li class="footer-more"><a rel="nofollow" href="javascript:;" onclick=" return model_msg()"><div><img src="/templates/images/more.svg"></div></a></li>
			<li><a rel="nofollow" target="_blank" href="http://p.qiao.baidu.com/cps/chat?siteId=492342&userId=2707982"><div class="list-dep"><img src="/templates/images/kefu.svg"><p>客服</p></div></a></li>
			<li><a href="javascript:;" onclick=" return model_tel()"><div class="list-dep"><img src="/templates/images/phone.svg"><p>电话</p></div></a></li>
			<div class="clear"></div></ul></div>
</div>
<script type="text/javascript" src="/templates/js/jquery-1.8.3.min.js"></script>
<script src="/templates/js/banner.js"></script>
<script src="/templates/js/global.js"></script>
<script src="/templates/js/iconfont.js"></script>
<script src="/templates/js/digital.js"></script>
<script src="/templates/js/wow.js"></script>
<script src="/templates/js/canvas.js"></script>
<script src="/templates/js/carousel.js"></script>
<script src="/data/layer/layer.js" type="text/javascript"></script>
<script>
    function model_tel(){
        layer.open({
            closeBtn:0,
			title:'选择电话',
            skin:'my-c',
            content: '<p><a href="tel:020-85201717 ">020-85201717 </a></p><p><a href="tel: 13725302004"> 13725302004</a></p><p><a href="tel:13725302004(微信同号)">13725302004(微信同号)</a></p>'
            ,btn: ['取消']
            ,yes: function(index, layero){
                layer.closeAll();
            }
        });
	}
    function model_msg(){
        layer.open({
            closeBtn:1,
            title:'您好，欢迎来到腾虎网络',
            skin:'my-msg',
            content: '<p class="t-msg">很高兴可以为您服务！留下您的联系方式，我们会及时联系您</p><form id="f-form"><p id="f_tips"></p><input type="text" required value="" placeholder="请填写称呼" id="f-name" name="info[username]" class="username"><input type="text" required value="" placeholder="请留下您的联系方式" id="f-phone" name="info[phone]" class="phone"><input type="hidden" name="type" value="message"></form>'
			,yes: function(index, layero){
                var phone = $('#f-phone').val();
                var name = $('#f-name').val();
                if(name == ''){
                    $('#f_tips').text('请输入称呼');
                    return false;
				}
                if(phone == ''){
                    $('#f_tips').text('请输入联系方式');
                    return false;
                }
                if(!isTelCode(phone)){
                    $('#f_tips').text('请填检查手机');
                    return false;
                }
                var showbutton = $('.layui-layer-btn0').val();
                if(showbutton == '提交中...'){
                    return false;
                }
                $.post('/post.php',$('#f-form').serialize(),function (data) {
                    $('.layui-layer-btn0').val('确定');
                    if(data == undefined){
                        $('#f_tips').text('稍后再试');
                        return false;
                    }
                    if(data.status == 'y'){
                        $('#f-phone').val('');
                        $('#f_tips').text('留言成功，我们会尽快联系您！');
                        setTimeout(function () {
                            layer.closeAll();
                        },1500)
                    }else{
                        $('#f_tips').text(data.msg);
                        return false;
                    }
                },'json');
                return false;
            }
        });
    }
    /*校验电话码格式 */
    function isTelCode(str) {
        var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
        return reg.test(str);
    }
</script>



<script>
    $(document).ready(function($) {
        $('.carousel').owlCarousel({
            loop:false,
            margin:90,
            nav:true,
            lazyLoad:true,
            autoplay:false,//是否开启自动播放
            autoplayTimeout:1000,//控制自动播放的速度
            merge: true,
            video: true,
            responsive:{
                120:{items:1},//当屏幕大小缩小到480的时候变2个
                480:{items:1},//当屏幕大小缩小到480的时候变2个
                678:{items:2},//当屏幕大小缩小到678的时候变3个
                960:{items:3},//当屏幕大小缩小到960的时候变5个
                1200:{items:4},
            }
        });
    });
</script>

</body>
</html>