mini-program.html 65 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>
  6. 小程序定制开发 - 微信小程序开发、小程序开发报价、定制小程序、小程序开发、小程序外包、开发小程序、小程序开发多少钱 - 铭讯科技
  7. </title>
  8. <meta name="description" content="微信小程序在不同行业中有不同的应用场景,灰熊软件针对小程序定制了完整的设计、开发及测试流程,会根据你的业务需求和应用场景结合小程序的特性为您定制小程序的开发方案。">
  9. <meta name="keywords" content="微信小程序开发,定制小程序,小程序外包,快速开发小程序,电商小程序">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <meta name="viewport"
  12. content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=0">
  13. <meta name="renderer" content="webkit">
  14. <meta name="applicable-device" content="pc,mobile">
  15. <meta http-equiv="Cache-Control" content="no-siteapp">
  16. <meta http-equiv="Cache-Control" content="no-transform">
  17. <meta name="format-detection" content="telephone=no">
  18. <link rel="icon" type="image/x-icon" href="./static/image/icon.jpg"/>
  19. <link href="static/css/style1.css" rel="stylesheet" type="text/css">
  20. <link href="static/css/mini_program_new.css" rel="stylesheet" type="text/css">
  21. <style>
  22. #div_company_mini #mini-btn {
  23. bottom: 116px !important;
  24. }
  25. .header .header-btn {
  26. margin-top: 11px;
  27. }
  28. .solution-section-mini-program .content-bg-01{
  29. background-image: url('static/picture/w-1.png');
  30. }
  31. .solution-section-mini-program .content-bg-02{
  32. background-image: url('static/picture/w-2.png');
  33. }
  34. .solution-section-mini-program .content-bg-03{
  35. background-image: url('static/picture/w-3.png');
  36. }
  37. .solution-section-mini-program .content-bg-04{
  38. background-image: url('static/picture/w-4.png');
  39. }
  40. .solution-section-mini-program .content-bg-05{
  41. background-image: url('static/picture/w-5.png');
  42. }
  43. .solution-section-mini-program .content-bg-06{
  44. background-image: url('static/picture/w-6.png');
  45. }
  46. @media screen and (max-width: 480px){
  47. .banner-update-app{
  48. height: 180px;
  49. margin-top: 200px;
  50. padding-top: 30px;
  51. }
  52. .mini-program-wrap .mini-program-custom-list img{
  53. width: 100px !important;
  54. height: 100px !important;
  55. }
  56. }
  57. </style>
  58. <link href="static/css/bootstrap.css" rel="stylesheet">
  59. <link href="static/css/style.css" rel="stylesheet">
  60. <link href="static/css/swiper.min.css" rel="stylesheet" type="text/css">
  61. <link href="static/css/home.css" rel="stylesheet" type="text/css">
  62. <link href="static/css/sidebar1.css" rel="stylesheet" type="text/css">
  63. <link href="static/css/footer-activity.css" rel="stylesheet" type="text/css">
  64. <link href="static/css/footer.css" rel="stylesheet" type="text/css">
  65. <!--[if lt IE 9]>
  66. <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  67. <script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
  68. <![endif]-->
  69. <style>
  70. .nb-comp-item i{
  71. box-sizing: content-box !important;
  72. }
  73. </style>
  74. </head>
  75. <body>
  76. <div class="header-perch">
  77. <div class="snow-container" style="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;"></div>
  78. <div class="hx-header-fix">
  79. <div class="auto-container">
  80. <div class="hx-header mobile">
  81. <div class="hx-logo" style="width: 108px; height: 70px;">
  82. <a href="">
  83. <img style="width: 100%;" src="static/image/login.png" class="logo_blue" alt="">
  84. </a>
  85. </div>
  86. <div class="menu-operate">
  87. <div id="menu-operate-close"><img src="static/picture/71.png" alt=""></div>
  88. <div id="menu-operate-spread"><img src="static/picture/72.png" alt=""></div>
  89. </div>
  90. <div class="hx-menu">
  91. <ul>
  92. <li><a style="font-family:Microsoft YaHei;" href="index1.html">首页</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  93. <li><a style="font-family:Microsoft YaHei;" href="services.html">软件开发服务</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  94. <li><a style="font-family:Microsoft YaHei;" href="case.html">服务案例</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  95. <li><a style="font-family:Microsoft YaHei;" href="faq.html">新闻资讯</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  96. <li><a style="font-family:Microsoft YaHei;" href="contact.html">联系我们</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  97. <li><a style="font-family:Microsoft YaHei;" href="about.html">关于我们</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  98. <li><a style="font-family:Microsoft YaHei; width: 180px;" href="">咨询电话:17347315117 </a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  99. </ul>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. <!--头部菜单 开始-->
  106. <!--头部菜单 结束-->
  107. <!--banner 开始-->
  108. <div class="banner banner-update-app" style="background: url(static/picture/w-R.png) no-repeat 0 0/100%;margin-top: 10px;margin-bottom: 20px;">
  109. <div class="banner-mark">
  110. <div class="container" >
  111. <div class="banner-img banner-img-mobile">
  112. <!-- <img src="static/picture/banner-mobile-img.png" alt=""> -->
  113. </div>
  114. <div class="banner-text">
  115. <div class="banner-img banner-img-pc">
  116. </div>
  117. <div class="text-content">
  118. <h2>小程序定制开发解决方案</h2>
  119. <p>基于微信生态流量 打造微信产品和小程序矩阵</p>
  120. <a href="javascript:;" onclick="window.open('https://kefu.ywkefu.com/chat/api/chatGroup/h5/632','hello','height=800, width=700, top=0, left=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')" class="btn btn-o btn-blue open-53kf-btn">免费获取方案报价</a>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. <!--banner 结束-->
  127. <div class="Dg" style=" width: 1190px;margin:0 auto;"> <a style="margin-left:5px;" href='index1.html' class=''>主页</a> > <a href='services.html'>软件开发服务</a> > <a href=''>小程序定制开发</a></div>
  128. <!--中间内容开始-->
  129. <div class="mini-program-wrap">
  130. <section class="section-custom" id="section-custom">
  131. <div class="container">
  132. <div class="section-title web">打造微信生态 以用户体验为导向高端定制</div>
  133. <div class="section-title mobile">打造微信生态 以用户体验为导向</div>
  134. <div class="custom-content">
  135. <div class="mini-program-custom-list">
  136. <img src="static/picture/lo_E.png" alt="" style="width: 300px;height: 300px;border-radius: 50%;">
  137. <p class="custom-item">小程序定制开发</p>
  138. <p class="custom-item-dec">企业营销利器,抢占微信10亿流量红利</p>
  139. </div>
  140. <div class="mini-program-custom-list">
  141. <img src="static/picture/lo_E.png" alt="" style="width: 300px;height: 300px;border-radius: 50%;">
  142. <p class="custom-item">公众号定制开发</p>
  143. <p class="custom-item-dec">移动品牌传播、多渠道获客,打造微信服务矩阵</p>
  144. </div>
  145. </div>
  146. <div class="submit-btn-group">
  147. <input type="text" placeholder="请填写您的手机号" onchange="phoneInput(event)"><a href="javascript:;" class="btn btn-o btn-blue">获取报价</a>
  148. </div>
  149. </div>
  150. </section>
  151. <!-- technology-section-->
  152. <section class="solution-section-mini-program" id="solution-section">
  153. <div class="section-title">垂直的行业解决方案 满足业务需求</div>
  154. <p class="section-title-dec">电商、零售、工具、私欲流量、休闲娱乐,灰熊软件都有解决方案</p>
  155. <div class="content content-bg-01" id="content">
  156. <div class="content-mark">
  157. <div class="container">
  158. <ul class="left slider-nav">
  159. <li class="slider-item active">微商城</li>
  160. <li class="slider-item">教育</li>
  161. <li class="slider-item">汽车</li>
  162. <li class="slider-item">零售</li>
  163. <li class="slider-item">医疗</li>
  164. <li class="slider-item">智能硬件</li>
  165. </ul>
  166. <div class="right item-dec-box">
  167. <div class="item-dec active" >
  168. <h2>微商城解决方案</h2>
  169. <p class="info" style="height: 150px;">小程序商城系统,B2B、B2C、分销、门店,基于不同场景做定制化,通过微信营销、会员管理帮助多渠道招新促活,搭建个性化商城。</p>
  170. <a href="javascript:void(0)" class="btn btn-o btn-blue open-53kf-btn">了解详情</a>
  171. <p class="line"></p>
  172. </div>
  173. <div class="item-dec">
  174. <h2>教育解决方案</h2>
  175. <p class="info" style="height: 150px;">针对早教、幼儿园、智慧校园、知识付费不同类型教育产品提供多场景营销解决方案,为企业进行技术选型,搭建小程序、微信矩阵让营销效果可视化。</p>
  176. <a href="javascript:void(0)" class="btn btn-o btn-blue open-53kf-btn">了解详情</a>
  177. <p class="line"></p>
  178. </div>
  179. <div class="item-dec">
  180. <h2>汽车解决方案</h2>
  181. <p class="info" style="height: 150px;">针对品牌方,增强与车主的互动和用户体验提升。面向车企内部,提供数字化产品降本增效,助力企业轻松管理、轻松转化。</p>
  182. <a href="javascript:void(0)" class="btn btn-o btn-blue open-53kf-btn">了解详情</a>
  183. <p class="line"></p>
  184. </div>
  185. <div class="item-dec">
  186. <h2>零售解决方案</h2>
  187. <p class="info" style="height: 150px;">在线商城、门店收银、客户管理、数据分析,实现线上线下商品、会员、场景的互通,助力企业转型升级。</p>
  188. <a href="javascript:void(0)" class="btn btn-o btn-blue open-53kf-btn">了解详情</a>
  189. <p class="line"></p>
  190. </div>
  191. <div class="item-dec">
  192. <h2>医疗解决方案</h2>
  193. <p class="info" style="height: 150px;">远程医疗、养老健康、移动医疗等不同场景下的产品功能定制,涵盖门店展示、预约挂号、远程转诊、医患社区等不同业务场景。</p>
  194. <a href="javascript:void(0)" class="btn btn-o btn-blue open-53kf-btn">了解详情</a>
  195. <p class="line"></p>
  196. </div>
  197. <div class="item-dec">
  198. <h2>智能硬件解决方案</h2>
  199. <p class="info" style="height: 150px;">将软件与硬件产品进行结合,打造物联网生态的IoT 产品,实现设备信息监控、远程智能控制、报表统计分析等功能。</p>
  200. <a href="javascript:void(0)" class="btn btn-o btn-blue open-53kf-btn">了解详情</a>
  201. <p class="line"></p>
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. </section>
  208. <section class="solution-section-mini-program-mobile">
  209. <div class="content" id="swiperSolutionSlide">
  210. <div class="swiper-container swiper-container-initialized swiper-container-horizontal">
  211. <div class="swiper-wrapper" style="transition-duration: 0ms;">
  212. <div class="swiper-slide content-bg-01" slide="1">
  213. <div class="item-dec item-dec-remark">
  214. <h2 class="item-dec-title">微商城解决方案</h2>
  215. <h3>小程序微商城系统</h3>
  216. <p>B2B、B2C、分销、门店,基于不同场景做定制化,通过微信营销、会员管理帮助多渠道招新促活,搭建个性化商城。</p>
  217. <div class="logo">
  218. <img src="static/picture/mall-logo-01.svg" alt="">
  219. <img src="static/picture/mall-logo-02.svg" alt="">
  220. <img src="static/picture/mall-logo-03.svg" alt="">
  221. <img src="static/picture/mall-logo-04.png" alt="">
  222. </div>
  223. </div>
  224. </div>
  225. <div class="swiper-slide content-bg-02" slide="2">
  226. <div class="item-dec item-dec-remark">
  227. <h2 class="item-dec-title">教育解决方案</h2>
  228. <h3>小程序教育系统</h3>
  229. <p>针对早教、幼儿园、智慧校园、知识付费不同类型教育产品提供多场景营销解决方案,为企业进行技术选型,搭建小程序、微信矩阵让营销效果可视化。</p>
  230. <div class="logo">
  231. <img src="static/picture/education-logo-01.svg" alt="">
  232. <img src="static/picture/education-logo-02.svg" alt="">
  233. <img src="static/picture/education-logo-03.svg" alt="">
  234. <img src="static/picture/education-logo-04.svg" alt="">
  235. </div>
  236. </div>
  237. </div>
  238. <div class="swiper-slide content-bg-03" slide="3">
  239. <div class="item-dec item-dec-remark">
  240. <h2 class="item-dec-title">汽车解决方案</h2>
  241. <h3>小程序汽车系统</h3>
  242. <p>针对品牌方,增强与车主的互动和用户体验提升。面向车企内部,提供数字化产品降本增效,助力企业轻松管理、轻松转化。</p>
  243. <div class="logo">
  244. <img src="static/picture/car-logo-01.svg" alt="">
  245. <img src="static/picture/car-logo-02.svg" alt="">
  246. <img src="static/picture/car-logo-03.svg" alt="">
  247. <img src="static/picture/car-logo-04.svg" alt="">
  248. </div>
  249. </div>
  250. </div>
  251. <div class="swiper-slide content-bg-04" slide="4">
  252. <div class="item-dec item-dec-remark">
  253. <h2 class="item-dec-title">零售解决方案</h2>
  254. <h3>小程序零售系统</h3>
  255. <p>在线商城、门店收银、客户管理、数据分析,实现线上线下商品、会员、场景的互通,助力企业转型升级。</p>
  256. <div class="logo">
  257. <img src="static/picture/retail-logo-01.svg" alt="">
  258. <img src="static/picture/retail-logo-02.svg" alt="">
  259. <img src="static/picture/retail-logo-03.svg" alt="">
  260. <img src="static/picture/retail-logo-04.svg" alt="">
  261. </div>
  262. </div>
  263. </div>
  264. <div class="swiper-slide content-bg-05" slide="5">
  265. <div class="item-dec item-dec-remark">
  266. <h2 class="item-dec-title">医疗解决方案</h2>
  267. <h3>小程序医疗系统</h3>
  268. <p>远程医疗、养老健康、移动医疗等不同场景下的产品功能定制,涵盖门店展示、预约挂号、远程转诊、医患社区等不同业务场景。</p>
  269. <div class="logo">
  270. <img src="static/picture/medical-logo-01.svg" alt="">
  271. <img src="static/picture/medical-logo-02.svg" alt="">
  272. <img src="static/picture/medical-logo-03.svg" alt="">
  273. <img src="static/picture/medical-logo-04.svg" alt="">
  274. </div>
  275. </div>
  276. </div>
  277. <div class="swiper-slide content-bg-06" slide="6">
  278. <div class="item-dec item-dec-remark">
  279. <h2 class="item-dec-title">智能硬件解决方案</h2>
  280. <h3>小程序智能硬件系统</h3>
  281. <p>将软件与硬件产品进行结合,打造物联网生态的IoT 产品,实现设备信息监控、远程智能控制、报表统计分析等功能。</p>
  282. <div class="logo">
  283. <img src="static/picture/intelligent-logo-01.svg" alt="">
  284. <img src="static/picture/intelligent-logo-02.svg" alt="">
  285. <img src="static/picture/intelligent-logo-03.svg" alt="">
  286. <img src="static/picture/intelligent-logo-04.svg" alt="">
  287. </div>
  288. </div>
  289. </div>
  290. </div>
  291. <div class="swiper-pagination custom-pagination swiper-pagination-clickable swiper-pagination-bullets"></div>
  292. <!--分页器-->
  293. <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
  294. </div>
  295. </section>
  296. <section class="footer-form-section">
  297. <h2 class="section-title">目前已有3872人提交了需求</h2>
  298. <section class="section-submit new-app-submit" id="sectionPageSubmit">
  299. <div class="footer-form submit-mobile">
  300. <div class="form-group form-items">
  301. <input type="text" name="name" class="form-control form-name form-item form-name-mobile" placeholder="姓名">
  302. <input type="text" name="phone" class="form-control form-phone form-item form-phone-mobile" placeholder="手机号">
  303. </div>
  304. <div class="form-group">
  305. <input type="text" name="company" class="form-control form-company form-company-mobile" placeholder="公司名称">
  306. </div>
  307. <div class="form-group">
  308. <select type="text" name="budget" required="" class="form-control form-budget form-budget-mobile" placeholder="选择定制开发预算">
  309. <option value="" disabled="" selected="">预算</option>
  310. <option value="2万">2万</option>
  311. <option value="2-5万">2-5万</option>
  312. <option value="5万以上">5万以上</option>
  313. <option value="10万以上">10万以上</option>
  314. </select>
  315. </div>
  316. <div class="form-group">
  317. <textarea type="text" name="description" onfocus="textAreaInput(event)" oninput="textAreaInput(event)" class="form-control form-description form-textarea-mobile" placeholder="请输入您的需求"></textarea>
  318. <div class="form-description-message"></div>
  319. </div>
  320. <button class="btn btn-o btn-blue" onclick="submitForm(&#39;sectionPageSubmit&#39;)">立即提交开发需求</button>
  321. </div>
  322. <div style="display: none" class="submit-ing-footer">
  323. <div class="submit-ing-center">
  324. <img src="static/picture/icon-result-ing.svg" alt="">
  325. <div>提交中,请稍等…</div>
  326. </div>
  327. </div>
  328. <div style="display: none" class="submit-success-footer">
  329. <div class="submit-success-center success">
  330. <img src="static/picture/icon-result-success.svg" alt="">
  331. <div class="success">提交成功</div>
  332. <div class="text">请保持联系方式畅通,我们会在24小时内联系您!</div>
  333. <div class="phone" onclick="callTal()">联系方式:4006-988-819</div>
  334. </div>
  335. <div class="submit-success-center err" style="display: none;">
  336. <img src="static/picture/icon-result-error.svg" alt="">
  337. <div class="success">提交失败</div>
  338. <div class="text">请联系客服人员或拨打电话</div>
  339. <div class="phone" onclick="callTal()">联系方式:17347315117</div>
  340. </div>
  341. </div>
  342. </section>
  343. </section>
  344. <section class="section-service-process e-commerce-service-process" id="service">
  345. <h2 class="section-title">服务流程</h2>
  346. <div class="container">
  347. <div class="content-box">
  348. <div class="service-list-warp">
  349. <ul class="service-list">
  350. <li>
  351. <div class="service-icon1 setvice-item"></div>
  352. <p>企业调研</p>
  353. <div class="service-icon-step1 service-step-item"></div>
  354. <span class="step-num">1</span>
  355. </li>
  356. <li>
  357. <div class="service-icon2 setvice-item"></div>
  358. <p>对标研究</p>
  359. <div class="service-icon-step2 service-step-item"></div>
  360. <span class="step-num">2</span>
  361. </li>
  362. <li>
  363. <div class="service-icon3 setvice-item"></div>
  364. <p>需求梳理</p>
  365. <div class="service-icon-step3 service-step-item"></div>
  366. <span class="step-num">3</span>
  367. </li>
  368. <li>
  369. <div class="service-icon4 setvice-item"></div>
  370. <p>咨询报告交付</p>
  371. <div class="service-icon-step4 service-step-item"></div>
  372. <span class="step-num">4</span>
  373. </li>
  374. <li>
  375. <div class="service-icon5 setvice-item"></div>
  376. <p>项目启动</p>
  377. <div class="service-icon-step5 service-step-item"></div>
  378. <span class="step-num">5</span>
  379. </li>
  380. <li>
  381. <div class="service-icon6 setvice-item"></div>
  382. <p>原型&amp;设计</p>
  383. <div class="service-icon-step6 service-step-item"></div>
  384. <span class="step-num">6</span>
  385. </li>
  386. <li>
  387. <div class="service-icon7 setvice-item"></div>
  388. <p>项目开发</p>
  389. <div class="service-icon-step7 service-step-item"></div>
  390. <span class="step-num">7</span>
  391. </li>
  392. <li>
  393. <div class="service-icon8 setvice-item"></div>
  394. <p>测试上线</p>
  395. <div class="service-icon-step8 service-step-item"></div>
  396. <span class="step-num">8</span>
  397. </li>
  398. <li>
  399. <div class="service-icon9 setvice-item"></div>
  400. <p>项目文档交付</p>
  401. <div class="service-icon-step9 service-step-item"></div>
  402. <span class="step-num">9</span>
  403. </li>
  404. <li>
  405. <div class="service-icon10 setvice-item"></div>
  406. <p>跟踪服务</p>
  407. <div class="service-icon-step10 service-step-item"></div>
  408. <span class="step-num">10</span>
  409. </li>
  410. </ul>
  411. </div>
  412. </div>
  413. <div class="scroll-box">
  414. <div class="scroll-step" style="width: 0px;"></div>
  415. </div>
  416. </div>
  417. </section>
  418. <section class="section-pay" id="pay">
  419. <h2 class="section-title">交付清单</h2>
  420. <div class="section-container">
  421. <div class="container">
  422. <ul class="pay-list">
  423. <li>
  424. <div class="pay-list-item">
  425. <img src="static/picture/pay-icon01.svg" alt="源代码">
  426. <p class="pay-dec">源代码</p>
  427. <div class="dot">
  428. <span class="left">
  429. <strong></strong>
  430. </span>
  431. </div>
  432. </div>
  433. </li>
  434. <li>
  435. <div class="pay-list-item">
  436. <img src="static/picture/pay-icon02.svg" alt="产品原型及需求文档">
  437. <p class="pay-dec dec-pc">产品原型及需求文档</p>
  438. <p class="pay-dec dec-mobile">需求文档</p>
  439. <div class="dot">
  440. <span class="left">
  441. <strong></strong>
  442. <strong></strong>
  443. </span>
  444. </div>
  445. </div>
  446. </li>
  447. <li>
  448. <div class="pay-list-item">
  449. <img src="static/picture/pay-icon03.svg" alt="产品原型及Axure文件" class="pay-icon03">
  450. <p class="pay-dec dec-pc">产品原型及Axure文件</p>
  451. <p class="pay-dec dec-mobile">Axure原型</p>
  452. <div class="dot">
  453. <span class="left">
  454. <strong></strong>
  455. <strong></strong>
  456. <strong></strong>
  457. </span>
  458. </div>
  459. </div>
  460. </li>
  461. <li>
  462. <div class="pay-list-item">
  463. <img src="static/picture/pay-icon04.svg" alt="UI设计效果图及Sketch源文件" class="pay-icon04">
  464. <p class="pay-dec dec-pc">UI设计效果图及Sketch源文件</p>
  465. <p class="pay-dec dec-mobile">UI效果图</p>
  466. <div class="dot">
  467. <span class="left">
  468. <strong></strong>
  469. <strong></strong>
  470. <strong></strong>
  471. <strong></strong>
  472. </span>
  473. </div>
  474. </div>
  475. </li>
  476. <li>
  477. <div class="pay-list-item">
  478. <img src="static/picture/pay-icon05.svg" alt="技术部署文档">
  479. <p class="pay-dec dec-pc">技术部署文档</p>
  480. <p class="pay-dec dec-mobile">技术部署</p>
  481. <div class="dot">
  482. <span class="left">
  483. <strong></strong>
  484. <strong></strong>
  485. <strong></strong>
  486. <strong></strong>
  487. </span>
  488. <span class="right" style="padding-top: 24px">
  489. <strong></strong>
  490. </span>
  491. </div>
  492. </div>
  493. </li>
  494. <li>
  495. <div class="pay-list-item">
  496. <img src="static/picture/pay-icon06.svg" alt="数据说明文档">
  497. <p class="pay-dec dec-pc">数据说明文档</p>
  498. <p class="pay-dec dec-mobile">数据说明</p>
  499. <div class="dot">
  500. <span class="left">
  501. <strong></strong>
  502. <strong></strong>
  503. <strong></strong>
  504. <strong></strong>
  505. </span>
  506. <span class="right" style="padding-top: 16px">
  507. <strong></strong>
  508. <strong></strong>
  509. </span>
  510. </div>
  511. </div>
  512. </li>
  513. <li>
  514. <div class="pay-list-item">
  515. <img src="static/picture/pay-icon07.svg" alt="接口说明文档">
  516. <p class="pay-dec dec-pc">接口说明文档</p>
  517. <p class="pay-dec dec-mobile">接口说明</p>
  518. <div class="dot">
  519. <span class="left">
  520. <strong></strong>
  521. <strong></strong>
  522. <strong></strong>
  523. <strong></strong>
  524. </span>
  525. <span class="right" style="padding-top: 8px">
  526. <strong></strong>
  527. <strong></strong>
  528. <strong></strong>
  529. </span>
  530. </div>
  531. </div>
  532. </li>
  533. <li>
  534. <div class="pay-list-item">
  535. <img src="static/picture/pay-icon08.svg" alt="测试方案文档">
  536. <p class="pay-dec dec-pc">测试方案文档</p>
  537. <p class="pay-dec dec-mobile">测试方案</p>
  538. <div class="dot">
  539. <span class="left">
  540. <!--End Cases Section-->
  541. <!--Subscribe Style One-->
  542. <!--End Subscribe Style One-->
  543. <!--End Footer Bottom-->
  544. <!-- <script>
  545. var _hmt = _hmt || [];
  546. (function() {
  547. var hm = document.createElement("script");
  548. hm.src = "https://hm.baidu.com/hm.js?7c8206c3cbaf6b515a6a72f50fbb4632";
  549. var s = document.getElementsByTagName("script")[0];
  550. s.parentNode.insertBefore(hm, s);
  551. })();
  552. </script> -->
  553. </footer>
  554. </div>
  555. </div>
  556. <!--End pagewrapper-->
  557. <!--Scroll to top-->
  558. <div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-up"></span></div>
  559. <script src="static/js/jquery.js"></script>
  560. <script src="static/js/popper.min.js"></script>
  561. <script src="static/js/bootstrap.min.js"></script>
  562. <script src="static/js/jquery.mCustomScrollbar.concat.min.js"></script>
  563. <script src="static/js/jquery.fancybox.js"></script>
  564. <script src="static/js/appear.js"></script>
  565. <script src="static/js/mixitup.js"></script>
  566. <script src="static/js/owl.js"></script>
  567. <script src="static/js/wow.js"></script>
  568. <script src="static/js/jquery.validate.min.js"></script>
  569. <script src="static/js/additional-methods.js"></script>
  570. <script src="static/js/messages_zh.min.js"></script>
  571. <script src="static/js/jquery-ui.js"></script>
  572. <script src="static/js/script.js"></script>
  573. </body>
  574. </html>
  575. </span>
  576. <span class="right">
  577. <strong></strong>
  578. <strong></strong>
  579. <strong></strong>
  580. <strong></strong>
  581. </span>
  582. </div>
  583. </div>
  584. </li>
  585. </ul>
  586. <div class="btn-wrap">
  587. <a href="javascript:;" onclick="window.open('https://kefu.ywkefu.com/chat/api/chatGroup/h5/632','hello','height=800, width=700, top=0, left=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')" class="btn btn-o btn-blue open-53kf-btn">立即咨询定制开发</a>
  588. </div>
  589. </div>
  590. </div>
  591. </section>
  592. <section class="section-case app-update-case" id="case">
  593. <div class="container">
  594. <h2 class="section-title">项目案例</h2>
  595. <h5 style="float: right"><a href="case.html">更多>></a></h5>
  596. </div>
  597. <div class="case-slide">
  598. <div class="content-row">
  599. <div class="row-item is-mobile">
  600. <div class="content-box">
  601. <p class="logo-title" style="font-size: 40px; font-weight: 700;">得盟</p>
  602. <ul>
  603. <li><span class="label-title">类型:</span><span class="dec">年轻人的购物平台</span></li>
  604. <li><span class="label-title">功能:</span><span class="dec">产品展示 在线客服 扫码支付 在线支付 物流功能</span></li>
  605. </ul>
  606. <div class="case-img case-img-01" style="background: url('static/image/demeng.jpg')no-repeat 0 0 /100% 100%;"></div>
  607. </div>
  608. </div>
  609. <div class="row-item">
  610. <div class="content-box">
  611. <p class="logo-title" style="font-size: 40px; font-weight: 700;">越南</p>
  612. <ul>
  613. <li><span class="label-title">类型:</span><span class="dec">售卖机购物</span></li>
  614. <li><span class="label-title">功能:</span><span class="dec">设备管理 扫码支付 在线客服 中越翻译</span></li>
  615. </ul>
  616. <div class="case-img case-img-02" style="background: url('static/image/yuenan.jpg')no-repeat 0 0 /100% 100%;"></div>
  617. </div>
  618. </div>
  619. <div class="row-item is-mobile">
  620. <div class="content-box">
  621. <p class="logo-title" style="font-size: 40px; font-weight: 700;">人力</p>
  622. <ul>
  623. <li><span class="label-title">类型:</span><span class="dec">人力资源平台</span></li>
  624. <li><span class="label-title">功能:</span><span class="dec">招募、发布、任务悬赏</span></li>
  625. </ul>
  626. <div class="case-img case-img-03" style="background: url('static/image/1.1.jpg')no-repeat 0 0 /100% 100%;"></div>
  627. </div>
  628. </div>
  629. <div class="row-item">
  630. <div class="content-box">
  631. <p class="logo-title" style="font-size: 40px; font-weight: 700;">装修</p>
  632. <ul>
  633. <li><span class="label-title">类型:</span><span class="dec">装修平台</span></li>
  634. <li><span class="label-title">功能:</span><span class="dec">内容展示、 内容收藏、内容分享</span></li>
  635. </ul>
  636. <div class="case-img case-img-04" style="background: url('static/image/1.2.jpg')no-repeat 0 0 /100% 100%;"></div>
  637. </div>
  638. </div>
  639. <div class="row-item is-mobile">
  640. <div class="content-box">
  641. <p class="logo-title" style="font-size: 40px; font-weight: 700;">姻缘</p>
  642. <ul>
  643. <li><span class="label-title">类型:</span><span class="dec">相亲平台</span></li>
  644. <li><span class="label-title">功能:</span><span class="dec">线上聊天、线上支付、线上客服、互加好友</span></li>
  645. </ul>
  646. <div class="case-img case-img-05"style="background: url('static/image/1.3.jpg')no-repeat 0 0 /100% 100%;"></div>
  647. </div>
  648. </div>
  649. <div class="row-item">
  650. <div class="content-box">
  651. <p class="logo-title" style="font-size: 40px; font-weight: 700;">房产</p>
  652. <ul>
  653. <li><span class="label-title">类型:</span><span class="dec">租房买房平台</span></li>
  654. <li><span class="label-title">功能:</span><span class="dec">租房信息审核、线上支付、房屋 展示、线下打卡</span></li>
  655. </ul>
  656. <div class="case-img case-img-06" style="background: url('static/image/1.4.jpg')no-repeat 0 0 /100% 100%;"></div>
  657. </div>
  658. </div>
  659. <div class="row-item">
  660. <div class="content-box">
  661. <p class="logo-title" style="font-size: 40px; font-weight: 700;">博物馆</p>
  662. <ul>
  663. <li><span class="label-title">类型:</span><span class="dec">博物馆订票平台</span></li>
  664. <li><span class="label-title">功能:</span><span class="dec">信息展示、在线预约、线上支付</span></li>
  665. </ul>
  666. <div class="case-img case-img-07" style="background: url('static/image/wx-7.jpg')no-repeat 0 0 /100% 100%;"></div>
  667. </div>
  668. </div>
  669. <div class="row-item">
  670. <div class="content-box">
  671. <p class="logo-title" style="font-size: 40px; font-weight: 700;">政务民生</p>
  672. <ul>
  673. <li><span class="label-title">类型:</span><span class="dec">政务民生平台</span></li>
  674. <li><span class="label-title">功能:</span><span class="dec">动态发布、媒体报道、个人主页展示</span></li>
  675. </ul>
  676. <div class="case-img case-img-08" style="background: url('static/image/wx-1.jpg')no-repeat 0 0 /100% 100%;"></div>
  677. </div>
  678. </div>
  679. <div class="row-item">
  680. <div class="content-box">
  681. <p class="logo-title" style="font-size: 40px; font-weight: 700;">医院</p>
  682. <ul>
  683. <li><span class="label-title">类型:</span><span class="dec">医院就诊平台</span></li>
  684. <li><span class="label-title">功能:</span><span class="dec">商品展示、上线支付、优惠券</span></li>
  685. </ul>
  686. <div class="case-img case-img-09" style="background: url('static/image/wx-3.jpg')no-repeat 0 0 /100% 100%;"></div>
  687. </div>
  688. </div>
  689. <div class="row-item">
  690. <div class="content-box">
  691. <p class="logo-title" style="font-size: 40px; font-weight: 700;">环保回收</p>
  692. <ul>
  693. <li><span class="label-title">类型:</span><span class="dec">环保回收平台</span></li>
  694. <li><span class="label-title">功能:</span><span class="dec">商品展示、订单物流、回收拼团</span></li>
  695. </ul>
  696. <div class="case-img case-img-10" style="background: url('static/image/wx-5.jpg')no-repeat 0 0 /100% 100%;"></div>
  697. </div>
  698. </div>
  699. </div>
  700. </div>
  701. <div class="text-center">
  702. <a href="javascript:;" onclick="window.open('https://kefu.ywkefu.com/chat/api/chatGroup/h5/632','hello','height=800, width=700, top=0, left=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')" class="btn btn-o btn-blue open-53kf-btn">立即获取更多案例方案</a>
  703. </div>
  704. </section>
  705. <section class="section-faq" id="FAQ">
  706. <div class="container">
  707. <h2 class="section-title">小程序定制开发核心问题</h2>
  708. <div class="question-box">
  709. <div class="question-num">01</div>
  710. <div class="question-content">
  711. <p class="question">小程序定制开发和模板开发有什么区别?</p>
  712. <p class="question-answer">
  713. 通常模板价格在几千到几万,但功能有限,并不能根据业务场景进行组合。定制开发可以根据自有的业务场景进行开发,在安全性可以自主储存数据,并且具有更好的扩展性。</p>
  714. </div>
  715. </div>
  716. <div class="question-box">
  717. <div class="question-num">02</div>
  718. <div class="question-content">
  719. <p class="question">小程序和微信公众号应该如何布局?</p>
  720. <p class="question-answer">目前微信拥有十亿的用户,企业需要学会有效的使用微信的流量红利,根据企业的特性来打造微信矩阵。</p>
  721. </div>
  722. </div>
  723. </div>
  724. <div class="text-center">
  725. <a href="" onclick="window.open('https://kefu.ywkefu.com/chat/api/chatGroup/h5/632','hello','height=800, width=700, top=0, left=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')" class="btn btn-o btn-blue open-53kf-btn">免费咨询更多问题</a>
  726. </div>
  727. </section>
  728. <section class="section-more-custom">
  729. <div class="container">
  730. <h2 class="section-title">我们做的还有更多</h2>
  731. <div class="btn-wrap pc">
  732. <span>
  733. <a href="app.html" class="btn btn-blue">APP开发</a>
  734. </span>
  735. <span>
  736. <a href="h5.html" class="btn btn-blue ">H5开发</a>
  737. </span>
  738. <span>
  739. <a href="oa.html" class="btn btn-blue ">OA开发</a>
  740. </span>
  741. <span>
  742. <a href="official-website.html" class="btn btn-blue">高端网站建设</a>
  743. </span>
  744. <span>
  745. <a href="javascript:;" class="btn btn-blue open-submit-modal-btn">更多定制服务</a>
  746. </span>
  747. </div>
  748. </div>
  749. </section>
  750. <!-- <section class="section-slide pc" id="section-slide" style="bottom: -132px;">
  751. <div class="title weight-400">您还想了解</div>
  752. <ul class="btn-list">
  753. <li><a href="javascript:;" target="_blank" class="btn active">APP开发</a></li>
  754. <li><a href="javascript:;" target="_blank" class="btn ">系统开发</a></li>
  755. <li><a href="javascript:;" target="_blank" class="btn ">H5</a></li>
  756. <li><a href="javascript:;" target="_blank" class="btn ">高端网站开发</a></li>
  757. <li>
  758. <a href="javascript:;" class="btn btn-blue open-53kf-btn">方案报价</a>
  759. </li>
  760. </ul>
  761. </section> -->
  762. <!--底部活动页-->
  763. <footer class="footer-activity" id="footerActivity">
  764. <div class="container">
  765. <div class="left-div">
  766. <div>免费获取价值<span>¥5899</span></div>
  767. <h3>定制化落地方案</h3>
  768. <p>需求梳理+需求方案+价格</p>
  769. <ul>
  770. <li>资深技术顾问一对一需求沟通</li>
  771. <li>私人订制方案报价一套</li>
  772. </ul>
  773. </div>
  774. <div class="right-div">
  775. <div class="content-form">
  776. <div class="form-group">
  777. <div class="label">姓名</div>
  778. <input type="text" name="name" class="form-control form-name" placeholder="请输入您的姓名">
  779. </div>
  780. <div class="form-group">
  781. <div class="label">手机号</div>
  782. <input type="text" name="phone" class="form-control form-phone" placeholder="请输入手机号">
  783. <input type="hidden" name="_token" value="rS4G94GQfO6DHdWBEfY2DrvXD1S41JlXRQVEs7dy"> </div>
  784. <div class="form-group">
  785. <div class="label">公司名</div>
  786. <input type="text" name="company" class="form-control form-company" placeholder="请输入公司名称">
  787. </div>
  788. <div class="form-group form-group-last">
  789. <div class="label">需求描述</div>
  790. <textarea type="text" name="description" onfocus="textAreaInput(event)" oninput="textAreaInput(event)" class="form-control form-description form-textarea-mobile" placeholder="请输入需求概述"></textarea>
  791. <div class="form-description-message"></div>
  792. </div>
  793. <div class="form-group last-form-group">
  794. <div class="label"></div>
  795. <button class="btn btn-size btn-size-lg btn-bg" onclick="submitForm('footerActivity')">
  796. 立即免费领取
  797. </button>
  798. </div>
  799. </div>
  800. <div style="display: none" class="submit-ing-footer">
  801. <div class="submit-ing-center">
  802. <img src="static/picture/icon-result-ing.svg" alt="">
  803. <div>提交中,请稍等…</div>
  804. </div>
  805. </div>
  806. <div style="display: none" class="submit-success-footer">
  807. <div class="submit-success-center success">
  808. <img src="static/picture/icon-result-success.svg" alt="">
  809. <div class="success-title">提交成功</div>
  810. <div class="text">请保持联系方式畅通,我们会在24小时内联系您!</div>
  811. <div class="phone" onclick="callTal()">联系方式:4006-988-819</div>
  812. </div>
  813. <div class="submit-success-center err" style="display: none;">
  814. <img src="static/picture/icon-result-error.svg" alt="">
  815. <div class="err-title">提交失败</div>
  816. <div class="text">请联系客服人员或拨打电话</div>
  817. <div class="phone" onclick="callTal()">联系方式:4006-988-819</div>
  818. </div>
  819. </div>
  820. </div>
  821. </div>
  822. </footer>
  823. </div>
  824. <!--中间内容结束-->
  825. <!--底部提交表单开始-->
  826. <div class="footer-form-section" id="footer-form-section">
  827. <section class="section-submit new-app-submit" id="sectionSubmit">
  828. <!-- <div class="closed-footer-form" id="closed-footer-form"><p>+</p></div>-->
  829. <p class="title-notice-box submit-mobile"><span class="title-notice">温馨提示:仅提供定制化开发,如需模板开发,请搜索相关企业。</span>
  830. </p>
  831. <h2 class="submit-mobile">提交需求</h2>
  832. <p class="submit-title">按需定制 高效交付 您的想法我们来实现</p>
  833. <div class="footer-form submit-pc" id="submit-pc">
  834. <!-- <p>马上提交需求,我们会在24小时内联系您,并提供产品咨询和项目报价</p>-->
  835. <div class="form-group form-items">
  836. <input type="text" name="name" class="form-control form-name form-item" placeholder="姓名">
  837. <input type="text" name="phone" class="form-control form-phone form-item" placeholder="手机或座机">
  838. <input type="hidden" name="_token" value="rS4G94GQfO6DHdWBEfY2DrvXD1S41JlXRQVEs7dy"> <input type="text" name="description" class="form-control form-description" placeholder="示例:我有一个电影点评公众号,想做一款关联的影评小程序。">
  839. <button class="btn btn-o btn-write" onclick="submitForm('submit-pc')">获取方案报价</button>
  840. </div>
  841. <div style="display: none" class="submit-ing-footer">
  842. <div class="submit-ing-center">
  843. <img src="static/picture/icon-result-ing.svg" alt="">
  844. <div>提交中,请稍等…</div>
  845. </div>
  846. </div>
  847. <section id="footer-success" class="footer-result">
  848. <div class="result-img">
  849. <img src="static/picture/success.png" alt="成功">
  850. </div>
  851. <span class="result-message">
  852. 请保持联系方式畅通,我们会在24小时内联系您!
  853. </span>
  854. </section>
  855. <section id="footer-error" class="footer-result">
  856. <div class="result-img">
  857. <img src="static/picture/error.svg" alt="失败">
  858. </div>
  859. <span class="result-message">
  860. 请联系客服人员或拨打电话:17347315117
  861. </span>
  862. </section>
  863. </div>
  864. <div class="footer-form submit-mobile" id="submit-mobile">
  865. <!-- <p>马上提交需求,我们会在24小时内联系您,并提供产品咨询和项目报价</p>-->
  866. <p style="margin-left: -12px;margin-right: -12px;">填写您的需求给我们或直接拨打服务热线:<span style="color:#009bff" onclick="callTal()">4006 988 819</span>
  867. 我们将为您提供一对一专业技术支持</p>
  868. <div class="form-group form-items">
  869. <input type="text" name="name" class="form-control form-name form-item form-name-mobile" placeholder="姓名">
  870. <input type="text" name="phone" class="form-control form-phone form-item form-phone-mobile" placeholder="手机或座机号码">
  871. <input type="hidden" name="_token" value="rS4G94GQfO6DHdWBEfY2DrvXD1S41JlXRQVEs7dy"> </div>
  872. <div class="form-group">
  873. <input type="text" name="company" class="form-control form-company form-company-mobile" placeholder="公司名称">
  874. </div>
  875. <div class="form-group">
  876. <select type="text" name="budget" required="" class="form-control form-budget form-budget-mobile" placeholder="选择定制开发预算">
  877. <option value="" disabled="" selected="">选择开发预算</option>
  878. <option value="2万">2万</option>
  879. <option value="2-5万">2-5万</option>
  880. <option value="5万以上">5万以上</option>
  881. <option value="10万以上">10万以上</option>
  882. </select>
  883. </div>
  884. <div class="form-group">
  885. <textarea type="text" name="description" onfocus="textAreaInput(event)" oninput="textAreaInput(event)" class="form-control form-description form-description-mobile" placeholder="示例:我有一个电影点评公众号,想做一款关联的影评小程序。"></textarea>
  886. <div class="form-description-message"></div>
  887. </div>
  888. <button class="btn btn-o btn-blue" onclick="submitForm('submit-mobile')">立即提交需求</button>
  889. <div style="display: none" class="submit-ing-footer">
  890. <div class="submit-ing-center">
  891. <img src="static/picture/icon-result-ing.svg" alt="">
  892. <div>提交中,请稍等…</div>
  893. </div>
  894. </div>
  895. <div style="display: none" class="submit-success-footer">
  896. <div class="submit-success-center success">
  897. <img src="static/picture/icon-result-success.svg" alt="">
  898. <div class="success">提交成功</div>
  899. <div class="text">请保持联系方式畅通,我们会在24小时内联系您!</div>
  900. <div class="phone" onclick="callTal()">联系方式:4006-988-819</div>
  901. </div>
  902. <div class="submit-success-center err" style="display: none;">
  903. <img src="static/picture/icon-result-error.svg" alt="">
  904. <div class="success">提交失败</div>
  905. <div class="text">请联系客服人员或拨打电话</div>
  906. <div class="phone" onclick="callTal()">联系方式:17347315117</div>
  907. </div>
  908. </div>
  909. </div>
  910. </section>
  911. <!--最小化-->
  912. <div class="min-footer-form-div">
  913. <p>获取报价</p>
  914. </div>
  915. </div>
  916. <!--底部提交表单结束-->
  917. <!--底部公司说明 开始-->
  918. <footer class="footer" id="footer">
  919. <div class="container">
  920. <div class="footer-content">
  921. <div class="sns">
  922. <img src="static/image/erwei.jpg" alt="">
  923. <img src="static/image/erwei.jpg" alt="">
  924. </div>
  925. <div class="contact">
  926. <ul class="left add">
  927. <li>
  928. <div class="phone">
  929. <span class="phone-btn" onclick="callTal()">
  930. <img src="static/picture/phone-icon.svg" alt="电话"> 17347315117
  931. </span>
  932. </div>
  933. </li>
  934. <li><img src="static/picture/company-icon.svg" alt="地址"> 铭迅科技
  935. </li>
  936. </ul>
  937. <ul class="right add">
  938. <li><img src="static/picture/address-icon.svg" alt="地址"> 地址: 长沙市岳麓区枫林三路喜地大厦802室
  939. </li>
  940. <li><img src="static/picture/address-icon.svg" alt="地址"> 公司:湖南铭迅网络科技有限公司
  941. </li>
  942. </ul>
  943. </div>
  944. </div>
  945. </div>
  946. </footer>
  947. <div style="height: 50px" class="empty-div mobile"></div>
  948. <!--底部公司说明 结束-->
  949. <footer class="footer-homepage" id="footerBottom">
  950. <!-- 大屏页脚 -->
  951. <!-- 小屏页脚 -->
  952. <div class="footer-m visible-xs-block">
  953. </div>
  954. <div class="footer-beian">
  955. <p>© 2022 铭迅科技 | <a href="javascript:;" target="_blank" rel="“nofollow”"></a></p>
  956. </div>
  957. <div class="footer-beian">
  958. <p>© 2022 铭迅科技 | <a href="javascript:;" target="_blank" rel="“nofollow”"></a></p>
  959. </div>
  960. <div class="empty-div mobile"></div>
  961. </footer>
  962. <!--<div class="empty-div is-mobile"></div>-->
  963. <!--右侧悬浮栏 开始-->
  964. <div id="quicklyOpenSubModal" class="quickly-open landing-sidebar-box" style="display: block;">
  965. <div class="open-5899 open-submit-modal-btn">
  966. <!-- <img src="static/picture/slidebar-5899.png"> -->
  967. </div>
  968. <div class="open-modal quickly-open-btn open-submit-modal-btn">
  969. <div class="quickly-icon tijiao-icon"></div>
  970. 提交需求
  971. </div>
  972. <div class="quickly-open-btn call-btn" id="callBtn">
  973. <div class="quickly-call-btn-container">
  974. <div class="quickly-icon call-icon"></div>
  975. 电话咨询
  976. </div>
  977. <div class="call-tag">
  978. <span class="call-num" onclick="callTal()">电话咨询:17347315117 </span>
  979. </div>
  980. </div>
  981. <div class="quickly-open-btn wechat-qr-code-btn">
  982. <div class="quickly-icon wechat-qr-code-icon">
  983. </div>
  984. 微信客服
  985. <div class="wechat-qr-code-box">
  986. <span class="qr-code-image">
  987. <img class="image" src="static/picture/officialmp.jpg" alt="">
  988. </span>
  989. <p class="message">
  990. 微信扫码关注
  991. </p>
  992. </div>
  993. </div>
  994. <!--返回顶部-->
  995. <div class="callback-top-btn-box">
  996. <div class="quickly-open-btn callback-top-btn" style="display: none;">
  997. <div class="line"></div>
  998. <div class="callback-top-btn-container">
  999. <div class="quickly-icon callback-top-icon"></div>
  1000. 返回顶部
  1001. </div>
  1002. </div>
  1003. </div>
  1004. </div>
  1005. <!--右侧悬浮栏 结束-->
  1006. <!--中间客服联系弹窗-->
  1007. <div class="modal-alter">
  1008. <div class="modal-alter-wrap">
  1009. <div>
  1010. <div class="close-modal" onclick="closedLandingKfAlertModal()">+</div>
  1011. <h3>按需定制 高效交付</h3>
  1012. <h2>您的想法我们来实现</h2>
  1013. <p>拥有15年项目开发经验,服务客户来自大众、亚马逊、印象笔记等500强企业、政府、银行</p>
  1014. </div>
  1015. <div class="btn-text-center">
  1016. <a href="javascript:;" class="modal-btn left-btn open-submit-modal-btn">提交需求</a>
  1017. <a href="javascript:;" class="modal-btn right-btn open-53kf-btn">立即咨询</a>
  1018. </div>
  1019. <p class="tips-dec">*联系项目经理,获取开发方案,项目报价</p>
  1020. <div class="img-div">
  1021. <img src="static/picture/modal-alert.png" alt="">
  1022. </div>
  1023. </div>
  1024. </div>
  1025. <!--中间客服联系弹窗 结束-->
  1026. <!--提交需求弹窗 开始-->
  1027. <div class="landing-submit-modal" id="landing-submit-modal">
  1028. <div class="submit-modal-mask" onclick="SubmitModal.closeModal()"></div>
  1029. <div class="center-box form-modal has-budget-center-box">
  1030. <div class="form-box">
  1031. <div class="form-title">
  1032. 马上提交需求,获得<span>产品咨询和项目报价</span>
  1033. </div>
  1034. <div class="form-center" id="landing-modal-form">
  1035. <div class="form-list form-items">
  1036. <input class="form-name form-item" name="name" type="text" placeholder="姓名" autocomplete="off">
  1037. <input class="form-phone form-item" name="phone" type="text" placeholder="手机或座机号码" autocomplete="off">
  1038. <input type="hidden" name="_token" value="rS4G94GQfO6DHdWBEfY2DrvXD1S41JlXRQVEs7dy"> </div>
  1039. <div class="form-list">
  1040. <input class="form-company" name="company" type="text" placeholder="公司名称" autocomplete="off">
  1041. </div>
  1042. <div class="form-list">
  1043. <select type="text" name="budget" required="false" class="form-budget form-control" placeholder="定制开发预算">
  1044. <option value="" disabled="" selected="">选择开发预算</option>
  1045. <option value="2万">2万</option>
  1046. <option value="2-5万">2-5万</option>
  1047. <option value="5万以上">5万以上</option>
  1048. <option value="10万以上">10万以上</option>
  1049. </select>
  1050. </div>
  1051. <div class="form-list composite-project-category"></div>
  1052. <div class="form-list">
  1053. <textarea autocomplete="off" name="description" onfocus="SubmitModal.descriptionAreaInput(event)" oninput="SubmitModal.descriptionAreaInput(event)" class="form-text" placeholder="示例:我有一个电影点评公众号,想做一款关联的影评小程序。"></textarea>
  1054. <div class="form-description-message"></div>
  1055. </div>
  1056. </div>
  1057. <button class="btn btn-o btn-blue form-btn" onclick="SubmitModal.submitProposalForm('landing-modal-form')">
  1058. 免费获取报价方案
  1059. </button>
  1060. <div class="form-box-foot">
  1061. <ul>
  1062. <li>提交后我们会在24小时内联系您!</li>
  1063. <li onclick="callTal()">联系方式:17347315117</li>
  1064. </ul>
  1065. </div>
  1066. </div>
  1067. <div class="close" onclick="SubmitModal.closeModal(event)">
  1068. ×
  1069. </div>
  1070. </div>
  1071. <div class="center-box loading-modal">
  1072. <div class="submit-ing">
  1073. <div class="submit-ing-center">
  1074. <img src="static/picture/icon-result-ing.svg" alt="">
  1075. <div>提交中,请稍等…</div>
  1076. </div>
  1077. </div>
  1078. <div class="close" onclick="SubmitModal.closeModal(event)">
  1079. ×
  1080. </div>
  1081. </div>
  1082. <div class="center-box success-modal">
  1083. <div class="submit-success">
  1084. <img src="static/picture/icon-result-success.svg" alt="">
  1085. <div class="title">提交成功</div>
  1086. <div class="text">请保持联系方式畅通,我们会在24小时内联系您!</div>
  1087. <div class="phone" onclick="callTal()">联系方式:4006-988-819</div>
  1088. </div>
  1089. <div class="close" onclick="SubmitModal.closeModal(event)">
  1090. ×
  1091. </div>
  1092. </div>
  1093. <div class="center-box err-modal">
  1094. <div class="submit-err">
  1095. <img src="static/picture/icon-result-error.svg" alt="">
  1096. <div class="title">提交失败</div>
  1097. <div class="text">请联系客服人员或拨打电话</div>
  1098. <div class="phone" onclick="callTal()">联系方式:4006-988-819</div>
  1099. </div>
  1100. <div class="close" onclick="SubmitModal.closeModal(event)">
  1101. ×
  1102. </div>
  1103. </div>
  1104. </div>
  1105. <!--提交需求弹窗 结束-->
  1106. <!--第三方js-->
  1107. <script src="static/js/jquery.min1.js"></script>
  1108. <script src="static/js/swiper.min.js"></script>
  1109. <script src="static/js/jquery.cookie.min.js"></script>
  1110. <!--通用的自定义js-->
  1111. <!--全局通用方法-->
  1112. <script type="text/javascript" src="static/js/common_utils1.js"></script>
  1113. <!--落地页通用方法-->
  1114. <script type="text/javascript" src="static/js/landing_common_utils.js"></script>
  1115. <!--右侧栏-->
  1116. <script type="text/javascript" src="static/js/sidebar.js"></script>
  1117. <!--弹框表单-->
  1118. <link href="static/css/proposal-submit-modal.css" rel="stylesheet" type="text/css">
  1119. <script src="static/js/proposal_submit_modal1.js"></script>
  1120. <!--通用的自定义js结束-->
  1121. <!--落地页交互js-->
  1122. <script type="text/javascript" src="static/js/app2.js"></script>
  1123. <script>
  1124. $(document).on('scroll', function () {
  1125. sliderScrollFunc('section-slide', 132, 282, 150);
  1126. // scrollFn();
  1127. });
  1128. // scrollFn();
  1129. </script>
  1130. <script id="hz6d_flp_jquery" src="static/js/jquery-1.4.2.flp.js" type="text/javascript"></script>
  1131. <!--End Footer Bottom-->
  1132. </body>
  1133. </html>