case.html 58 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="renderer" content="webkit" />
  8. <meta name="robots" content="index, follow" />
  9. <meta name="keywords" content="" />
  10. <meta name="description" content="" />
  11. <link rel="stylesheet" type="text/css" href="../css/font-awesome.css" media="screen"
  12. />
  13. <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" media="screen"
  14. />
  15. <link rel="stylesheet" type="text/css" href="../css/owl.carousel.css" media="screen"
  16. />
  17. <!--<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css"
  18. media="screen"/>
  19. -->
  20. <link rel="stylesheet" type="text/css" href="../css/magnific-popup.css" media="screen"
  21. />
  22. <link rel="stylesheet" type="text/css" href="../css/animate.css" media="screen"
  23. />
  24. <link rel="stylesheet" type="text/css" href="../css/settings.css" media="screen"
  25. />
  26. <link rel="stylesheet" type="text/css" href="../css/style-red.css" media="screen"
  27. />
  28. <link rel="stylesheet" type="text/css" href="../css/tk.css" media="screen"
  29. />
  30. <script type="text/javascript" src="../js/jquery.min.js">
  31. </script>
  32. <script type="text/javascript" src="../js/jquery.migrate.js">
  33. </script>
  34. <script type="text/javascript" src="../js/bootstrap.js">
  35. </script>
  36. <script type="text/javascript" src="../js/owl.carousel.min.js">
  37. </script>
  38. <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at
  39. the end of file. -->
  40. <!--[if lt IE 9]>
  41. <script src="../js/html5.js">
  42. </script>
  43. <script src="../js/respond.min.js">
  44. </script>
  45. <style>
  46. article,aside,dialog,footer,header,section,nav,figure,menu{display:block;padding:0;margin:0;}
  47. </style>
  48. <link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen"
  49. />
  50. <![endif]-->
  51. <!--[if lte IE 9]>
  52. <script src="../js/jquery.placeholder.js">
  53. </script>
  54. <script>
  55. jQuery(document).ready(function($) {
  56. $('input, textarea').placeholder();
  57. });
  58. </script>
  59. <script type="text/javascript" src="../js/pie.js">
  60. </script>
  61. <script type="text/javascript">
  62. jQuery(document).ready(function($) {
  63. $('.indexci img').each(function() {
  64. PIE.attach(this);
  65. });
  66. });
  67. </script>
  68. <![endif]-->
  69. <!--[if (gte IE 6)&(lte IE 8)]>
  70. <script type="text/javascript" src="../js/ie8-eventlistener.js">
  71. </script>
  72. <script type="text/javascript" src="../js/selectivizr.js">
  73. </script>
  74. <script type="text/javascript" src="../js/excanvas.compiled.js">
  75. </script>
  76. <![endif]-->
  77. <script type="text/javascript">
  78. $(function() {
  79. $("#navigation #nav_36 .menu1").addClass("active");
  80. });
  81. </script>
  82. <title>
  83. 成功案例-XXX信息技术(北京)有限公司
  84. </title>
  85. </head>
  86. <body>
  87. <!--[if lt IE 8]>
  88. <div class="lt-ie8-bg">
  89. <p class="browsehappy">
  90. You are using an
  91. <strong>
  92. outdated
  93. </strong>
  94. browser.
  95. </p>
  96. <p>
  97. Please
  98. <a href="#"​>
  99. upgrade your browser
  100. </a>
  101. to improve your experience.
  102. </p>
  103. <p class="browsehappy">
  104. 对不起,您正在使用的是
  105. <strong>
  106. 过时
  107. </strong>
  108. 的浏览器.
  109. </p>
  110. <p>
  111. 请升级您的浏览器(IE8+,或者是火狐、谷歌、Opera、Safari等现代浏览器),以改进您的用户体验!
  112. </p>
  113. </div>
  114. <style>
  115. .lt-ie8-bg{z-index:11111;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333;color:#999;padding:100px
  116. 20px;text-align:center;font-size:26px} .lt-ie8-bg a{color:#f5f5f5;border-bottom:2px
  117. solid #fff} .lt-ie8-bg a:hover{text-decoration:none} #container{display:none;}
  118. </style>
  119. <![endif]-->
  120. <div id="container">
  121. <header class="header clearfix" id="header-sec">
  122. <nav class="navbar navbar-default navbar-fixed-top" id="main-nav">
  123. <div class="navbar-header">
  124. <a class="navbar-toggle mmenu-btn" href="#mmenu">
  125. <span class="icon-bar">
  126. </span>
  127. <span class="icon-bar">
  128. </span>
  129. <span class="icon-bar">
  130. </span>
  131. </a>
  132. <a class="navbar-brand" href="index.html">
  133. <img alt="Logo" src="../picture/logo.png" />
  134. </a>
  135. </div>
  136. <div class="navbar-collapse collapse" id="navigation">
  137. <ul class="nav navbar-nav navbar-right">
  138. <li class="Lev1 drop" id="nav_0">
  139. <a href="index.html"​ class="menu1">
  140. XXX首页
  141. <i class="fa fa-caret-down">
  142. </i>
  143. </a>
  144. <ul class="drop-down sub-menu2">
  145. <li class="Lev2">
  146. <a href="#"​ class="menu2">
  147. 中文版
  148. </a>
  149. </li>
  150. <li class="Lev2">
  151. <a href="#"​ class="menu2">
  152. English
  153. </a>
  154. </li>
  155. </ul>
  156. </li>
  157. <li class="Lev1 drop" id="nav_8">
  158. <a href="about.html"​ class="menu1">
  159. 关于XXX
  160. <i class="fa fa-caret-down">
  161. </i>
  162. </a>
  163. <ul class="drop-down sub-menu2">
  164. <li class="Lev2 drop">
  165. <a href="#"​ class="menu2">
  166. 公司简介
  167. <i class="fa fa-caret-right">
  168. </i>
  169. </a>
  170. <ul class="drop-down level3 sub-menu3">
  171. <li class="Lev3">
  172. <a href="#"​ class="menu3">
  173. 发展历程
  174. </a>
  175. </li>
  176. <li class="Lev3">
  177. <a href="#"​ class="menu3">
  178. 组织架构
  179. </a>
  180. </li>
  181. </ul>
  182. </li>
  183. <li class="Lev2">
  184. <a href="#"​ class="menu2">
  185. 企业文化
  186. </a>
  187. </li>
  188. <li class="Lev2">
  189. <a href="#"​ class="menu2">
  190. 公司相册
  191. </a>
  192. </li>
  193. <li class="Lev2">
  194. <a href="#"​ class="menu2">
  195. 荣誉资质
  196. </a>
  197. </li>
  198. </ul>
  199. </li>
  200. <li class="Lev1 drop" id="nav_4">
  201. <a href="product.html"​ class="menu1">
  202. 主营业务
  203. <i class="fa fa-caret-down">
  204. </i>
  205. </a>
  206. <ul class="drop-down sub-menu2">
  207. <li class="Lev2">
  208. <a href="#"​ class="menu2">
  209. 软件产品
  210. </a>
  211. </li>
  212. <li class="Lev2">
  213. <a href="#"​ class="menu2">
  214. 硬件产品
  215. </a>
  216. </li>
  217. <li class="Lev2">
  218. <a href="#"​ class="menu2">
  219. 解决方案
  220. </a>
  221. </li>
  222. <li class="Lev2">
  223. <a href="#"​ class="menu2">
  224. 其他业务
  225. </a>
  226. </li>
  227. </ul>
  228. </li>
  229. <li class="Lev1 drop" id="nav_36">
  230. <a href="case.html"​ class="menu1">
  231. 成功案例
  232. <i class="fa fa-caret-down">
  233. </i>
  234. </a>
  235. <ul class="drop-down sub-menu2">
  236. <li class="Lev2">
  237. <a href="#"​ class="menu2">
  238. 软件产品案例
  239. </a>
  240. </li>
  241. <li class="Lev2">
  242. <a href="#"​ class="menu2">
  243. 硬件产品案例
  244. </a>
  245. </li>
  246. <li class="Lev2">
  247. <a href="#"​ class="menu2">
  248. 解决方案案例
  249. </a>
  250. </li>
  251. </ul>
  252. </li>
  253. <li class="Lev1 drop" id="nav_1">
  254. <a href="news.html"​ class="menu1">
  255. 新闻资讯
  256. <i class="fa fa-caret-down">
  257. </i>
  258. </a>
  259. <ul class="drop-down sub-menu2">
  260. <li class="Lev2">
  261. <a href="#"​ class="menu2">
  262. 公司新闻
  263. </a>
  264. </li>
  265. <li class="Lev2">
  266. <a href="#"​ class="menu2">
  267. 行业动态
  268. </a>
  269. </li>
  270. <li class="Lev2">
  271. <a href="#"​ class="menu2">
  272. 常见问题解答
  273. </a>
  274. </li>
  275. <li class="Lev2">
  276. <a href="#"​ class="menu2">
  277. 市场活动
  278. </a>
  279. </li>
  280. <li class="Lev2">
  281. <a href="#"​ class="menu2">
  282. 员工风采
  283. </a>
  284. </li>
  285. </ul>
  286. </li>
  287. <li class="Lev1" id="nav_32">
  288. <a href="job.html"​ class="menu1">
  289. 诚聘英才
  290. </a>
  291. </li>
  292. <li class="Lev1" id="nav_12">
  293. <a href="contact.html"​ class="menu1">
  294. 联系我们
  295. </a>
  296. </li>
  297. <li class="zoom drop nav-search">
  298. <a href="#"​ class="open-search">
  299. <i class="fa fa-search">
  300. </i>
  301. </a>
  302. <form class="form-search" method="get" action="/index.php?">
  303. <input type="hidden" name="m" value="Search" />
  304. <input type="hidden" name="mxi" value="1" />
  305. <input type="hidden" name="l" value="cn" />
  306. <input type="hidden" name="module" value="Product" />
  307. <input type="search" value="" name="keyword" class="search-input" placeholder="输入关键字"
  308. />
  309. <button type="submit">
  310. <i class="fa fa-search">
  311. </i>
  312. </button>
  313. </form>
  314. </li>
  315. <li class="shop-icon nav-social">
  316. <a href="#"​ target="_blank">
  317. <i class="fa fa-weibo">
  318. </i>
  319. </a>
  320. </li>
  321. </ul>
  322. </div>
  323. </nav>
  324. </header>
  325. <div class="breadcrumb-wrapper">
  326. <div class="container">
  327. <div class="row">
  328. <div class="col-md-3 col-sm-4 bcid-cat">
  329. 成功案例
  330. </div>
  331. <div class="col-md-9 col-sm-8 location">
  332. <i class="fa fa-map-marker">
  333. </i>
  334. &nbsp;
  335. <span>
  336. 当前位置:
  337. <a href="#"​>
  338. 网站首页
  339. </a>
  340. &gt
  341. <a href="#"​>
  342. 成功案例
  343. </a>
  344. </span>
  345. </div>
  346. </div>
  347. </div>
  348. </div>
  349. <div class="page-container" id="innerpage-wrap">
  350. <div class="container">
  351. <div class="row">
  352. <div class="main col-md-9 inner-left" role="main">
  353. <div class="our-work picture-wrap">
  354. <div id="gallery-container">
  355. <div class="row gallery-3-columns isotope-x clearfix">
  356. <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
  357. <div class="inner-contents">
  358. <figure>
  359. <a class="gallery-btn swipebox" href="/Uploads/201605/573696e4b8195.jpg">
  360. 查看更多
  361. </a>
  362. <div class="media-container">
  363. </div>
  364. <img src="../picture/573699d3ab712.jpg" alt="Photo" />
  365. </figure>
  366. <h5 class="item-title">
  367. <a href="#"​ title="平安车险案例">
  368. 平安车险案例
  369. </a>
  370. </h5>
  371. </div>
  372. </div>
  373. <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
  374. <div class="inner-contents">
  375. <figure>
  376. <a class="gallery-btn swipebox" href="/Uploads/201605/5736983b1e34c.jpg">
  377. 查看更多
  378. </a>
  379. <div class="media-container">
  380. </div>
  381. <img src="../picture/57369946eb5e1.jpg" alt="Photo" />
  382. </figure>
  383. <h5 class="item-title">
  384. <a href="#"​ title="中国银行案例">
  385. 中国银行案例
  386. </a>
  387. </h5>
  388. </div>
  389. </div>
  390. <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
  391. <div class="inner-contents">
  392. <figure>
  393. <a class="gallery-btn swipebox" href="/Uploads/201605/573696e4b8195.jpg">
  394. 查看更多
  395. </a>
  396. <div class="media-container">
  397. </div>
  398. <img src="../picture/5736989dd71ab.jpg" alt="Photo" />
  399. </figure>
  400. <h5 class="item-title">
  401. <a href="#"​ title="天安人寿保险案例">
  402. 天安人寿保险案例
  403. </a>
  404. </h5>
  405. </div>
  406. </div>
  407. <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
  408. <div class="inner-contents">
  409. <figure>
  410. <a class="gallery-btn swipebox" href="/Uploads/201605/5736983b1e34c.jpg">
  411. 查看更多
  412. </a>
  413. <div class="media-container">
  414. </div>
  415. <img src="../picture/573698365b3da.jpg" alt="Photo" />
  416. </figure>
  417. <h5 class="item-title">
  418. <a href="#"​ title="光大银行案例">
  419. 光大银行案例
  420. </a>
  421. </h5>
  422. </div>
  423. </div>
  424. <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
  425. <div class="inner-contents">
  426. <figure>
  427. <a class="gallery-btn swipebox" href="/Uploads/201605/57369616e45db.jpg">
  428. 查看更多
  429. </a>
  430. <div class="media-container">
  431. </div>
  432. <img src="../picture/57369754d6ea1.jpg" alt="Photo" />
  433. </figure>
  434. <h5 class="item-title">
  435. <a href="#"​ title="北京银行案例">
  436. 北京银行案例
  437. </a>
  438. </h5>
  439. </div>
  440. </div>
  441. <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
  442. <div class="inner-contents">
  443. <figure>
  444. <a class="gallery-btn swipebox" href="/Uploads/201605/573696e4b8195.jpg">
  445. 查看更多
  446. </a>
  447. <div class="media-container">
  448. </div>
  449. <img src="../picture/573696d0cb467.jpg" alt="Photo" />
  450. </figure>
  451. <h5 class="item-title">
  452. <a href="#"​ title="正德人寿保险案例">
  453. 正德人寿保险案例
  454. </a>
  455. </h5>
  456. </div>
  457. </div>
  458. <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
  459. <div class="inner-contents">
  460. <figure>
  461. <a class="gallery-btn swipebox" href="/Uploads/201605/573695c5b86bd.jpg">
  462. 查看更多
  463. </a>
  464. <div class="media-container">
  465. </div>
  466. <img src="../picture/5736967766cae.jpg" alt="Photo" />
  467. </figure>
  468. <h5 class="item-title">
  469. <a href="#"​ title="慕尼黑再保险">
  470. 慕尼黑再保险
  471. </a>
  472. </h5>
  473. </div>
  474. </div>
  475. <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
  476. <div class="inner-contents">
  477. <figure>
  478. <a class="gallery-btn swipebox" href="/Uploads/201605/57369616e45db.jpg">
  479. 查看更多
  480. </a>
  481. <div class="media-container">
  482. </div>
  483. <img src="../picture/57369608d1425.jpg" alt="Photo" />
  484. </figure>
  485. <h5 class="item-title">
  486. <a href="#"​ title="凯撒旅游案例">
  487. 凯撒旅游案例
  488. </a>
  489. </h5>
  490. </div>
  491. </div>
  492. <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
  493. <div class="inner-contents">
  494. <figure>
  495. <a class="gallery-btn swipebox" href="/Uploads/201605/573695c5b86bd.jpg">
  496. 查看更多
  497. </a>
  498. <div class="media-container">
  499. </div>
  500. <img src="../picture/5736971fdbacd.jpg" alt="Photo" />
  501. </figure>
  502. <h5 class="item-title">
  503. <a href="#"​ title="中钢吉林机电研究院">
  504. 中钢吉林机电研究院
  505. </a>
  506. </h5>
  507. </div>
  508. </div>
  509. </div>
  510. <div id="pages" class="page">
  511. <a class="a1">
  512. 10条
  513. </a>
  514. <a class="first" href="/projects.html">
  515. 第一页
  516. </a>
  517. <a class="prev" href="/projects.html">
  518. 上一页
  519. </a>
  520. <span>
  521. 1
  522. </span>
  523. <a href="#"​>
  524. 2
  525. </a>
  526. <a class="next" href="/projects/2.html">
  527. 下一页
  528. </a>
  529. <a class="last" href="/projects/2.html">
  530. 最后一页
  531. </a>
  532. </div>
  533. </div>
  534. </div>
  535. <link href="../css/swipebox.css" rel="stylesheet" media="all" />
  536. <script src="../js/jquery.swipebox.js">
  537. </script>
  538. <script type="text/javascript">
  539. jQuery(document).ready(function($) {
  540. $(".swipebox").swipebox();
  541. });
  542. </script>
  543. </div>
  544. <aside class="sidebar col-md-3 inner-right" role="complementary">
  545. <section class="widget side-search">
  546. <h3 class="title">
  547. 站内搜索
  548. </h3>
  549. <form role="search" method="get" id="searchform" class="searchform" action="/index.php?">
  550. <input type="hidden" id="" name="m" value="Search" />
  551. <input type="hidden" id="" name="mxi" value="1" />
  552. <input type="hidden" name="l" value="cn" />
  553. <div class="selectbox noDis">
  554. <select id="module" name="module" onChange="" class="">
  555. <option value="Article">
  556. 文章模型
  557. </option>
  558. <option value="Product">
  559. 产品模型
  560. </option>
  561. <option selected="selected" value="Picture">
  562. 图片模型
  563. </option>
  564. <option value="Download">
  565. 下载
  566. </option>
  567. <option value="House">
  568. 房产模型
  569. </option>
  570. </select>
  571. </div>
  572. <div class="sform-div">
  573. <label class="screen-reader-text" for="s">
  574. </label>
  575. <input type="text" value="" name="keyword" placeholder="输入关键字" id="s"
  576. />
  577. <input type="submit" id="searchsubmit" value="" />
  578. </div>
  579. </form>
  580. </section>
  581. <section class="widget side-news">
  582. <h3 class="title">
  583. 热点新闻
  584. </h3>
  585. <div class="tabbed custom-tabbed">
  586. <div class="block current">
  587. <ul class="widget-list">
  588. <li>
  589. <figure>
  590. <a href="#"​>
  591. <img src="../picture/5736bdb5724b6.jpg" />
  592. </a>
  593. </figure>
  594. <div class="sn-wrapper">
  595. <p class="s-desc">
  596. <a href="#"​ title="微软的2015:从沉睡巨人到技术领先者">
  597. 微软的2015:从沉睡巨人到技术领先者
  598. </a>
  599. </p>
  600. <span class="comments">
  601. <i class="fa fa-calendar">
  602. </i>
  603. &nbsp;2016-05-14
  604. </span>
  605. <!--<span class="author">by: <a href="#"​ >Admin</a></span>
  606. <a href="#"​ class="link-read-more">查看详细</a>-->
  607. </div>
  608. </li>
  609. <li>
  610. <figure>
  611. <a href="#"​>
  612. <img src="../picture/573693850e98c.jpg" />
  613. </a>
  614. </figure>
  615. <div class="sn-wrapper">
  616. <p class="s-desc">
  617. <a href="#"​ title="创新之道,不破不立">
  618. 创新之道,不破不立
  619. </a>
  620. </p>
  621. <span class="comments">
  622. <i class="fa fa-calendar">
  623. </i>
  624. &nbsp;2016-05-14
  625. </span>
  626. <!--<span class="author">by: <a href="#"​ >Admin</a></span>
  627. <a href="#"​ class="link-read-more">查看详细</a>-->
  628. </div>
  629. </li>
  630. <li>
  631. <figure>
  632. <a href="#"​>
  633. <img src="../picture/573696d0cb467.jpg" />
  634. </a>
  635. </figure>
  636. <div class="sn-wrapper">
  637. <p class="s-desc">
  638. <a href="#"​ title="微软公布新一代Windows">
  639. 微软公布新一代Windows
  640. </a>
  641. </p>
  642. <span class="comments">
  643. <i class="fa fa-calendar">
  644. </i>
  645. &nbsp;2016-05-14
  646. </span>
  647. <!--<span class="author">by: <a href="#"​ >Admin</a></span>
  648. <a href="#"​ class="link-read-more">查看详细</a>-->
  649. </div>
  650. </li>
  651. </ul>
  652. </div>
  653. </div>
  654. </section>
  655. <section id="tag_cloud-2" class="widget widget_tag_cloud">
  656. <h3 class="title">
  657. 热门标签
  658. </h3>
  659. <div class="tagcloud clearfix">
  660. <a href="#"​ class="tag-link-5">
  661. 软件产品
  662. </a>
  663. <a href="#"​ class="tag-link-6">
  664. 硬件产品
  665. </a>
  666. <a href="#"​ class="tag-link-7">
  667. 解决方案
  668. </a>
  669. <a href="#"​ class="tag-link-9">
  670. 其他业务
  671. </a>
  672. <a href="#"​ class="tag-link-37">
  673. 软件产品案例
  674. </a>
  675. <a href="#"​ class="tag-link-38">
  676. 硬件产品案例
  677. </a>
  678. <a href="#"​ class="tag-link-39">
  679. 解决方案案例
  680. </a>
  681. </div>
  682. </section>
  683. </aside>
  684. </div>
  685. </div>
  686. </div>
  687. <div class="for-bottom-padding">
  688. </div>
  689. <footer id="footer-sec" class="footer">
  690. <div class="up-footer">
  691. <div class="container">
  692. <div class="row">
  693. <div class="col-md-3 col-sm-12 foot-about">
  694. <div class="widget footer-widget text-widget">
  695. <h2 class="dark-title">
  696. <a href="#"​>
  697. 关于XXX
  698. </a>
  699. </h2>
  700. <div class="f-about">
  701. <p>
  702. XXX信息技术(北京)有限公司是一家集产品销售、技术服务、软件开发于一身的高科技企业。服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。XXX正在向着一流的信息化解决方案提供商而努力着。旗下产品线:员工自助管理平台系统:随着各企业业使务的迅猛发展,员...
  703. </p>
  704. </div>
  705. <ul class="social-list">
  706. <li>
  707. <a href="#"​ target="_blank">
  708. <i class="fa fa-weibo">
  709. </i>
  710. </a>
  711. </li>
  712. <li>
  713. <a href="#"​ target="_blank">
  714. <i class="fa fa-tencent-weibo">
  715. </i>
  716. </a>
  717. </li>
  718. <li>
  719. <a href="#"​
  720. target="_blank">
  721. <i class="fa fa-qq">
  722. </i>
  723. </a>
  724. </li>
  725. <li>
  726. <a href="#"​ target="_blank">
  727. <i class="fa fa-shopping-cart">
  728. </i>
  729. </a>
  730. </li>
  731. <li>
  732. <a href="#"​ target="_blank">
  733. <i class="fa fa-envelope">
  734. </i>
  735. </a>
  736. </li>
  737. </ul>
  738. </div>
  739. </div>
  740. <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-contact">
  741. <div class="widget footer-widget">
  742. <h2 class="dark-title">
  743. <a href="#"​>
  744. 联系信息
  745. </a>
  746. </h2>
  747. <div class="f-contact">
  748. <p>
  749. <i class="fa fa-map-marker">
  750. </i>
  751. &nbsp;地址:XXX
  752. </p>
  753. <p>
  754. <i class="fa fa-phone">
  755. </i>
  756. &nbsp;业务部电话:XXX
  757. </p>
  758. <p>
  759. <i class="fa fa-print">
  760. </i>
  761. &nbsp;传真:XXX
  762. </p>
  763. <p>
  764. <i class="fa fa-envelope">
  765. </i>
  766. &nbsp;邮箱:XXX
  767. </p>
  768. <p>
  769. <i class="fa fa-truck">
  770. </i>
  771. &nbsp;邮政区码:XXX
  772. </p>
  773. <p>
  774. <i class="fa fa-globe">
  775. </i>
  776. &nbsp;网址:XXX
  777. </p>
  778. </div>
  779. </div>
  780. </div>
  781. <div class="clearfix visible-sm-block hidden-sm hidden-xs ">
  782. </div>
  783. <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-nav">
  784. <div class="widget footer-widget tags-widget">
  785. <h2>
  786. 友情链接
  787. </h2>
  788. <ul>
  789. <li>
  790. <a href="XXX"​ target="_blank">
  791. 网页模板
  792. </a>
  793. </li>
  794. </ul>
  795. </div>
  796. </div>
  797. <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-qrcode">
  798. <div class="widget footer-widget subscribe-widget">
  799. <h2>
  800. 扫描二维码
  801. </h2>
  802. <div class="f-qrcode">
  803. <img src="../picture/qrcode.png" />
  804. </div>
  805. </div>
  806. </div>
  807. </div>
  808. </div>
  809. </div>
  810. <div class="footer-line copyright">
  811. <div class="container">
  812. <p>
  813. COPYRIGHT &copy; 2020 XXX信息技术(北京)有限公司
  814. <b>
  815. -向着一流的信息化解决方案提供商而努力着
  816. </b>
  817. All rights reserved.
  818. </p>
  819. </div>
  820. </div>
  821. </footer>
  822. </div>
  823. <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
  824. <script type="text/javascript" src="../js/jquery.countto.js"></script>-->
  825. <script type="text/javascript" src="../js/jquery.magnific-popup.min.js">
  826. </script>
  827. <script type="text/javascript" src="../js/jquery.appear.js">
  828. </script>
  829. <script type="text/javascript" src="../js/jquery.imagesloaded.min.js">
  830. </script>
  831. <script type="text/javascript" src="../js/jquery.isotope.min.js">
  832. </script>
  833. <script type="text/javascript" src="../js/retina-1.1.0.min.js">
  834. </script>
  835. <script type="text/javascript" src="../js/plugins-scroll.js">
  836. </script>
  837. <script type="text/javascript" src="../js/waypoint.min.js">
  838. </script>
  839. <script type="text/javascript" src="../js/jquery.themepunch.tools.min.js">
  840. </script>
  841. <script type="text/javascript" src="../js/jquery.themepunch.revolution.min.js">
  842. </script>
  843. <script type="text/javascript" src="../js/script.js">
  844. </script>
  845. <nav id="mmenu" class="noDis">
  846. <div class="mmDiv">
  847. <div class="MMhead">
  848. <a href="#"​ class="closemenu noblock">
  849. x
  850. </a>
  851. <a href="#"​ target="_blank" class="noblock">
  852. <i class="fa fa-weibo">
  853. </i>
  854. </a>
  855. <a href="#"​ target="_blank" class="noblock">
  856. <i class="fa fa-tencent-weibo">
  857. </i>
  858. </a>
  859. <a href="#"​ target="_blank" class="noblock">
  860. English
  861. </a>
  862. </div>
  863. <div class="mm-search">
  864. <form method="get" class="mm-search-form" action="/index.php?">
  865. <input type="hidden" name="m" value="Search" />
  866. <input type="hidden" name="mxi" value="1" />
  867. <input type="hidden" name="l" value="cn" />
  868. <div class="selectbox noDis">
  869. <select id="module" name="module" onChange="" class="">
  870. <option value="Article">
  871. 文章模型
  872. </option>
  873. <option value="Product">
  874. 产品模型
  875. </option>
  876. <option selected="selected" value="Picture">
  877. 图片模型
  878. </option>
  879. <option value="Download">
  880. 下载
  881. </option>
  882. <option value="House">
  883. 房产模型
  884. </option>
  885. </select>
  886. </div>
  887. <input type="text" autocomplete="off" value="" name="keyword" class="side-mm-keyword"
  888. placeholder="输入关键字..." />
  889. </form>
  890. </div>
  891. <ul>
  892. <li class="m-Lev1 m-nav_0">
  893. <a href="#"​>
  894. 网站首页
  895. </a>
  896. </li>
  897. <li class="m-Lev1 m-nav_8">
  898. <a href="#"​ class="m-menu1">
  899. 关于XXX
  900. </a>
  901. <ul class="m-submenu">
  902. <li class="Lev2">
  903. <a href="#"​ class="m-menu2">
  904. 公司简介
  905. </a>
  906. <ul class="m-submenu2">
  907. <li class="m-Lev3">
  908. <a href="#"​ class="m-menu3">
  909. 发展历程
  910. </a>
  911. </li>
  912. <li class="m-Lev3">
  913. <a href="#"​ class="m-menu3">
  914. 组织架构
  915. </a>
  916. </li>
  917. </ul>
  918. </li>
  919. <li class="Lev2">
  920. <a href="#"​ class="m-menu2">
  921. 企业文化
  922. </a>
  923. </li>
  924. <li class="Lev2">
  925. <a href="#"​ class="m-menu2">
  926. 公司相册
  927. </a>
  928. </li>
  929. <li class="Lev2">
  930. <a href="#"​ class="m-menu2">
  931. 荣誉资质
  932. </a>
  933. </li>
  934. </ul>
  935. </li>
  936. <li class="m-Lev1 m-nav_4">
  937. <a href="#"​ class="m-menu1">
  938. 主营业务
  939. </a>
  940. <ul class="m-submenu">
  941. <li class="Lev2">
  942. <a href="#"​ class="m-menu2">
  943. 软件产品
  944. </a>
  945. </li>
  946. <li class="Lev2">
  947. <a href="#"​ class="m-menu2">
  948. 硬件产品
  949. </a>
  950. </li>
  951. <li class="Lev2">
  952. <a href="#"​ class="m-menu2">
  953. 解决方案
  954. </a>
  955. </li>
  956. <li class="Lev2">
  957. <a href="#"​ class="m-menu2">
  958. 其他业务
  959. </a>
  960. </li>
  961. </ul>
  962. </li>
  963. <li class="m-Lev1 m-nav_36">
  964. <a href="#"​ class="m-menu1">
  965. 成功案例
  966. </a>
  967. <ul class="m-submenu">
  968. <li class="Lev2">
  969. <a href="#"​ class="m-menu2">
  970. 软件产品案例
  971. </a>
  972. </li>
  973. <li class="Lev2">
  974. <a href="#"​ class="m-menu2">
  975. 硬件产品案例
  976. </a>
  977. </li>
  978. <li class="Lev2">
  979. <a href="#"​ class="m-menu2">
  980. 解决方案案例
  981. </a>
  982. </li>
  983. </ul>
  984. </li>
  985. <li class="m-Lev1 m-nav_1">
  986. <a href="#"​ class="m-menu1">
  987. 新闻资讯
  988. </a>
  989. <ul class="m-submenu">
  990. <li class="Lev2">
  991. <a href="#"​ class="m-menu2">
  992. 公司新闻
  993. </a>
  994. </li>
  995. <li class="Lev2">
  996. <a href="#"​ class="m-menu2">
  997. 行业动态
  998. </a>
  999. </li>
  1000. <li class="Lev2">
  1001. <a href="#"​ class="m-menu2">
  1002. 常见问题解答
  1003. </a>
  1004. </li>
  1005. <li class="Lev2">
  1006. <a href="#"​ class="m-menu2">
  1007. 市场活动
  1008. </a>
  1009. </li>
  1010. <li class="Lev2">
  1011. <a href="#"​ class="m-menu2">
  1012. 员工风采
  1013. </a>
  1014. </li>
  1015. </ul>
  1016. </li>
  1017. <li class="m-Lev1 m-nav_32">
  1018. <a href="#"​ class="m-menu1">
  1019. 诚聘英才
  1020. </a>
  1021. </li>
  1022. <li class="m-Lev1 m-nav_12">
  1023. <a href="#"​ class="m-menu1">
  1024. 联系我们
  1025. </a>
  1026. </li>
  1027. </ul>
  1028. </div>
  1029. </nav>
  1030. <link type="text/css" rel="stylesheet" href="../css/jquery.mmenu.all.css"
  1031. />
  1032. <script type="text/javascript" src="../js/jquery.mmenu.all.min.js">
  1033. </script>
  1034. <script type="text/javascript">
  1035. jQuery(document).ready(function($) {
  1036. var mmenu = $('nav#mmenu').mmenu({
  1037. slidingSubmenus: true,
  1038. classes: 'mm-white',
  1039. //mm-fullscreen mm-light
  1040. extensions: ["theme-white"],
  1041. offCanvas: {
  1042. position: "right",
  1043. //left, top, right, bottom
  1044. zposition: "front" //back, front,next
  1045. //modal : true
  1046. },
  1047. searchfield: false,
  1048. counters: false,
  1049. //navbars : {
  1050. //content : [ "prev", "title", "next" ]
  1051. //},
  1052. navbar: {
  1053. title: "网站导航"
  1054. },
  1055. header: {
  1056. add: true,
  1057. update: true,
  1058. title: "网站导航"
  1059. }
  1060. });
  1061. $(".closemenu").click(function() {
  1062. var mmenuAPI = $("#mmenu").data("mmenu");
  1063. mmenuAPI.close();
  1064. });
  1065. });
  1066. </script>
  1067. </body>
  1068. </html>