fanganDetail9.html 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
  1. <!DOCTYPE html
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <link rel="shortcut icon" href="imgs/favicon.png" type="image/x-icon">
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <title>数据可视化解决方案</title>
  8. <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" />
  9. <link rel="stylesheet" href="css/main.min.css" />
  10. <link rel="stylesheet" href="css/style.css" />
  11. <link rel="stylesheet" href="css/cc-css-tools.css" />
  12. <link rel="stylesheet" href="js/bootstrap-3.4.1-dist/css/bootstrap.min.css" />
  13. <script src="js/jquery3.6.min.js"></script>
  14. <script src="js/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
  15. <script type="text/javascript" src="js/jquery.min.js"></script>
  16. <script src="/js/goTop.js"></script>
  17. <style>
  18. .bannerbg {
  19. background: url(../imgs/bannerFa9.png) center center no-repeat;
  20. background-size: 100% 100%;
  21. }
  22. .main-title {
  23. text-align: center;
  24. position: relative;
  25. }
  26. .main-title::before {
  27. content: '';
  28. position: absolute;
  29. left: 30%;
  30. top: 16px;
  31. background-color: black;
  32. height: 1px;
  33. width: 120px;
  34. }
  35. .main-title::after {
  36. position: absolute;
  37. content: '';
  38. right: 30%;
  39. top: 16px;
  40. background-color: black;
  41. height: 1px;
  42. width: 120px;
  43. }
  44. .tod-body .tod-icon {
  45. width: 90px;
  46. }
  47. .tod-body .tod-icon img {
  48. width: 100%;
  49. }
  50. .tod-body .tod-content {
  51. flex: 1;
  52. }
  53. .mg-body .mg-title img {
  54. display: inline;
  55. width: 46px;
  56. height: 46px;
  57. }
  58. .mg-body .mg-text {
  59. position: relative;
  60. line-height: 35px;
  61. }
  62. .mg-body .mg-text::before {
  63. position: absolute;
  64. content: '◆';
  65. font-size: 32px;
  66. }
  67. .mg-body .mg-icon {
  68. width: 240px;
  69. }
  70. .mg-body .mg-icon img {
  71. width: 100%;
  72. }
  73. .ob-body {
  74. padding-top: 10px;
  75. background: url('./imgs/obbg.png') no-repeat;
  76. background-size: 100% 100%;
  77. position: relative;
  78. z-index: 1;
  79. background-color: rgb(215, 215, 215);
  80. padding: 10px 20px 20px 20px;
  81. }
  82. .at-body {
  83. padding-top: 10px;
  84. background: url('./imgs/at-bg.jpg') no-repeat;
  85. background-size: 100% 100%;
  86. color: #fff;
  87. position: relative;
  88. z-index: 1;
  89. }
  90. .at-body .at-make {
  91. position: absolute;
  92. top: 0;
  93. left: 0;
  94. right: 0;
  95. bottom: 0;
  96. background-color: rgba(0, 0, 0, 0.4);
  97. z-index: -1;
  98. }
  99. .at-body .at-item {
  100. width: 48%;
  101. height: 145px;
  102. border-left: #0000ff 20px solid;
  103. margin-bottom: 10px;
  104. padding-left: 10px;
  105. background-color: #fff;
  106. color: #000;
  107. }
  108. .at-body .at-item h3 {
  109. color: #0000ff;
  110. }
  111. .at-body .main-title::before,
  112. .at-body .main-title::after {
  113. background-color: #fff;
  114. }
  115. .f-in img{
  116. max-width: 80%;max-height: 50%;
  117. margin: 20px auto;
  118. }
  119. </style>
  120. </head>
  121. <body>
  122. <div class="goTop" style="display: none;">
  123. <span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
  124. </div>
  125. <div class="navbgbox">
  126. <div class="navbg">
  127. <div class="nav about_nav">
  128. <div style="position: relative">
  129. <a href="index.html" class="nav_logo">
  130. <img src="images/dgt_logo.png" width="171" height="70" />
  131. <!--<img src="images/dgt_logo.png" width="169" height="68"/>-->
  132. </a>
  133. <div class="guanggao">
  134. <strong style="color: #999999; margin-left: -140px; font-size: 14px">智慧科技 · 神州软件</strong>
  135. </div>
  136. </div>
  137. <div class="nav_a">
  138. <a href="index.html">首页</a>
  139. <a href="product.html">智慧企业</a>
  140. <a href="wisdom.html">智慧城市</a>
  141. <a href="fangan.html" class="cur">解决方案</a>
  142. <a href="technology.html">技术服务</a>
  143. <a href="news.html">新闻中心</a>
  144. <a href="about_us.html">关于我们</a>
  145. <a href="contact.html">联系我们</a>
  146. <!-- <img width="70px" src="imgs/QRcode1.jpg" alt=""> -->
  147. </div>
  148. <!--nav_a end-->
  149. </div>
  150. </div>
  151. <!--navbg end-->
  152. </div>
  153. <div class="banner">
  154. <div class="bannerbg">
  155. <div class="shade">
  156. <div class="cc-tc-w bannerBoxTitle">
  157. <div class="bannerTitle">数据可视化解决方案</div>
  158. <div class="bannerTitle-eng">Data visualization solutions</div>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. <div class="main_se">
  164. <div class="f-in">
  165. <div class="bnv">
  166. <a href="fangan.html">解决方案</a> 》当前页
  167. </div>
  168. <h2 class="main-title">产品简介</h2>
  169. <div>
  170. <p style="line-height: 33px;margin-bottom: 50px;">
  171. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数据可视化是关于数据视觉表现形式的科学技术研究,利用图形、图像处理、计算机视觉以及用户界面,通过表达、建模以及对立体、表面、属性以及动画的显示,对数据加以可视化解释,方便用户更为直观的了解数据,洞察趋势。神州通誉历经多年积累与发展,已帮助快消、零售等多个行业建设了规模不等的数据分析、数据可视化和商业智能项目,积累了丰富的可视化设计经验,并建立了系列的行业数据模型。帮助企业解决数据分析与可视化开发问题 通过简洁的交互操作让非技术人员喜欢上交互式数据探索与分析。提供一个开放平台解决企业数据分析平台建设难、贵、慢的痛点。
  172. </p>
  173. </div>
  174. </div>
  175. <div class="ob-body">
  176. <div class="f-in">
  177. <h2 class="main-title">平台架构</h2>
  178. <img src="images/fangan11_01.png">
  179. </div>
  180. </div>
  181. <div class="f-in">
  182. <h2 class="main-title">系统界面</h2>
  183. <img src="images/fangan11_02.png">
  184. </div>
  185. <div class="ob-body">
  186. <div class="f-in">
  187. <h2 class="main-title">应用场景</h2>
  188. <img src="images/fangan11_03.png">
  189. </div>
  190. </div>
  191. </div>
  192. <div class="footer-banner" style="height: 150px;">
  193. <div style="height: 100%;" class="cc-vh-container">
  194. <div class="cc-ta--c">
  195. <div>
  196. <h3>联系我们,制定属于您的专属方案</h3>
  197. </div>
  198. <a href="contact.html">
  199. <div class="contact-btn cc-mar-t-20">
  200. 联系我们
  201. </div>
  202. </a>
  203. </div>
  204. </div>
  205. </div>
  206. <div class="footerbg">
  207. <div style="height: auto;" class="footer">
  208. <div>
  209. <span><a href="index.html">首页</a>|</span><span><a href="product.html">智慧企业</a>|</span><span><a
  210. href="wisdom.html">智慧城市</a>|</span><span><a href="fangan.html">解决方案</a>|</span><span><a
  211. href="technology.html">技术服务</a>|</span><span><a href="news.html">新闻中心</a>|</span><span><a
  212. href="about_us.html">关于我们</a>|</span><span><a href="contact.html">联系我们</a></span>
  213. <p>
  214. <span>
  215. 上海市长宁区福泉路111号神州数码(上海)科技园 </span>
  216. <span>|</span>
  217. <span>北京市海淀区上地九街九号数码科技广场 </span>
  218. <span>|</span>
  219. <span>洛阳市洛龙区金城寨街正大国际中心</span>
  220. </p>
  221. <p style="padding-top: 5px;">
  222. <span>苏州市相城区元和街道嘉元路959号元和大厦 </span>
  223. <span>|</span>
  224. <span>杭州市下城区延安路385号杭州嘉里中心 </span>
  225. </p>
  226. <a href="http://www.beian.miit.gov.cn/">沪ICP备16042560号</a>
  227. </div>
  228. <div class="leftImg">
  229. <img src="imgs/QRcode1.jpg" alt="">
  230. </div>
  231. </div>
  232. </div>
  233. </body>
  234. </html>