fanganDetail6.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
  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/banner03.jpg) 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. .ob-body {
  45. padding-top: 10px;
  46. background: url('./imgs/obbg.png') no-repeat;
  47. background-size: 100% 100%;
  48. position: relative;
  49. z-index: 1;
  50. background-color: rgb(215, 215, 215);
  51. padding: 10px 20px 20px 20px;
  52. }
  53. .item-title{
  54. display: flex;
  55. align-items: center;
  56. }
  57. .y-line{
  58. width: 5px;
  59. height: 25px;
  60. background-color: #330677;
  61. }
  62. .item-title .item-text{
  63. margin-left: 15px;
  64. font-size: 20px;
  65. letter-spacing: 3px;
  66. color: #646464;
  67. }
  68. .f-in img{
  69. max-width: 80%;max-height: 50%;
  70. margin: 20px auto;
  71. }
  72. p {
  73. text-indent: 2em;
  74. }
  75. </style>
  76. </head>
  77. <body>
  78. <div class="goTop" style="display: none;">
  79. <span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
  80. </div>
  81. <div class="navbgbox">
  82. <div class="navbg">
  83. <div class="nav about_nav">
  84. <div style="position: relative">
  85. <a href="index.html" class="nav_logo">
  86. <img src="images/dgt_logo.png" width="171" height="70" />
  87. <!--<img src="images/dgt_logo.png" width="169" height="68"/>-->
  88. </a>
  89. <div class="guanggao">
  90. <strong style="color: #999999; margin-left: -140px; font-size: 14px">智慧科技 · 神州软件</strong>
  91. </div>
  92. </div>
  93. <div class="nav_a">
  94. <a href="index.html">首页</a>
  95. <a href="product.html">智慧企业</a>
  96. <a href="wisdom.html">智慧城市</a>
  97. <a href="fangan.html" class="cur">解决方案</a>
  98. <a href="technology.html">技术服务</a>
  99. <a href="news.html">新闻中心</a>
  100. <a href="about_us.html">关于我们</a>
  101. <a href="contact.html">联系我们</a>
  102. <!-- <img width="70px" src="imgs/QRcode1.jpg" alt=""> -->
  103. </div>
  104. <!--nav_a end-->
  105. </div>
  106. </div>
  107. <!--navbg end-->
  108. </div>
  109. <div class="banner">
  110. <div class="bannerbg">
  111. <div class="shade">
  112. <div class="cc-tc-w bannerBoxTitle">
  113. <div class="bannerTitle">企业电商解决方案</div>
  114. <div class="bannerTitle-eng">Enterprise e-commerce solutions</div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="main_se">
  120. <div class="f-in">
  121. <div class="bnv">
  122. <a href="fangan.html">解决方案</a> 》当前页
  123. </div>
  124. <h2 class="main-title">产品简介</h2>
  125. <div style="line-height: 33px;margin-bottom: 50px;">
  126. <p>
  127. 传统的电商平台存在入驻维护费用高,流量成本高,获客难,转化低等困难。如何用低成本打造一个高效的电商平台?微信小程序为企业带来了新的机会。
  128. </p>
  129. <p>
  130. 通誉微商融合国内外当下主流电商平台的设计理念,结合小程序电商特点,深入剖析多家知名电商的运营模式及系统架构,全力构建客户购物体验佳、后台管理便捷的轻量级专业电商平台。
  131. </p>
  132. </div>
  133. </div>
  134. <div class="ob-body">
  135. <div class="f-in">
  136. <h2 class="main-title" style="margin-top: 20px;">功能特点</h2>
  137. <div class="item-title">
  138. <div class="y-line"></div>
  139. <div class="item-text">全新服务模式:线上购物,线下服务</div>
  140. </div>
  141. <div class="item-title" style="justify-content: space-between;">
  142. <img width="46%" src="images/fang6_02.png">
  143. <img width="46%" src="images/fang6_03.png">
  144. </div>
  145. <div class="item-title">
  146. <div class="y-line"></div>
  147. <div class="item-text">在线分销:佣金激励,依托微信10亿用户快速裂变</div>
  148. </div>
  149. <div class="item-title" style="justify-content: center;margin-top: 15px;margin-bottom: 15px;">
  150. <img width="40%" src="images/fang6_04.png">
  151. </div>
  152. <div class="item-title">
  153. <div class="y-line"></div>
  154. <div class="item-text">丰富营销手段:线上引流吸引新客到店</div>
  155. </div>
  156. <div class="item-title" style="justify-content: center;margin-top: 15px;margin-bottom: 15px;">
  157. <img width="60%" src="images/fang6_05.png">
  158. </div>
  159. <div class="item-title">
  160. <div class="y-line"></div>
  161. <div class="item-text">独立在线商城:完整商城系统,快速搭建</div>
  162. </div>
  163. <div class="item-title" style="justify-content: center;margin-top: 15px;margin-bottom: 15px;">
  164. <img width="60%" src="images/fang6_06.png">
  165. </div>
  166. <div class="item-title">
  167. <div class="y-line"></div>
  168. <div class="item-text">智能客户管理:个性化服务,牢牢留住客户</div>
  169. </div>
  170. <div class="item-title" style="justify-content: center;margin-top: 15px;margin-bottom: 15px;">
  171. <img width="60%" src="images/fang6_07.jpg">
  172. </div>
  173. </div>
  174. </div>
  175. <div class="f-in">
  176. <h2 class="main-title">系统架构</h2>
  177. <img src="images/fang6_08.jpg">
  178. </div>
  179. <div class="ob-body">
  180. <div class="f-in">
  181. <h2 class="main-title">服务模型</h2>
  182. <img src="images/fang6_09.jpg">
  183. </div>
  184. </div>
  185. <div class="f-in">
  186. <h2 class="main-title">行业案例</h2>
  187. <div style="display: flex;justify-content: space-between;align-items: center;">
  188. <img style="width: auto;height: auto;max-width: 40%;max-height: 40%;" src="images/fang6_10.png">
  189. <p style="max-width: 50%; max-height: 50%;line-height: 35px;">
  190. 某医疗美容公司是中国行业内顶尖的连锁专业机构,在北京、上海、杭州、宁波拥有多家诊所。小程序商城主要为其用户提供购买与预约服务。
  191. 公司以往通常采用顾问服务、电话服务的方式进行预约,小程序商城上线后客户可以<font style="font-weight: bolder">自助预约时间</font>,大大节省了运营时间与精力。配套的<font style="font-weight: bolder">会员系统</font>,实现了流量转化,小程序商城成为会员服务接口,有利于维系客户关系。<font style="font-weight: bolder">线上分销</font>模块,激励老用户发展新用户,依靠口碑通过微信快速传播,节省了企业的广告支出、人力成本。
  192. </p>
  193. </div>
  194. <div style="display: flex;justify-content: space-between;align-items: center;">
  195. <p style="max-width: 55%; max-height: 55%;line-height: 35px;">某服装公司计划以品牌为中心,通过微信进行推广。
  196. 通过快速搭建完整的小程序商城,便捷地进行商品后台管理。优惠券、会员跟踪、商品知识、趣味测试等模块有助于增加用户粘性。“老带新”的分销模式,在发展新客户时极好地发挥了微信社群属性,使品牌在微信社群中裂变式传播,从而达到快速的拓客和留客。
  197. </p>
  198. <img style="width: auto;height: auto;max-width: 40%;max-height: 40%;" src="images/fang6_11.png">
  199. </div>
  200. </div>
  201. </div>
  202. <div class="footer-banner" style="height: 150px;">
  203. <div style="height: 100%;" class="cc-vh-container">
  204. <div class="cc-ta--c">
  205. <div>
  206. <h3>联系我们,制定属于您的专属方案</h3>
  207. </div>
  208. <a href="contact.html">
  209. <div class="contact-btn cc-mar-t-20">
  210. 联系我们
  211. </div>
  212. </a>
  213. </div>
  214. </div>
  215. </div>
  216. <div class="footerbg">
  217. <div style="height: auto;" class="footer">
  218. <div>
  219. <span><a href="index.html">首页</a>|</span><span><a href="product.html">智慧企业</a>|</span><span><a
  220. href="wisdom.html">智慧城市</a>|</span><span><a href="fangan.html">解决方案</a>|</span><span><a
  221. href="technology.html">技术服务</a>|</span><span><a href="news.html">新闻中心</a>|</span><span><a
  222. href="about_us.html">关于我们</a>|</span><span><a href="contact.html">联系我们</a></span>
  223. <p>
  224. <span>
  225. 上海市长宁区福泉路111号神州数码(上海)科技园 </span>
  226. <span>|</span>
  227. <span>北京市海淀区上地九街九号数码科技广场 </span>
  228. <span>|</span>
  229. <span>洛阳市洛龙区金城寨街正大国际中心</span>
  230. </p>
  231. <p style="padding-top: 5px;">
  232. <span>苏州市相城区元和街道嘉元路959号元和大厦 </span>
  233. <span>|</span>
  234. <span>杭州市下城区延安路385号杭州嘉里中心 </span>
  235. </p>
  236. <a href="http://www.beian.miit.gov.cn/">沪ICP备16042560号</a>
  237. </div>
  238. <div class="leftImg">
  239. <img src="imgs/QRcode1.jpg" alt="">
  240. </div>
  241. </div>
  242. </div>
  243. </body>
  244. </html>