396316021
/
sc_web_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3 Commits
1 Branch
0 Tags
32 MiB
 
 
 
 
Tree: 72dfbce4a6
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '72dfbce4a6'
${ noResults }
sc_web_uni/index.html

902 lines
38 KiB
Raw Blame History

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>首页</title>
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<link href="/static/css/swiper-bundle.min.css" rel="stylesheet">
<link href="/static/css/animate.min.css" rel="stylesheet">
<link href="/static/css/main.css" rel="stylesheet">
</head>
<body>
<header class="container-fluid hidden-mobile">
<div class="menu-container justify-content-between">
<div class="logo">
<img src="/static/image/logo.png" loading="lazy" class="img" alt="LOGO"/>
</div>
<div class="menu">
<div class="active"><a href="/">首页</a></div>
<div><a href="/about.html">关于我们</a></div>
<div><a href="tel:13881167259">13881167259</a></div>
<div class="menu-icon">
<img src="/static/image/phone-icon.png" alt="">
</div>
<div class="menu-icon">
<img src="/static/image/wechat-icon.png" alt="">
</div>
</div>
</div>
</header>
<nav class="navbar-dark bg-dark navbar fixed-top hidden-pc">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="/static/image/logo.png" alt="logo" style="max-height:40px;">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
<span class="navbar-toggler-icon" style="color:#fff;"></span>
</button>
<div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasNavbarLabel">
<img src="/static/image/logo.png" alt="logo" style="max-height:40px;">
</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="/">首页</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/about.html">关于我们</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<div class="container-fluid banner">
<div class="banner-mask">
<div class="container ">
<div class="big-title wow animate__flipInX" data-wow-duration="1s">
一站式软件定制服务商
</div>
<div class="big-title-back wow animate__flipInX" data-wow-duration="1.2s"></div>
<div class="big-desc wow animate__flipInX" data-wow-duration="1.4s">
专注软件定制开发，为企业提供智慧化解决方案，赋能企业生产管理数字化 建设以满足需求和解决业务痛点为目标，全面过程管控
</div>
<div class="button-group">
<div class="button wow animate__flipInX" data-wow-duration="1.6s">了解详情</div>
<div class="button wow animate__flipInX" data-wow-duration="1.8s">免费咨询</div>
</div>
</div>
<div class="number-container">
<div class="row text-center gy-3 gy-md-0">
<div class="col-md col-4">
<div class="number">
<span class="counter" data-counter-time="1000">500</span><span>+</span>
</div>
<div class="label">全国服务企业</div>
</div>
<div class="col-md col-4">
<div class="number">
<span class="counter" data-counter-time="1000">700</span><span>+</span>
</div>
<div class="label">项目开发案例</div>
</div>
<div class="col-md col-4">
<div class="number">
<span class="counter" data-counter-time="1000">12</span><span>个月</span>
<div class="ext">(7x24小时服务)</div>
</div>
<div class="label">售后服务免费维护</div>
</div>
<div class="col-md col-6">
<div class="number">
<span class="counter" data-counter-time="1000">10</span><span>年+</span>
</div>
<div class="label">
项目团队开发经验
</div>
</div>
<div class="col-md col-6">
<div class="number">
全国接单
</div>
<div class="label">源码交付</div>
</div>
</div>
</div>
</div>
<img src="/static/image/banner.png" loading="lazy" class="img-fluid" alt="BANNER"/>
</div>
<div class="container text-center">
<div class="title-container">
<div class="title">我们擅长</div>
<div class="subtitle">BE GOOD AT</div>
<div class="desc">
专业的事情交给专业的人来做，做企业您是专业的，做软件我们是认真的
</div>
</div>
<div class="row card-group">
<div class="card-container col-6 col-md-3 wow animate__flipInY" data-wow-duration=".5s">
<img src="/static/image/good-1.png" class="card-img-top" alt="移动APP定制">
<div class="content-container">
<div class="title">移动APP定制</div>
<div class="desc">IOS、Android原生定制开发</div>
</div>
</div>
<div class="card-container col-6 col-md-3 wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/good-2.png" class="card-img-top" alt="软件系统">
<div class="content-container">
<div class="title">软件系统</div>
<div class="desc">分析问题 解决问题 定制研发</div>
</div>
</div>
<div class="card-container col-6 col-md-3 wow animate__flipInY" data-wow-duration="1.2s">
<img src="/static/image/good-3.png" class="card-img-top" alt="定制化解决方案">
<div class="content-container">
<h5 class="title">定制化解决方案</h5>
<p class="desc">商城APP 微商城 多商家商城系统</p>
</div>
</div>
<div class="card-container col-6 col-md-3 wow animate__flipInY" data-wow-duration="1.1s">
<img src="/static/image/good-4.png" class="card-img-top" alt="微信公众号/小程序">
<div class="content-container">
<div class="title">微信公众号/小程序</div>
<div class="desc">掌握微信10亿用户流量入口</div>
</div>
</div>
<div class="card-container col-6 col-md-3 wow animate__flipInY" data-wow-duration=" .5s">
<img src="/static/image/good-5.png" class="card-img-top" alt="企业/政府信息化">
<div class="content-container">
<div class="title">企业/政府信息化</div>
<div class="desc">门户网站 移动办公 数据共享</div>
</div>
</div>
<div class="card-container col-6 col-md-3 wow animate__flipInY" data-wow-duration=".4s">
<img src="/static/image/good-6.png" class="card-img-top" alt="人力资源外包">
<div class="content-container">
<div class="title">人力资源外包</div>
<div class="desc">招聘力量不能满足项目工期需求</div>
</div>
</div>
<div class="card-container col-6 col-md-3 wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/good-7.png" class="card-img-top" alt="UI&UX设计">
<div class="content-container">
<h5 class="title">UI&UX设计</h5>
<p class="desc">良好的界面元素和操作方式，可以降低产品推广的难度，降低用户的学习成本</p>
</div>
</div>
<div class="card-container col-6 col-md-3 wow animate__flipInY" data-wow-duration=".9s">
<img src="/static/image/good-8.png" class="card-img-top" alt="IT商业咨询">
<div class="content-container">
<div class="title">IT商业咨询</div>
<div class="desc">针对不同企业生成经营中的问题，进行梳理和出具具有可执行性的实施方案</div>
</div>
</div>
</div>
</div>
<div class="project-title title-container text-center">
<div class="title wow animate__flipInX" data-wow-duration="1s">项目案例</div>
<div class="subtitle wow animate__flipInX" data-wow-duration="1s">PROJECT CASES</div>
<div class="desc wow animate__flipInX" data-wow-duration="1s">
省时、省力、省费用，提效、提能、提业绩，软件解决方案快速帮助企业赋能
</div>
</div>
<div class="screen-container container wow animate__flipInX" data-wow-duration="1s">
<div class="position-group">
<div class="label" style="display: inline-block;">
行业:
</div>
<div class="item-group">
<span class="item">全部</span>
<span class="item active">生活服务类</span>
<span class="item">直播类</span>
<span class="item">工具类</span>
<span class="item">系统类</span>
<span class="item">流程管理类</span>
<span class="item">政务类</span>
<span class="item">教育培训类</span>
<span class="item">物流类</span>
</div>
</div>
<div class="type-group">
<div class="label">
类型:
</div>
<div class="item-group">
<span class="item">全部</span>
<span class="item">APP</span>
<span class="item">小程序</span>
<span class="item">网站/H5</span>
<span class="item">ERP系统</span>
<span class="item">OA系统</span>
<span class="item">CRM系统</span>
<span class="item">TWMS物流系统</span>
<span class="item">外呼系统</span>
<span class="item">溯源系统</span>
</div>
</div>
</div>
<div class="container swiper-container ">
<div class="swiper swiper1 wow animate__fadeIn" data-wow-duration="1s">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="/static/image/al-1.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide">
<img src="/static/image/al-2.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide">
<img src="/static/image/al-3.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide">
<img src="/static/image/al-4.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide">
<img src="/static/image/al-5.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide">
<img src="/static/image/al-6.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide">
<img src="/static/image/al-7.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide">
<img src="/static/image/al-8.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide">
<img src="/static/image/al-8.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide">
<img src="/static/image/al-7.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide">
<img src="/static/image/al-6.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide">
<img src="/static/image/al-5.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide">
<img src="/static/image/al-4.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide">
<img src="/static/image/al-3.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide">
<img src="/static/image/al-2.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide">
<img src="/static/image/al-1.png" alt="" class="img-fluid">
</div>
</div>
</div>
<div class="thumb-swiper">
<div class="swiper swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-1.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-2.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-3.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-4.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-5.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-6.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-7.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-8.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-8.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-7.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-6.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-5.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-4.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-3.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-2.png" alt="" class="img-fluid">
</div>
<div class="swiper-slide wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/al-1.png" alt="" class="img-fluid">
</div>
</div>
<!-- 如果需要导航按钮 -->
</div>
<div class="swiper-button-prev hidden-mobile">
<img src="/static/image/prev.png" alt="上一页">
</div>
<div class="swiper-button-next hidden-mobile">
<img src="/static/image/next.png" alt="下一页">
</div>
</div>
</div>
<!--<div id="app">-->
<!--</div>-->
<div class="title-container text-center">
<div class="title wow animate__flipInX" data-wow-duration="1s">涉猎领域</div>
<div class="subtitle wow animate__flipInX" data-wow-duration="1s">FIELD OF INTEREST</div>
<div class="desc wow animate__flipInX" data-wow-duration="1s">
全定制服务，多行业开发经验，以为多家企业成功数字化转型升级
</div>
</div>
<div class="container-fluid icon-group text-center hidden-mobile" data-wow-duration="1s" style="background-image:url('/static/image/ly-back.png')">
<div class="row">
<div class="col wow animate__flipInY" data-wow-duration="1.1s">
<img src="/static/image/ly-1.png" alt="电商类">
<div class="title">电商类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.7s">
<img src="/static/image/ly-2.png" alt="智慧家居">
<div class="title">智慧家居</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.2s">
<img src="/static/image/ly-3.png" alt="金融类">
<div class="title">金融类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.6s">
<img src="/static/image/ly-4.png" alt="医疗类">
<div class="title">医疗类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.5s">
<img src="/static/image/ly-5.png" alt="旅游类">
<div class="title">旅游类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.3s">
<img src="/static/image/ly-6.png" alt="地产类">
<div class="title">地产类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.4s">
<img src="/static/image/ly-7.png" alt="政务类">
<div class="title">政务类</div>
</div>
</div>
<div class="row">
<div class="col wow animate__flipInY" data-wow-duration="1.1s">
<img src="/static/image/ly-8.png" alt="行业门户类">
<div class="title">行业门户类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.7s">
<img src="/static/image/ly-9.png" alt="移动办公类">
<div class="title">移动办公类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.2s">
<img src="/static/image/ly-10.png" alt="餐饮类">
<div class="title">餐饮类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.6s">
<img src="/static/image/ly-11.png" alt="智慧农业类">
<div class="title">智慧农业类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.5s">
<img src="/static/image/ly-12.png" alt="社区类">
<div class="title">社区类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.3s">
<img src="/static/image/ly-13.png" alt="社交聊天类">
<div class="title">社交聊天类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.4s">
<img src="/static/image/ly-14.png" alt="智慧城市类">
<div class="title">智慧城市类</div>
</div>
</div>
<div class="row">
<div class="col wow animate__flipInX" data-wow-duration="1.1s">
<img src="/static/image/ly-15.png" alt="在线教育类">
<div class="title">在线教育类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.7s">
<img src="/static/image/ly-16.png" alt="直播类">
<div class="title">直播类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.2s">
<img src="/static/image/ly-17.png" alt="能源物流类">
<div class="title">能源物流类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.6s">
<img src="/static/image/ly-18.png" alt="智能制造类">
<div class="title">智能制造类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.5s">
<img src="/static/image/ly-19.png" alt="地产物业类">
<div class="title">地产物业类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.3s">
<img src="/static/image/ly-20.png" alt="预约引流类">
<div class="title">预约引流类</div>
</div>
<div class="col wow animate__flipInY" data-wow-duration="1.4s">
<img src="/static/image/ly-21.png" alt="通信高科类">
<div class="title">通信高科类</div>
</div>
</div>
</div>
<div class="container-fluid icon-group text-center hidden-pc" data-wow-duration="1s" style="background-image:url('/static/image/ly-back.png')">
<div class="field-row row">
<div class="col-4 wow animate__flipInY" data-wow-duration="1.1s">
<img src="/static/image/ly-1.png" alt="电商类">
<div class="title">电商类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.7s">
<img src="/static/image/ly-2.png" alt="智慧家居">
<div class="title">智慧家居</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.2s">
<img src="/static/image/ly-3.png" alt="金融类">
<div class="title">金融类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.6s">
<img src="/static/image/ly-4.png" alt="医疗类">
<div class="title">医疗类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.5s">
<img src="/static/image/ly-5.png" alt="旅游类">
<div class="title">旅游类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.3s">
<img src="/static/image/ly-6.png" alt="地产类">
<div class="title">地产类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.4s">
<img src="/static/image/ly-7.png" alt="政务类">
<div class="title">政务类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.1s">
<img src="/static/image/ly-8.png" alt="行业门户类">
<div class="title">行业门户类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.7s">
<img src="/static/image/ly-9.png" alt="移动办公类">
<div class="title">移动办公类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.2s">
<img src="/static/image/ly-10.png" alt="餐饮类">
<div class="title">餐饮类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.6s">
<img src="/static/image/ly-11.png" alt="智慧农业类">
<div class="title">智慧农业类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.5s">
<img src="/static/image/ly-12.png" alt="社区类">
<div class="title">社区类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.3s">
<img src="/static/image/ly-13.png" alt="社交聊天类">
<div class="title">社交聊天类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.4s">
<img src="/static/image/ly-14.png" alt="智慧城市类">
<div class="title">智慧城市类</div>
</div>
<div class="col-4 wow animate__flipInX" data-wow-duration="1.1s">
<img src="/static/image/ly-15.png" alt="在线教育类">
<div class="title">在线教育类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.7s">
<img src="/static/image/ly-16.png" alt="直播类">
<div class="title">直播类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.2s">
<img src="/static/image/ly-17.png" alt="能源物流类">
<div class="title">能源物流类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.6s">
<img src="/static/image/ly-18.png" alt="智能制造类">
<div class="title">智能制造类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.5s">
<img src="/static/image/ly-19.png" alt="地产物业类">
<div class="title">地产物业类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.3s">
<img src="/static/image/ly-20.png" alt="预约引流类">
<div class="title">预约引流类</div>
</div>
<div class="col-4 wow animate__flipInY" data-wow-duration="1.4s">
<img src="/static/image/ly-21.png" alt="通信高科类">
<div class="title">通信高科类</div>
</div>
</div>
</div>
<div class="provide-title title-container text-center wow animate__flipInX" data-wow-duration="1s">
<div class="title">为您提供</div>
<div class="subtitle">TO PROVIDE YOU WITH</div>
<div class="desc">
我们认为，服务和技术同样重要，项目实现方式很多，但是我们抓取适合您的
</div>
</div>
<div class="container-fluid send-group text-center" style="background-image:url('/static/image/send-back.png')">
<div class="row">
<div class="send-item col-6 col-md wow animate__flipInY" data-wow-duration="1s">
<img src="/static/image/send-1.png" alt="需求调研">
<div class="title">需求调研</div>
<div class="hr"></div>
<div class="content">免费行业解析、竞品调研、市场分析、案例参考，结合市场和客户真实情况，分析市场 诉求、筛选用户痛点;</div>
</div>
<div class="send-item col-6 col-md wow animate__flipInY" data-wow-duration="1.2s">
<img src="/static/image/send-2.png" alt="需求方案">
<div class="title">需求方案</div>
<div class="hr"></div>
<div class="content">免费行业解析、竞品调研、市场分析、案例参考，结合市场和客户真实情况，分析市场 诉求、筛选用户痛点;</div>
</div>
<div class="send-item col-6 col-md wow animate__flipInY" data-wow-duration="1.4s">
<img src="/static/image/send-3.png" alt="项目实施">
<div class="title">项目实施</div>
<div class="hr"></div>
<div class="content">免费行业解析、竞品调研、市场分析、案例参考，结合市场和客户真实情况，分析市场 诉求、筛选用户痛点;</div>
</div>
<div class="send-item col-6 col-md wow animate__flipInY" data-wow-duration="1.6s">
<img src="/static/image/send-4.png" alt="技术选型">
<div class="title">技术选型</div>
<div class="hr"></div>
<div class="content">免费行业解析、竞品调研、市场分析、案例参考，结合市场和客户真实情况，分析市场 诉求、筛选用户痛点;</div>
</div>
<div class="send-item col-6 col-md wow animate__flipInY" data-wow-duration="1.8s">
<img src="/static/image/send-5.png" alt="售后服务">
<div class="title">售后服务</div>
<div class="hr"></div>
<div class="content">免费行业解析、竞品调研、市场分析、案例参考，结合市场和客户真实情况，分析市场 诉求、筛选用户痛点;</div>
</div>
<div class="send-item col-6 col-md wow animate__flipInY" data-wow-duration="2s">
<img src="/static/image/send-6.png" alt="信息安全">
<div class="title">信息安全</div>
<div class="hr"></div>
<div class="content">免费行业解析、竞品调研、市场分析、案例参考，结合市场和客户真实情况，分析市场 诉求、筛选用户痛点;</div>
</div>
<div class="send-item col-12 col-md wow animate__flipInY" data-wow-duration="2.2s">
<img src="/static/image/send-7.png" alt="服务响应">
<div class="title">服务响应</div>
<div class="hr"></div>
<div class="content">免费行业解析、竞品调研、市场分析、案例参考，结合市场和客户真实情况，分析市场 诉求、筛选用户痛点;</div>
</div>
</div>
</div>
<div class="service-title title-container text-center wow animate__flipInX" data-wow-duration="1s">
<div class="title">服务流程</div>
<div class="subtitle">SERVICE PROCESS</div>
<div class="desc">
从需求到交付，一站式响应，节点把控，协调沟通
</div>
</div>
<div class="step-content container-fluid wow animate__fadeIn" data-wow-duration="1s">
<img class="img-fluid hidden-mobile" src="/static/image/step.png" alt="服务流程">
<img class="img-fluid hidden-pc" src="/static/image/step-mobile.png" alt="服务流程">
</div>
<div class="step-title title-container text-center">
<div class="title wow animate__flipInX" data-wow-duration="1s">合作客户</div>
<div class="subtitle wow animate__flipInX" data-wow-duration="1s">COOPERATIVE CLIENTS</div>
<div class="desc wow animate__flipInX" data-wow-duration="1s">
每一位客户都是我们一路走来的必不可少的伙伴，我们一起探寻、协调、成长、共赢
</div>
</div>
<div class="container-fluid text-center client-group">
<div class="client-row row">
<div class="client-item col-6 col-md-3 wow animate__flipInX" data-wow-duration="1.5s">
<div class="client-box">
<img class="img-fluid" src="/static/image/client-1.png">
</div>
</div>
<div class="client-item col-6 col-md-3 wow animate__flipInX" data-wow-duration="1.5s">
<div class="client-box">
<img class="img-fluid" src="/static/image/client-2.png">
</div>
</div>
<div class="client-item col-6 col-md-3 wow animate__flipInX" data-wow-duration="1.5s">
<div class="client-box">
<img class="img-fluid" src="/static/image/client-3.png">
</div>
</div>
<div class="client-item col-6 col-md-3 wow animate__flipInX" data-wow-duration="1.5s">
<div class="client-box">
<img class="img-fluid" src="/static/image/client-4.png">
</div>
</div>
<div class="client-item col-6 col-md-3 wow animate__flipInX" data-wow-duration="1.5s">
<div class="client-box">
<img class="img-fluid" src="/static/image/client-5.png">
</div>
</div>
<div class="client-item col-6 col-md-3 wow animate__flipInX" data-wow-duration="1.5s">
<div class="client-box">
<img class="img-fluid" src="/static/image/client-6.png">
</div>
</div>
<div class="client-item col-6 col-md-3 wow animate__flipInX" data-wow-duration="1.5s">
<div class="client-box">
<img class="img-fluid" src="/static/image/client-7.png"></div>
</div>
<div class="client-item col-6 col-md-3 wow animate__flipInX" data-wow-duration="1.5s">
<div class="client-box">
<img class="img-fluid" src="/static/image/client-8.png">
</div>
</div>
</div>
</div>
<div class="book-title title-container text-center">
<div class="title wow animate__flipInX" data-wow-duration="1s">资质证书</div>
<div class="subtitle wow animate__flipInX" data-wow-duration="1s">QUALIFICATION CERTIFICATE</div>
<!-- <div class="desc">-->
<!-- 每一位客户都是我们一路走来的必不可少的伙伴，我们一起探寻、协调、成长、共赢-->
<!-- </div>-->
</div>
<div class="container text-center book-group" data-wow-duration="1s">
<div class="row">
<div class="book-item col-4 col-md-2 wow animate__flipInY" data-wow-duration="1.5s">
<div class="rotate-box">
<div class="main-img">
<img class="img-fluid" src="/static/image/book.png">
</div>
<div class="rotate-img">
<img class="img-fluid rotate" src="/static/image/book.png">
<div class="rotate-mask"></div>
</div>
</div>
</div>
<div class="book-item col-4 col-md-2 wow animate__flipInY" data-wow-duration="1.5s">
<div class="rotate-box">
<div class="main-img">
<img class="img-fluid" src="/static/image/book.png">
</div>
<div class="rotate-img">
<img class="img-fluid rotate" src="/static/image/book.png">
<div class="rotate-mask"></div>
</div>
</div>
</div>
<div class="book-item col-4 col-md-2 wow animate__flipInY" data-wow-duration="1.5s">
<div class="rotate-box">
<div class="main-img">
<img class="img-fluid" src="/static/image/book.png">
</div>
<div class="rotate-img">
<img class="img-fluid rotate" src="/static/image/book.png">
<div class="rotate-mask"></div>
</div>
</div>
</div>
<div class="book-item col-4 col-md-2 wow animate__flipInY" data-wow-duration="1.5s">
<div class="rotate-box">
<div class="main-img">
<img class="img-fluid" src="/static/image/book.png">
</div>
<div class="rotate-img">
<img class="img-fluid rotate" src="/static/image/book.png">
<div class="rotate-mask"></div>
</div>
</div>
</div>
<div class="book-item col-4 col-md-2 wow animate__flipInY" data-wow-duration="1.5s">
<div class="rotate-box">
<div class="main-img">
<img class="img-fluid" src="/static/image/book.png">
</div>
<div class="rotate-img">
<img class="img-fluid rotate" src="/static/image/book.png">
<div class="rotate-mask"></div>
</div>
</div>
</div>
<div class="book-item col-4 col-md-2 wow animate__flipInY" data-wow-duration="1.5s">
<div class="rotate-box">
<div class="main-img">
<img class="img-fluid" src="/static/image/book.png">
</div>
<div class="rotate-img">
<img class="img-fluid rotate" src="/static/image/book.png">
<div class="rotate-mask"></div>
</div>
</div>
</div>
<div class="book-item col-4 col-md-2 wow animate__flipInY" data-wow-duration="1.5s">
<div class="rotate-box">
<div class="main-img">
<img class="img-fluid" src="/static/image/book.png">
</div>
<div class="rotate-img">
<img class="img-fluid rotate" src="/static/image/book.png">
<div class="rotate-mask"></div>
</div>
</div>
</div>
<div class="book-item col-4 col-md-2 wow animate__flipInY" data-wow-duration="1.5s">
<div class="rotate-box">
<div class="main-img">
<img class="img-fluid" src="/static/image/book.png">
</div>
<div class="rotate-img">
<img class="img-fluid rotate" src="/static/image/book.png">
<div class="rotate-mask"></div>
</div>
</div>
</div>
<div class="book-item col-4 col-md-2 wow animate__flipInY" data-wow-duration="1.5s">
<div class="rotate-box">
<div class="main-img">
<img class="img-fluid" src="/static/image/book.png">
</div>
<div class="rotate-img">
<img class="img-fluid rotate" src="/static/image/book.png">
<div class="rotate-mask"></div>
</div>
</div>
</div>
<div class="book-item col-4 col-md-2 wow animate__flipInY" data-wow-duration="1.5s">
<div class="rotate-box">
<div class="main-img">
<img class="img-fluid" src="/static/image/book.png">
</div>
<div class="rotate-img">
<img class="img-fluid rotate" src="/static/image/book.png">
<div class="rotate-mask"></div>
</div>
</div>
</div>
<div class="book-item col-4 col-md-2 wow animate__flipInY" data-wow-duration="1.5s">
<div class="rotate-box">
<div class="main-img">
<img class="img-fluid" src="/static/image/book.png">
</div>
<div class="rotate-img">
<img class="img-fluid rotate" src="/static/image/book.png">
<div class="rotate-mask"></div>
</div>
</div>
</div>
<div class="book-item col-4 col-md-2 wow animate__flipInY" data-wow-duration="1.5s">
<div class="rotate-box">
<div class="main-img">
<img class="img-fluid" src="/static/image/book.png">
</div>
<div class="rotate-img">
<img class="img-fluid rotate" src="/static/image/book.png">
<div class="rotate-mask"></div>
</div>
</div>
</div>
</div>
</div>
<footer class="wow animate__fadeInDown" data-wow-duration="1s">
<div class="container">
<div class="row">
<div class="col-6 col-md">
<div class="title">客服咨询热线</div>
<div class="phone" style="margin-top:30px;">
028-61961157
</div>
<div class="phone">
19102617271
</div>
</div>
<div class="col-6 col-md">
<div class="title">
公司地址
</div>
<div class="content">
成都市武侯区商鼎国际2栋1单元1506
</div>
</div>
<div class="col-12 col-md">
<div class="title">
电子邮箱
</div>
<div class="content">
804609860@qq.com
</div>
</div>
<div class="col-12 col-md text-center" style="display: flex;">
<div class="qrcode-box">
<img src="/static/image/qrcode.png" alt="">
<div class="job">产品运营顾问</div>
<div class="name">王经理</div>
</div>
<div class="qrcode-box">
<img src="/static/image/qrcode.png" alt="">
<div class="job">产品运营顾问</div>
<div class="name">王经理</div>
</div>
</div>
</div>
</div>
<div class="hr"></div>
<div class="menu justify-content-center">
<div class="item">首页</div>
<div class="item">服务内容</div>
<div class="item">产品案例</div>
<div class="item">关于我们</div>
<div class="item">荣誉证书</div>
<div class="item">联系我们</div>
</div>
<div class="copyright text-center">
©四川逸旁科技有限公司版权所有 | 蜀ICP备2021013355号
</div>
</footer>
</body>
<script src="/static/js/jquery-1.11.3.min.js"></script>
<script src="/static/js/waypoints.min.js"></script>
<script src="/static/js/countup.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/swiper-bundle.min.js"></script>
<script src="/static/js/wow.min.js"></script>
<!--<script type="module" src="/main.js"></script>-->
<script>
function swiperInit(){
let thumbsSwiper = new Swiper(".swiper2", {
spaceBetween: 15,
slidesPerView: 4,
grid: {
fill: 'row',
rows: 2,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
// freeMode: true,
watchSlidesProgress: true,
});
let gallerySwiper = new Swiper(".swiper1", {
thumbs: {
swiper: thumbsSwiper ,
},
});
}
swiperInit()
new WOW().init();
$('.counter').countUp();
$(".position-group .item-group .item").click(function(){
$(".position-group .item-group .item").removeClass('active')
$(this).addClass('active')
// $.ajax({url:"/",success:function(result){
// $("#div1").html(result);
// $("#div1").html(result);
// }});
});
$(".type-group .item-group .item").click(function(){
$(".type-group .item-group .item").removeClass('active')
$(this).addClass('active')
// $.ajax({url:"/",success:function(result){
// $("#div1").html(result);
// $("#div1").html(result);
// }});
});
</script>
</html>