huahuibao/app/openend/views/main/service.php

    <link href="/css/main/service.css" rel="stylesheet">
      <div class="service_01">
  <div class="content">
    <h2>智能的花店营销管理系统</h2>
    <p class="intro">为您提供更专业的服务</p>
    <ul class="feature">
      <li>
        <i></i>
        <h5>匠心</h5>
        <p>用我们的匠人精神和专业知识<br>解决您的困惑</p>
      </li>
      <li>
        <i></i>
        <h5>诚心</h5>
        <p>诚心为您服务，用真诚的态度<br>让您感动</p>
      </li>
      <li>
        <i></i>
        <h5>初心</h5>
        <p>保持服务的初心，从始而终的<br>为您服务</p>
      </li>
    </ul>
  </div>
</div>
<div class="service_02">
  <div class="content">
    <h4>服务流程</h4>
    <p class="intro">严格把控每个服务环节，带给您无微不至的服务体验</p>
    <ul class="progress">
      <li><p><span class="pdt-1">申请试用</span></p></li>
      <li><p><span>专业商服<br>与您联系</span></p></li>
      <li><p><span>上门或远程演<br>示提供指导</span></p></li>
      <li><p><span>沟通问题<br>协商解决</span></p></li>
      <li><p><span>认可系统<br>开通服务</span></p></li>
    </ul>
  </div>
</div>

<div class="service_04">
  <div class="content">
    <h4>安全保障</h4>
    <ul class="safeguard">
      <li>
        <div class="hover_layer">
          <i class="icon"></i>
          <p class="title">数据安全</p>
          <div class="detail">
            <p class="sub_title">数据安全</p>
            <p class="intro">服务器都是专属服务器，并存放在5星级安全级别机房，有非常完善的数据备份和安全机制保证数据不会丢失或被越权访问。</p>
          </div>
        </div>
      </li>
      <li>
        <div class="hover_layer">
          <i class="icon"></i>
          <p class="title">隐私保障</p>
          <div class="detail">
            <p class="sub_title">隐私保障</p>
            <p class="intro">我们在与客户签订协议时，都会严格按照流程签订保密协议，保守秘密是我们行业道德的底线，我们会用法律的程序来捍卫您的隐私权。</p>
          </div>
        </div>
      </li>
      <li>
        <div class="hover_layer">
          <i class="icon"></i>
          <p class="title">权限管控</p>
          <div class="detail">
            <p class="sub_title">权限管控</p>
            <p class="intro">系统中的不同角色都有较为严格的权限角色，您可以根据不同的角色属性设定不同的权限，保证专人专管，严格控制权限和数据资料。</p>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>
<div class="service_05 interval">
  <div class="content">
    <h4>分布</h4>
    <p class="intro">我们的服务商家遍布全国,期待您的加入</p>
    <div class="map_of_gfw"></div>
  </div>
</div>