productServicePingtai.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  3. <head th:replace="common::header(~{::title},~{::link})">
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>财税服务</title>
  8. <!-- 轮播图 -->
  9. <link rel="stylesheet" th:href="${portalHost+'/css/swiper.min.css'}">
  10. <!-- 二级页面CSS -->
  11. <link rel="stylesheet" th:href="${portalHost+'/css/secode.css'}">
  12. </head>
  13. <body>
  14. <div class="app">
  15. <!-- 头部 -->
  16. <header>
  17. <div th:replace="common::nav('','')"></div>
  18. </header>
  19. <!-- 新闻轮播图 -->
  20. <div class="swiper-containerx">
  21. <img th:src="${banners}==null?${portalHost+'/images/banner/about_bg.png'}:${avatarUploadHost}+${banners.bannerUrl}" />
  22. </div>
  23. <!-- 新闻轮播图 end -->
  24. <!-- 头部 end -->
  25. <!-- 主体内容 -->
  26. <div class="product main-prduct">
  27. <div class="product-title">
  28. <h4>产品中心</h4>
  29. <p>为客户提供一站式咨询解决方案</p>
  30. </div>
  31. <div class="product-list">
  32. <div th:replace="common::container('','ptkf')">
  33. </div>
  34. </div>
  35. <div class="active one">
  36. <!-- 二级导航 -->
  37. <div class="secondary-menu about-kede-secodn">
  38. <div class="container">
  39. <ul class="product-a">
  40. <li class="active"><a>网站PC端开发或共建</a></li>
  41. <li><a>管理系统研发</a></li>
  42. <li><a>Android及IOS移动端开发</a></li>
  43. </ul>
  44. </div>
  45. </div>
  46. <!-- 二级导航 end -->
  47. <!-- 内容 -->
  48. <div class="active p-dec-d">
  49. <div class="container">
  50. <!-- 头部 -->
  51. <div class="p-header">
  52. <img th:src="${portalHost+'/images/Product-center/pingtaikaifajianshe/p-1.png'}" />
  53. <h4>网站PC端开发或共建</h4>
  54. </div>
  55. <!-- 概念 -->
  56. <div class="gailian">
  57. <div class="gialian-con">
  58. <div class="p-button-titile">概 念<span></span></div>
  59. <p>平台开发建设是信息化建设中不可或缺的重要环节,随着新技术的发展,信息系统建设和服务正向更高层次发展,对推进两化融合发展,推动软件和信息技术服务产业由大变强,培育国家重点骨干企业,提升全行业支撑性作用具有至关重要的作用。</p>
  60. </div>
  61. </div>
  62. <!-- 申请好处 -->
  63. <div class="haochu">
  64. <div class="shengqing-con">
  65. <div class="p-button-titile">申请好处</div>
  66. <ul class="haochu-ul">
  67. <li><em>1</em>可申请软件著作权</li>
  68. <li><em>2</em> 企业的信息化管理</li>
  69. <li><em>3</em> 节约企业管理成本</li>
  70. <li><em>4</em> 实时查看项目进度</li>
  71. </ul>
  72. </div>
  73. </div>
  74. <!-- 申请条件 -->
  75. <div class="gailian">
  76. <div class="shengqing-con">
  77. <div class="p-button-titile">申请流程</div>
  78. <ul class="shengqing-ul">
  79. <li><em>✔</em>可根据客户的需求,量身定制一系列符合客户实际应用的软件,实现在线业务流程、然后是客户管理、办公自动化。</li>
  80. </ul>
  81. <div class="pingtai-l">
  82. <div>
  83. <p>企业需求分析匹配</p>
  84. <p>匹配系统</p>
  85. </div>
  86. <div>
  87. <p>原型设计</p>
  88. <p>UI设计</p>
  89. <p>程序开发</p>
  90. </div>
  91. <div>
  92. <p>项目管理</p>
  93. <p>项目测试</p>
  94. </div>
  95. <div>
  96. <p>证书申请</p>
  97. <p>更新&维护</p>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <!--服务承诺-->
  103. <div class="gailian">
  104. <div class="chengnuo-con">
  105. <div class="p-button-titile">服务承诺</div>
  106. <ul class="chengnuo-ul">
  107. <li> <p>100%</p> <p>全程协助跟踪</p> </li>
  108. <li> <p>95%</p> <p> 通过率</p> </li>
  109. <li> <p>90%</p> <p>客户满意度</p> </li>
  110. <li> <p>承诺</p> <p>承诺免费培育</p> </li>
  111. </ul>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. <div class="p-dec-d">
  117. <div class="container">
  118. <!-- 头部 -->
  119. <div class="p-header">
  120. <img th:src="${portalHost+'/images/Product-center/pingtaikaifajianshe/p-1.png'}" />
  121. <h4>管理系统研发</h4>
  122. </div>
  123. <!-- 概念 -->
  124. <div class="gailian">
  125. <div class="gialian-con">
  126. <div class="p-button-titile">概 念<span></span></div>
  127. <p>平台开发建设是信息化建设中不可或缺的重要环节,随着新技术的发展,信息系统建设和服务正向更高层次发展,对推进两化融合发展,推动软件和信息技术服务产业由大变强,培育国家重点骨干企业,提升全行业支撑性作用具有至关重要的作用。</p>
  128. </div>
  129. </div>
  130. <!-- 申请好处 -->
  131. <div class="haochu">
  132. <div class="shengqing-con">
  133. <div class="p-button-titile">申请好处</div>
  134. <ul class="haochu-ul">
  135. <li><em>1</em>可申请软件著作权</li>
  136. <li><em>2</em> 企业的信息化管理</li>
  137. <li><em>3</em> 节约企业管理成本</li>
  138. <li><em>4</em> 实时查看项目进度</li>
  139. </ul>
  140. </div>
  141. </div>
  142. <!-- 申请条件 -->
  143. <div class="gailian">
  144. <div class="shengqing-con">
  145. <div class="p-button-titile">申请流程</div>
  146. <ul class="shengqing-ul">
  147. <li><em>✔</em>可根据客户的需求,量身定制一系列符合客户实际应用的软件,实现在线业务流程、然后是客户管理、办公自动化。</li>
  148. </ul>
  149. <div class="pingtai-l">
  150. <div>
  151. <p>企业需求分析匹配</p>
  152. <p>匹配系统</p>
  153. </div>
  154. <div>
  155. <p>原型设计</p>
  156. <p>UI设计</p>
  157. <p>程序开发</p>
  158. </div>
  159. <div>
  160. <p>项目管理</p>
  161. <p>项目测试</p>
  162. </div>
  163. <div>
  164. <p>证书申请</p>
  165. <p>更新&维护</p>
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. <!--服务承诺-->
  171. <div class="gailian">
  172. <div class="chengnuo-con">
  173. <div class="p-button-titile">服务承诺</div>
  174. <ul class="chengnuo-ul">
  175. <li> <p>100%</p> <p>全程协助跟踪</p> </li>
  176. <li> <p>95%</p> <p> 通过率</p> </li>
  177. <li> <p>90%</p> <p>客户满意度</p> </li>
  178. <li> <p>承诺</p> <p>承诺免费培育</p> </li>
  179. </ul>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. <div class="p-dec-d">
  185. <div class="container">
  186. <!-- 头部 -->
  187. <div class="p-header">
  188. <img th:src="${portalHost+'/images/Product-center/pingtaikaifajianshe/p-1.png'}" />
  189. <h4>Android及IOS移动端开发</h4>
  190. </div>
  191. <!-- 概念 -->
  192. <div class="gailian">
  193. <div class="gialian-con">
  194. <div class="p-button-titile">概 念<span></span></div>
  195. <p>平台开发建设是信息化建设中不可或缺的重要环节,随着新技术的发展,信息系统建设和服务正向更高层次发展,对推进两化融合发展,推动软件和信息技术服务产业由大变强,培育国家重点骨干企业,提升全行业支撑性作用具有至关重要的作用。</p>
  196. </div>
  197. </div>
  198. <!-- 申请好处 -->
  199. <div class="haochu">
  200. <div class="shengqing-con">
  201. <div class="p-button-titile">申请好处</div>
  202. <ul class="haochu-ul">
  203. <li><em>1</em>可申请软件著作权</li>
  204. <li><em>2</em> 企业的信息化管理</li>
  205. <li><em>3</em> 节约企业管理成本</li>
  206. <li><em>4</em> 实时查看项目进度</li>
  207. </ul>
  208. </div>
  209. </div>
  210. <!-- 申请条件 -->
  211. <div class="gailian">
  212. <div class="shengqing-con">
  213. <div class="p-button-titile">申请流程</div>
  214. <ul class="shengqing-ul">
  215. <li><em>✔</em>可根据客户的需求,量身定制一系列符合客户实际应用的软件,实现在线业务流程、然后是客户管理、办公自动化。</li>
  216. </ul>
  217. <div class="pingtai-l">
  218. <div>
  219. <p>企业需求分析匹配</p>
  220. <p>匹配系统</p>
  221. </div>
  222. <div>
  223. <p>原型设计</p>
  224. <p>UI设计</p>
  225. <p>程序开发</p>
  226. </div>
  227. <div>
  228. <p>项目管理</p>
  229. <p>项目测试</p>
  230. </div>
  231. <div>
  232. <p>证书申请</p>
  233. <p>更新&维护</p>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. <!--服务承诺-->
  239. <div class="gailian">
  240. <div class="chengnuo-con">
  241. <div class="p-button-titile">服务承诺</div>
  242. <ul class="chengnuo-ul">
  243. <li> <p>100%</p> <p>全程协助跟踪</p> </li>
  244. <li> <p>95%</p> <p> 通过率</p> </li>
  245. <li> <p>90%</p> <p>客户满意度</p> </li>
  246. <li> <p>承诺</p> <p>承诺免费培育</p> </li>
  247. </ul>
  248. </div>
  249. </div>
  250. </div>
  251. </div>
  252. <!-- 内容 end -->
  253. </div>
  254. </div>
  255. <!-- 主体内容 end -->
  256. <!-- 底部 -->
  257. <footer>
  258. <div th:replace="common::copyright"></div>
  259. </footer>
  260. <!-- 底部 end -->
  261. </div>
  262. <!-- JQuery 引入 -->
  263. <div th:replace="common::footer(~{::script},'')">
  264. <!-- 轮播引入 -->
  265. <script th:src="${portalHost+'/js/swiper/swiper.min.js'}"></script>
  266. <script>
  267. var swiper = new Swiper("#swiper4", {
  268. /* autoplay: {
  269. delay: 2000,
  270. stopOnLastSlide: false,
  271. disableOnInteraction: false,
  272. }, */
  273. loop: true,
  274. pagination: {
  275. el: '.swiper-pagination',
  276. clickable: true,
  277. },
  278. initialSlide: 1,
  279. });
  280. </script>
  281. </div>
  282. </body>
  283. </html>