黑色的云服务器公司网页底部快速导航div布局通用模板代码。产品服务，地区划分，快速入口，帮助支持，关于我们等。
使用方法：
1、head引入css文件
<link rel="stylesheet" type="text/css" href="statics/css/style.css"/>
2、body引入HTML代码
<div class="footer">
<div class="other-link clearfix">
<div class="link-look clearfix">
<div class="link-list">
<h3 class="link-title">产品服务</h3>
<ul>
<li>
<a href="#">云服务器</a>
</li>
<li>
<a href="#">高防服务器</a>
</li>
<li>
<a href="#">高防IP</a>
</li>
<li>
<a href="#">云物理机</a>
</li>
<li>
<a href="#">专属宿主机</a>
</li>
<li>
<a href="#">机柜租用</a>
</li>
<li>
<a href="#">SSL证书</a>
</li>
<li>
<a href="#">弹性IP</a>
</li>
<li>
<a href="#">云硬盘</a>
</li>
</ul>
</div>
<div class="link-list">
<h3 class="link-title">地区划分</h3>
<ul>
<li>
<a href="#">香港服务器</a>
</li>
<li>
<a href="#">美国服务器</a>
</li>
<li>
<a href="#">德国服务器</a>
</li>
<li>
<a href="#">日本服务器</a>
</li>
</ul>
</div>
<div class="link-list">
<h3 class="link-title">快速入口</h3>
<ul>
<li>
<a href="#" target="_blank" class="c_login">控制台</a>
</li>
</ul>
</div>
<div class="link-list">
<h3 class="link-title">帮助支持</h3>
<ul>
<li>
<a href="#">帮助中心</a>
</li>
<li>
<a href="#">网站备案</a>
</li>
</ul>
</div>
<div class="link-list">
<h3 class="link-title">关于我们</h3>
<ul>
<li>
<a href="#">关于网络科技</a>
</li>
<li>
<a href="#">客户案例</a>
</li>
<li>
<a href="#">新闻资讯</a>
</li>
</ul>
</div>
</div>
<div class="sucai-contact">
<div class="bottom-logo">
<a href="#"></a>
</div>
<div class="sucai-companyname">网络科技计算有限公司</div>
<div class="sucai-phone">7*24小时在线电话：400-xxx-2938</div>
<div class="sucai-qq">7*24小时在线 QQ：800xxxxx</div>
<div class="erweima-box clearfix">
<div class="wechat-erwei">
<div>微信二维码</div>
<div class="sucai_wechat"></div>
</div>
<div class="phonenet-erwei">
<div>手机网站二维码</div>
<div class="sucai_web"></div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<p>Copyright © sucai Cloud Ltd. All Rights Reserved. 2018 版权所有</p>
<p><span>网络科技计算有限公司</span><span>粤ICP备1709xxxxx号-1
</span><span><span class="police-icon"></span>粤公网安备 000000000000号</span>
<span>增值电信业务经营许可证编号：B1-0000000</span></p>
</div>
</div>
通用的网页底部导航div布局代码 
