<!DOCTYPE html>

<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>成都呼云科技-专注智慧园区|人工智能|软件定制开发</title>
  <meta content="成都呼云科技是一家专注于智慧园区、人工智能、软件定制开发的高新技术企业,提供智慧社区、智慧校园、智慧酒店等解决方案" name="Description" />
  <meta content="成都呼云科技,智慧园区,人工智能,软件定制开发,智慧社区,智慧校园,智慧酒店" name="Keywords" />
  <link rel="icon" href="./static/ico/favicon.ico" type="image/x-icon" />
  <!-- 重置浏览器样式 -->
  <link rel="stylesheet" href="/static/css/reset.css" />
  <!-- 自定义配置 -->
  <link rel="stylesheet" href="./static/css/style.css" />
  <!-- lay -->
  <link rel="stylesheet" href="/static/layui/css/layui.css" />
  <!-- 首页样式 -->
  <link rel="stylesheet" href="./static/css/index.css" />
  <!-- 图标字体 -->
  <link rel="stylesheet" href="/static/iconfont/iconfont.css" />
  <!-- swiper css  -->
  <link rel="stylesheet" href="./static/css/swiper-bundle.min.css" />
  <!-- animate  -->
  <link rel="stylesheet" href="/static/css/animate.min.css" />
  <script src="/static/js/jquery-1.8.3.min.js"></script>
  <script src="/static/layui/layui.js"></script>
</head>

<body>
  <header class="header__wrapper">
    <!-- 头部 start-->
    <div class="header">
      <div class="logo">
        <a href="/"><img src="/static/images/logo.png" class="logo-img" alt="LOGO" /></a>
      </div>
      <ul class="layui-nav nav">
        <li class="layui-nav-item">
          <a href="/">
            <h5>首页</h5>
          </a>
        </li>
        <li class="layui-nav-item">
          <a href="/solution-community.html">
            <h5>解决方案</h5>
          </a>
          <div data-children="">
            <div class="app-header__main-product">
              <div class="app-container">
                <div class="wrap">
                  <div class="content">
                    <div class="tabs-content">
                      <div class="menus">
                        <div class="col-4">
                          <h5>智慧园区</h5>
                          <ul>
                            <li><a href="/solution-community.html">智慧社区</a></li>
                            <li><a href="/solution-smart-campus.html">智慧校园</a></li>
                            <!-- <li><a href="/solution-smart-hotel.html">智慧酒店</a></li> -->
                            <!-- <li><a href="/solution-smart-factory.html">智慧工厂</a></li> -->
                          </ul>
                        </div>
                        <div class="col-4">
                          <h5>智能硬件</h5>
                          <ul>
                            <li><a href="/solution-smart-lock.html">智能门锁</a></li>
                            <!-- <li><a href="/solution-smart-canteen.html">智慧食堂</a></li> -->
                            <!-- <li><a href="/solution-smart-device.html">智能设备</a></li> -->
                          </ul>
                        </div>
                        <div class="col-4">
                          <h5>软件定制</h5>
                          <ul>
                            <li><a href="/app-development.html">APP定制开发</a></li>
                            <li><a href="/miniprogram-development.html">小程序开发</a></li>
                            <!-- <li><a href="/software-development.html">软件定制开发</a></li> -->
                            <!-- <li><a href="/website-development.html">网站建设</a></li> -->
                          </ul>
                        </div>
                        <div class="col-4">
                          <h5>人工智能</h5>
                          <ul>
                            <li><a href="/solution-voice.html">语音识别</a></li>
                            <li><a href="/solution-ocr.html">OCR识别</a></li>
                            <li><a href="/solution-ai-detection.html">AI视觉检测</a></li>
                            <li><a href="/ai-application-development.html">AI应用定制化</a></li>
                            <li><a href="/solution-voice.html">AI声音克隆</a></li>
                            <!-- 人脸识别 -->
                            <li><a href="/solution-face-recognition.html">人脸识别</a></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </li>

        <li class="layui-nav-item">
          <a href="/custom-development.html">
            <h5>定制开发</h5>
          </a>
        </li>
        <li class="layui-nav-item">
          <a href="/about.html">
            <h5>关于我们</h5>
          </a>
        </li>
        <li class="layui-nav-item">
          <a href="/contact.html">
            <h5>联系我们</h5>
          </a>
        </li>
        <div class="header-bg"></div>
      </ul>
    </div>
    <!-- 头部 end-->
    <!-- 手机端头部start -->
    <div class="wap_header">
      <div class="menu">
        <div class="barBox">
          <div class="bar"></div>
          <div class="bar"></div>
          <div class="bar"></div>
        </div>
      </div>
      <div class="logo">
        <a href="/">
          <img src="/static/images/logo-white-2.png" alt="" />
        </a>
      </div>
      <div></div>
    </div>
    <div class="wap_show">
      <div class="logo">
        <img src="/static/images/logo.png" alt="" />
      </div>
      <div class="layui-collapse" lay-accordion>
        <div class="layui-colla-item i">
          <a href="/">
            <h2 class="layui-colla-title">首页</h2>
          </a>
        </div>
        <div class="layui-colla-item i">
          <a href="/solution-community.html">
            <h2 class="layui-colla-title">解决方案</h2>
          </a>
        </div>
        <div class="layui-colla-item i">
          <a href="/custom-development.html">
            <h2 class="layui-colla-title">定制开发</h2>
          </a>
        </div>
        <div class="layui-colla-item i">
          <a href="/about.html">
            <h2 class="layui-colla-title">关于我们</h2>
          </a>
        </div>
        <div class="layui-colla-item i">
          <a href="/contact.html">
            <h2 class="layui-colla-title">联系我们</h2>
          </a>
        </div>
      </div>
    </div>
    <!-- 手机端头部end -->
  </header>
  <main id="main-content">
    <!-- Banner轮播 -->
    <section class="swiper mySwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="./static/images/banner-2.jpg" alt="" />
        </div>
        <div class="swiper-slide">
          <img src="./static/images/banenr-3.jpg" alt="" />
        </div>
      </div>
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
      <div class="swiper-pagination"></div>
    </section>
    <!-- 业务数据展示 -->
    <section class="business-stats">
      <div class="layui-container">
        <div class="layui-row layui-col-space30">
          <div class="layui-col-md4 layui-col-sm12">
            <div class="stat-box text-center">
              <i class="layui-icon layui-icon-component"></i>
              <div class="stat-number">10年<sup>+</sup></div>
              <div class="stat-label">研发技术经验</div>
            </div>
          </div>
          <div class="layui-col-md4 layui-col-sm12">
            <div class="stat-box text-center">
              <i class="layui-icon layui-icon-group"></i>
              <div class="stat-number">1000<sup>+</sup></div>
              <div class="stat-label">服务企业客户</div>
            </div>
          </div>
          <div class="layui-col-md4 layui-col-sm12">
            <div class="stat-box text-center">
              <i class="layui-icon layui-icon-template"></i>
              <div class="stat-number">1000<sup>+</sup></div>
              <div class="stat-label">成功研发案例</div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 业务范围 -->
    <section class="business-scope">
      <div class="layui-container">
        <div class="layui-row layui-col-space32">
          <div class="layui-col-md6">
            <div class="business">
              <div class="business__img__box">
                <img src="http://gwcdn.majiangyun.cn/guanwang/index_x/c01.jpg" alt="" class="business__img" />
              </div>
              <p class="business__title">产品研发服务</p>
              <p class="business__subtitle">
                行业积淀，百人团队，工匠初心，让交付更有保障。
              </p>
            </div>
          </div>
          <div class="layui-col-md6">
            <div class="scope-item">
              <div class="icon-box">
                <img src="/static/images/business-08.png" class="icon icon-active" alt="" />
                <img src="/static/images/business-08_hui.png" class="icon icon-hui" alt="" />
              </div>
              <div class="info-box">
                <h3>人工智能</h3>
                <p>Openai、文心一言、通义千问、Kimi</p>
              </div>
            </div>
            <div class="scope-item">
              <div class="icon-box">
                <img src="/static/images/business-01.png" class="icon icon-active" alt="" />
                <img src="/static/images/business-01_hui.png" class="icon icon-hui" alt="" />
              </div>
              <div class="info-box">
                <h3>APP开发</h3>
                <p>IOS、安卓、鸿蒙</p>
              </div>
            </div>
            <div class="scope-item">
              <div class="icon-box">
                <img src="/static/images/business-02.png" class="icon icon-active" alt="" />
                <img src="/static/images/business-02_hui.png" class="icon icon-hui" alt="" />
              </div>
              <div class="info-box">
                <h3>小程序</h3>
                <p>微信小程序、支付宝小程序、抖音小程序</p>
              </div>
            </div>
          </div>
        </div>
        <div class="layui-row layui-col-space32 margin-top-30">
          <div class="layui-col-md6">
            <div class="scope-item">
              <div class="icon-box">
                <img src="/static/images/business-03.png" class="icon icon-active" alt="" />
                <img src="/static/images/business-03_hui.png" class="icon icon-hui" alt="" />
              </div>
              <div class="info-box">
                <h3>微信公众号</h3>
                <p>微信公众号\H5</p>
              </div>
            </div>
            <div class="scope-item">
              <div class="icon-box">
                <img src="/static/images/business-05.png" class="icon icon-active" alt="" />
                <img src="/static/images/business-05_hui.png" class="icon icon-hui" alt="" />
              </div>
              <div class="info-box">
                <h3>OA办公系统</h3>
                <p>OA办公系统</p>
              </div>
            </div>
            <div class="scope-item">
              <div class="icon-box">
                <img src="/static/images/business-04.png" class="icon icon-active" alt="" />
                <img src="/static/images/business-04_hui.png" class="icon icon-hui" alt="" />
              </div>
              <div class="info-box">
                <h3>企业网站定制开发</h3>
                <p>响应式网站开发、企业官网建设</p>
              </div>
            </div>
          </div>
          <div class="layui-col-md6">
            <div class="business">
              <div class="business__img__box">
                <img src="http://www.majiangyun.cn/img/index_x/c03.jpg" alt="" class="business__img" />
              </div>
              <p class="business__title">企业数字化</p>
              <p class="business__subtitle">
                数字化赋能企业发展，二次开发，私有化部署，满足企业个性化需求
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 产品类型 -->
    <section class="product-types">
      <div class="layui-container">
        <h2 class="section-title">产品类型</h2>
        <p class="section-subtitle">多行业多场景多类型产品研发，为企业提供适合的解决方案</p>

        <div class="types-grid">
          <div class="type-row">
            <a href="#" class="type-item">
              <img src="/static/images/product-type/miniapp.png" alt="微信小程序">
              <span>微信小程序</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/erp.png" alt="ERP系统">
              <span>ERP系统</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/oa.png" alt="OA系统">
              <span>OA系统</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/digital.png" alt="数字化平台">
              <span>数字化平台</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/bigdata.png" alt="大数据">
              <span>大数据</span>
            </a>
          </div>

          <div class="type-row">
            <a href="#" class="type-item">
              <img src="/static/images/product-type/music.png" alt="音乐APP">
              <span>音乐APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/car.png" alt="汽车APP">
              <span>汽车APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/news.png" alt="新闻资讯APP">
              <span>新闻资讯APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/sports.png" alt="体育竞赛APP">
              <span>体育竞赛APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/navigation.png" alt="导航APP">
              <span>导航APP</span>
            </a>
          </div>

          <div class="type-row">
            <a href="#" class="type-item">
              <img src="/static/images/product-type/weather.png" alt="天气APP">
              <span>天气APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/medical.png" alt="医美APP">
              <span>医美APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/travel.png" alt="旅游APP">
              <span>旅游APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/logistics.png" alt="物流货运APP">
              <span>物流货运APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/taobao.png" alt="淘客APP">
              <span>淘客APP</span>
            </a>
          </div>

          <div class="type-row">
            <a href="#" class="type-item">
              <img src="/static/images/product-type/video.png" alt="短视频APP">
              <span>短视频APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/office.png" alt="办公软件">
              <span>办公软件</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/delivery.png" alt="生鲜配送APP">
              <span>生鲜配送APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/house.png" alt="房产APP">
              <span>房产APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/job.png" alt="招聘APP">
              <span>招聘APP</span>
            </a>
          </div>

          <div class="type-row">
            <a href="#" class="type-item">
              <img src="/static/images/product-type/live.png" alt="直播APP">
              <span>直播APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/housekeeping.png" alt="家政服务APP">
              <span>家政服务APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/running.png" alt="跑腿APP">
              <span>跑腿APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/takeout.png" alt="外卖APP">
              <span>外卖APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/social.png" alt="同城服务APP">
              <span>同城服务APP</span>
            </a>
          </div>

          <div class="type-row">
            <a href="#" class="type-item">
              <img src="/static/images/product-type/education.png" alt="教育APP">
              <span>教育APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/social-network.png" alt="社交APP">
              <span>社交APP</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/crm.png" alt="CRM管理系统">
              <span>CRM管理系统</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/iot.png" alt="物联网">
              <span>物联网</span>
            </a>
            <a href="#" class="type-item">
              <img src="/static/images/product-type/business.png" alt="商城APP">
              <span>商城APP</span>
            </a>
          </div>
        </div>
      </div>
    </section>
    <!-- 解决方案 -->
    <section class="solutions">
      <div class="layui-container">
        <h2 class="section-title">解决方案</h2>
        <div class="solutions-grid">
          <div class="solution-left">
            <span class="title">全部解决方案</span>
          </div>
          <div class="solution-right-box">
            <div class="solution-right">
              <a href="/" class="solution-item">
                <h4>人工智能</h4>
                <p>
                  微信机器人、知识库、智能问答、业务整合、语音识别、语音生成、图像生成、图片识别、写作辅助、创意输出
                </p>
              </a>
              <a href="/" class="solution-item">
                <h4>智慧校园</h4>
                <p>
                  宿舍管理、智能排寝、考勤管理、新生报到、手机打卡、请假、报修、家校共育、智能门锁、智慧电控、智慧洗衣机、智慧吹风机、智慧饮水机、扫脸道闸、智慧空调、智慧食堂、AI视觉、校园OA
                </p>
              </a>
              <a href="/" class="solution-item">
                <h4>公租房管理</h4>
                <p>
                  房屋管理、房态、户型、楼栋、小区、租房合同、签约管理、租金缴纳、合同模板、智慧门锁、人脸录入、物业管理
                </p>
              </a>
              <a href="/" class="solution-item">
                <h4>智慧工厂</h4>
                <p>
                  预约、智慧门禁、智慧停车、员工、食堂、班车、产品出入库、车辆、AI人脸打卡
                </p>
              </a>
              <a href="/" class="solution-item">
                <h4>无人值守酒店</h4>
                <p>智能入住系统、无人值守管理</p>
              </a>
              <a href="/" class="solution-item">
                <h4>无人麻将室</h4>
                <p>智能门禁系统、无人值守管理</p>
              </a>
              <a href="/" class="solution-item">
                <h4>维修报修</h4>
                <p>
                  工厂、门店、维修师傅、进度跟踪、订单结算、消息提醒、客户确认
                </p>
              </a>
              <a href="/" class="solution-item">
                <h4>私域电商</h4>
                <p>B2B2C电商平台解决方案，多用户商城系统</p>
              </a>
              <a href="/solution-voice-recognition.html" class="solution-item">
                <h4>语音识别</h4>
                <p>
                  采用前沿算法，针对中文优化，实现98%以上的识别准确率，支持多语种识别
                </p>
              </a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 方案优势 -->
    <section class="solution-advantages">
      <div class="layui-container">
        <h2 class="section-title">方案优势</h2>
        <div class="advantages-grid">
          <div class="advantage-item">
            <div class="icon-wrap">
              <img src="/static/images/advantage-1.png" alt="行业深耕直通车" />
            </div>
            <h4>行业深耕直通车</h4>
            <p>
              微搭低代码与深耕政务、工业、教育等重点领域的行业团队合力出品，公有云、私有云、政务专区打造您的专属云服务。
            </p>
          </div>
          <div class="advantage-item">
            <div class="icon-wrap">
              <img src="/static/images/advantage-2.png" alt="数字化智慧政企" />
            </div>
            <h4>数字化智慧政企</h4>
            <p>
              从开发到运营，实现应用全生命周期的智能管理，提供行业场景模板、行业特色组件、表单项目套件等产品能力矩阵，打造政企级专业解决能力。
            </p>
          </div>
          <div class="advantage-item">
            <div class="icon-wrap">
              <img src="/static/images/advantage-3.png" alt="低门槛可视开发" />
            </div>
            <h4>低门槛可视开发</h4>
            <p>
              拖拽式页面搭建和布局，3分钟快速实现应用的开发与发布，拖拽一分页面可快速发布多端应用，支持小程序、H5、PC等应用。
            </p>
          </div>
          <div class="advantage-item">
            <div class="icon-wrap">
              <img src="/static/images/advantage-4.png" alt="云原生底层支持" />
            </div>
            <h4>云原生底层支持</h4>
            <p>
              以云开发 CloudBase
              作为强大的技术支持，应用全链路天然打通，实现服务高可用，支持自动弹性扩缩，开关付开放式应用，应用物料可持续开发。
            </p>
          </div>
        </div>
      </div>
    </section>
    <!-- 电商平台特点 -->
    <section class="features">
      <div class="layui-container">
        <h2 class="section-title">电商平台特点</h2>
        <p class="section-subtitle">
          多用户商城系统，多渠道覆盖多个同领域，满足多种业务场景
        </p>
        <div class="layui-row layui-col-space30">
          <div class="layui-col-md4">
            <div class="feature-card">
              <h3>商业分析与会员运营</h3>
              <p>
                产品为平台和商家提供交易数据统计分析功能，帮助部用户进行分析系统，智能客服系统，会员营销管理系统等服务
              </p>
            </div>
          </div>
          <div class="layui-col-md4">
            <div class="feature-card">
              <h3>移动社会化营销</h3>
              <p>
                产品支持一键分享，可对通微信、允许用户在平台内进行社交网络环境企业用户的产品和服务
              </p>
            </div>
          </div>
          <div class="layui-col-md4">
            <div class="feature-card">
              <h3>多角色管理设计</h3>
              <p>
                采取实家、实家后台分离，独立管理、实家双方各有其独立的登陆后台，可根据自身角色进行行为、付款、结算等方面的操作
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 电商平台优势 -->
    <section class="advantages">
      <div class="layui-container">
        <h2 class="section-title">电商平台优势</h2>
        <div class="advantages-wrapper">
          <div class="advantage-item">
            <img src="/static/images/icon-stable.png" alt="系统稳定" />
            <h4>系统稳定</h4>
            <p>采用主流的php+JAVA框架进行开发</p>
            <p>支持PHP7.1+SpringBoot,阿里云服务架构</p>
          </div>

          <div class="advantage-item">
            <img src="/static/images/icon-merchant.png" alt="专注电商" />
            <h4>专注电商</h4>
            <p>在电商行业深耕近10年开发与运营经验</p>
            <p>熟悉大平台的开发模式。</p>
          </div>
          <div class="advantage-item">
            <img src="/static/images/icon-dev.png" alt="专业开发" />
            <h4>专业开发</h4>
            <p>专业开发团队，完善售后支援服务</p>
            <p>支服务体系，严谨项目管理。</p>
          </div>
          <div class="advantage-item">
            <img src="/static/images/icon-function.png" alt="功能强大" />
            <h4>功能强大</h4>
            <p>丰富多样的前台促销功能，后台管理</p>
            <p>体系完善，功能强大且稳定。</p>
          </div>
          <div class="advantage-item">
            <img src="/static/images/icon-security.png" alt="安全放心" />
            <h4>安全放心</h4>
            <p>成熟的系统架构，正规的公司资质</p>
            <p>安全放心的完成开发。</p>
          </div>
        </div>
      </div>
    </section>
    <!-- 服务流程 -->
    <section class="service-process">
      <div class="layui-container">
        <h2 class="section-title">服务流程</h2>
        <div class="process-container">
          <div class="process-grid">
            <!-- 第一行 -->
            <div class="process-item">
              <div class="process-icon">
                <img src="./static/images/process-1.png" alt="评估需求" />
                <span class="process-number">01</span>
              </div>
              <div class="process-content">
                <h4>评估需求</h4>
                <p>需求收集、定位分析可行性分析</p>
              </div>
            </div>
            <div class="process-item">
              <div class="process-icon">
                <img src="./static/images/process-2.png" alt="方案规划" />
                <span class="process-number">02</span>
              </div>
              <div class="process-content">
                <h4>方案规划</h4>
                <p>功能内容策划，签订合同</p>
              </div>
            </div>
            <div class="process-item">
              <div class="process-icon">
                <img src="./static/images/process-3.png" alt="项目立项" />
                <span class="process-number">03</span>
              </div>
              <div class="process-content">
                <h4>项目立项</h4>
                <p>启动、设计、确认工时项目管理</p>
              </div>
            </div>
            <div class="process-item">
              <div class="process-icon">
                <img src="./static/images/process-4.png" alt="视觉设计" />
                <span class="process-number">04</span>
              </div>
              <div class="process-content">
                <h4>视觉设计</h4>
                <p>创意/页面设计用户体验</p>
              </div>
            </div>
            <!-- 第二行 -->
            <div class="process-item">
              <div class="process-icon">
                <img src="./static/images/process-5.png" alt="程序开发" />
                <span class="process-number">05</span>
              </div>
              <div class="process-content">
                <h4>程序开发</h4>
                <p>系统设计，程序多平台开发</p>
              </div>
            </div>
            <div class="process-item">
              <div class="process-icon">
                <img src="./static/images/process-6.png" alt="质量审核" />
                <span class="process-number">06</span>
              </div>
              <div class="process-content">
                <h4>质量审核</h4>
                <p>QC检测、验收测试客户意见</p>
              </div>
            </div>
            <div class="process-item">
              <div class="process-icon">
                <img src="./static/images/process-7.png" alt="验收上线" />
                <span class="process-number">07</span>
              </div>
              <div class="process-content">
                <h4>验收上线</h4>
                <p>验收合格、运营上线</p>
              </div>
            </div>
            <div class="process-item">
              <div class="process-icon">
                <img src="./static/images/process-8.png" alt="后期维护" />
                <span class="process-number">08</span>
              </div>
              <div class="process-content">
                <h4>后期维护</h4>
                <p>安全维护、漏洞修复、技术支持</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 选择呼云科技的理由 -->
    <section class="choose-us">
      <div class="layui-container">
        <h2 class="section-title">选择呼云科技的理由</h2>
        <p class="section-subtitle">
          作为创业者或企业的技术伙伴，将想法通过技术转变为商业价值
        </p>
        <div class="layui-row layui-col-space30">
          <div class="layui-col-md4">
            <div class="reason-card">
              <div class="icon">
                <img src="/static/images/choose-team-icon.png" alt="专业团队" />
              </div>
              <h3>专业团队</h3>
              <p>百人研发团队，五年以上互联网大厂经验，各有专精协作流畅。</p>
            </div>
          </div>
          <div class="layui-col-md4">
            <div class="reason-card">
              <div class="icon">
                <img src="/static/images/choose-case-icon.png" alt="丰富的案例" />
              </div>
              <h3>丰富的案例</h3>
              <p>
                十年研发服务，千余真实案例积累支撑，成熟的解决方案，交付有保障。
              </p>
            </div>
          </div>
          <div class="layui-col-md4">
            <div class="reason-card">
              <div class="icon">
                <img src="/static/images/choose-custom-icon.png" alt="高度的定制" />
              </div>
              <h3>高度的定制</h3>
              <p>
                深度商业模式分析、用户研究、运营现场调研，为客户量身定制。
              </p>
            </div>
          </div>
        </div>

        <div class="layui-row layui-col-space30 margin-top-30">
          <div class="layui-col-md4">
            <div class="reason-card">
              <div class="icon">
                <img src="/static/images/choose-innovation-icon.png" alt="更好的创新" />
              </div>
              <h3>更好的创新</h3>
              <p>十多个主流的深度研究与创新探索，让您的商业创新如虎添翼。</p>
            </div>
          </div>
          <div class="layui-col-md4">
            <div class="reason-card">
              <div class="icon">
                <img src="/static/images/choose-payment-icon.png" alt="更快的交付" />
              </div>
              <h3>更快的交付</h3>
              <p>
                完善的项目管理体系，成熟的管理团队，只为项目保质保量如期交付。
              </p>
            </div>
          </div>
          <div class="layui-col-md4">
            <div class="reason-card">
              <div class="icon">
                <img src="/static/images/choose-service-icon.png" alt="更多的服务" />
              </div>
              <h3>更多的服务</h3>
              <p>
                一站式延展服务，适配运营培训，上线维护、软著申请营销推广，让您全程无忧。
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 关于我们 -->
    <!-- <section class="about-us">
      <div class="layui-container">
        <h2 class="section-title">关于我们</h2>
        <div class="about-grid">
          <div class="about-item">
            <div class="about-icon">
              <img src="./static/images/about-1.jpg" alt="品牌数字策略" />
            </div>
            <h3>完整专业的品牌数字策略</h3>
          </div>
          <div class="about-item">
            <div class="about-icon">
              <img src="./static/images/about-2.jpg" alt="创意设计" />
            </div>
            <h3>洞察人性的创意设计</h3>
          </div>
          <div class="about-item">
            <div class="about-icon">
              <img src="./static/images/about-3.jpg" alt="技术产品" />
            </div>
            <h3>成熟可靠的技术产品</h3>
          </div>
          <div class="about-item">
            <div class="about-icon">
              <img src="./static/images/about-4.jpg" alt="运营推广" />
            </div>
            <h3>高效的运营推广</h3>
          </div>
        </div>
      </div>
    </section> -->
  </main>
  <footer class="footer" role="contentinfo">
    <div class="layui-container">
      <div class="layui-row">
        <div class="layui-col-md3 layui-col-sm6">
          <img src="static/images/logo-white.png" alt="成都呼云科技" class="footer-logo" width="300" height="100" />
        </div>


        <div class="layui-col-md4 layui-col-sm12">
          <div class="social-links">
            <div class="layui-row qr-wrapper">
              <div class="contact-info">
                <h3 class="text-primary">18980050733</h3>
                <div class="address-list">
                  <p>成都市武侯区环球中心E2</p>
                  <p>邮箱: 68155776@qq.com</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="layui-col-md4 layui-col-sm6">
          <div class="layui-row">
            <div class="layui-col-md12 layui-col-sm6 footer-links">
              <h4>产品研发服务</h4>
              <a href="/app-development.html">
                <span>APP定制开发</span>/
                <span>小程序开发</span>/
                <span>人工智能解决方案</span>/
                <span>软件定制开发</span>
              </a>
            </div>
          </div>
          <div class="layui-col-md12 layui-col-sm6 footer-links">
            <h4>智慧园区解决方案</h4>
            <a href="/solution-community.html">
              <span>智慧社区解决方案</span>/
              <span>智慧校园解决方案</span>/
              <span>智慧酒店解决方案</span>
            </a>
          </div>
          <div class="layui-col-md12 layui-col-sm6 footer-links">
            <h4>AI解决方案</h4>
            <a href="/solution-ocr.html">
              <span>OCR解决方案</span>/
              <span>人脸识别解决方案</span>/
              <span>语音识别解决方案</span>
            </a>
          </div>
        </div>
        <!-- <div class="layui-col-md2 layui-col-sm12">
          <div class="qr-item">
            <img src="static/images/qr-code2.png" alt="商务咨询" width="100" height="100" />
            <p>商务咨询</p>
          </div>
        </div> -->
      </div>
    </div>
    </div>
    <div class="layui-row copyright">
      <p>© 2024 成都呼云科技有限公司 版权所有 蜀ICP备2022002042号-1</p>
    </div>
    </div>
  </footer>
</body>
<script src="/static/js/swiper-bundle.min.js"></script>
<script src="/static/js/flexible.js"></script>
<script src="/static/js/common.js"></script>
<script>
  $(".nav li").eq(0).addClass("layui-this");
</script>

</html>