Index1.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311
  1. <!--banner 开始-->
  2. <div class="in_banner w100">
  3. <YP:flash flashid="1" />
  4. </div>
  5. <!--banner 结束-->
  6. <!--服务 开始-->
  7. <div class="in_service_w bgGray">
  8. <div class="in_service mar1500 clearfix pt15 isAnimation" data-animation="slideInUp" data-timeout="100">
  9. <div class="in_service_left fl bgfff">
  10. <div class="in_service_left_c">
  11. <div class="title">眼高于顶 ≠ 志大才疏</div>
  12. <div class="line"></div>
  13. <div class="text pt15">
  14. <p>我们做的,也许不多。</p>
  15. <p>您在您的行业求精专,我们跨界求突破。扫地僧的故事听过吗?修行再高,从扫地做起,所以,别当我们玩虚的。</p>
  16. <p>我们做到的,也许不简单!</p>
  17. </div>
  18. <div class="icon"><i class="iconfont icon-svgiconyouxi"></i></div>
  19. <div class="img"><img src="img/in_service_img.jpg"/></div>
  20. </div>
  21. </div>
  22. <div class="in_service_right fl">
  23. <div class="in_service_right_t clearfix">
  24. <div class="in_service_right_tl fl bgfff">
  25. <a href="{$Categorys[9][url]}">
  26. <div class="in_service_right_tl_c">
  27. <div class="title"># 微信定制开发</div>
  28. <div class="text">
  29. <p>让品牌及企业的信息每时每刻在您用户手中。</p>
  30. <p>微信连接生活与你我。</p>
  31. </div>
  32. <div class="bottom">
  33. <div class="icon"><i class="iconfont icon-weixin"></i></div>
  34. <div class="name">- 服务号&企业号开发</div>
  35. </div>
  36. </div>
  37. </a>
  38. </div>
  39. <div class="in_service_right_tr fl bgfff">
  40. <a href="{$Categorys[11][url]}">
  41. <div class="in_service_right_tl_c">
  42. <div class="title"># APP定制开发</div>
  43. <div class="text">
  44. <p>开启您的移动互联网大门。</p>
  45. <p>精心定制您的APP。</p>
  46. </div>
  47. <div class="bottom">
  48. <div class="icon"><i class="iconfont icon-app"></i></div>
  49. <div class="name">- iOS &Android定制开发 </div>
  50. </div>
  51. </div>
  52. </a>
  53. </div>
  54. </div>
  55. <div class="in_service_right_b_w mt15">
  56. <div class="in_service_right_b bgfff">
  57. <a href="{$Categorys[8][url]}">
  58. <div class="in_service_right_b_c clearfix">
  59. <div class="left fl">
  60. <div class="title"># 网站建设</div>
  61. <div class="text">
  62. <p>营销策略结合视觉创意达到完美的网站访问体验。</p>
  63. <p>让每一位访客感受惊喜!</p>
  64. </div>
  65. </div>
  66. <div class="right fr">
  67. <div class="icon"><i class="iconfont icon-diannao"></i></div>
  68. <div class="name">- 品牌&营销&电商</div>
  69. </div>
  70. </div>
  71. </a>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. <!--服务 结束-->
  78. <!--大案例 开始-->
  79. <div class="in_bigCase_w w100 bgGray pt15">
  80. <div class="in_bigCase mar1500 bgfff isAnimation" data-animation="slideInUp" data-timeout="100">
  81. <div class="in_bigCase_c clearfix padlr">
  82. <YP:list catid="7" limit="1" posid="2" field="*">
  83. <div class="left fl">
  84. <div class="title1">{$r.title}</div>
  85. <div class="title2">{$r.sketch}</div>
  86. <div class="line"></div>
  87. <div class="des ellipsis-3">{$r.cintro}</div>
  88. <div class="logo"><img src="{$r.logo}"/></div>
  89. <div class="btn"><a href="{$r.url}" target="_blank">查看更多></a></div>
  90. </div>
  91. <div class="right fr">
  92. <a href="{$r.url}" target="_blank"><img src="{$r.imgg}"/></a>
  93. </div>
  94. </YP:list>
  95. </div>
  96. </div>
  97. </div>
  98. <!--大案例 结束-->
  99. <!--案例列表 开始-->
  100. <div class="in_case_w w100 bgGray pt15">
  101. <div class="in_case mar1500 bgfff isAnimation" data-animation="slideInUp" data-timeout="100">
  102. <div class="in_case_c padlr">
  103. <div class="in_case_title clearfix">
  104. <div class="title fl">
  105. <p class="p1">邦聚案例</p>
  106. <p class="p2">有型&有效&有传播</p>
  107. </div>
  108. <div class="menu fr">
  109. <ul class="clearfix">
  110. <li class="current"><a href="{$Categorys[7][url]}">全部</a></li>
  111. <YP:subcat id="r" catid="7">
  112. <li ><a href="{$r.url}">{$r.catname}</a></li>
  113. </YP:subcat>
  114. </ul>
  115. </div>
  116. </div>
  117. <div class="in_case_list">
  118. <ul class="clearfix">
  119. <YP:list catid="11" limit="3" posid="1" field="*" >
  120. <li>
  121. <div class="img"><a href="{$r.url}" target="_blank"><img src="{$r.thumb}"/></a></div>
  122. <div class="bottom">
  123. <div class="title"><a href="">{$r.title}</a></div>
  124. <div class="des ellipsis-2">{$r.cintro}</div>
  125. <div class="btn"><a href="{$r.url}" target="_blank"><i class="iconfont icon-xiangyouyo"></i></a></div>
  126. </div>
  127. <div class="l1"></div><div class="l2"></div><div class="l3"></div><div class="l4"></div>
  128. </li>
  129. </YP:list>
  130. <YP:list catid="10" limit="6" posid="1" field="*" >
  131. <li>
  132. <div class="img"><a href="{$r.url}" target="_blank"><img src="{$r.thumb}"/></a></div>
  133. <div class="bottom">
  134. <div class="title"><a href="">{$r.title}</a></div>
  135. <div class="des ellipsis-2">{$r.cintro}</div>
  136. <div class="btn"><a href="{$r.url}" target="_blank"><i class="iconfont icon-xiangyouyo"></i></a></div>
  137. </div>
  138. <div class="l1"></div><div class="l2"></div><div class="l3"></div><div class="l4"></div>
  139. </li>
  140. </YP:list>
  141. <YP:list catid="8" limit="3" posid="1" field="*" >
  142. <li>
  143. <div class="img"><a href="{$r.url}" target="_blank"><img src="{$r.thumb}"/></a></div>
  144. <div class="bottom">
  145. <div class="title"><a href="{$r.url}">{$r.title}</a></div>
  146. <div class="des ellipsis-2">{$r.cintro}</div>
  147. <div class="btn"><a href="{$r.url}" target="_blank"><i class="iconfont icon-xiangyouyo"></i></a></div>
  148. </div>
  149. <div class="l1"></div><div class="l2"></div><div class="l3"></div><div class="l4"></div>
  150. </li>
  151. </YP:list>
  152. </ul>
  153. </div>
  154. <div class="in_case_more"><a href="{$Categorys[8][url]}">VIEW MORE</a></div>
  155. </div>
  156. </div>
  157. </div>
  158. <!--案例列表 结束-->
  159. <!--合作客户 开始-->
  160. <div class="in_partner_w bgGray pt15">
  161. <div class="in_partner mar1500 bgfff isAnimation" data-animation="slideInUp" data-timeout="100">
  162. <div class="in_partner_title">
  163. <p class="p1">服务了哪些客户很重要,用心更重要!</p>
  164. <p class="p2">With your heart is more important.</p>
  165. </div>
  166. <div class="in_partner_list">
  167. <ul class="clearfix">
  168. <li class="li1"><span></span></li>
  169. <li class="li2"><span></span></li>
  170. <li class="li3"><span></span></li>
  171. <li class="li4"><span></span></li>
  172. <li class="li5"><span></span></li>
  173. <li class="li6"><span></span></li>
  174. <li class="li7"><span></span></li>
  175. <li class="li8"><span></span></li>
  176. <li class="li9"><span></span></li>
  177. <li class="li10"><span></span></li>
  178. <li class="li11"><span></span></li>
  179. <li class="li12"><span></span></li>
  180. <li class="li13"><span></span></li>
  181. <li class="li14"><span></span></li>
  182. </ul>
  183. </div>
  184. <div class="in_partner_tips">
  185. <p>我们只针对有品牌意识的客户,</p>
  186. <p>为其提供系统的基于互联网的品牌行销策略、品牌网站建设、营销型网站设计; 营销型H5网站设计和创意执行 、 深度追踪运营服务。</p>
  187. </div>
  188. </div>
  189. </div>
  190. <!--合作客户 结束-->
  191. <!--解决方案 开始-->
  192. <!--<div class="in_solution_w bgGray pt15">
  193. <div class="in_solution mar1500 bgfff isAnimation" data-animation="slideInUp" data-timeout="100">
  194. <div class="in_solution_c padlr">
  195. <div class="in_title clearfix">
  196. <div class="title fl">
  197. <p class="p1">解决方案</p>
  198. <p class="p2">以提升客户价值和市场占有率为目标</p>
  199. </div>
  200. <div class="more fr"><a href="">VIEW MORE</a></div>
  201. </div>
  202. <div class="in_solution_list">
  203. <ul class="clearfix">
  204. <li>
  205. <div class="img">
  206. <a href="">
  207. <img src="img/in_solution_bg.png"/>
  208. <img src="img/in_solution_img.jpg" class="image"/>
  209. </a>
  210. </div>
  211. <div class="bottom">
  212. <div class="title ellipsis"><a href="">展览行业解决方案</a></div>
  213. <div class="btn"><a href="">查看详情</a></div>
  214. </div>
  215. </li>
  216. <li>
  217. <div class="img">
  218. <a href="">
  219. <img src="img/in_solution_bg.png"/>
  220. <img src="img/in_solution_img.jpg" class="image"/>
  221. </a>
  222. </div>
  223. <div class="bottom">
  224. <div class="title ellipsis"><a href="">展览行业解决方案</a></div>
  225. <div class="btn"><a href="">查看详情</a></div>
  226. </div>
  227. </li>
  228. <li>
  229. <div class="img">
  230. <a href="">
  231. <img src="img/in_solution_bg.png"/>
  232. <img src="img/in_solution_img.jpg" class="image"/>
  233. </a>
  234. </div>
  235. <div class="bottom">
  236. <div class="title ellipsis"><a href="">展览行业解决方案</a></div>
  237. <div class="btn"><a href="">查看详情</a></div>
  238. </div>
  239. </li>
  240. <li>
  241. <div class="img">
  242. <a href="">
  243. <img src="img/in_solution_bg.png"/>
  244. <img src="img/in_solution_img.jpg" class="image"/>
  245. </a>
  246. </div>
  247. <div class="bottom">
  248. <div class="title ellipsis"><a href="">展览行业解决方案</a></div>
  249. <div class="btn"><a href="">查看详情</a></div>
  250. </div>
  251. </li>
  252. </ul>
  253. </div>
  254. </div>
  255. </div>
  256. </div>-->
  257. <!--解决方案 结束-->
  258. <!--邦聚观点 开始-->
  259. <div class="in_viewpoint_w bgGray pt15">
  260. <div class="in_viewpoint mar1500 bgfff isAnimation" data-animation="slideInUp" data-timeout="100">
  261. <div class="in_viewpoint_c padlr">
  262. <div class="in_title clearfix">
  263. <div class="title fl">
  264. <p class="p1">邦聚观点</p>
  265. <p class="p2">创意、流程、执行缺一不可</p>
  266. </div>
  267. <div class="more fr"><a href="{$Categorys[13][url]}">VIEW MORE</a></div>
  268. </div>
  269. <div class="in_viewpoint_list clearfix">
  270. <div class="in_viewpoint_list_l fl">
  271. <ul>
  272. <YP:list catid="13" limit="3" field="*" posid="1">
  273. <li>
  274. <div class="li_c clearfix">
  275. <div class="img fl"><a href="{$r.url}" target="_blank"><img src="{$r.thumb}"/></a></div>
  276. <div class="right fl">
  277. <div class="title_c clearfix">
  278. <div class="title fl ellipsis"><a href="{$r.url}" target="_blank">{$r.title}</a></div>
  279. <div class="date fr">{$r.createtime|toDate=###,"Y-m-d"}</div>
  280. </div>
  281. <div class="des ellipsis-2">{if $r.des}{$r.des}{else}{$r.description}{/if}</div>
  282. <!--<div class="more"><a href="{$r.url}" target="_blank">MORE<i class="iconfont icon-mjiantou"></i></a></div>-->
  283. <div class="more"><a href="{$r.url}" target="_blank"><i class="iconfont icon-xiangyouyo"></i></a></div>
  284. </div>
  285. </div>
  286. </li>
  287. </YP:list>
  288. </ul>
  289. </div>
  290. <YP:list catid="13" limit="0,1" posid="2" field="*">
  291. <div class="in_viewpoint_list_r fr">
  292. <div class="img"><a href="{$r.url}" target="_blank"><img src="{$r.thumb}"/></a></div>
  293. <div class="bottom">
  294. <div class="title ellipsis"><a href="{$r.url}" target="_blank">{$r.title}</a></div>
  295. <div class="date">{$r.createtime|toDate=###,"Y-m-d"}</div>
  296. <div class="des ellipsis-3">{if $r.des}{$r.des}{else}{$r.description}{/if}</div>
  297. <div class="more"><a href="{$r.url}" target="_blank"><i class="iconfont icon-xiangyouyo"></i></a></div>
  298. </div>
  299. </div>
  300. </YP:list>
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305. <!--邦聚观点 结束-->