<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <meta
      name="description"
      content="苏州美途网络科技有限公司致力于帮助旅游企业成功实现数字化转型,为旅行社\景区\文旅局\乡村旅游提供标准和定制的数字化解决方案"
    />
    <meta
      name="keywords"
      content="旅游分销系统,旅游电商小程序,景区票务系统,数字乡村,旅游数字化,旅行社数字,景区数字化"
    />
    <meta
      http-equiv="Content-Security-Policy"
      content="upgrade-insecure-requests"
    />
    <link
      rel="shortcut icon"
      href="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo.ico"
      type="image/x-icon"
    />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/default.css" />
    <link rel="stylesheet" href="./css/element.css" />
    <title>苏州美途网络科技有限公司</title>
    <script>
      !(function (p) {
        "use strict";
        !(function (t) {
          var s = window,
            e = document,
            i = p,
            c = "".concat(
              "https:" === e.location.protocol ? "http://" : "http://",
              "sdk.51.la/js-sdk-pro.min.js",
            ),
            n = e.createElement("script"),
            r = e.getElementsByTagName("script")[0];
          ((n.type = "text/javascript"),
            n.setAttribute("charset", "UTF-8"),
            (n.async = !0),
            (n.src = c),
            (n.id = "LA_COLLECT"),
            (i.d = n));
          var o = function () {
            s.LA.ids.push(i);
          };
          (s.LA ? s.LA.ids && o() : ((s.LA = p), (s.LA.ids = []), o()),
            r.parentNode.insertBefore(n, r));
        })();
      })({ id: "3PdFjH2lxXzDd66o", ck: "3PdFjH2lxXzDd66o" });
    </script>
    <script src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/axios.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/3.3.0/gsap.min.js"></script>
    <script src="./api/request.js"></script>
    <script src="./js/vue.js"></script>
    <script src="./js/element.js"></script>
  </head>

  <body>
    <div class="box" id="app">
      <div class="header" :style="headStyle">
        <div class="header-content typearea">
          <img
            class="logo"
            src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo.png"
            alt=""
          />
          <div class="nav">
            <ul class="nav-items clearfix">
              <li class="nav-item">
                <a
                  :style="'color:'+headStyle.color"
                  href="index.html"
                  class="nav-name"
                  >首页</a
                >
              </li>
              <li
                class="nav-item"
                @mousemove="handleMousemove"
                @mouseout="handleMouseout"
              >
                <a
                  href="./product/product.html"
                  :style="'color:'+headStyle.color"
                  class="nav-name"
                  >产品</a
                >
                <span class="stop"></span>
                <div class="sub-nav">
                  <ul>
                    <li class="sub-nav-item">
                      <a href="./product/product.html" class="sub-nav-name"
                        >景区票务系统</a
                      >
                    </li>
                    <li class="sub-nav-item">
                      <a href="./productFx/productFx.html" class="sub-nav-name"
                        >旅行社分销系统</a
                      >
                    </li>
                    <li class="sub-nav-item">
                      <a href="./productDs/productDs.html" class="sub-nav-name"
                        >电商小程序</a
                      >
                    </li>
                    <li class="sub-nav-item">
                      <a
                        href="http://www.jinliyou888.com/"
                        target="\_blank"
                        class="sub-nav-name"
                        >锦鲤平台</a
                      >
                    </li>
                    <li class="sub-nav-item">
                      <a
                        href="http://pt.metusoft.com"
                        target="\_blank"
                        class="sub-nav-name"
                        >火车票务系统</a
                      >
                    </li>
                  </ul>
                </div>
              </li>
              <li class="nav-item">
                <a
                  href="./marketing/marketing.html"
                  :style="'color:'+headStyle.color"
                  class="nav-name"
                  >营销</a
                >
              </li>
              <li
                class="nav-item"
                @mousemove="handleMousemove"
                @mouseout="handleMouseout"
              >
                <a href="" class="nav-name" :style="'color:'+headStyle.color"
                  >解决方案</a
                >
                <span class="stop"></span>
                <div class="sub-nav">
                  <ul>
                    <li class="sub-nav-item">
                      <a
                        href="./jqprogramme/jqprogramme.html"
                        class="sub-nav-name"
                        >景区</a
                      >
                    </li>
                    <li class="sub-nav-item">
                      <a
                        href="./wlprogramme/wlprogramme.html"
                        class="sub-nav-name"
                        >文旅局</a
                      >
                    </li>
                    <li class="sub-nav-item">
                      <a
                        href="./lxprogramme/lxprogramme.html"
                        class="sub-nav-name"
                        >旅行社</a
                      >
                    </li>
                    <li class="sub-nav-item">
                      <a
                        href="./xcprogramme/xcprogramme.html"
                        class="sub-nav-name"
                        >数字乡村</a
                      >
                    </li>
                  </ul>
                </div>
              </li>
              <li class="nav-item">
                <a
                  href="./case/case.html"
                  :style="'color:'+headStyle.color"
                  class="nav-name"
                  >案例</a
                >
              </li>
              <li class="nav-item">
                <a
                  href="./news/news.html"
                  :style="'color:'+headStyle.color"
                  class="nav-name"
                  >动态</a
                >
              </li>
              <li class="nav-item">
                <a
                  href="./team/team.html"
                  :style="'color:'+headStyle.color"
                  class="nav-name"
                  >团队</a
                >
              </li>
            </ul>
          </div>

          <div class="phone">
            <img
              src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/phone.png"
              alt=""
            />
            <span>0512-62861860</span>
          </div>
        </div>
      </div>

      <div class="banner" id="banner">
        <div class="ball-box">
          <div class="ballcontnent">
            <div class="ball"></div>
            <div class="ball"></div>
            <div class="ball"></div>
            <div class="ball"></div>
            <div class="ball"></div>
            <div class="ball"></div>
            <div class="ball"></div>
            <div class="ball"></div>
            <div class="ball"></div>
          </div>
        </div>
      </div>

      <div class="direction typearea">
        <div class="direction-title"></div>
        <div class="direction-content">
          <div class="direction-content-item">
            <div class="left">
              <img
                src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/Mask group.png"
                alt=""
              />
            </div>
            <div class="right">
              <div class="project-item">全域旅游资源监管</div>
              <div class="project-item">全域旅游品牌门户</div>
              <div class="project-item">全域旅游营销赋能</div>
              <div class="project-item">全域旅游趋势监测</div>
            </div>
          </div>
          <div class="direction-content-item">
            <div class="left">
              <img
                src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/Mask group-1.png"
                alt=""
              />
            </div>
            <div class="right">
              <div class="project-item">
                打造目的地旅游资源监控 与运营一体化平台
              </div>
              <div class="project-item">建设统一文旅数字品牌</div>
              <div class="project-item">打造可长期运营私域会员体系</div>
              <div class="project-item">基于全域旅游资源营销体系</div>
            </div>
          </div>
          <div class="direction-content-item">
            <div class="left">
              <img
                src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/Mask group-2.png"
                alt=""
              />
            </div>
            <div class="right">
              <div class="project-item">打造自有软硬一体数字化系统</div>
              <div class="project-item">基于长期运营游客会员体系</div>
              <div class="project-item">基于开放生态电商体系</div>
              <div class="project-item">AI、AR、VR赋能景区</div>
            </div>
          </div>
          <div class="direction-content-item">
            <div class="left">
              <img
                src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/Mask group-3.png"
                alt=""
              />
            </div>
            <div class="right">
              <div class="project-item">监管与赋能门店</div>
              <div class="project-item">对接电子合同和电子保险业务</div>
              <div class="project-item">
                统一管理供应商资源 构建业务数字化系统
              </div>
              <div class="project-item">整合数据提升预警和预测能力</div>
            </div>
          </div>
        </div>
      </div>

      <div class="star-case">
        <div class="star-case-title typearea">
          <img
            src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/star-case.png"
            alt=""
          />
        </div>
        <div class="star-case-content">
          <div class="star-case-container typearea">
            <div class="phone-box">
              <div class="phone-case">
                <img
                  src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/Phone-case-small.png"
                  alt=""
                />
                <div class="long-graph">
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/th-long graph2.png"
                    alt=""
                  />
                </div>
              </div>
              <div class="phone-case">
                <img
                  src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/Phone-case.png"
                  alt=""
                />
                <div class="long-graph">
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/th-long graph1.png"
                    alt=""
                  />
                </div>
              </div>
              <div class="phone-case">
                <img
                  src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/Phone-case-small.png"
                  alt=""
                />
                <div class="long-graph">
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/th-long graph3.png"
                    alt=""
                  />
                </div>
              </div>
            </div>
            <div class="company-box">
              <div class="cpmpany-box-item">
                <div class="left">
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 320.png"
                    alt=""
                    class="active"
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 323.png"
                    alt=""
                  />
                </div>
                <div class="right">
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 526.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 527.png"
                    alt=""
                  />
                </div>
              </div>
              <div class="cpmpany-box-item">
                <div class="left">
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 528.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 529.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 530.png"
                    alt=""
                  />
                </div>
                <div class="right">
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 531.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 533.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 534.png"
                    alt=""
                  />
                </div>
              </div>
              <div class="cpmpany-box-item">
                <div class="left">
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 535.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 536.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 537.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 538.png"
                    alt=""
                  />
                </div>
                <div class="right">
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 539.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 541.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 542.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 543.png"
                    alt=""
                  />
                </div>
              </div>
              <div class="cpmpany-box-item">
                <div class="left">
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 544.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 545.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 546.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 547.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 548.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 549.png"
                    alt=""
                  />
                </div>
                <div class="right">
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 550.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 551.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 552.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 553.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 554.png"
                    alt=""
                  />
                  <img
                    src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/logo/Group 555.png"
                    alt=""
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="footer">
        <div class="footer-title typearea" id="content">
          被100+政企所信任的服务商
        </div>
        <div class="footer-authentication typearea">
          <div class="authentication-item">
            <img
              src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/footer/download-2 1.png"
              alt=""
            />
            <p>高新技术企业认证</p>
          </div>
          <div class="authentication-item">
            <img
              src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/footer/download 1.png"
              alt=""
            />
            <p>双软企业认证</p>
          </div>
          <div class="authentication-item">
            <img
              src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/footer/image 186.png"
              alt=""
            />
            <p>江苏省民营科技企业</p>
          </div>
          <div class="authentication-item">
            <img
              src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/footer/image 187.png"
              alt=""
            />
            <p>企业信用评价AAA级信用企业</p>
          </div>
        </div>
        <div class="footer-info typearea">
          <div class="contact">
            <img
              src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/footer/logo.png"
              alt=""
            />
            <div class="qrcode-box">
              <div class="qrcode">
                <img
                  src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/mt_qrcode.png"
                  alt=""
                  srcset=""
                />
                <p>美途公众号</p>
              </div>
              <div class="qrcode">
                <img
                  src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/mt_wx_qrcode.png"
                  alt=""
                  srcset=""
                />
                <p>联系我们</p>
              </div>
            </div>
          </div>
          <div class="product">
            <div class="product-item">
              <div class="product-item-title" style="margin-top: 45px">
                产品
              </div>
              <div
                class="product-item-label"
                onclick="window.open('./product/product.html', '_self')"
              >
                景区票务系统
              </div>
              <div
                class="product-item-label"
                onclick="window.open('./productFx/productFx.html', '_self')"
              >
                旅行社分销系统
              </div>
              <div
                class="product-item-label"
                onclick="window.open('./productDs/productDs.html', '_self')"
              >
                电商小程序
              </div>
              <div
                class="product-item-label"
                onclick="window.open('http://www.jinliyou888.com/', '_self')"
              >
                锦鲤平台
              </div>
              <div
                class="product-item-label"
                onclick="window.open('http://pt.metusoft.com/', '_self')"
              >
                火车票务系统
              </div>
            </div>
            <div class="product-item">
              <div class="product-item-title">营销</div>
              <div
                class="product-item-label"
                @click="nr('./marketing/marketing.html#nr')"
              >
                内容营销
              </div>
              <div
                class="product-item-label"
                @click="cp('./marketing/marketing.html#cp')"
              >
                产品营销
              </div>
              <div
                class="product-item-label"
                @click="hd('./marketing/marketing.html#hd')"
              >
                活动营销
              </div>
              <div
                class="product-item-label"
                @click="ll('./marketing/marketing.html#ll')"
              >
                流量营销
              </div>
            </div>
            <div class="product-item">
              <div class="product-item-title">解决方案</div>
              <div
                class="product-item-label"
                onclick="window.open('./wlprogramme/wlprogramme.html', '_self')"
              >
                文旅局
              </div>
              <div
                class="product-item-label"
                onclick="window.open('./jqprogramme/jqprogramme.html', '_self')"
              >
                景区
              </div>
              <div
                class="product-item-label"
                onclick="window.open('./lxprogramme/lxprogramme.html', '_self')"
              >
                旅行社
              </div>
              <div
                class="product-item-label"
                onclick="window.open('./xcprogramme/xcprogramme.html', '_self')"
              >
                数字乡村
              </div>
            </div>
            <div class="product-item">
              <div style="margin-top: -20px" class="product-item-title">
                联系我们
              </div>
              <div class="product-item-label">欢迎咨询：</div>

              <div class="product-item-label product-item-phone">
                0512-62861860
                <span style="font-size: 18px">(工作日9:00-18:00)</span>
              </div>
              <div class="product-item-label">公司地址：</div>
              <div class="product-item-label product-item-address">
                苏州市工业园区凤凰国际大厦1911
              </div>
            </div>
          </div>
        </div>
        <div
          class="filings"
          style="display: flex; justify-content: center; align-items: center"
        >
          <img
            src="./images/logo01.dd7ff50e.png"
            style="width: 16px"
            alt=""
            srcset=""
          />
          <a
            style="color: #1e80ff; line-height: 20px; margin-left: 3px"
            href="http://beian.mps.gov.cn/#/query/webSearch?code=32059002005858"
            target="_blank"
            >苏公网安备32059002005858</a
          >
          <a
            style="color: #1e80ff; margin-left: 15px"
            href="http://beian.miit.gov.cn"
            target="\_blank"
            >苏ICP备13052035号-15</a
          >
        </div>
      </div>

      <div class="toolip">
        <div id="phonecontent">
          <div class="toolip-item">
            <img
              src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/phone2.png"
              alt=""
              srcset=""
            />
            <span>电话咨询</span>
          </div>
          <div class="phonecontact" id="hidden-phonecontent">
            <img
              src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/Maskgroup.png"
            />
            <div class="phoneinner-div">
              <div class="phoneinner-div-txt1">预约回电</div>
              <div class="phoneinner-div-txt2">专家顾问将尽快向您致电</div>
              <div class="phoneinner-div-txt3">
                <input
                  id="myInput"
                  v-model="inputValue"
                  value="请填写你的手机号"
                  maxlength="11"
                  style="width: 190px; height: 40px; border: none"
                />
              </div>
              <div class="phoneinner-div-txt4" @click="contactApi()">
                立即预约
              </div>
              <div class="phoneinner-div-txt5">
                <img
                  src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/Group267.png"
                />
              </div>
              <div class="phoneinner-div-txt6">
                咨询电话：09:00-18:00
                <div class="phoneinner-div-txt7">0512-62861860</div>
              </div>
            </div>
          </div>
        </div>
        <div class="toolip-line">
          <div class="line"></div>
        </div>
        <div id="content">
          <div class="toolip-item" style="border-radius: 0 0 16px 16px">
            <img
              src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/wx.png"
              alt=""
              srcset=""
            />
            <span>微信咨询</span>
          </div>
          <div class="wxcontact" id="hidden-content">
            <div class="inner-div-txt1">微信咨询</div>
            <img
              src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/Maskgroup.png"
            />
            <div class="inner-div">
              <div class="inner-div-img">
                <img
                  src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/Rectangle.png"
                />
              </div>
            </div>
            <div class="inner-div-txt2">手机扫码加我微信</div>
          </div>
        </div>
      </div>

      <!-- <div class="complete">
      <div class="complete-img1">
        <img src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/Group556.png">
      </div>
      <div class="complete-txt1">
        预约成功
      </div>
      <div class="complete-txt2">
        专家顾问将尽快向您致电
      </div>
      <div class="complete-txt3">
        我知道了
      </div>
      <img src="http://meitr.oss-cn-shanghai.aliyuncs.com/official/images/Maskgroup2.png">
    </div> -->
    </div>
    <script src="./js/index.js"></script>
    <script>
      var oDiv = document.getElementById("banner");
      oDiv.onmouseover = function () {
        var yMove = 50;
        gsap.to(".ball", {
          duration: 0.5,
          y: function (i, elem, boxes) {
            return -yMove;
          },
          x: function (i, elem, boxes) {
            return -yMove;
          },
        });
      };
      oDiv.onmouseout = function () {
        var yMove = 0;
        gsap.to(".ball", {
          duration: 0.5,
          y: function (i, elem, boxes) {
            return yMove;
          },
          x: function (i, elem, boxes) {
            return yMove;
          },
        });
      };
    </script>
  </body>
</html>
