<!--header-->
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>四面八微O2O微平台</title>
	<meta name="keywords" content="四面八微,微平台,O2O系统,微商城" />
	<meta name="description" content="四面八微O2O微信商城" />
	
<link rel="stylesheet" href="./resource/css/pintuer.css">
<script src="./resource/js/jquery.js"></script>
<script src="./resource/js/pintuer.js"></script>
<script src="./resource/js/respond.js"></script>

<style>
.smbw-nav.fixed.fixed-top{z-index:8;background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important; filter:Alpha(opacity=80); background:#000;width:100%;padding:0;-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, .175);box-shadow:0 3px 6px rgba(0, 0, 0, .175);}
.container{ height:60px;}
.button-right{ background-color:#FFF; margin:0 10px;}
</style>
</head>

<body>

 <!--导航-->

<div class="smbw-nav smbw-nav-bg padding-small-top padding-small-bottom">
  <div class="container padding-top padding-bottom">
    <div class="line">
      <div class="xl12 xs3 xm3 xb22">
        <button class="button icon-navicon float-right button-right" data-target="#header-smbw"></button>
        <a target="_blank" href="/" title="四面八微"><img src="./resource/images/logo.png" alt="四面八微" /></a></div>
      <div class=" xl12 xs9 xm9 xb100 nav-navicon" id="header-smbw">
        <div class=" xr padding-small">
          <ul class="nav nav-menu nav-inline nav-big">
            <li><a href="/">首页</a></li>
            <!--li><a href="/">建站模版</a></li-->
            <li><a href="#success_cases">经典案例</a></li>
            <!--li><a href="/agent.html">渠道代理</a></li-->
            <!--li><a href="/help.html">帮助中心</a></li-->
            <li>
              <button class="button bg-main"  onclick="location.href='./index.php?c=user&a=login&';"><span class="icon-user"></span>&nbsp;登录</button>
            </li>
            <!--登录-->
                      </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<!--导航-->
<div class="carousel">
  <div class="item"><A href="./index.php?c=user&a=login&"><img src="./resource/images/banner1.jpg"  width="100%" /></A></div>
</div>
</div>
<div style="clear:both;"></div>
<div>
  <!--服务-->
  <div class="line-title">
    <h1>我们提供的服务</h1>
    <h2>we offer the service</h2>
  </div>
  <div class="line-small">
    <div class="tab" data-toggle="hover">
      <div class="tab1-head">
        <div class="line"></div>
        <ul class="tab1-nav">
          <li class="active"><a href="#tab-start">展示类</a></li>
          <li><a href="#tab-css">互动类</a></li>
          <li><a href="#tab-units">O2O类</a></li>
          <li><a href="#tab-qudao">渠道拓展类</a></li>
          <li><a href="#tab-qt">其他</a></li>
        </ul>
      </div>
      <div class="tab1-body">
        <div class="tab-panel active" id="tab-start">
          <div class="mobile-model"></div>
          <div class="items">
            <div class="item item_1">
              <div class="icon icon_1">幻灯片</div>
            </div>
            <div class="item item_2">
              <div class="icon icon_2">微视频</div>
            </div>
            <div class="item item_3">
              <div class="icon icon_3">微音频</div>
            </div>
            <div class="item item_4">
              <div class="icon icon_4">联系我们</div>
            </div>
            <div class="item item_5">
              <div class="icon icon_5">分类文章</div>
            </div>
          </div>
        </div>
        <div class="tab-panel" id="tab-css">
          <div class="mobile-model"></div>
          <div class="items">
            <div class="item item_1">
              <div class="icon icon_1">幻灯片</div>
            </div>
            <div class="item item_2">
              <div class="icon icon_2">微视频</div>
            </div>
            <div class="item item_3">
              <div class="icon icon_3">微音频</div>
            </div>
            <div class="item item_4">
              <div class="icon icon_4">联系我们</div>
            </div>
            <div class="item item_5">
              <div class="icon icon_5">分类文章</div>
            </div>
          </div>
        </div>
        <div class="tab-panel" id="tab-units">
          <div class="mobile-model"></div>
          <div class="items">
            <div class="item item_1">
              <div class="icon icon_1">幻灯片</div>
            </div>
            <div class="item item_2">
              <div class="icon icon_2">微视频</div>
            </div>
            <div class="item item_3">
              <div class="icon icon_3">微音频</div>
            </div>
            <div class="item item_4">
              <div class="icon icon_4">联系我们</div>
            </div>
            <div class="item item_5">
              <div class="icon icon_5">分类文章</div>
            </div>
          </div>
        </div>
        <div class="tab-panel" id="tab-qudao">
          <div class="mobile-model"></div>
          <div class="items">
            <div class="item item_1">
              <div class="icon icon_1">幻灯片</div>
            </div>
            <div class="item item_2">
              <div class="icon icon_2">微视频</div>
            </div>
            <div class="item item_3">
              <div class="icon icon_3">微音频</div>
            </div>
            <div class="item item_4">
              <div class="icon icon_4">联系我们</div>
            </div>
            <div class="item item_5">
              <div class="icon icon_5">分类文章</div>
            </div>
          </div>
        </div>
        <div class="tab-panel" id="tab-qt">
          <div class="mobile-model"></div>
          <div class="items">
            <div class="item item_1">
              <div class="icon icon_1">幻灯片</div>
            </div>
            <div class="item item_2">
              <div class="icon icon_2">微视频</div>
            </div>
            <div class="item item_3">
              <div class="icon icon_3">微音频</div>
            </div>
            <div class="item item_4">
              <div class="icon icon_4">联系我们</div>
            </div>
            <div class="item item_5">
              <div class="icon icon_5">分类文章</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--服务-->
</div>
<!--案例-->
<div class="anli_nav">
  <div class="line-title"><a name="success_cases"></a>
    <h1>成功案例</h1>
    <h2>successful cases</h2>
  </div>
  <div class="banner" data-pointer="1" data-interval="6" data-item="2" data-small="3" data-middle="4" data-big="1" data-style="border-black"  style=" text-align:center;">
    <ul class="carousel">
      <li class="item">
        <div class="case case_1">
          <div class="box text">
          	<img src="/attachment/qrcode_2.jpg">            
          	<p>霏帆珠宝，源自南非，创立于2010年，专注于高端彩色宝石的高级珠宝定制品牌，并致力于为客户提供私人珠宝定制服务。第一手矿产资源，结合国外先进加工工艺，偏爱复古典雅路线，梦想让每一位向往美懂得美欣赏美的爱珠宝达人都拥有属于自己的私人定制珠宝。</p>
          </div>
          <div class="box text">
          	<img src="/attachment/qrcode_2.jpg">            
          	<p>霏帆珠宝，源自南非，创立于2010年，专注于高端彩色宝石的高级珠宝定制品牌，并致力于为客户提供私人珠宝定制服务。第一手矿产资源，结合国外先进加工工艺，偏爱复古典雅路线，梦想让每一位向往美懂得美欣赏美的爱珠宝达人都拥有属于自己的私人定制珠宝。</p>
          </div>
          <div class="box text"><img src="/attachment/qrcode_2.jpg">
            <p>霏帆珠宝，源自南非，创立于2010年，专注于高端彩色宝石的高级珠宝定制品牌，并致力于为客户提供私人珠宝定制服务。第一手矿产资源，结合国外先进加工工艺，偏爱复古典雅路线，梦想让每一位向往美懂得美欣赏美的爱珠宝达人都拥有属于自己的私人定制珠宝。</p>
          </div>
        </div>
      </li>
      <li class="item">
        <div class="case case_2">
          <div class="box text">
          	<img src="/attachment/qrcode_2.jpg">            
          	<p>霏帆珠宝，源自南非，创立于2010年，专注于高端彩色宝石的高级珠宝定制品牌，并致力于为客户提供私人珠宝定制服务。第一手矿产资源，结合国外先进加工工艺，偏爱复古典雅路线，梦想让每一位向往美懂得美欣赏美的爱珠宝达人都拥有属于自己的私人定制珠宝。</p>
          </div>
          <div class="box text">
          	<img src="/attachment/qrcode_2.jpg">            
          	<p>霏帆珠宝，源自南非，创立于2010年，专注于高端彩色宝石的高级珠宝定制品牌，并致力于为客户提供私人珠宝定制服务。第一手矿产资源，结合国外先进加工工艺，偏爱复古典雅路线，梦想让每一位向往美懂得美欣赏美的爱珠宝达人都拥有属于自己的私人定制珠宝。</p>
          </div>
          <div class="box text">
          	<img src="/attachment/qrcode_2.jpg">
            <p>康提罗依托互联网品牌的力量去整合全世界一流设计师资源，和西班牙、瑞士、斯洛文尼亚、英国、法国、加拿大、德国、日本、韩国等多个国家的一线设计师合作，借助传统陶瓷的品牌塑造路径，打造线下的品牌知名度和美誉度。</p>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>
<!--案例-->
<!--合作伙伴-->
<div class="hezuo">
  <div class="line-title">
    <h1>合作伙伴</h1>
    <h2>partners</h2>
  </div>
  <div class="mates"> <a href="http://e.qq.com/" target="_blank" class="gdt" title="广点通">广点通</a> <a href="http://www.qcloud.com/" target="_blank" class="qcloud" title="腾讯云">腾讯云</a> <a href="http://www.dnspod.cn/" target="_blank" class="dnspod" title="DNSPOD">DNSPOD</a> </div>
</div>
 <!--底部-->
    <div style="background: #3c3d3c; padding:15px 0;">
    <div class="container-layout">
  <div>
    <div class="text-center">
      <ul class="nav nav-inline">
        <li><a href="#">网站首页</a></li>
        <li><a href="#">新闻资讯</a></li>
        <li><a href="#">产品中心</a></li>
        <li><a href="#">技术反馈</a></li>
        <li><a href="#">留言反馈</a></li>
        <li><a href="#">联系方式</a></li>
      </ul>
    </div>
    <div class="text-center height-big" style="color:#999;">Copyright ©2014-2016 smbw. All Rights Reserved 四面八微互联科技 版权所有</div>
  </div>
</div>
</div>
</body>
</html>
