index1.html 44 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>【APP开发|小程序开发|网站建设|H5开发|物联网开发|爬虫定制开发|管理系统订制开发】-铭迅科技</title>
  6. <meta name="keywords" content="APP,小程序,网站,H5,物联网,管理系统,WEB应用,数据爬虫,CRM,ERP,OA,设计,建设,开发,订制开发,铭迅科技">
  7. <meta name="description" content="铭迅科技,专业APP开发和小程序开发公司,提供网站建设,H5开发,物联网开发,数据爬虫定制开发,管理系统订制等软件开发服务及解决方案">
  8. <!-- Stylesheets -->
  9. <link href="static/css/styleos.css" rel="stylesheet" type="text/css" />
  10. <link href="static/css/bootstrap.css" rel="stylesheet">
  11. <link href="static/css/style.css" rel="stylesheet">
  12. <link href="static/css/index.css" rel="stylesheet">
  13. <link href="static/css/index-media.css" rel="stylesheet">
  14. <link href="static/css/sidebar.css" rel="stylesheet" type="text/css">
  15. <link href="static/css/swiper-bundle.min.css" rel="stylesheet">
  16. <link rel="icon" type="image/x-icon" href="./static/image/icon.jpg"/>
  17. <link href="static/css/55.css" rel="stylesheet" />
  18. <link href="static/css/ad.css" rel="stylesheet">
  19. <link href="static/css/styles.css" rel="stylesheet"/>
  20. <!--Color Themes-->
  21. <link href="static/css/30.css" rel="stylesheet"/>
  22. <link href="static/css/56.css" rel="stylesheet" type="text/css" />
  23. <link href="static/css/53.css" rel="stylesheet" type="text/css" />
  24. <!-- Responsive -->
  25. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  26. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
  27. <style>
  28. @media screen and (max-width: 480px){
  29. .product-list .product-right .product-info .product-info-item-2 .product-logo i, .product-list .product-right .product-info .product-info-item-2 .product-logo{
  30. height: 138px;
  31. }
  32. }
  33. @media screen and (max-width:480px){
  34. .case_panel{display:none;
  35. height: 0px !important;
  36. }
  37. .footer {
  38. height: 590px !important;
  39. }
  40. .partners{
  41. margin: 0px !important;
  42. }
  43. .footer .footer-block .footer-tit{
  44. width: 100px;
  45. margin: 0 auto 5px auto;
  46. }
  47. .footer .footer-block .hot-line{
  48. width: 340px;
  49. margin: 0;
  50. margin-left: -120px;
  51. }
  52. .footer .footer-block p>span{
  53. display:none;
  54. }
  55. .t1_pic{
  56. margin-top: 30px;
  57. }
  58. }
  59. .title-block .common-title .title.t_1{
  60. background-image: none !important;
  61. }
  62. .ability .part_1 .part_1_left .left-title{
  63. background-image: none !important;
  64. }
  65. .advantage ul li .item-icon{
  66. width: 150px;
  67. padding: 20px;
  68. background-color: #c8e5ff;
  69. border-radius:50%;
  70. text-shadow:4px 4px 2px gray;
  71. }
  72. .product-list .product-right .product-info .product-info-item-2{
  73. height: 190px !important;
  74. padding: 0;
  75. margin-bottom: 0;
  76. line-height: 0px;
  77. }
  78. /* .product-list .product-right .product-info .product-info-item-2 .product-logo{
  79. margin: 0 !important;
  80. height: 155px;
  81. padding: 0;
  82. line-height: 155px;
  83. } */
  84. .product-list .product-right .product-info .product-info-item-2 .show-more .btn{
  85. padding: 0;
  86. }
  87. .ulbox li a{
  88. color: #2B94F6;
  89. }
  90. .ulbox li a:hover{
  91. color: blue;
  92. }
  93. </style>
  94. <script type="text/javascript" src="static/js/jquery-1.7.2.min.js"></script>
  95. <script type="text/javascript" src="static/js/indexsd.js"></script>
  96. <!-- <script type="text/javascript" src="static/js/scrollReveal.js"></script> -->
  97. </head>
  98. <body class="hidden-bar-wrapper">
  99. <div class="page-wrapper" style="margin:0 auto;">
  100. <!-- Main Header-->
  101. <!--顶部菜单 -->
  102. <div class="header-perch">
  103. <div class="snow-container" style="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;"></div>
  104. <div class="hx-header-fix">
  105. <div class="auto-container">
  106. <div class="hx-header mobile">
  107. <div class="hx-logo" style="width: 108px; height: 70px;">
  108. <a href="">
  109. <img style="width: auto;" src="static/image/login.png" class="logo_blue" alt="">
  110. <img style="width: auto;" src="static/image/login.png" class="logo_white" alt="">
  111. </a>
  112. </div>
  113. <div class="menu-operate">
  114. <div id="menu-operate-close"><img src="static/picture/71.png" alt=""></div>
  115. <div id="menu-operate-spread"><img src="static/picture/72.png" alt=""></div>
  116. </div>
  117. <div class="hx-menu">
  118. <ul>
  119. <li><a style="font-family:Microsoft YaHei;" href="index1.html">首页</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  120. <li><a style="font-family:Microsoft YaHei;" href="services.html">软件开发服务</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  121. <li><a style="font-family:Microsoft YaHei;" href="case.html">服务案例</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  122. <li><a style="font-family:Microsoft YaHei;" href="faq.html">新闻资讯</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  123. <li><a style="font-family:Microsoft YaHei;" href="contact.html">联系我们</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  124. <li><a style="font-family:Microsoft YaHei;" href="about.html">关于我们</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  125. <li><a style="font-family:Microsoft YaHei; width: 180px;" href="" onclick="window.location.href='tel:' + 17347315117;" >咨询电话:17347315117 </a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  126. </ul>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. <!--End Main Header -->
  133. <!--轮播 -->
  134. <div class="carousel">
  135. <div class="swiper swiper-carousel">
  136. <div class="swiper-wrapper">
  137. <div class="swiper-slide">
  138. <img src="static/image/1-R.jpg">
  139. <div class="slide-des des_3">
  140. <div class="des-title">铭迅科技·企业软件开发服务商</div>
  141. <div class="des-word">
  142. <ul>
  143. <li>帮助互联网企业快速落地项目计划</li>
  144. <li>帮助传统企业实现转型,实现信息化,搭上互联网便车,创造更多价值</li>
  145. <li>帮助政府实现信息化管理,搭建智慧管理系统</li>
  146. </ul>
  147. </div>
  148. <div class="des-zx"><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')" target="_blank"><img src="static/picture/zx_3.png" alt=""></a></div>
  149. </div>
  150. </div>
  151. <div class="swiper-slide">
  152. <img src="static/image/350.jpg">
  153. <div class="slide-des des_2">
  154. <div class="des-title">服务五百强企业·用服务助力增长</div>
  155. <div class="des-word">
  156. 深度洞察客户需求,帮助企业用最有效的方式获得客户并传递价值,提升客户体验。用雄厚的技术实力,更好的支持优质、全面的技术支持服务。
  157. </div>
  158. <div class="des-zx"><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')" target="_blank"><img src="static/picture/zx_2.png" alt=""></a></div>
  159. </div>
  160. </div>
  161. <div class="swiper-slide">
  162. <img src="static/image/1s-14.png">
  163. <div class="slide-des des_1">
  164. <div class="des-title">全面助力企业数字化转型</div>
  165. <div class="des-word">
  166. 以企业价值为引领,以数据智能为核心,以长期陪跑为重点,助力企业向敏捷、融合、自驱的数字化企业转型。
  167. </div>
  168. <div class="des-zx"><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')" target="_blank"><img src="static/picture/zx_1.png" alt=""></a></div>
  169. </div>
  170. </div>
  171. </div>
  172. <div class="swiper-pagination swiper-carousel-pagination"></div>
  173. </div>
  174. </div>
  175. <div class="title t_1 " style="height: 35px;
  176. font-size: 36px;
  177. width: 100%;
  178. font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  179. font-weight: bold;
  180. color: #222B33;
  181. line-height: 48px;
  182. ">
  183. <div class="title-word col-md-12 col-sm-12 col-xs-12" style="margin: 70px auto 0 auto;text-align: center; ">热门服务
  184. </div>
  185. <div class="title-line" style="margin: 4px auto 0px auto;
  186. width: 80px;
  187. height: 7px;
  188. background: #2B94F6;"></div>
  189. </div>
  190. <!--part_1 增长 -->
  191. <div class="product-list">
  192. <div class="warp">
  193. <div class="product-item o2o">
  194. <div class="product-con">
  195. <div class="product-right"style="margin-top: 20px;" >
  196. <div class="product-info j-tab-item active " style="margin-top: 0px; " rel="1">
  197. <div class="product-info-item-2 col-md-4 col-sm-6 col-xs-12">
  198. <div class="product-logo">
  199. <i style="background: url(static/picture/a0e3a2252c2d18599f8920009780937d.png)no-repeat 0 0/100%"></i>
  200. </div>
  201. <div class="product-name " style="height: 40px;">APP开发</div>
  202. <div class="show-more">
  203. <a class="btn" href="app.html">APP开发方案</a>
  204. <a class="btn" href="app.html">详情</a>
  205. </div>
  206. </div>
  207. <div class="product-info-item-2 col-md-4 col-sm-6 col-xs-12">
  208. <div class="product-logo">
  209. <i class="" style="background: url(static/picture/c030a8cd605027abb0e24db893a7da00.png) no-repeat 0 0 / 100%"></i>
  210. </div>
  211. <div class="product-name">小程序开发</div>
  212. <div class="show-more ">
  213. <a class="btn" href="mini-program.html">小程序定制开发方案</a>
  214. <a class="btn" href="mini-program.html">详情</a>
  215. </div>
  216. </div>
  217. <div class="product-info-item-2 col-md-4 col-sm-6 col-xs-12">
  218. <div class="product-logo ">
  219. <i style="background: url(static/picture/04a800b4df8ab3734cecf92c89c6b98d.png) no-repeat 0 0 / 100%" ></i>
  220. </div>
  221. <div class="product-name ">H5开发</div>
  222. <div class="show-more ">
  223. <a class="btn" href="h5.html">H5开发方案</a>
  224. <a class="btn" href="h5.html">详情</a>
  225. </div>
  226. </div>
  227. <div class="product-info-item-2 col-md-4 col-sm-6 col-xs-12">
  228. <div class="product-logo ">
  229. <i style="background: url(static/picture/a143084ad876ea9a2c14675fbc8e6d69.png) no-repeat 0 0 / 100%"></i>
  230. </div>
  231. <div class="product-name " >Web开发</div>
  232. <div class="show-more ">
  233. <a class="btn" href="web.html">开发方案</a>
  234. <a class="btn" href="web.html">详情</a>
  235. </div>
  236. </div>
  237. <div class="product-info-item-2 col-md-4 col-sm-6 col-xs-12">
  238. <div class="product-logo ">
  239. <i style="background: url(static/picture/081d6ec20be8ca13ea984317522aef88.png) no-repeat 0 0 / 100%"></i>
  240. </div>
  241. <div class="product-name ">人工智能开发</div>
  242. <div class="show-more ">
  243. <a class="btn" href="ai-bigdata.html">人工智能开发方案</a>
  244. <a class="btn" href="ai-bigdata.html">详情</a>
  245. </div>
  246. </div>
  247. <div class="product-info-item-2 col-md-4 col-sm-6 col-xs-12">
  248. <div class="product-logo ">
  249. <i style="background: url(static/picture/340cf33cf11a26648c220d4040740765.png) no-repeat 0 0 / 100%"></i>
  250. </div>
  251. <div class="product-name ">OA开发</div>
  252. <div class="show-more ">
  253. <a class="btn" href="oa.html">OA开发方案</a>
  254. <a class="btn" href="oa.html">详情</a>
  255. </div>
  256. </div>
  257. <div class="product-info-item-2 col-md-4 col-sm-6 col-xs-12">
  258. <div class="product-logo ">
  259. <i style="background: url(static/picture/82acbfdafb6624aa3440ebaba39dfdca.png) no-repeat 0 0 / 100%"></i>
  260. </div>
  261. <div class="product-name ">品牌网站建设</div>
  262. <div class="show-more ">
  263. <a class="btn" href="official-website.html">品牌网站开发方案</a>
  264. <a class="btn" href="official-website.html">详情</a>
  265. </div>
  266. </div>
  267. <div class="product-info-item-2 col-md-4 col-sm-6 col-xs-12">
  268. <div class="product-logo ">
  269. <i style="background: url(static/picture/85667e06063873de397a085db5945601.png) no-repeat 0 0 / 100%"></i>
  270. </div>
  271. <div class="product-name ">其他网站建设</div>
  272. <div class="show-more ">
  273. <a class="btn" href="other-website.html">其他网站开发方案</a>
  274. <a class="btn" href="other-website.html">详情</a>
  275. </div>
  276. </div>
  277. <div class="blank "></div>
  278. </div>
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. <!-- 淡入淡出 -->
  285. <div id="main"> <div class="title t_1" style="
  286. width: 100%;
  287. font-size: 36px;
  288. font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  289. font-weight: bold;
  290. color: #222B33;
  291. line-height: 48px;
  292. margin-top: 20px ;
  293. margin-bottom: -50px;">
  294. <div class="title-word col-md-12 col-sm-12 col-xs-12" style="margin: 40px auto 0 auto; text-align: center;">服务能力
  295. </div>
  296. <div class="title-line" style="margin: 4px auto 0px auto;
  297. width: 80px;
  298. height: 7px;
  299. background: #2B94F6;"
  300. ></div>
  301. </div>
  302. <div class="catalog" style=" margin: 0 auto; max-width: 1350px">
  303. <div class="wrap">
  304. <div class="img fl-right" data-scroll-reveal="enter right over 0.5s after 0.2s"><img src="static/picture/20201230113817.png"></div>
  305. <div class="container fl-left" style="margin-top: 50px;" data-scroll-reveal="enter left over 0.5s after 0.2s"><div class="title">企业级平台定制开发 - 行业级应用系统定制开发及解决方案</div>
  306. <p>我们的解决方案覆盖众多领域,能够根据具体需求提供涵盖规划、设计、开发、部署、运维等定制化服务;并结合客户个性化需求,为客户提供专业、完善的解决方案。</p>
  307. <a href="https://kefu.ywkefu.com/chat/api/chatGroup/h5/632" target="_blank" class="more" style=" font-size: 15px;width: 130px !important;">咨询更多方案</a>
  308. </div>
  309. <div class="clear"></div>
  310. </div>
  311. <div class="wrap">
  312. <div class="img fl-left" data-scroll-reveal="enter right over 0.5s after 0.2s"><img src="static/picture/20201229181217.png"></div>
  313. <div class="container fl-right" style=" margin-top: 50px;" data-scroll-reveal="enter left over 0.5s after 0.2s"><div class="title">应用开发 - iOS&Android应用定制开发与服务</div>
  314. <p>多年APP开发与行业经验的沉淀,<br>覆盖二十余种主流行业,同时聚焦热门行业,<br>为企业和商家提供符合业务发展需要的移动端解决方案服务。</p>
  315. <a href="https://kefu.ywkefu.com/chat/api/chatGroup/h5/632" target="_blank" class="more" style=" font-size: 15px;width: 130px !important;">咨询更多方案</a>
  316. </div>
  317. <div class="clear"></div>
  318. </div>
  319. <div class="wrap">
  320. <div class="img fl-right" data-scroll-reveal="enter right over 0.5s after 0.2s"><img src="static/picture/20201229181225.png"></div>
  321. <div class="container fl-left" style=" margin-top: 50px;" data-scroll-reveal="enter left over 0.5s after 0.2s"><div class="title">微信平台及门户开发 - 公众号、小程序及各类门户规划与部署</div>
  322. <p>为您打造量身定制的微信平台服务;<br>微官网、微商城、微应用、微服务等全方位门户入口;<br>塑立企业品牌形象,增加客户黏性,提升营销收益。</p>
  323. <a href="https://kefu.ywkefu.com/chat/api/chatGroup/h5/632" target="_blank" class="more" style=" font-size: 15px;width: 130px !important;">咨询更多方案</a>
  324. </div>
  325. <div class="clear"></div>
  326. </div>
  327. </div>
  328. <!-- ability 能力 -->
  329. <!-- case 案例 -->
  330. <div class="case_panel youxian" style="height: 600px !important; margin:60px auto 0 auto; max-width: 1200px !important;">
  331. <div class="t1_pic" style="text-align: center; margin-bottom: 25px; font-size: 40px; "><a style="color: #000;" href="faq.html">
  332. 开发案例 Cases
  333. </a>
  334. </div>
  335. <div class="p_absolute" style="margin-top:40px;">
  336. <div class="home_container">
  337. <div class="case_nav" style="margin: 0px auto -22px auto;">
  338. <em class="pulse animated infinite"></em></a>
  339. <a title="模板建站案例" href="javascript:;" data-casekey="1">小程序开发案例<br>
  340. <em class="pulse animated infinite"></em></a>
  341. <a title="微信小程序案例" href="javascript:;" data-casekey="2">APP开发案例<br>
  342. <em class="pulse animated infinite"></em></a>
  343. <a title="网站定制案例" href="javascript:;" data-casekey="3">OA开发案例<br>
  344. <em class="pulse animated infinite"></em></a>
  345. </div>
  346. <div class="n_case" data-caseval="0">
  347. <div class="case_list" id="case-list">
  348. <ul class="list">
  349. <li class="col-md-4 col-sm-12 col-xs-12">
  350. <div class="g-img">
  351. <a><img src="static/image/deme.jpg" height="260" width="380">
  352. <div class="tt">得盟小程序</div>
  353. </a>
  354. </div>
  355. <div class="info col-md-4 col-sm-6 col-xs-12">
  356. <a href="dome1.html">
  357. <div class="cate f-fl">小程序详情:
  358. <a href="dome1.html">得盟小程序开发案例</a>
  359. </div>
  360. </a>
  361. <div class="switch f-fr"> </div>
  362. </div>
  363. </li>
  364. <li class="col-md-4 col-sm-12 col-xs-12">
  365. <div class="g-img ">
  366. <a href="javascript:;"> <img src="static/image/1.1.jpg" height="260" width="380">
  367. <div class="tt">人力资源小程序</div>
  368. </a>
  369. </div>
  370. <div class="info">
  371. <a href="S2index.html">
  372. <div class="cate f-fl">小程序详情:
  373. <a href="S2index.html">人力资源小程序开发案例 </a>
  374. </div>
  375. </a>
  376. <div class="switch f-fr"> </div>
  377. </div>
  378. </li>
  379. <li class="col-md-4 col-sm-12 col-xs-12">
  380. <div class="g-img">
  381. <a href="javascript:;" > <img src="static/image/1.2.jpg" height="260" width="380">
  382. <div class="tt">来装修小程序</div>
  383. </a>
  384. </div>
  385. <div class="info">
  386. <a href="dome.html">
  387. <div class="cate f-fl">小程序详情:
  388. <a href="dome.html">来装修小程序开发案例</a>
  389. </div>
  390. </a>
  391. <div class="switch f-fr"> </div>
  392. </div>
  393. </li>
  394. </ul>
  395. </div>
  396. </div>
  397. <div class="n_case" data-caseval="1" style="display:none">
  398. <div class="case_list" id="case-list">
  399. <ul class="list">
  400. <li>
  401. <div class="g-img">
  402. <a><img src="static/image/deme.jpg" height="260" width="380">
  403. <div class="tt">得盟小程序</div>
  404. </a>
  405. </div>
  406. <div class="info">
  407. <a href="dome1.html">
  408. <div class="cate f-fl">小程序详情:
  409. <a href="dome1.html">得盟小程序开发案例</a>
  410. </div>
  411. </a>
  412. <div class="switch f-fr"> </div>
  413. </div>
  414. </li>
  415. <li>
  416. <div class="g-img">
  417. <a href="javascript:;"> <img src="static/image/1.1.jpg" height="260" width="380">
  418. <div class="tt">人力资源小程序</div>
  419. </a>
  420. </div>
  421. <div class="info">
  422. <a href="S2index.html">
  423. <div class="cate f-fl">小程序详情:
  424. <a href="S2index.html">人力资源小程序开发案例 </a>
  425. </div>
  426. </a>
  427. <div class="switch f-fr"> </div>
  428. </div>
  429. </li>
  430. <li>
  431. <div class="g-img">
  432. <a href="javascript:;" > <img src="static/image/1.2.jpg" height="260" width="380">
  433. <div class="tt">来装修小程序</div>
  434. </a>
  435. </div>
  436. <div class="info">
  437. <a href="dome.html">
  438. <div class="cate f-fl">小程序详情:
  439. <a href="dome.html">来装修小程序开发案例</a>
  440. </div>
  441. </a>
  442. <div class="switch f-fr"> </div>
  443. </div>
  444. </li>
  445. </ul>
  446. </div>
  447. </div>
  448. <div class="n_case" data-caseval="2" style="display:none">
  449. <div class="case_list" id="case-list">
  450. <ul class="list">
  451. <li>
  452. <div class="g-img">
  453. <a href="javascript:;"> <img src="static/image/yuen.jpg" height="260" width="380">
  454. <div class="tt">越南App</div>
  455. </a>
  456. </div>
  457. <div class="info">
  458. <a href="dome3.html">
  459. <div class="cate f-fl">App详情:
  460. <a href="dome3.html">越南App开发案例</a>
  461. </div>
  462. </a>
  463. <div class="switch f-fr"> </div>
  464. </div>
  465. </li>
  466. <li>
  467. <div class="g-img">
  468. <a href="javascript:;"><img src="static/image/1.3.jpg" height="260" width="380">
  469. <div class="tt">姻缘 App</div>
  470. </a>
  471. </div>
  472. <div class="info">
  473. <a href="dome4.html">
  474. <div class="cate f-fl">App详情:
  475. <a href="dome4.html">姻缘App开发案例</a>
  476. </div>
  477. </a>
  478. <div class="switch f-fr"> </div>
  479. </div>
  480. </li>
  481. <li>
  482. <div class="g-img">
  483. <a href="javascript:;"> <img src="static/image/wx-3.jpg" height="260" width="380">
  484. <div class="tt">医院App</div>
  485. </a>
  486. </div>
  487. <div class="info">
  488. <a href="dome11.html">
  489. <div class="cate f-fl">App详情:
  490. <a href="dome11.html">医院App开发案例</a>
  491. </div>
  492. </a>
  493. <div class="switch f-fr"> </div>
  494. </div>
  495. </li>
  496. </ul>
  497. </div>
  498. </div>
  499. <div class="n_case" data-caseval="3" style="display:none">
  500. <div class="case_list" id="case-list">
  501. <ul class="list">
  502. <li>
  503. <div class="g-img">
  504. <a href="javascript:;" > <img src="static/image/1.6.png" height="260" width="380">
  505. <div class="tt">学生生就业管理系统</div>
  506. </a>
  507. </div>
  508. <div class="info">
  509. <a href="dome6.html">
  510. <div class="cate f-fl">OA详情:
  511. <a href="dome6.html">学生生就业管理系统开发案例</a>
  512. </div>
  513. </a>
  514. <div class="switch f-fr"> </div>
  515. </div>
  516. </li>
  517. <li>
  518. <div class="g-img">
  519. <a href="javascript:;" > <img src="static/image/1.7png.png" height="260" width="380">
  520. <div class="tt">企业OA管理系统</div>
  521. </a>
  522. </div>
  523. <div class="info">
  524. <a href="dome7.html">
  525. <div class="cate f-fl">OA详情:
  526. <a href="dome7.html" >企业OA管理系统开发案例</a>
  527. </div>
  528. </a>
  529. <div class="switch f-fr"> </div>
  530. </div>
  531. </li>
  532. <li>
  533. <div class="g-img">
  534. <div style="width:100%; height: 300px; line-height: 300px; text-align: center; color: #2B94F6;">
  535. <a href="case.html">查看更多</a>
  536. </div>
  537. </div>
  538. </li>
  539. </ul>
  540. </div>
  541. </div>
  542. <div class="n_case" data-caseval="4" style="display:none">
  543. <div class="case_list" id="case-list">
  544. <ul class="list">
  545. </ul>
  546. </div>
  547. </div>
  548. </div>
  549. </div>
  550. </div>
  551. <!-- customer 新闻资讯 -->
  552. <div class="t1_pic col-md-12 col-sm-6 col-xs-12" style="text-align: center; margin-bottom: 25px; font-size: 40px; "><a style="color: #000;" href="faq.html">
  553. 新闻资讯 News
  554. </a>
  555. </div>
  556. <div class="index_news" style="max-width:1400px ;" >
  557. <div class="news_box col-md-4 col-sm-6 col-xs-12" style="padding: 0px; margin-right: 30px ;">
  558. <h3 class="news_title"><a href="faq.html">软件开发资讯</a>
  559. </h3>
  560. <div class="news_more" style="margin-top: 20px;"><a href="faq.html" > </a></div>
  561. <a href="faq.html" title="银行APP开发功能分析"> <img src="static/image/20.png" /></a>
  562. <span><a href="faq.html" ><b class="ns_b">银行APP开发功能分析</b></a>
  563. <a href="faq.html" >在银行办理业务时,如果需要排队的话,因为银行的业务范畴很广泛。<i>08-31</i></a></span>
  564. <ul>
  565. <li><span>08-30 </span><h4><a href="" title="驾校APP开发添加哪些功能更受欢迎?">驾校APP开发添加哪些功能更受欢迎?</a></h4></li>
  566. <li><span>08-29 </span><h4><a href="" title="陪诊类APP开发前景分析">陪诊类APP开发前景分析</a></h4></li>
  567. <li><span>08-26 </span><h4><a href="" title="教育APP开发可以添加直播课堂吗?">教育APP开发可以添加直播课堂吗?</a></h4></li>
  568. <li><span>08-25 </span><h4><a href="" title="医疗APP开发可以添加哪些功能?">医疗APP开发可以添加哪些功能?</a></h4></li>
  569. <li><span>08-23 </span><h4><a href="" title="记账类APP开发有哪些功能?">记账类APP开发有哪些功能?</a></h4></li>
  570. </ul>
  571. </div>
  572. <!-- new-2 -->
  573. <div class="news_box col-md-4 col-sm-6 col-xs-12" style="padding: 0px; margin-right: 30px ;">
  574. <h3 class="news_title"><a href="faq.html">行业动态</a>
  575. </h3>
  576. <div class="news_more" style="margin-top: 20px;"><a href="faq.html" > </a></div>
  577. <a href="faq.html" title="银行APP开发功能分析"> <img src="static/image/21.png" /></a>
  578. <span><a href="faq.html" ><b class="ns_b">银行APP开发功能分析</b></a>
  579. <a href="faq.html" >在银行办理业务时,如果需要排队的话,因为银行的业务范畴很广泛。 <i>08-31</i></a></span>
  580. <ul>
  581. <li><span>08-30 </span><h4><a href="" title="驾校APP开发添加哪些功能更受欢迎?">驾校APP开发添加哪些功能更受欢迎?</a></h4></li>
  582. <li><span>08-29 </span><h4><a href="" title="陪诊类APP开发前景分析">陪诊类APP开发前景分析</a></h4></li>
  583. <li><span>08-26 </span><h4><a href="" title="教育APP开发可以添加直播课堂吗?">教育APP开发可以添加直播课堂吗?</a></h4></li>
  584. <li><span>08-25 </span><h4><a href="" title="医疗APP开发可以添加哪些功能?">医疗APP开发可以添加哪些功能?</a></h4></li>
  585. <li><span>08-23 </span><h4><a href="" title="记账类APP开发有哪些功能?">记账类APP开发有哪些功能?</a></h4></li>
  586. </ul>
  587. </div>
  588. <!--news1-->
  589. <div class="news_box col-md-4 col-sm-6 col-xs-12" style="padding: 0px;">
  590. <h3 class="news_title"><a href="faq.html">常见问题</a>
  591. </h3>
  592. <div class="news_more" style="margin-top: 20px;"><a href="faq.html" > </a></div>
  593. <a href="faq.html" title="银行APP开发功能分析"> <img src="static/image/22.png" /></a>
  594. <span><a href="faq.html" ><b class="ns_b">银行APP开发功能分析</b></a>
  595. <a href="faq.html" >在银行办理业务时,如果需要排队的话,因为银行的业务范畴很广泛。 <i>08-31</i></a></span>
  596. <ul>
  597. <li><span>08-30 </span><h4><a href="" title="驾校APP开发添加哪些功能更受欢迎?">驾校APP开发添加哪些功能更受欢迎?</a></h4></li>
  598. <li><span>08-29 </span><h4><a href="" title="陪诊类APP开发前景分析">陪诊类APP开发前景分析</a></h4></li>
  599. <li><span>08-26 </span><h4><a href="" title="教育APP开发可以添加直播课堂吗?">教育APP开发可以添加直播课堂吗?</a></h4></li>
  600. <li><span>08-25 </span><h4><a href="" title="医疗APP开发可以添加哪些功能?">医疗APP开发可以添加哪些功能?</a></h4></li>
  601. <li><span>08-23 </span><h4><a href="" title="记账类APP开发有哪些功能?">记账类APP开发有哪些功能?</a></h4></li>
  602. </ul>
  603. </div>
  604. </div>
  605. </div>
  606. </div>
  607. </div>
  608. <!-- partner 伙伴 -->
  609. <div class="partners" style="margin-top: 280px; overflow: hidden;">
  610. </div>
  611. <!--Main Footer-->
  612. <div class="footer">
  613. <div class="footer-top">
  614. <div class="wrap">
  615. <div class="footer-block w-29">
  616. <div class="logo">
  617. <img src="static/image/login-1.png" alt="login">
  618. </div>
  619. <span class="partner" style="margin-left: -38px;">让APP开发变得更简单</span>
  620. </div>
  621. <div class="footer-block w-25 " style="width: 100%; margin: 0 auto;">
  622. <div class="footer-tit col-md-12 col-sm-12 col-xs-12" >服务热线</div>
  623. <div class="hot-line col-md-12 col-sm-12 col-xs-12">173-4731-5117</div>
  624. <p class="col-md-12 col-sm-12 col-xs-12"><span>售前咨询(09:00-24:00)</span></p>
  625. </div>
  626. <div class="footer-block w-34">
  627. <div class="footer-tit">联系我们</div>
  628. <p style="margin-bottom: 10px;">长沙市岳麓区枫林三路喜地大厦802室 </p>
  629. <p class="mb-10">
  630. <a href="tencent://message/?uin=2065525518&Site=&Menu=yes" target="_blank">
  631. 企业QQ:23933725
  632. <span class="foot-qq"></span>
  633. </a>
  634. </p>
  635. <p>企业邮箱:23933725@qq.com</p>
  636. <p>电话咨询:17347315117</p>
  637. </div>
  638. <div class="footer-block w-12">
  639. <div class="footer-tit">加官方微信</div>
  640. <div class="footer-ewm">
  641. <img src="static/image/erwei.jpg" alt="ewm">
  642. </div>
  643. <p class="ml">免费咨询报价及方案</p>
  644. </div>
  645. <div class="clear"></div>
  646. </div>
  647. </div>
  648. <div class="footer-bottom" style="height: auto;padding:10px 0;line-height: 20px;">
  649. <p>
  650. Copyright@2021-2022 湘ICP备2022000793号 湖南铭迅网络科技有限公司 版权所有 |
  651. </p>
  652. <ul class="ulbox">
  653. <li><a href="about.html">关于我们 |</a></li>
  654. <li><a href="faq.html">新闻资讯 |</a></li>
  655. <li><a href="contact.html">联系我们 |</a></li>
  656. <li><a href="map.html">网站地图 |</a></li>
  657. </ul>
  658. <ul class="ulboxs">
  659. <li>友情链接 :</li>
  660. <!-- <li><a>铺好租</a></li>
  661. <li><a>百万网址导航</a></li>
  662. <li><a>广州保洁公司</a></li>
  663. <li><a>九江公司</a></li>
  664. <li><a>长沙装修公司</a></li>
  665. <li><a>大集商铺网</a></li>
  666. <li><a>长沙门面出租</a></li> -->
  667. </ul>
  668. <div class="h40"></div>
  669. <!--End Footer Bottom-->
  670. <script>
  671. // var _hmt = _hmt || [];
  672. // (function() {
  673. // var hm = document.createElement("script");
  674. // hm.src = "https://hm.baidu.com/hm.js?7c8206c3cbaf6b515a6a72f50fbb4632";
  675. // var s = document.getElementsByTagName("script")[0];
  676. // s.parentNode.insertBefore(hm, s);
  677. // })();
  678. </script>
  679. </footer>
  680. </div>
  681. </div>
  682. <!--侧边栏-->
  683. <div id="quicklyOpenSubModal" class="quickly-open">
  684. <div class="open-modal quickly-open-btn">
  685. <div class="quickly-icon tijiao-icon"></div>
  686. 提交需求
  687. </div>
  688. <div class="quickly-open-btn open-meiqia-btn"
  689. 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')">
  690. <span id="unreadNum" class="unread-num"></span>
  691. <div class="quickly-icon meiqia-icon"></div>
  692. 在线联系
  693. </div>
  694. <div class="quickly-open-btn call-btn" id="callBtn">
  695. <div class="quickly-call-btn-container" onclick="window.location.href='tel:' + 17347315117;" >
  696. <div class="quickly-icon call-icon"></div>
  697. 电话咨询
  698. </div>
  699. <div class="call-tag">
  700. <span class="call-num" onclick="callTal()">电话咨询:17347315117</span>
  701. </div>
  702. </div>
  703. </div>
  704. <!--End pagewrapper-->
  705. <!--Scroll to top-->
  706. <script src="static/js/jquery.js"></script>
  707. <script>
  708. (function(){
  709. window.scrollReveal = new scrollReveal({ reset: true, move: '50px'});
  710. document.oncontextmenu = function () {
  711. event.returnValue = false;
  712. };
  713. })();
  714. </script>
  715. <script src="static/js/script.js"></script>
  716. <script src="static/js/swiper-bundle.min.js"></script>
  717. <script>
  718. $(function() {
  719. $(".hx-header-fix").addClass('no-bg');
  720. $('#menu-operate-spread').click(function () {
  721. $(".hx-header-fix").removeClass('no-bg');
  722. $('.hx-menu ul li a').addClass('two');
  723. $('.hx-menu ul li a').removeClass('one');
  724. $('.hx-menu ul li a').removeClass('three');
  725. $('.logo_blue').show();
  726. $('.logo_white').hide();
  727. });
  728. $('#menu-operate-close').click(function () {
  729. review();
  730. });
  731. review();
  732. $(window).scroll(function () {
  733. if($(window).width()<=1200){
  734. if($("#menu-operate-close").css('display') == 'block'){
  735. return;
  736. }
  737. }
  738. review();
  739. });
  740. function review() {
  741. if ($(document).scrollTop() <= 0) {
  742. $('.hx-menu ul li a').removeClass('two');
  743. $(".hx-header-fix").addClass('no-bg');
  744. if(swiperCarousel.activeIndex==1){
  745. $('.hx-menu ul li a').addClass('one');
  746. $('.logo_blue').hide();
  747. $('.logo_white').show();
  748. }
  749. if(swiperCarousel.activeIndex==2){
  750. $('.hx-menu ul li a').addClass('two');
  751. $('.logo_blue').show();
  752. $('.logo_white').hide();
  753. }
  754. if(swiperCarousel.activeIndex==3){
  755. $('.hx-menu ul li a').addClass('three');
  756. $('.logo_blue').hide();
  757. $('.logo_white').show();
  758. }
  759. }else{
  760. $('.hx-menu ul li a').addClass('two');
  761. $(".hx-header-fix").removeClass('no-bg');
  762. $('.hx-menu ul li a').removeClass('one');
  763. $('.hx-menu ul li a').removeClass('three');
  764. $('.logo_blue').show();
  765. $('.logo_white').hide();
  766. }
  767. }
  768. });
  769. var swiper = new Swiper(".mySwiper", {
  770. slidesPerView: 3,
  771. spaceBetween: 15,
  772. slidesPerGroup: 3,
  773. loop: true,
  774. loopFillGroupWithBlank: true,
  775. pagination: {
  776. el: ".swiper-pagination",
  777. clickable: true,
  778. },
  779. navigation: {
  780. nextEl: ".swiper-button-next",
  781. prevEl: ".swiper-button-prev",
  782. },
  783. breakpoints: {
  784. 320: { //当屏幕宽度大于等于320
  785. slidesPerView: 1,
  786. spaceBetween: 10,
  787. slidesPerGroup: 1,
  788. },
  789. 460: { //当屏幕宽度大于等于320
  790. slidesPerView: 2,
  791. spaceBetween: 20,
  792. slidesPerGroup: 2,
  793. },
  794. 640: {
  795. slidesPerView: 2,
  796. spaceBetween: 20,
  797. slidesPerGroup: 2,
  798. },
  799. 810: {
  800. slidesPerView: 3,
  801. spaceBetween: 40,
  802. slidesPerGroup: 3,
  803. },
  804. 1078: {
  805. slidesPerView: 3,
  806. spaceBetween: 50,
  807. },
  808. 3000: {
  809. slidesPerView: 3,
  810. spaceBetween: 50,
  811. },
  812. }
  813. });
  814. var swiperCarousel = new Swiper(".swiper-carousel", {
  815. loop: true,
  816. autoplay: {
  817. pauseOnMouseEnter:true,
  818. delay: 2000,//1秒切换一次
  819. },
  820. pagination: {
  821. el: ".swiper-carousel-pagination",
  822. clickable: true,
  823. },
  824. on: {
  825. slideChange: function(){
  826. if($(document).scrollTop()<=0){
  827. if(this.activeIndex===1){
  828. $('.logo_blue').hide();
  829. $('.logo_white').show();
  830. $('.hx-menu ul li a').removeClass();
  831. $('.hx-menu ul li a').addClass('one');
  832. }else if(this.activeIndex===2){
  833. $('.logo_blue').show();
  834. $('.logo_white').hide();
  835. $('.hx-menu ul li a').removeClass();
  836. $('.hx-menu ul li a').addClass('two');
  837. }else if(this.activeIndex===3){
  838. $('.logo_blue').hide();
  839. $('.logo_white').show();
  840. $('.hx-menu ul li a').removeClass();
  841. $('.hx-menu ul li a').addClass('three');
  842. }
  843. }
  844. },
  845. },
  846. });
  847. swiperCarousel.el.onmouseover = function(){
  848. swiperCarousel.autoplay.stop();
  849. }
  850. swiperCarousel.el.onmouseout = function(){
  851. swiperCarousel.autoplay.start();
  852. }
  853. </script>
  854. </body>
  855. </html>