<!doctype html>
<html lang="zh-CN">

<head>
  <title>上海安吉星信息服务有限公司</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="baidu-site-verification" content="vjPP3rL6XC" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="renderer" content="webkit">
  <meta name="baidu-site-verification" content="QgPe5jeD8Q" />
  <meta name="keywords" content="安吉星,OnStar,On Star,吉星信息服务有限公司,上汽通用,凯迪拉克,雪佛兰,通用别克,汽车安全信息服务" />
  <meta name="description" content="安吉星（On Star）是安吉星信息服务有限公司的简称，是通用汽车、上汽集团和上海通用汽车于2009年10月28日建立的合资公司，总投资额超过3亿元人民币。" />
  <link rel="shortcut icon" href="https://cdn.onstar.com.cn/portal/ZH/index/static/images/favicon.ico" />
  <link rel="shortlink" href="http://www.onstar.com.cn/" />
  <!-- third party dependencies -->
  <link rel="stylesheet" href="css/final.css?v=20191131">
  <script src="js/jquery.min.js"></script>
  <script src="js/jquery.bootstrap.min.js"></script>
  <!-- commonly used JS codes written by ShineTech -->
  <!-- <script src="js/common.js?v=20191113"></script> -->
  <script src="js/url.js"></script>
  <script>
    // <!-- 百度统计代码 -->
    var _hmt = _hmt || [];
    (function () {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?a7516895c32132037a789baa6940e0cc";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();

  // <!--SiteMonitor 基础统计代码-- >
      (function (a, e, f, g, b, c, d) {
        a.ClickiTrackerName = b;
        a[b] = a[b] || function () { (a[b].queue = a[b].queue || []).push(arguments) };
        a[b].start = +new Date; c = e.createElement(f); d = e.getElementsByTagName(f)[0];
        c.async = 1; c.src = g; d.parentNode.insertBefore(c, d)
      })(window, document, 'script', ('https:' == document.location.protocol ? 'https://stm-collect' : 'http://stm-cdn') +
        '.cn.miaozhen.com/clicki.min.js', 'stm_clicki');

    stm_clicki('create', 'dc-1455', 'auto');
    stm_clicki('send', 'pageview');

  // <!--SiteMonitor 热图统计代码-- >
      stm_clicki('require', 'heatmap',
        ('https:' == document.location.protocol ? 'https://stm-collect' : 'http://stm-cdn') + '.cn.miaozhen.com/plugins/heatmap.js');
    stm_clicki('heatmap:on', 5);

  </script>

  <!-- 滚动新闻 -->
  <script type="text/javascript">
    $.ajax({  //获取新闻列表
      url: articleList,
      method: "POST",
      headers: {
        "Content-Type": "application/json"
      },
      data: JSON.stringify({
        pageSize: "6",
        pageNum: "1",
        type: "news"
      }),
      dataType: "json",
      success: function (data) {
        var data = data.data;

        var aList = [];
        for (var i = 0; i < 6; i++) {
          var title = data[i].title;  //标题
          var subtitle = data[i].subtitle ? data[i].subtitle : "";  //副标题
          aList.push(data[i] ? ("<a href='" + newModel + data[i].articleId + "'>" + title + subtitle + "</a>") : "<a></a>");
        }

        $('#roll_news_web').append("<li class='swiper-slide'>"
          + aList[0] + aList[1] + aList[2]
          + "</li>"
          + "<li class='swiper-slide'>"
          + aList[3] + aList[4] + aList[5]
          + "</li>"
          + ""
        );

        for (var i = 0; i < 3; i++) {
          var title = data[i].title;  //标题
          var subtitle = data[i].subtitle ? data[i].subtitle : "";  //副标题
          $('#roll_news_mobile').append("<li class='swiper-slide'>"
            + "<a href='" + newModel + data[i].articleId + "'>" + title + subtitle + "</a>"
            + "</li>"
          );
        }
      }
    });

  </script>

  <script src="js/jquery.swiper.min.js"></script>
  <script src="./js/index.js"></script>

</head>

<body class="index-page">
  <!--通用顶部导航-->
  <div id="commonHeader"></div>
  <!--通用顶部导航 结束-->
  <div class="banner-container" style="z-index:8000;">
    <!-- 轮播 Start -->
    <div id="home-swiper" class="index-swiper swiper-container">
      <div class="swiper-wrapper" style="transition-duration: 0ms;">

        <div class="swiper-slide">
          <div class="img-wrap" style="background-image: url('');" id="background0">
            <img src="" alt="" id="image0">
          </div>
          <div class="text-outer-wrap" id="click0">
            <div class="text-inner-wrap">
              <p id="title0"></p>
              <p id="subtitle0"></p>
            </div>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="img-wrap" style="background-image: url('');" id="background1">
            <img src="" alt="" id="image1">
          </div>
          <div class="text-outer-wrap" id="click1">
            <div class="text-inner-wrap">
              <p id="title1"></p>
              <p id="subtitle1"></p>
            </div>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="img-wrap" style="background-image: url('');" id="background2">
            <img alt="" id="image2">
          </div>
          <div class="text-outer-wrap" id="click2">
            <div class="text-inner-wrap">
              <p id="title2"></p>
              <p id="subtitle2"></p>
            </div>
          </div>
        </div>

      </div>
      <!-- 分页器 -->
      <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
      </div>
    </div>

    <!-- banner -->
    <script type="text/javascript">
      $.ajax({  //获取banner列表
        url: bannerList,
        method: "POST",
        headers: {
          "Content-Type": "application/json"
        },
        data: JSON.stringify({

        }),
        success: function (data) {
          var data = data.data;
          for (var i = 0; i < 3; i++) {
            var background = document.getElementById('background' + i); //背景
            var image = document.getElementById('image' + i); //图片
            var title = document.getElementById('title' + i); //标题
            var subtitle = document.getElementById('subtitle' + i); //副标题
            background.setAttribute("style", "background-image: url('" + data[i].imgUrl + "');");
            image.setAttribute("src", data[i].imgUrl);
            $("title0").html(data[i].title);
            title.innerText = data[i].title;
            subtitle.innerText = data[i].subtitle;

          }
          if (data[0].hrefUrl) {
            var ojb = document.getElementById('click0');
            ojb.setAttribute("onclick", "window.location.href='" + data[0].hrefUrl + "'");
          }
          if (data[1].hrefUrl) {
            var ojb = document.getElementById('click1');
            ojb.setAttribute("onclick", "window.location.href='" + data[1].hrefUrl + "'");
          }
          if (data[2].hrefUrl) {
            var ojb = document.getElementById('click2');
            ojb.setAttribute("onclick", "window.location.href='" + data[2].hrefUrl + "'");
          }
        }
      });	
    </script>

    <!-- 轮播 End -->
    <div class="news-container">
      <div class="news-wrap">
        <div class="news-scroll-box">
          <h3><span class="txt">新闻动态</span></h3>
          <div class="news-wrap pc-news-wrap news" style="z-index:7000">
            <ul class="swiper-wrapper" id="roll_news_web">
              <!-- 动态获取 -->
            </ul>
          </div>
          <div class="news-wrap mobile-news-wrap">
            <ul class="swiper-wrapper" id="roll_news_mobile">
              <!-- 动态获取 -->
            </ul>
          </div>
          <a class="more-btn btn" href="./media-center.html?action=news">
            <span class="text">更多</span>
          </a>
        </div>
      </div>
    </div>
  </div>

  <div class="ecosystem section">
    <div class="top-wrap">
      <div class="text-wrap">
        <h2 class="title">安吉星生态</h2>
        <p class="text">全面打通“人·车·生活”的车联生态，引领未来智能汽车社会的全新生活方式</p>
      </div>
      <!-- star & animation effects go here -->
      <div class="top">
        <!-- stones and cubes bg -->
        <canvas id="canvas" class="bg"></canvas>
        <img class="cubes bg" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/cubes-bg.png"
          alt="" class="bg">
        <!-- honeycomb and stars bg -->
        <!-- <img class="stars bg" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/stars-bg.png" alt="" class="bg"> -->
        <!-- 星球 ON 光晕 -->
        <div class="item-wrap bg-5">
          <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/bg-5-star-on-shadow.png"
            alt="">
        </div>
        <!-- 星 车 背景 -->
        <div class="item-wrap bg-1">
          <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/bg-1.png" alt="">
        </div>
        <!-- 星球部分 星球背景小光晕带 -->
        <div class="item-wrap bg-2">
          <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/bg-2.png" alt="">
        </div>
        <!-- 星球部分 星球主体 -->
        <div class="item-wrap bg-3">
          <img class="rotate"
            src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/bg-3-star-circle.png" alt="">
        </div>
        <!-- 星球部分 ON文字 -->
        <div class="item-wrap bg-4">
          <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/bg-4-star-on.png" alt="">
        </div>
        <!-- 三大优势 -->
        <div class="item-wrap parallex item-1 " data-link="ecosystem.html#serveAnchor">
          <img class="shadow" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/shadow1.png"
            alt="">
          <img class="object" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/object1.png"
            alt="">
          <div class="hint">
            <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/hint1.png" alt=""
              srcset="">
          </div>
          <div class="text-wrap text-1 ">
            <div class="top">三大优势<span class="arrow"></span></div>
            <div class="bottom">稳定、安全、专业</div>
          </div>
        </div>
        <!-- 智能终端 （手机） -->
        <div class="item-wrap parallex item-2 " data-link="ecosystem.html#terminalAnchor">
          <img class="shadow" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/shadow2.png"
            alt="">
          <img class="object" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/object2.png"
            alt="">
          <div class="hint">
            <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/hint2.png" alt=""
              srcset="">
          </div>
          <div class="text-wrap text-2 ">
            <div class="top">智能终端<span class="arrow"></span></div>
            <div class="bottom">万物互联不再是梦想</div>
          </div>
        </div>
        <!-- 智能硬件 （行车记录仪） -->
        <div class="item-wrap parallex item-3 " data-link="ecosystem.html#hardwareAnchor" style="visibility:hidden">
          <img class="shadow" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/shadow3.png"
            alt="">
          <img class="object" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/object3.png"
            alt="">
          <div class="hint">
            <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/hint3.png" alt=""
              srcset="">
          </div>
          <div class="text-wrap text-3 ">
            <div class="top">智能硬件<span class="arrow"></span></div>
            <div class="bottom">拓宽安吉星生态圈</div>
          </div>
        </div>
        <!-- 中间 安吉星车联平台 -->
        <div class="item-wrap item-4" data-link="ecosystem.html#platformAnchor">
          <img class="shadow" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/ecosystem/shadow4.png"
            alt="">
          <div class="text-wrap text-4 ">
            <div class="top">安吉星车联平台</div>
            <div class="bottom">五大功能体系</div>
          </div>
        </div>
      </div>
    </div>
    <!-- five buttons and their background images go here -->
    <div class="bottom">
      <img class="bg bg-1 on" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/eco-tab/bg1.png" />
      <img class="bg bg-2" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/eco-tab/bg2.png" />
      <img class="bg bg-3" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/eco-tab/bg3.png" />
      <img class="bg bg-4" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/eco-tab/bg4.png" />
      <img class="bg bg-5" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/eco-tab/bg5.png" />
      <div class="main">
        <div class="tab-wrap">
          <div class="tab on">
            <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/eco-tab/1.png" alt="">
            <span>智能安全</span>
            <div class="bg on"><img
                src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/eco-tab/tab-bg.png" alt=""></div>
          </div>
          <div class="tab">
            <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/eco-tab/2.png" alt="">
            <span>智能驾控</span>
            <div class="bg"><img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/eco-tab/tab-bg.png"
                alt=""></div>
          </div>
          <div class="tab">
            <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/eco-tab/3.png" alt="">
            <span>车主服务</span>
            <div class="bg"><img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/eco-tab/tab-bg.png"
                alt=""></div>
          </div>
          <div class="tab">
            <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/eco-tab/4.png" alt="">
            <span>智能互联</span>
            <div class="bg"><img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/eco-tab/tab-bg.png"
                alt=""></div>
          </div>
          <div class="tab">
            <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/eco-tab/5.png" alt="">
            <span>娱乐社交</span>
            <div class="bg"><img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/index/eco-tab/tab-bg.png"
                alt=""></div>
          </div>
        </div>
        <div class="content-wrap">
          <div class="tab-1 on">
            <h1>驾乘安全时刻保障</h1>
            <p>
              我们致力于为您的人身和财产安全提供全面且可靠的保障。在车辆发生意外时，安吉星能够第一时间感知到事故的发生，并在准确定位到您的位置后，及时通知安吉星紧急救援专席和相关救援机构，第一时间为您提供帮助;当您的爱车被盗时，安吉星也能帮助您确定车辆位置并对车辆进行远程控制，最终帮您找回爱车
            </p>
            <div class="line btn" data-name="eco-safe">详情</div>
          </div>
          <div class="tab-2">
            <h1>远程操控瞬间完成</h1>
            <p>
              得益于与车辆的深度整合和高速稳定的网络连接，安吉星能够通过网络接收并执行车主的指令。无论相隔多远，只要在有互联网的地方，您都可以对车辆进行开门、点火、开启空调等操作。更有全程音控导航，只要按下蓝键并说出目的地，导航信息就能下发到您的车中
            </p>
            <div class="line btn" data-name="eco-drive">详情</div>
          </div>
          <div class="tab-3">
            <h1>关心您用车的方方面面</h1>
            <p>
              安吉星提供了各种丰富实用的功能，致力扫去您出行时可能遇到的各种障碍。车况检测服务可以帮助您时刻了解爱车的状况，并在车况不佳时及时做出提醒并给出保养建议；导航服务不仅能帮助您顺利地抵达目的地，也能帮助您寻找旅途周边的各种服务设施；各种生活服务不仅能确保您的旅途不会因为缺少油电被打断，还能针对您的用车情况为您提供更加丰富的服务，更有随时待命的随星助手，按下蓝键，说出您的需求，剩下的我们来完成
            </p>
            <div class="line btn" data-name="eco-car">详情</div>
          </div>
          <div class="tab-4">
            <h1>高速网络带来极致体验</h1>
            <p>
              高速稳定的网络是舒适车联体验的基础。通过与中国移动和中国电信的深度合作，安吉星获得了高速4G网络的助力，您的通话、地图和车载音乐都得已通过高速的移动网络来到您的爱车中，为您构建沉浸式的用车体验。除此之外，您更可以使用您的手机和电脑连接到车上的无线热点，让您的随身设备也时刻连接到高速的4G网络
            </p>
            <div class="line btn" data-name="eco-connect">详情</div>
          </div>
          <div class="tab-5">
            <h1>让每次旅途都变成乐事 </h1>
            <p>
              安吉星车载的强大娱乐功能让您的旅途永远不会枯燥无味。您可以使用多种方式来聆听您喜爱的音乐，比如说喜马拉雅，让上千万的音频资源成为您旅途的点缀
            </p>
            <div class="line btn" data-name="eco-social">详情</div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="eco-car">
    <div class="page-ecosystem-sub-page">
      <div class="banner img-background">
        <img class="bg-banner pc-banner"
          src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/banner-car.jpg">
        <img class="bg-banner mobile-banner"
          src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/banner-car-mobile.png">
        <img class="x-banner" data-name="eco-car"
          src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/x.png"
          srcset="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/x.png 2x">
        <div class="text color-white">
          <h2>车主服务</h2>
          <h2>为您和爱车提供无微不至的照顾</h2>
        </div>
      </div>
      <div class="mask">
        <div class="mask-text text-center car-mask-1">
          <h3 class="mask-title black">车况检测服务</h3>
          <p class="mask-sub-title black">安吉星比您更懂您的爱车，无论是日常养护，还是二手车交易，安吉星都能帮助您做到心中有数</p>
          <div class="mask-content mask-item-3">
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-1.png">
                <span class="black">实时按需检测</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">如需及时了解车辆状况，或车上有故障灯亮起，可通过车内蓝键呼叫安吉星，安吉星客服顾问将为车主实时检测当前车况并提供解决建议</p>
                <span class="mask-btn black hidden"><span class="border-solid-black">相关故事</span></span>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-2.png">
                <span class="black">车况月度检测报告</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">安吉星每月会自动对车辆的核心部件进行检测，然后通过电子邮件的方式将结果发送给车主，以便车主及时了解车辆的健康状态</p>
                <span class="mask-btn black hidden"><span class="border-solid-black">相关故事</span></span>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-3.png">
                <span class="black">实时检测提醒</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">安吉星监控中心可实时监测车辆多个部件的运转情况，并在出现异常情况时通过短信、手机应用、邮件等方式提醒车主，以保证驾驶车辆的安全性</p>
                <span class="mask-btn black hidden"><span class="border-solid-black">相关故事</span></span>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-4.png">
                <span class="black">车况认证平台</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">
                  安吉星大数据中心通过对车辆历史行驶记录、保养记录、碰撞记录、维修记录的数据分析、整合，整合得到安吉星官方认证的车辆评估报告。为通用车主和经销商在交易车辆时，提供更可靠的车况分析报告，让车辆交易时有一个合理的定价依据和安心的车况信息
                </p>
                <span class="mask-btn black hidden"><span class="border-solid-black">相关故事</span></span>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-5.png">
                <span class="black">预约经销商</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">
                  车主可通过安吉星手机应用在线预约经销商售后服务。当安吉星监控中心监测到车况处于异常状态，也会主动通过安吉星手机应用推送车况信息并为用户推荐最近的经销商以便于用户及时进行车辆的维修服务预约，提升用户用车维保的满意度
                </p>
                <span class="mask-btn black hidden"><span class="border-solid-black">相关故事</span></span>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-6.png">
                <span class="black">保养建议</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">
                  当安吉星检测到车辆的车况发生异常时，将通过安吉星强大的保养知识库基于品牌和车型进行筛选，选择最合适车辆状态的保养知识为车主推送，避免过度保养以及不恰当的保养方式，帮助车主学习基本保养知识</p>
                <span class="mask-btn black hidden"><span class="border-solid-black">相关故事</span></span>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-7.png">
                <span class="black">经销商检测提醒</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">当车况检测报告显示车辆发生故障时，安吉星可将车况检测报告发送给您指定的经销商（默认发送给您的售车经销商），使经销商可以及时提醒您车辆问题，以便您更好地维护爱车
                </p>
                <span class="mask-btn black hidden"><span class="border-solid-black">相关故事</span></span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="mask">
        <div class="mask-text text-center car-mask-2">
          <h3 class="mask-title white">位置及导航服务</h3>
          <p class="mask-sub-title white">致力于为车主带来无微不至的全新导航体验，车主按下安吉星蓝键后，只需说出目的地，7×24小时在线的行车助理即可为车主规划行车路线并下发至车辆</p>
          <div class="mask-content mask-item-3">
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-2-1.png">
                <span class="white">目的地位置协助</span>
              </div>
              <div class="mask-item-desc white">
                <p class="desc white-60">
                  如果您的车辆在出厂时配备了有原厂导航仪的中控屏幕，在您按下蓝键并说出目的地信息后，客服顾问可以将目的地发送至车辆的车载导航系统。在目的地成功下发后，按中控屏幕上提示信息进行操作，即可按导航前往目的地
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-2-2.png">
                <span class="white">全程语音领航</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">
                  按下车内蓝键并说出目的地后，客服顾问会将导航路线发送至车辆导航系统，请您按照全程音控领航的语音导航提示行驶，直至到达目的地。如有驾驶偏好需求（如高速优先），请务必提前告知客服顾问，以下发符合偏好的导航路径
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-2-3.png">
                <span class="white">兴趣点向导</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">如需要了解某一位置点附近的加油站、停车场、超市、医院、银行等兴趣点信息，可通过车内安吉星蓝键联系客服顾问，客服顾问将协助车主进行信息查询并完成导航下发</p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-2-4.png">
                <span class="white">目的地专席向导</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">当车辆位置距离目的地较近或因交通管制等无法找到目的地时，车主可在车内通过蓝键联系客服顾问，客服顾问将为车主提供人工在线指引，直至车主准确到达目的地</p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-2-5.png">
                <span class="white">步行导航到车</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">
                  当车主找不到车辆时，可自助通过安吉星手机应用导航到车功能寻找车辆，当距离车辆较近时可通过导航到车界面上面的鸣笛闪灯功能再次确认车辆位置，也可以通过拨打安吉星24小时的服务热线400-820-1188寻求客服顾问的协助寻找车辆
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-2-6.png">
                <span class="white">安吉星手机应用导航</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">当车主确定前往的目的地时，可提前通过安吉星手机应用完成线路规划，并在到达车内后直接使用手机应用内嵌的导航服务进行导航，前往目的地</p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-2-7.png">
                <span class="white">车辆位置</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">
                  安吉星监控中心通过强大的GPS卫星定位系统，精确的定位车辆位置，车主用户可以通过安吉星手机应用车辆位置实时获取车辆位置显示；也可以拨打安吉星24小时服务热线400-820-1188联系客服顾问，在确认身份信息后，客服顾问将为车主实时车辆位置信息
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="mask">
        <div class="mask-text text-center car-mask-3">
          <h3 class="mask-title black more-padding-top-title">车主服务/用车生活</h3>
          <p class="mask-sub-title black">完善的智慧加油/充电服务让您的旅途上的乐趣从不间断</p>
          <div class="mask-content mask-item-3">
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-3-1.png">
                <span class="black">安悦扫码充电</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">
                  安吉星集合优质充电资源，当新能源车辆车主需要为车辆加电时，可通过安吉星手机应用内的安悦扫码充电功能搜索附近的安悦充电站，在手机应用上实时查询充电桩位置、空闲状态及价格信息。可通过手机应用直接进行扫码充电和支付
                </p>
                <span class="mask-btn black hidden"><span class="border-solid-black">相关故事</span></span>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-3-2.png">
                <span class="black">查询附近加油/充电桩</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">
                  当车辆燃料不足时，车主可通过手机应用旅途下的附近加油站/充电桩功能检索最近的加油站/充电桩，并进行目的地一键下发；车主处于驾驶状态时，可通过安吉星车内蓝键进行附近加油站/充电桩的查询，并在客服顾问的协助下进行目的地下发，保证驾驶安全
                </p>
                <span class="mask-btn black hidden"><span class="border-solid-black">相关故事</span></span>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cms-oss.sgmlink.com/621f229e839dded564f48c5d/cdfaef7bb99643b9b5b8c95539204bc1.png">
                <span class="black">补胎服务</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">当车辆遇到漏气、破损等紧急情况时，车主可通过车内蓝键发起上门补胎需求，安吉星将基于当时的服务能力及资源，为符合修复条件的轮胎提供诊断和补胎服务。原地等待，快速到达，专业维修，让您的出行更加安心无忧</p>
                <span class="mask-btn black hidden"><span class="border-solid-black">相关故事</span></span>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-3-5.png">
                <span class="black">延保服务</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">
                  安吉星提供全面的11大类系统延长保修服务，包含：前后桥、燃油系统、点火系统、安全气囊、转向系统、制动系统、空调系统、冷却系统、影音系统、悬挂系统、电器系统（以实际车型为准），为爱车加上一道坚实的保障</p>
                <span class="mask-btn black hidden"><span class="border-solid-black">相关故事</span></span>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cms-oss.sgmlink.com/621f229e839dded564f48c5d/ede1de7aff0d47709c3be557d94a6f87.png">
                <span class="black">百度星维度</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">
                  专为搭载百度应用车辆的用户打造智能座舱，提供百度地图，随心听，语音助手，个性化推荐等实用功能，旨在全方位升级行车体验，让便捷与享受同行。（以实际车型为准）
                </p>
                <span class="mask-btn black hidden"><span class="border-solid-black">相关故事</span></span>

              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="mask">
        <div class="mask-text text-center car-foot">
          <h3 class="mask-title white">随星助理</h3>
          <p class="mask-sub-title white">专为您设置的随身助手，资讯查询、预约日程、一键代驾……更多精彩等您发现。只要按下蓝键，剩下的交给我们</p>
          <div class="mask-content mask-item-3">
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-4-1.png">
                <span class="white">专席综合资讯查询</span>
              </div>
              <div class="mask-item-desc white">
                <p class="desc white-60">
                  安吉星客服中心根据车主需求，提供力所能及的、开放式的资讯检索服务，不限定具体范围，提供合理合法的资讯。如在开车途中，想要咨询任何有关吃、喝、新闻、电影、旅行等资讯，都可以通过车内蓝键与客服顾问联系，客服顾问将通过网络为车主检索相关信息并告知结果
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-4-2.png">
                <span class="white">专席电话转接</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">安吉星提供一对一客服顾问转接服务，当用户在驾驶途中有需要进行电话沟通的事项，可通过车内蓝键与客服顾问联系，安吉星将为车主提供专席电话转接，保证您的驾驶安全
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-4-3.png">
                <span class="white">预约日程提醒</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">通过蓝键进行预约，根据用户预约时间进行提醒，到期外呼电话为用户提供备忘日程提醒</p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-4-4.png">
                <span class="white">一键代驾</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">车主可以通过安吉星手机应用或车内蓝键，轻松预约代驾服务，方便高效</p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-car-4-5.png">
                <span class="white">蓝键口述笔记</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">
                  安吉星客服中心为车主提供口述笔记服务，当您处于驾驶状态时，可通过车内蓝键与客服顾问联系，并将您需要记录的内容告知服务顾问，记录完成后，客服顾问会将记录的内容通过短信或App消息发送给您</p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>

              </div>
            </div>
            <!-- <div class="mask-item">
                        <div class="mask-item-header icon">
                        <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon_drive_white.png">
                        <span class="white">品牌车主俱乐部积分查询</span>
                        </div>
                        <div class="mask-item-desc">
                        <p class="desc white-60">品牌车主俱乐部积分查询——删除</p>
                            <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>

                        </div>
                    </div> -->
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="eco-connect">
    <div class="page-ecosystem-sub-page">
      <div class="banner img-background">
        <img class="bg-banner pc-banner"
          src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/banner-connect.jpg">
        <img class="bg-banner mobile-banner"
          src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/banner-connect-mobile.png">
        <img class="x-banner" data-name="eco-connect"
          src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/x.png"
          srcset="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/x.png 2x">
        <div class="text color-white">
          <h2>智能互联</h2>
          <h2>使您的精彩旅途永不断线</h2>
        </div>
      </div>
      <div class="mask">
        <div class="mask-text text-center connect-mask">
          <h3 class="mask-title black">智能互联</h3>
          <p class="mask-sub-title black">多样的连接方式让您的精彩旅途永不离线，加入安吉星“万物互联”大家庭，我们为您提供全方位的舒适体验</p>
          <div class="mask-content mask-item-3">
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cms-oss.sgmlink.com/621f229e839dded564f48c5d/2c54ceaab1ac4c81ba1f0b1714136f3d.png">
                <span class="black">4G/5G</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">
                  安吉星4G LTE功能为车主带来更完美的移动互联驾驶体验，移动信号覆盖范围更广，网络连接更稳定，为车内中控应用提供更为稳定的数据链接
                  <br>
                  <br>
                  搭载前沿安吉星5G技术的座驾，内置海量影音娱乐流量，不仅让4K高清大片随心播放，更融入丰富的游戏与卡拉OK功能，让您的车内空间瞬间化身娱乐殿堂，将尖端科技与奢华娱乐完美融合，为您的每一段旅程增添无限乐趣
                </p>
                <span class="mask-btn black hidden"><span class="border-solid-black">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-connect-3.png">
                <span class="black">WIFI热点共享</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">配有安吉星4G/5G功能的车辆，将集成车载Wi-Fi热点功能，为车内的移动设备提供网路链接，覆盖面更广，同时可以支持多个设备接入，让同车的家人、朋友共享无忧网络体验（仅支持配有车载Wi-Fi功能的车辆使用）
                </p>
                <span class="mask-btn black hidden"><span class="border-solid-black">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="eco-drive">
    <div class="page-ecosystem-sub-page">
      <div class="banner img-background">
        <img class="bg-banner pc-banner"
          src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/banner-drive.png">
        <img class="bg-banner mobile-banner"
          src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/banner-drive-mobile.png">
        <img class="x-banner" data-name="eco-drive"
          src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/x.png"
          srcset="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/x.png 2x">
        <div class="text color-white">
          <h2>智能驾<span class="hidden-1em">控</span></h2>
          <h2>即便爱车远在天边，操纵也近在咫尺</h2>
        </div>
      </div>
      <div class="mask">
        <div class="mask-text text-center drive-foot" style="margin-top: -30rem!important;">
          <h3 class="mask-title white" style="padding-top: 24rem;" >车辆远程控制</h3>
          <p class="mask-sub-title white">无论是钥匙忘带还是想提前打开空调，安吉星远程控制都能帮到您，只需要打开安吉星App，即便跨越半个地球，您的爱车也由您掌控</p>
          <div class="mask-content mask-item-3">
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-drive-2-1.png">
                <span class="white">远程上锁/解锁</span>
              </div>
              <div class="mask-item-desc white">
                <p class="desc white-60">
                  车主可通过安吉星手机应用，自助完成车门远程上锁/解锁等操作；当车主不慎将车钥匙锁在车内时，车主也可以致电安吉星24小时客户服务热线400-820-1188，完成身份验证后，安吉星客户服务顾问将帮助车主远程开启车门（为确保此项功能的正常使用，车辆必须配备有原厂安装的中控门锁）
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-drive-2-2.png">
                <span class="white">远程闪灯鸣笛</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">
                  当车主忘记车辆停放位置时，可通过安吉星手机应用发送远程闪灯/鸣笛指令，以明确车辆所在位置，及时找到自己的车辆；安吉星客户服务顾问将帮助车主远程发送远程闪灯/鸣笛指令</p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-drive-2-3.png">
                <span class="white">远程启动/取消启动</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">
                  当天气气温过高或过低时，车主在出发前可通过安吉星手机应用自助完成远程车辆启动以启动车内空调（空调需在上次熄火前置于开启状态）车主也可以通过远程启动取消操作，取消已启动车辆（仅支持配有远程启动的车辆）
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-drive-2-4.png">
                <span class="white">远程空调操控</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">当天气气温过高或过低时，车主在出发前可通过安吉星手机应用自助完成远程车内空调调节设置，使车内达到适宜的温度，完成出行前准备（仅支持配有远程空调设置功能的车辆）
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-drive-2-5.png">
                <span class="white">远程车窗/天窗开关</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">当车主忘记关车窗/天窗时，可通过安吉星手机应用自助完成开关车窗/天窗操作以开启或关闭车辆的车窗/天窗（仅支持配有遥控车窗/天窗功能的车辆）</p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-drive-2-6.png">
                <span class="white">远程开启后备箱</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">车主可通过安吉星手机应用自助完成远程开启车辆后备箱操作（仅限配有远程开启后备箱功能的车辆）</p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-drive-2-7.png">
                <span class="white">蓝牙钥匙共享</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">
                  当车主将车辆交予他人使用时，可通过安吉星手机应用蓝牙钥匙功能将车辆的虚拟钥匙临时或永久共享给自己的家人或朋友以使用车辆，被分享人不需要实体钥匙即可使用开锁/关锁车辆、闪灯鸣笛及启动车辆等功能（目前仅支持配有蓝牙钥匙功能的车型，更多支持车型敬请期待）
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-drive-2-8.png">
                <span class="white">远程遥控共享</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">
                  当车主将车辆交予他人使用时，可通过车内安吉星蓝键联系安吉星客户顾问，由安吉星客户服务顾问将被分享人加入车主的司机/代理名单后，车主即可在安吉星手机应用车辆共享中的远程遥控共享设置对被分享人可以使用的远程遥控功能进行使用时间进行授权，授权后配分享人即可使用安吉星手机应用远程控制车辆
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-drive-2-9.png">
                <span class="white">远程车辆部件状态查询</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">
                  当车主远离车辆时，可通过安吉星手机应用远程查询包括车门、后备箱的开关状态、双闪警示灯、大灯开启关闭状态，以及发动机的启动关闭状态，以实时了解车辆部件状态保障车辆的安全性（仅支持配有远程部件状态查询功能的车辆，查询可能有差异以实车显示为准）
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-drive-2-10.png">
                <span class="white">车辆部件提醒</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">
                  当车主远离车辆时，安吉星实时监控车门、后备箱的开关状态、双闪警示灯、大灯开启关闭状态，以及发动机的启动关闭状态，以实时了解车辆部件状态并及时推送信息提醒车主开启的部件信息保障车辆安全（仅支持配有远程部件状态查询功能的车辆，查询可能有差异以实车显示为准）
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="eco-safe">
    <div class="page-ecosystem-sub-page">
      <div class="banner img-background">
        <img class="bg-banner pc-banner"
          src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/banner-safe.jpg"
          srcset="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/banner-safe.jpg 2x">
        <img class="bg-banner mobile-banner"
          src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/banner-safe-mobile.png">
        <img class="x-banner" data-name="eco-safe"
          src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/x.png"
          srcset="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/x.png 2x">
        <div class="text color-white">
          <h2>智能安<span class="hidden-1em">全</span></h2>
          <h2>时刻为您的旅程保驾护航</h2>
        </div>
      </div>
      <div class="mask">
        <!-- <img class="bg-image" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/social-foot.png" alt=""> -->
        <div class="mask-text text-center safe-mask">
          <h3 class="mask-title black">紧急救援，分秒必争</h3>
          <p class="mask-sub-title black">我们十分关注您的人身安全，依托强大且稳定的车内智能模块，意外发生时，安吉星能第一时刻感知到，并采取一切可能的措施保障您和其他人的安全</p>
          <div class="mask-content mask-item-3">
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon_drive-1.png">
                <span class="black">碰撞自动求助</span>
              </div>
              <div class="mask-item-desc black">
                <p class="desc black-60">
                  当车辆发生较为严重的碰撞时，车辆感应系统会自动呼叫安吉星，安吉星客服顾问将立即电话连线车内。如车内人员因伤无法应答，安吉星客服人员将主动联系事发地救援机构进行救援，为受伤人员提供及时的救助</p>
                <a href="./media-detail.html" class="mask-btn black hidden"><span
                    class="border-solid-black">相关故事</span></a>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon_drive-2.png">
                <span class="black">安全气囊爆开自动求助</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">
                  车辆碰撞导致安全气囊弹开，车辆将自动联系安吉星客服中心，安吉星客服顾问将与车内建立最高优先级通话。如车内人员因伤无法应答，安吉星客服人员将主动联系事发地救援机构进行救援，为受伤人员提供及时的救助</p>
                <a href="./media-detail.html" class="btn-hidden mask-btn black hidden"><span
                    class="border-solid-black">相关故事</span></a>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon_drive-3.png">
                <span class="black">路边救援协助</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">
                  当车辆发生故障时，如出现爆胎、燃油耗尽、蓄电池没电、需拖车牵引等情况，可通过车内蓝键向安吉星寻求协助，安吉星客服顾问将引导车主使车辆驾驶处于安全状态下，在获取车辆准确位置的同时，指引第三方救援人员及时到达并为您提供帮助
                </p>
                <a href="./media-detail.html" class="mask-btn black hidden"><span
                    class="border-solid-black">相关故事</span></a>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon_drive-4.png">
                <span class="black">爱心援助路人</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">当车主行车时遇他人发生急情况时，如发生交通意外、突发疾病等情况，可通过车内红键及时告知安吉星，安吉星客服顾问将根据实际情况联系相关救援机构，提供爱心救助服务
                </p>
                <a href="./media-detail.html" class="btn-hidden mask-btn black hidden"><span
                    class="border-solid-black">相关故事</span></a>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon_drive-5.png">
                <span class="black">医疗救援协助</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">
                  当车主行车时突发疾病或感到身体不适时，可按红键向安吉星求助，安吉星客服顾问可为车主转接专业医疗救援服务机构，为车主提供必要在线救援指导，并在必要时联系120急救中心，协调救护车尽快到达</p>
                <a href="./media-detail.html" class="mask-btn black hidden"><span
                    class="border-solid-black">相关故事</span></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="mask">
        <!-- <img class="bg-image" src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/social-foot.png" alt=""> -->
        <div class="mask-text text-center safe-foot">
          <h3 class="mask-title white">智能防盗，非常给力</h3>
          <p class="mask-sub-title white">爱车疑似被盗时，安吉星可协助您查询爱车位置，并在必要时向车辆发送启动限制等指令，尽全力帮助您找回爱车</p>
          <div class="mask-content mask-item-3">
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-safe-2-1.png">
                <span class="white">电子围栏</span>
              </div>
              <div class="mask-item-desc white">
                <p class="desc white-60">
                  车主可通过安吉星APP为车辆添加电子围栏，当车辆进入/离开预先设置的电子围栏时，安吉星后台将第一时间通过短信推送信息告知用户车辆进入/离开电子围栏，以提醒用户留意车辆位置</p>
                <a href="./media-detail.html" class="btn-hidden mask-btn white hidden"><span
                    class="border-solid-white">相关故事</span></a>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-safe-2-2.png">
                <span class="white">车辆报警提示</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">车辆正常熄火锁车后，如四门两盖等被强行非正常打开，安吉星实时监控后台会接到车辆感应器的报警信息，并通过短信或电话及时联系您，以避免不必要的经济损失</p>
                <a href="./media-detail.html" class="btn-hidden mask-btn white hidden"><span
                    class="border-solid-white">相关故事</span></a>

              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-safe-2-3.png">
                <span class="white">被盗车辆定位</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">如果车辆被盗，请在报警后联系安吉星，安吉星客服顾问会与当地警方紧密配合，提供被盗车辆的位置信息，以便尽快为您追回被盗车辆</p>
                <a href="./media-detail.html" class="btn-hidden mask-btn white hidden"><span
                    class="border-solid-white">相关故事</span></a>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-safe-2-7.png">
                <span class="white">被盗车辆减速</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">在警方追踪被盗车辆等特殊情况下，安吉星在必要时，可根据警方要求向被盗车辆发送远程减速指令，指令生效后，被盗车辆将无视驾驶者操作开始缓慢减速，直至完全停止
                </p>
                <a href="./media-detail.html" class="mask-btn white hidden"><span
                    class="border-solid-white">相关故事</span></a>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-safe-2-8.png">
                <span class="white">被盗车辆启动限制</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">当车辆发生被盗后，安吉星还可以按照警方要求启动被盗车辆启动限制功能，此时被盗车辆一旦熄火，将无法再次启动，直至车辆寻回后由安吉星安全中心完全解除控制指令
                </p>
                <a href="./media-detail.html" class="btn-hidden mask-btn white hidden"><span
                    class="border-solid-white">相关故事</span></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="eco-social">
    <div class="page-ecosystem-sub-page">
      <div class="banner img-background">
        <img class="bg-banner pc-banner"
          src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/banner-social.jpg">
        <img class="bg-banner mobile-banner"
          src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/banner-social-mobile.png">
        <img class="x-banner" data-name="eco-social"
          src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/x.png"
          srcset="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/x.png 2x">
        <div class="text color-white">
          <h2>娱乐社交</h2>
          <h2>让每一次出行都成为乐趣</h2>
        </div>
      </div>
      <div class="mask">
        <div class="mask-text text-center social-mask">
          <h3 class="mask-title black">娱乐生态，尽享愉悦</h3>
          <p class="mask-sub-title black">漫漫旅途，怎能没有声音相伴？无论您喜欢动感的音乐，还是有料的有声书，安吉星都能满足您。按下播放键，开启您的专属时刻</p>
          <div class="mask-content mask-item-2">
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-social-2.png">
                <span class="black">有声书</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc black-60">安吉星为车主提供基于第三方的听书服务，打开安吉星手机应用车主生活下有声书即可体验到优质的听书电台，补充知识，好好充电</p>
                <span class="mask-btn black hidden"><span class="border-solid-black">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="mask">
        <div class="mask-text text-center social-foot">
          <h3 class="mask-title white">车友社交，连接你我</h3>
          <p class="mask-sub-title white">安吉星集成强大的社交分享功能，无论是寻找志同道合的车友，还是希望和朋友们分享精彩纷呈的旅程，都可以交由安吉星来实现</p>
          <div class="mask-content mask-item-3">
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-social-2-2.png">
                <span class="white">星论坛</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">
                  安吉星为车主提供车主论坛服务，车主可以通过手机应用的论坛功能将自驾游记、旅途照片、驾驶经验、保养经验等信息进行分享，与车主互相交流，车主若有驾驶、保养、旅行、自驾、法律方面的问题，也可以在这里进行咨询，安吉星官方也会在这里发布一些车主福利促进车主间的互动
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-social-2-3.png">
                <span class="white">驾驶行为评价</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">
                  安吉星为车主提供驾驶行为评价服务，安吉星大数据中心通过分析授权的车主驾驶行为数据，为车主提供可视化的驾驶行为评价服务，包括驾驶行为数据统计，驾驶行为评分，驾驶行为建议等，旨在帮助车主更科学的了解自己的驾驶行为水平，提升安全驾驶意识与水平，使驾驶更安全
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-social-2-4.png">
                <span class="white">油耗/能耗排名</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">
                  安吉星为车主提供油耗/能耗服务，安吉星大数据中心通过分析授权车主的油耗/能耗数据，每日为车主更新油耗/能耗信息，帮助车主随时了解自己的油耗/能耗水平。通过发布油耗/能耗水平排名，帮助车主了解同车型的油耗/能耗情况，并激发车主的节油/节能意识
                </p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-social-2-5.png">
                <span class="white">我的足迹</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">
                  安吉星为车主提供足迹服务，安吉星大数据中心将为授权车主记录车主下发目的地以及检索规划导航目的地，车主可以通过安吉星手机应用旅途下的我的足迹了解足迹信息以及去过的城市</p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-social-2-6.png">
                <span class="white">组队出行</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">
                  安吉星为车主提供组队出行服务，方便车主和车友们进行组团出行的沟通，车主可以通过组队界面了解队员信息，也可以知道授权安吉星车主的车辆状态信息，方便队员直接的照顾与联系</p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
            <div class="mask-item">
              <div class="mask-item-header icon">
                <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/ecosystem/child/icon-social-2-7.png">
                <span class="white">行程服务</span>
              </div>
              <div class="mask-item-desc">
                <p class="desc white-60">安吉星为车主提供行程服务，车主可通过安吉星手机应用了解近期的驾驶记录信息，并可将形成记录分享至朋友圈</p>
                <span class="mask-btn white hidden"><span class="border-solid-white">相关故事</span></span>
                <div class="button"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

   <img src="https://cms-oss.sgmlink.com/621f229e839dded564f48c5d/cb1eb3d933b54c25985ff4e93564e126.jpg" alt="" class="hidden-xs">
   <img src="https://cms-oss.sgmlink.com/621f229e839dded564f48c5d/cb1eb3d933b54c25985ff4e93564e126.jpg" alt="" class="visible-xs-block">
  
  <!--通用底部导航-->
  <div id="commonFooter"></div>
  <div id="commonJS"></div>
  <!--通用底部导航 结束-->
  <!--通用导航js 结束-->
  <script type="text/javascript">
      var commonfrag = document.createDocumentFragment();
      var commonfragNum = 0;
      $(commonfrag).load('./common-header.html', function(header){
        $('#commonHeader').replaceWith(header);
        commonfragNum ++;
        commonfragCb();
      });
      $(commonfrag).load('./common-footer.html', function(footer){
        $('#commonFooter').replaceWith(footer);
        commonfragNum ++;
        commonfragCb();
      });
      function commonfragCb() {
        if (commonfragNum ==2) {
          $(commonfrag).load('./common-js.html', function(commonJS){
            $('#commonJS').replaceWith(commonJS);
          });
        }
      }
  </script>
  <!--通用导航js 结束-->

  <div id="modal">
    <div class="m-modal" style="z-index:9000;">
      <div class="m-modal-dialog" style="width: 25%;height:48%;">
        <img src="https://cdn.onstar.com.cn/portal/ZH/index/static/images/dialog/bg.png" alt=""
          style="width: 100%;height:40%;">
        <div class="m-top">
          <span class="m-modal-close" id="modelCloseBtn">&times;</span>
        </div>
        <div class="m-middle">
          <h2 class="text-center" id="ggmargin">公告</h2>
          <div style="margin-top:-15px;">
            <!-- <p>公告内容</p>  -->
            <p id="popups_content" style="font-weight:900;color:black;font-size:15px;line-height:20px;"></P>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 公告 -->
  <script type="text/javascript">

    $.ajax({
      url: getPopupsById,
      mathod: "GET",
      headers: {
        "Content-Type": "application/json"
      },
      dataType: "json",
      success: function (data) {
        if (data) {
          var noticeModal = new MyModal.modal(function () {
          });
          noticeModal.show();

          $("#popups_content").append(data.content);
        }

      },
      error: function (XMLHttpRequest, textStatus, errorThrown) {
      }
    });

  </script>

  <script type="text/javascript" src="js/jquery.my-modal.1.1.min.js"></script>
  <script>
    /* cookie的操作（存取）
     * @param key   string  存取的key值
     * @param [value] string  如果传入value，那么就是存cookie，不传就是取cookie
     * @paran [option] object  {expires, path}
     * @return  string 取cookie的时候返回的当前cookie的值
     */
    function myCookie(key, value, option) {
      if (value === undefined) {
        // 取cookie
        var cookie = document.cookie;
        var arr = cookie.split("; ");
        var obj = {};
        arr.forEach(function (ele) {
          var subarr = ele.split("=");
          obj[subarr[0]] = decodeURIComponent(subarr[1]);
        });
        // 判断
        return obj[key] ? obj[key] : "";
      } else {
        //存
        var str = key + "=" + encodeURIComponent(value);
        if (option) {
          // path
          if (option.path) {
            str += ";path=" + option.path;
          }
          if (option.expires) {
            var date = new Date();
            // 把过期日期设置为option.expires天之后
            date.setDate(date.getDate() + option.expires);
            str += ";expires=" + date;
          }
        }
        document.cookie = str;
      }
    }

    // 点击关闭弹窗按钮
    $("#modelCloseBtn").click(function () {
      myCookie('isClose', 1, { expires: 1 })
    });

    // 首次打开首页显示弹窗，点击后记录状态到cookie中，下次弹窗是一天后
    //if (myCookie('isClose') == '') {
	//if (true) {
    //  var noticeModal = new MyModal.modal(function() {
    //  });
    //  noticeModal.show();
    //}
  </script>
</body>

</html>