<!DOCTYPE html>
<html style="font-size:179px!important">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>靓推网络科技</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
    />
    <meta
      name="description"
      content="靓推网络提供微商城、微站、会议会务、在线教育等一体化微信小程序解决方案,全行业覆盖，助力企业打造专属小程序!"
    />
    <meta
      name="keywords"
      content="社区团购,小程序定制,小程序开发,小程序分销,分销商城,小程序制作,微商分销系统,三级分销系统,二级分销商城,上海小程序开发,微信分销系统,上海小程序制作,微信小程序开发"
    />
    <link rel="icon" href="images/logo@2x.png" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-theme.min.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/rem.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/vue.js"></script>
    <script src="js/index.js"></script>
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <script src="js/invite.js" charset="UTF-8" type="text/javascript"></script>
  </head>
  <body>
    <div id="box">
      <nav class="navbar navbar-fixed-top gs_hearder">
        <div class="container ">
          <div class="navbar-header">
            <button
              type="button"
              data-toggle="collapse"
              data-target="#navbar"
              aria-expanded="false"
              aria-controls="navbar"
              class="navbar-toggle collapsed icon_btn"
            >
              <div class="cha_icon" style="display: none;">
                <img src="images/ccc@2x.png" alt="" class="img" />
              </div>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a href="#" class="navbar-brand gs_nav">
              <img src="images/logo@2x.png" alt="" class="icons" />
              <img src="images/fwrx@2x.png" alt="" class="rx" />
            </a>
          </div>
          <div id="navbar" class="collapse navbar-collapse hearders_h5">
            <ul class="nav navbar-nav hearders">
              <li class="active"><a href="#box">首页</a></li>
              <li><a href="#al">案例展示</a></li>
              <li><a href="#fwlx">服务类型</a></li>
              <li><a href="#fw">服务流程</a></li>
              <li><a href="#gy">关于我们</a></li>
              <li class="h5_btn">
                <div class="button_we">
                  关注我们
                  <div class="erw_box">
                    <img src="images/wxrwm@2x.png" alt="" class="img" />
                  </div>
                </div>
              </li>
            </ul>
            <ul class="nav navbar-nav hearder_h5">
              <li class="active">
                <a href="#" navto="al" class="navItems">案例展示</a>
              </li>
              <li><a href="#" navto="fwlx" class="navItems">服务类型</a></li>
              <li><a href="#" navto="hz" class="navItems">合作伙伴</a></li>
              <li><a href="#" navto="xm" class="navItems">服务项目</a></li>
              <li><a href="#" navto="fw" class="navItems">服务流程</a></li>
              <li><a href="#" navto="gy" class="navItems">关于我们</a></li>
            </ul>
          </div>
        </div>
      </nav>
      <div
        class="swiper-container swiper-container1 swiper_box swiper-container-initialized swiper-container-horizontal"
      >
        <div
          class="swiper-wrapper"
          style="transition-duration: 300ms; transform: translate3d(-5396px, 0px, 0px);"
        >
          <!-- class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" -->
          <div
            class="swiper-slide"
            data-swiper-slide-index="0"
            style="width: 1349px;"
          >
            <img src="images/banner1@2x.png" alt="" class="img1" />
          </div>
          <div
            class="swiper-slide"
            data-swiper-slide-index="1"
            style="width: 1349px;"
          >
            <img src="images/banner2@2x.png" alt="" class="img1" />
          </div>
          <div
            class="swiper-slide swiper-slide-active"
            data-swiper-slide-index="2"
            style="width: 1349px;"
          >
            <img src="images/banner3@2x.png" alt="" class="img1" />
          </div>
          <div
            class="swiper-slide swiper-slide-next"
            data-swiper-slide-index="3"
            style="width: 1349px;"
          >
            <img src="images/banner4@2x.png" alt="" class="img1" />
          </div>
          <!-- <div
            class="swiper-slide swiper-slide-duplicate"
            data-swiper-slide-index="0"
            style="width: 1349px;"
          >
            <img src="images/banner1@2x.png" alt="" class="img1" />
          </div> -->
        </div>
        <div class="swiper-pagination swiper-pagination-bullets">
          <span class="swiper-pagination-bullet"></span>
          <span class="swiper-pagination-bullet"></span>
          <span
            class="swiper-pagination-bullet swiper-pagination-bullet-active"
          ></span>
          <span class="swiper-pagination-bullet"></span>
        </div>
        <span
          class="swiper-notification"
          aria-live="assertive"
          aria-atomic="true"
        ></span>
      </div>
      <div class="swiper-container swiper-container1 swiper_h5">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="images/b1@2x.png" alt="" class="img1" />
          </div>
          <div class="swiper-slide">
            <img src="images/b2@2x.png" alt="" class="img1" />
          </div>
          <div class="swiper-slide">
            <img src="images/b3@2x.png" alt="" class="img1" />
          </div>
          <div class="swiper-slide">
            <img src="images/b4@2x.png" alt="" class="img1" />
          </div>
        </div>
      </div>
      <div id="al" class="container alcg_box">
        <div class="alcg_box_title aa_title">
          <img src="images/CGAL@2x.png" alt="" class="img" />
        </div>
        <div class="alcg_box_cont">
          <div
            v-for="item in al_arr"
            :key="item.id"
            class="alcg_box_item"
            @click="al_btn(item.id)"
          >
            <img :src="item.url" alt="" class="background" />
            <div class="alcg_box_item_bot">
              <div class="title">
                {{ item.name }}
              </div>
              <p>{{ item.content }}</p>
            </div>
          </div>
          <div v-show="al_status" @click="tcf_btn()" class="hei_box">
            <img :src="tc_url" alt="" class="img" />
          </div>
        </div>
      </div>
      <div id="hz" class="hz_box">
        <div class="container ">
          <div class="hz_title aa_title">
            <img src="images/HZHB@2x.png" alt="" class="img" />
          </div>
          <div class="hz_arr">
            <div class="hz_item">
              <img src="images/p1.png" alt="" class="img" />
            </div>
            <div class="hz_item">
              <img src="images/p2.png" alt="" class="img" />
            </div>
            <div class="hz_item">
              <img src="images/p5.png" alt="" class="img" />
            </div>
            <div class="hz_item">
              <img src="images/p6.png" alt="" class="img" />
            </div>
            <div class="hz_item">
              <img src="images/p7.png" alt="" class="img" />
            </div>
            <div class="hz_item">
              <img src="images/p8.png" alt="" class="img" />
            </div>
            <div class="hz_item">
              <img src="images/p13.png" alt="" class="img" />
            </div>
            <div class="hz_item">
              <img src="images/p14.png" alt="" class="img" />
            </div>
            <div class="hz_item">
              <img src="images/p15.png" alt="" class="img" />
            </div>
          </div>
        </div>
      </div>
      <!--<div class="zzh_box_h5">-->
      <!--<div class="container ">-->
      <!--<div class="zzh_title aa_title"><img src="images/RJZZ@2x.png" alt="" class="img"></div>-->
      <!--<div class="zzh_cont"><img src="images/cc@2x.png" alt="" class="img"></div>-->
      <!--</div>-->
      <!--</div>-->
      <!--企业介绍-->
      <!--<div id="fc" class="ygfc_box">-->
      <!--<div class="container ">-->
      <!--<div class="ygfc_title aa_title"><img src="images/YGFC@2x.png" alt="" class="img"></div>-->
      <!--<div class="ygfc_cont">-->
      <!--<div class="ygfc_item"><img src="images/tt1@2x.png" alt="" class="img"></div>-->
      <!--<div class="ygfc_item"><img src="images/tt2@2x.png" alt="" class="img"></div>-->
      <!--<div class="ygfc_item"><img src="images/tt3@2x.png" alt="" class="img"></div>-->
      <!--<div class="ygfc_item"><img src="images/tt4@2x.png" alt="" class="img"></div>-->
      <!--<div class="ygfc_item"><img src="images/tt5@2x.png" alt="" class="img"></div>-->
      <!--<div class="ygfc_item"><img src="images/tt6@2x.png" alt="" class="img"></div>-->
      <!--</div>-->
      <!--<div class="ygfc_h5">-->
      <!--<div class="swiper-container swiper-container2">-->
      <!--<div class="swiper-wrapper">-->
      <!--<div class="swiper-slide">-->
      <!--<div class="n_box">-->
      <!--<div class="b" style="display: none;"></div>-->
      <!--<img src="images/tt1@2x.png" alt="" class="banner">-->
      <!--</div>-->
      <!--</div>-->
      <!--<div class="swiper-slide">-->
      <!--<div class="n_box">-->
      <!--<div class="b"></div>-->
      <!--<img src="images/tt2@2x.png" alt="" class="banner">-->
      <!--</div>-->
      <!--</div>-->
      <!--<div class="swiper-slide">-->
      <!--<div class="n_box">-->
      <!--<div class="b"></div>-->
      <!--<img src="images/tt3@2x.png" alt="" class="banner">-->
      <!--</div>-->
      <!--</div>-->
      <!--<div class="swiper-slide">-->
      <!--<div class="n_box">-->
      <!--<div class="b"></div>-->
      <!--<img src="images/tt4@2x.png" alt="" class="banner">-->
      <!--</div>-->
      <!--</div>-->
      <!--<div class="swiper-slide">-->
      <!--<div class="n_box">-->
      <!--<div class="b"></div>-->
      <!--<img src="images/tt5@2x.png" alt="" class="banner">-->
      <!--</div>-->
      <!--</div>-->
      <!--<div class="swiper-slide">-->
      <!--<div class="n_box">-->
      <!--<div class="b"></div>-->
      <!--<img src="images/tt6@2x.png" alt="" class="banner">-->
      <!--</div>-->
      <!--</div>-->
      <!--</div>-->
      <!--</div>-->
      <!--</div>-->
      <!--</div>-->
      <!--</div>-->
      <div id="fwlx" class="indexService fwzy_box">
        <div class="container">
          <div class="fwzy_title aa_title">
            <img src="images/FWLX.png" alt="" class="img" />
          </div>
          <div class="list clear">
            <dl
              class="wow fadeInUp animated"
              data-wow-offset="10"
              data-wow-delay="0.2s"
              style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;"
            >
              <a href="">
                <dt>
                  <img class="img01" src="images/icon01.png" />
                  <img class="img02" src="images/icon01-2.png" />
                </dt>
                <dd>
                  <h3>品牌网站建设</h3>
                  <h6>品牌官网建设</h6>
                  <h6>企业网站建设</h6>
                  <h6>营销型网站建设</h6>
                  <h6>响应式网站建设</h6>
                  <h6>定制网站开发</h6>
                </dd>
                <p></p>
              </a>
            </dl>
            <dl
              class="wow fadeInUp animated"
              data-wow-offset="10"
              data-wow-delay="0.3s"
              style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;"
            >
              <a href="">
                <dt>
                  <img class="img01" src="images/icon02.png" />
                  <img class="img02" src="images/icon02-2.png" />
                </dt>
                <dd>
                  <h3>移动应用定制</h3>
                  <h6>移动官网建设</h6>
                  <h6>移动商城建设</h6>
                  <h6>移动门户建设</h6>
                  <h6>移动界面定制设计</h6>
                  <h6>APP应用开发</h6>
                </dd>
                <p></p>
              </a>
            </dl>
            <dl
              class="wow fadeInUp animated"
              data-wow-offset="10"
              data-wow-delay="0.4s"
              style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;"
            >
              <a href="">
                <dt>
                  <img class="img01" src="images/icon03.png" />
                  <img class="img02" src="images/icon03-2.png" />
                </dt>
                <dd>
                  <h3>微信定制开发</h3>
                  <h6>小程序开发</h6>
                  <h6>公众号开发</h6>
                  <h6>分销系统定制</h6>
                  <h6>微信商城开发</h6>
                  <h6>微活动策划</h6>
                </dd>
                <p></p>
              </a>
            </dl>
            <dl
              class="wow fadeInUp animated"
              data-wow-offset="10"
              data-wow-delay="0.5s"
              style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;"
            >
              <a href="">
                <dt>
                  <img class="img01" src="images/icon04.png" /><img
                    class="img02"
                    src="images/icon04-2.png"
                  />
                </dt>
                <dd>
                  <h3>网络营销策划</h3>
                  <h6>搜索引擎SEO优化</h6>
                  <h6>微信社群营销</h6>
                  <h6>软文推广</h6>
                  <h6>百度知道&amp;百科</h6>
                  <h6>抖音短视频推广</h6>
                </dd>
                <p></p>
              </a>
            </dl>
            <dl
              class="wow fadeInUp animated"
              data-wow-offset="10"
              data-wow-delay="0.6s"
              style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;"
            >
              <a href="">
                <dt>
                  <img class="img01" src="images/icon05.png" /><img
                    class="img02"
                    src="images/icon05-2.png"
                  />
                </dt>
                <dd>
                  <h3>品牌视觉设计</h3>
                  <h6>品牌LOGO设计</h6>
                  <h6>企业VIS设计</h6>
                  <h6>企业宣传画册</h6>
                  <h6>宣传物料设计</h6>
                  <h6>包装系统</h6>
                </dd>
                <p></p>
              </a>
            </dl>
          </div>
        </div>
      </div>
      <div id="fw" class="fwzy_box">
        <div class="container ">
          <div class="fwzy_title aa_title">
            <img src="images/FWZY@2x.png" alt="" class="img" />
          </div>
        </div>
        <div class="fwzy_cont">
          <div class="fwzy_back"></div>
          <div class="fwzy_s_box">
            <div class="fwzy_t">
              <div class="img img1"></div>
              <div class="img img2"></div>
              <div class="img img3"></div>
            </div>
            <div class="fwzy_b">
              <div class="img img4"></div>
              <div class="img img5"></div>
              <div class="img img6"></div>
              <div class="img img7"></div>
            </div>
          </div>
        </div>
        <div class="fwzy_cont_h5">
          <div class="container">
            <div class="fwzy_s_box">
              <div class="fwzy_s_top">
                <div class="fwzy_item">
                  <img src="images/swqt@2x.png" alt="" class="img" />
                  <div class="fwzy_item_cont">
                    <div class="fwzy_item_span">
                      商务洽谈
                    </div>
                  </div>
                </div>
                <div class="fwzy_item">
                  <img src="images/xmch@2x.png" alt="" class="img" />
                  <div class="fwzy_item_cont">
                    <div class="fwzy_item_span">
                      项目策划
                    </div>
                  </div>
                </div>
                <div class="fwzy_item">
                  <img src="images/sj@2x.png" alt="" class="img" />
                  <div class="fwzy_item_cont">
                    <div class="fwzy_item_span">
                      UI设计
                    </div>
                  </div>
                </div>
              </div>
              <div class="fwzy_s_bot">
                <div class="fwzy_item">
                  <img src="images/cxkf@2x.png" alt="" class="img" />
                  <div class="fwzy_item_cont">
                    <div class="fwzy_item_span">
                      程序开发
                    </div>
                  </div>
                </div>
                <div class="fwzy_item">
                  <img src="images/yycs@2x.png" alt="" class="img" />
                  <div class="fwzy_item_cont">
                    <div class="fwzy_item_span">
                      应用测试
                    </div>
                  </div>
                </div>
                <div class="fwzy_item">
                  <img src="images/cpsx@2x.png" alt="" class="img" />
                  <div class="fwzy_item_cont">
                    <div class="fwzy_item_span">
                      产品上线
                    </div>
                  </div>
                </div>
                <div class="fwzy_item">
                  <img src="images/hqwh@2x.png" alt="" class="img" />
                  <div class="fwzy_item_cont">
                    <div class="fwzy_item_span">
                      后期维护
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="xm" class="xmzy_box">
        <div class="container ">
          <div class="xmzy_title aa_title">
            <img src="images/JFDZ@2x.png" alt="" class="img" />
          </div>
          <div class="xmzy_cont_h5">
            <div class="xmzy_cont_h5_item">
              <img src="images/ZY@2x.png" alt="" class="img" />
              <p>专业开发团队</p>
            </div>
            <div class="xmzy_cont_h5_item">
              <img src="images/GZ@2x.png" alt="" class="img" />
              <p>高质按时交付</p>
            </div>
          </div>
          <div class="xmzy_cont_h5">
            <div class="xmzy_cont_h5_item">
              <img src="images/TM@2x.png" alt="" class="img" />
              <p>开发费用透明</p>
            </div>
            <div class="xmzy_cont_h5_item">
              <img src="images/TM@2x.png" alt="" class="img" />
              <p>持续运营支持</p>
            </div>
          </div>
          <div class="xmzy_cont_h5">
            <div class="xmzy_cont_h5_item">
              <img src="images/TM@2x.png" alt="" class="img" />
              <p>售后服务周到</p>
            </div>
            <div class="xmzy_cont_h5_item">
              <img src="images/TM@2x.png" alt="" class="img" />
              <p>资金交易安全</p>
            </div>
          </div>
          <div class="xmzy_cont">
            <div class="xmzy_item">
              <div class="xmzy_icon">
                <img src="images/ZY@2x.png" alt="" class="img" />
              </div>
              <div class="xmzy_name">
                专业开发团队
              </div>
              <div class="xmzy_span">
                集聚实战经验丰富的团队， 千万金额成功项目
                珠玉在前，实力不容小觑。
              </div>
            </div>
            <div class="xmzy_item">
              <div class="xmzy_icon">
                <img src="images/GZ@2x.png" alt="" class="img" />
              </div>
              <div class="xmzy_name">
                高质按时交付
              </div>
              <div class="xmzy_span">
                不随意拖延开发工期， 保证高质量按时交付开发成品。
              </div>
            </div>
            <div class="xmzy_item">
              <div class="xmzy_icon">
                <img src="images/TM@2x.png" alt="" class="img" />
              </div>
              <div class="xmzy_name">
                开发费用透明
              </div>
              <div class="xmzy_span">
                消除行业壁垒，信息不对称问题， 竞价透明，比肩行业水平。
              </div>
            </div>
            <div class="xmzy_item">
              <div class="xmzy_icon">
                <img src="images/YY@2x.png" alt="" class="img" />
              </div>
              <div class="xmzy_name">
                持续运营支持
              </div>
              <div class="xmzy_span">
                按需提供软件上线后运营支持， 修复漏洞服务。
              </div>
            </div>
            <div class="xmzy_item">
              <div class="xmzy_icon">
                <img src="images/SH@2x.png" alt="" class="img" />
              </div>
              <div class="xmzy_name">
                售后服务周到
              </div>
              <div class="xmzy_span">
                秉承顾客至上理念，全方位 跟进需求，专业解答您的所有疑惑。
              </div>
            </div>
            <div class="xmzy_item">
              <div class="xmzy_icon">
                <img src="images/AQ@2x.png" alt="" class="img" />
              </div>
              <div class="xmzy_name">
                资金交易安全
              </div>
              <div class="xmzy_span">
                平台安全托管资金，项目验收 满意后付款，安全问题有保障。
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="gy" class="gywm_box">
        <div class="container ">
          <div class="gywm_title aa_title">
            <img src="images/GYM@2x.png" alt="" class="img" />
          </div>
          <div class="gywm_cont">
            <div class="gywm_item">
              <div class="gywm_left">
                <img src="images/yx@2x.png" alt="" class="img" />
              </div>
              <div class="gywm_right">
                <div class="gywm_name">商务合作</div>
                <div class="gywm_span">13331926221@189.cn</div>
              </div>
            </div>
            <div class="gywm_item gywm_item_r">
              <div class="gywm_left">
                <img src="images/lxfs@2x.png" alt="" class="img" />
              </div>
              <div class="gywm_right">
                <div class="gywm_name">联系方式</div>
                <div class="gywm_span">13331926221</div>
              </div>
            </div>
            <div class="gywm_item">
              <div class="gywm_left">
                <img src="images/gsdz@2x.png" alt="" class="img" />
              </div>
              <div class="gywm_right gywm_right_a">
                <div class="gywm_name">公司地址</div>
                <div class="gywm_span">
                  <p>总部：上海市闵行区恒南路1355号禾谷文创园</p>
                  <p>
                    重庆办事处：重庆市合川区合阳城街道办事处财富天街9号2幢
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="map_box">
        <div class="container ">
          <div class="map_div">
            <img src="images/dt@2x(1).png" alt="" class="map" />
            <img src="images/xlx@2x.png" alt="" class="icon" />
          </div>
        </div>
      </div>
      <div class="map_box_h5">
        <img src="images/dt@2x.png" alt="" class="img" />
      </div>
      <footer>
        <div class="foot_s">
          <div class="foot_box">
            <div class="foot_left">
              <div class="foot_hz">
                <span>商业合作：</span>
                <span class="phones">13331926221</span>
              </div>
              <div class="foot_dz">
                <p>总部：上海市闵行区恒南路1355号禾谷文创园</p>
                <p>
                  重庆办事处：重庆市合川区合阳城街道办事处财富天街9号2幢
                </p>
              </div>
              <div class="foot_gs">
                <a
                  target="_blank"
                  href="http://beian.miit.gov.cn/?spm=a3c00.7621335.7y9jhqsfz.112.32e3xgE8xgE8BP#/Integrated/index"
                  >Copyright © 2016 上海圭卓智能科技有限公司 –
                  沪ICP备16015889号</a
                >
                <script type="text/javascript">
                  document.write(
                    unescape(
                      "%3Cspan id='cnzz_stat_icon_1279200674'%3E%3C/span%3E%3Cscript src='http://s9.cnzz.com/z_stat.php%3Fid%3D1279200674%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"
                    )
                  );
                </script>
              </div>
              <div>
                <a
                  target="_blank"
                  href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011202012858"
                >
                  <img src="images/beian.png" style="float:left;" />
                  <p
                    style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;"
                  >
                    沪公网安备 31011202012858号
                  </p>
                </a>
              </div>
            </div>
            <div class="foot_erw">
              <img src="images/wx.png" alt="" class="img" />
              <p>微信公众号</p>
            </div>
          </div>
        </div>
        <div class="foot_s_h5">
          <p>Copyright © 2016 上海圭卓智能科技有限公司 – 沪ICP备16015889号</p>
          <p>服务电话:13331926221</p>
          <p>总部：上海市闵行区恒南路1355号禾谷文创园B411室</p>
          <div>
            <a
              target="_blank"
              href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011202012858"
            >
              <img src="images/beian.png" style="float:left;" />
              <p
                style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;"
              >
                沪公网安备 31011202012858号
              </p>
            </a>
          </div>
          <!-- <div class="foot_btns">
            <div class="foot_btn">
              <img src="images/fbxq@2x.png" alt="圭卓智能" class="img" />
            </div>
            <div class="foot_btn">
              <img src="images/dhzx@2x.png" alt="靓推网络" class="img" />
            </div>
          </div> -->
        </div>
      </footer>
    </div>
  </body>
</html>
