index.html 69 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263
  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. <link rel="stylesheet" type="text/css" href="../css/font-awesome.css" media="screen"
  10. />
  11. <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" media="screen"
  12. />
  13. <link rel="stylesheet" type="text/css" href="../css/owl.carousel.css" media="screen"
  14. />
  15. <!--<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css"
  16. media="screen"/>
  17. -->
  18. <link rel="stylesheet" type="text/css" href="../css/magnific-popup.css" media="screen"
  19. />
  20. <link rel="stylesheet" type="text/css" href="../css/animate.css" media="screen"
  21. />
  22. <link rel="stylesheet" type="text/css" href="../css/settings.css" media="screen"
  23. />
  24. <link rel="stylesheet" type="text/css" href="../css/style-red.css" media="screen"
  25. />
  26. <link rel="stylesheet" type="text/css" href="../css/tk.css" media="screen"
  27. />
  28. <script type="text/javascript" src="../js/jquery.min.js">
  29. </script>
  30. <script type="text/javascript" src="../js/jquery.migrate.js">
  31. </script>
  32. <script type="text/javascript" src="../js/bootstrap.js">
  33. </script>
  34. <script type="text/javascript" src="../js/owl.carousel.min.js">
  35. </script>
  36. <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at
  37. the end of file. -->
  38. <!--[if lt IE 9]>
  39. <script src="../js/html5.js">
  40. </script>
  41. <script src="../js/respond.min.js">
  42. </script>
  43. <style>
  44. article,aside,dialog,footer,header,section,nav,figure,menu{display:block;padding:0;margin:0;}
  45. </style>
  46. <link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen"
  47. />
  48. <![endif]-->
  49. <!--[if lte IE 9]>
  50. <script src="../js/jquery.placeholder.js">
  51. </script>
  52. <script>
  53. jQuery(document).ready(function($) {
  54. $('input, textarea').placeholder();
  55. });
  56. </script>
  57. <script type="text/javascript" src="../js/pie.js">
  58. </script>
  59. <script type="text/javascript">
  60. jQuery(document).ready(function($) {
  61. $('.indexci img').each(function() {
  62. PIE.attach(this);
  63. });
  64. });
  65. </script>
  66. <![endif]-->
  67. <!--[if (gte IE 6)&(lte IE 8)]>
  68. <script type="text/javascript" src="../js/ie8-eventlistener.js">
  69. </script>
  70. <script type="text/javascript" src="../js/selectivizr.js">
  71. </script>
  72. <script type="text/javascript" src="../js/excanvas.compiled.js">
  73. </script>
  74. <![endif]-->
  75. <script type="text/javascript">
  76. $(function() {
  77. $("#navigation #nav_0 .menu1").addClass("active");
  78. });
  79. </script>
  80. <title>高端大气响应式互联网技术信息化解决方案提供商企业官网网站模板</title>
  81. <meta name="keywords" content="高端大气,响应式,互联网技术,信息化,解决方案提供商,企业官网,网站模板" />
  82. <meta name="description" content="高端大气响应式互联网技术信息化解决方案提供商企业官网网站模板下载。" />
  83. </head>
  84. <body>
  85. <!--[if lt IE 8]>
  86. <div class="lt-ie8-bg">
  87. <p class="browsehappy">
  88. You are using an
  89. <strong>
  90. outdated
  91. </strong>
  92. browser.
  93. </p>
  94. <p>
  95. Please
  96. <a href="#"​>
  97. upgrade your browser
  98. </a>
  99. to improve your experience.
  100. </p>
  101. <p class="browsehappy">
  102. 对不起,您正在使用的是
  103. <strong>
  104. 过时
  105. </strong>
  106. 的浏览器.
  107. </p>
  108. <p>
  109. 请升级您的浏览器(IE8+,或者是火狐、谷歌、Opera、Safari等现代浏览器),以改进您的用户体验!
  110. </p>
  111. </div>
  112. <style>
  113. .lt-ie8-bg{z-index:11111;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333;color:#999;padding:100px
  114. 20px;text-align:center;font-size:26px} .lt-ie8-bg a{color:#f5f5f5;border-bottom:2px
  115. solid #fff} .lt-ie8-bg a:hover{text-decoration:none} #container{display:none;}
  116. </style>
  117. <![endif]-->
  118. <div id="container">
  119. <header class="header clearfix" id="header-sec">
  120. <nav class="navbar navbar-default navbar-fixed-top" id="main-nav">
  121. <div class="navbar-header">
  122. <a class="navbar-toggle mmenu-btn" href="#mmenu">
  123. <span class="icon-bar">
  124. </span>
  125. <span class="icon-bar">
  126. </span>
  127. <span class="icon-bar">
  128. </span>
  129. </a>
  130. <a class="navbar-brand" href="index.html">
  131. <img alt="Logo" src="../picture/logo.png" />
  132. </a>
  133. </div>
  134. <div class="navbar-collapse collapse" id="navigation">
  135. <ul class="nav navbar-nav navbar-right">
  136. <li class="Lev1 drop" id="nav_0">
  137. <a href="index.html"​ class="menu1">
  138. XXX首页
  139. <i class="fa fa-caret-down">
  140. </i>
  141. </a>
  142. <ul class="drop-down sub-menu2">
  143. <li class="Lev2">
  144. <a href="#"​ class="menu2">
  145. 中文版
  146. </a>
  147. </li>
  148. <li class="Lev2">
  149. <a href="#"​ class="menu2">
  150. English
  151. </a>
  152. </li>
  153. </ul>
  154. </li>
  155. <li class="Lev1 drop" id="nav_8">
  156. <a href="about.html"​ class="menu1">
  157. 关于XXX
  158. <i class="fa fa-caret-down">
  159. </i>
  160. </a>
  161. <ul class="drop-down sub-menu2">
  162. <li class="Lev2 drop">
  163. <a href="#"​ class="menu2">
  164. 公司简介
  165. <i class="fa fa-caret-right">
  166. </i>
  167. </a>
  168. <ul class="drop-down level3 sub-menu3">
  169. <li class="Lev3">
  170. <a href="#"​ class="menu3">
  171. 发展历程
  172. </a>
  173. </li>
  174. <li class="Lev3">
  175. <a href="#"​ class="menu3">
  176. 组织架构
  177. </a>
  178. </li>
  179. </ul>
  180. </li>
  181. <li class="Lev2">
  182. <a href="#"​ class="menu2">
  183. 企业文化
  184. </a>
  185. </li>
  186. <li class="Lev2">
  187. <a href="#"​ class="menu2">
  188. 公司相册
  189. </a>
  190. </li>
  191. <li class="Lev2">
  192. <a href="#"​ class="menu2">
  193. 荣誉资质
  194. </a>
  195. </li>
  196. </ul>
  197. </li>
  198. <li class="Lev1 drop" id="nav_4">
  199. <a href="product.html"​ class="menu1">
  200. 主营业务
  201. <i class="fa fa-caret-down">
  202. </i>
  203. </a>
  204. <ul class="drop-down sub-menu2">
  205. <li class="Lev2">
  206. <a href="#"​ class="menu2">
  207. 软件产品
  208. </a>
  209. </li>
  210. <li class="Lev2">
  211. <a href="#"​ class="menu2">
  212. 硬件产品
  213. </a>
  214. </li>
  215. <li class="Lev2">
  216. <a href="#"​ class="menu2">
  217. 解决方案
  218. </a>
  219. </li>
  220. <li class="Lev2">
  221. <a href="#"​ class="menu2">
  222. 其他业务
  223. </a>
  224. </li>
  225. </ul>
  226. </li>
  227. <li class="Lev1 drop" id="nav_36">
  228. <a href="case.html"​ class="menu1">
  229. 成功案例
  230. <i class="fa fa-caret-down">
  231. </i>
  232. </a>
  233. <ul class="drop-down sub-menu2">
  234. <li class="Lev2">
  235. <a href="#"​ class="menu2">
  236. 软件产品案例
  237. </a>
  238. </li>
  239. <li class="Lev2">
  240. <a href="#"​ class="menu2">
  241. 硬件产品案例
  242. </a>
  243. </li>
  244. <li class="Lev2">
  245. <a href="#"​ class="menu2">
  246. 解决方案案例
  247. </a>
  248. </li>
  249. </ul>
  250. </li>
  251. <li class="Lev1 drop" id="nav_1">
  252. <a href="news.html"​ class="menu1">
  253. 新闻资讯
  254. <i class="fa fa-caret-down">
  255. </i>
  256. </a>
  257. <ul class="drop-down sub-menu2">
  258. <li class="Lev2">
  259. <a href="#"​ class="menu2">
  260. 公司新闻
  261. </a>
  262. </li>
  263. <li class="Lev2">
  264. <a href="#"​ class="menu2">
  265. 行业动态
  266. </a>
  267. </li>
  268. <li class="Lev2">
  269. <a href="#"​ class="menu2">
  270. 常见问题解答
  271. </a>
  272. </li>
  273. <li class="Lev2">
  274. <a href="#"​ class="menu2">
  275. 市场活动
  276. </a>
  277. </li>
  278. <li class="Lev2">
  279. <a href="#"​ class="menu2">
  280. 员工风采
  281. </a>
  282. </li>
  283. </ul>
  284. </li>
  285. <li class="Lev1" id="nav_32">
  286. <a href="job.html"​ class="menu1">
  287. 诚聘英才
  288. </a>
  289. </li>
  290. <li class="Lev1" id="nav_12">
  291. <a href="contact.html"​ class="menu1">
  292. 联系我们
  293. </a>
  294. </li>
  295. <li class="zoom drop nav-search">
  296. <a href="#"​ class="open-search">
  297. <i class="fa fa-search">
  298. </i>
  299. </a>
  300. <form class="form-search" method="get" action="/index.php?">
  301. <input type="hidden" name="m" value="Search" />
  302. <input type="hidden" name="mxi" value="1" />
  303. <input type="hidden" name="l" value="cn" />
  304. <input type="hidden" name="module" value="Product" />
  305. <input type="search" value="" name="keyword" class="search-input" placeholder="输入关键字"
  306. />
  307. <button type="submit">
  308. <i class="fa fa-search">
  309. </i>
  310. </button>
  311. </form>
  312. </li>
  313. <li class="shop-icon nav-social">
  314. <a href="#"​ target="_blank">
  315. <i class="fa fa-weibo">
  316. </i>
  317. </a>
  318. </li>
  319. </ul>
  320. </div>
  321. </nav>
  322. </header>
  323. <div id="slider" class="slider2">
  324. <div class="tp-banner-container">
  325. <div class="tp-banner">
  326. <ul>
  327. <li data-transition="random" data-slotamount="7" data-masterspeed="500">
  328. <img src="../picture/b1.jpg" alt="banner1" data-bgfit="cover" data-bgposition="center top"
  329. data-bgrepeat="no-repeat" />
  330. </li>
  331. <li data-transition="random" data-slotamount="7" data-masterspeed="500">
  332. <img src="../picture/b2.jpg" alt="banner2" data-bgfit="cover" data-bgposition="center top"
  333. data-bgrepeat="no-repeat" />
  334. </li>
  335. <li data-transition="random" data-slotamount="7" data-masterspeed="500">
  336. <img src="../picture/b3.jpg" alt="banner3" data-bgfit="cover" data-bgposition="center top"
  337. data-bgrepeat="no-repeat" />
  338. </li>
  339. <li data-transition="random" data-slotamount="7" data-masterspeed="500">
  340. <img src="../picture/b4.jpg" alt="banner4" data-bgfit="cover" data-bgposition="center top"
  341. data-bgrepeat="no-repeat" />
  342. </li>
  343. <li data-transition="random" data-slotamount="7" data-masterspeed="500">
  344. <img src="../picture/b5.jpg" alt="banner5" data-bgfit="cover" data-bgposition="center top"
  345. data-bgrepeat="no-repeat" />
  346. </li>
  347. </ul>
  348. <div class="tp-bannertimer">
  349. </div>
  350. </div>
  351. </div>
  352. </div>
  353. <div id="content">
  354. <div class="section-content text-banner-section white-back" id="index-business-title">
  355. <div class="container">
  356. <div class="text-box triggerAnimation animated-x" data-animate="bounceIn">
  357. <h1>
  358. <a href="#"​>
  359. 我们的主营业务
  360. </a>
  361. </h1>
  362. <p>
  363. 集产品销售、技术服务、软件开发于一身,XXX正在向着一流的信息化解决方案提供商而努力着。
  364. </p>
  365. </div>
  366. </div>
  367. </div>
  368. <div class="section-content services-section3" id="index-business">
  369. <div class="services-box">
  370. <div class="container">
  371. <div class="row">
  372. <div class="col-md-3 col-sm-6 cls-item">
  373. <div class="services-post">
  374. <div class="inner-service-post">
  375. <a href="#"​ class="icon">
  376. <i class="fa fa-database">
  377. </i>
  378. </a>
  379. <h2>
  380. 软件产品
  381. </h2>
  382. <p>
  383. XXX在国内外有众多的厂家合作伙伴,如 Microsoft,Adobe,赛门铁克,甲骨文,金山等。
  384. </p>
  385. </div>
  386. </div>
  387. </div>
  388. <div class="col-md-3 col-sm-6 cls-item">
  389. <div class="services-post">
  390. <div class="inner-service-post">
  391. <a href="#"​ class="icon">
  392. <i class="fa fa-server">
  393. </i>
  394. </a>
  395. <h2>
  396. 硬件产品
  397. </h2>
  398. <p>
  399. XXX硬件方面主攻的产品有:HP服务器,DELL服务器,浪潮服务器,建恒信安保垒机,思科,H3C...
  400. </p>
  401. </div>
  402. </div>
  403. </div>
  404. <div class="col-md-3 col-sm-6 cls-item">
  405. <div class="services-post">
  406. <div class="inner-service-post">
  407. <a href="#"​ class="icon">
  408. <i class="fa fa-cogs">
  409. </i>
  410. </a>
  411. <h2>
  412. 解决方案
  413. </h2>
  414. <p>
  415. XXX服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建...
  416. </p>
  417. </div>
  418. </div>
  419. </div>
  420. <div class="col-md-3 col-sm-6 cls-item">
  421. <div class="services-post">
  422. <div class="inner-service-post">
  423. <a href="#"​ class="icon">
  424. <i class="fa fa-plus">
  425. </i>
  426. </a>
  427. <h2>
  428. 其他业务
  429. </h2>
  430. <p>
  431. XXX正开拓其他业务,服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实...
  432. </p>
  433. </div>
  434. </div>
  435. </div>
  436. </div>
  437. </div>
  438. </div>
  439. </div>
  440. <div class="section-content portfolio-section carousel-projects" id="index-project">
  441. <div class="title-section title2">
  442. <div class="container triggerAnimation animated" data-animate="bounceIn">
  443. <h1 class="dark-title-x">
  444. <a href="#"​>
  445. 我们的成功案例
  446. </a>
  447. </h1>
  448. </div>
  449. </div>
  450. <div class="portfolio-container">
  451. <div id="owl-demo4" class="owl-carousel">
  452. <div class="project-post item">
  453. <div class="inner-project">
  454. <img alt="Image" src="../picture/573699d3ab712.jpg" />
  455. <div class="project-hover">
  456. <ul>
  457. <li>
  458. <a href="#"​>
  459. <i class="fa fa-link">
  460. </i>
  461. </a>
  462. </li>
  463. </ul>
  464. <div class="caption">
  465. <h2>
  466. <a href="#"​ title="平安车险案例">
  467. 平安车险案例
  468. </a>
  469. </h2>
  470. <span>
  471. 解决方案案例
  472. </span>
  473. </div>
  474. </div>
  475. </div>
  476. </div>
  477. <div class="project-post item">
  478. <div class="inner-project">
  479. <img alt="Image" src="../picture/57369946eb5e1.jpg" />
  480. <div class="project-hover">
  481. <ul>
  482. <li>
  483. <a href="#"​>
  484. <i class="fa fa-link">
  485. </i>
  486. </a>
  487. </li>
  488. </ul>
  489. <div class="caption">
  490. <h2>
  491. <a href="#"​ title="中国银行案例">
  492. 中国银行案例
  493. </a>
  494. </h2>
  495. <span>
  496. 解决方案案例
  497. </span>
  498. </div>
  499. </div>
  500. </div>
  501. </div>
  502. <div class="project-post item">
  503. <div class="inner-project">
  504. <img alt="Image" src="../picture/5736989dd71ab.jpg" />
  505. <div class="project-hover">
  506. <ul>
  507. <li>
  508. <a href="#"​>
  509. <i class="fa fa-link">
  510. </i>
  511. </a>
  512. </li>
  513. </ul>
  514. <div class="caption">
  515. <h2>
  516. <a href="#"​ title="天安人寿保险案例">
  517. 天安人寿保险案例
  518. </a>
  519. </h2>
  520. <span>
  521. 解决方案案例
  522. </span>
  523. </div>
  524. </div>
  525. </div>
  526. </div>
  527. <div class="project-post item">
  528. <div class="inner-project">
  529. <img alt="Image" src="../picture/573698365b3da.jpg" />
  530. <div class="project-hover">
  531. <ul>
  532. <li>
  533. <a href="#"​>
  534. <i class="fa fa-link">
  535. </i>
  536. </a>
  537. </li>
  538. </ul>
  539. <div class="caption">
  540. <h2>
  541. <a href="#"​ title="光大银行案例">
  542. 光大银行案例
  543. </a>
  544. </h2>
  545. <span>
  546. 解决方案案例
  547. </span>
  548. </div>
  549. </div>
  550. </div>
  551. </div>
  552. <div class="project-post item">
  553. <div class="inner-project">
  554. <img alt="Image" src="../picture/57369754d6ea1.jpg" />
  555. <div class="project-hover">
  556. <ul>
  557. <li>
  558. <a href="#"​>
  559. <i class="fa fa-link">
  560. </i>
  561. </a>
  562. </li>
  563. </ul>
  564. <div class="caption">
  565. <h2>
  566. <a href="#"​ title="北京银行案例">
  567. 北京银行案例
  568. </a>
  569. </h2>
  570. <span>
  571. 解决方案案例
  572. </span>
  573. </div>
  574. </div>
  575. </div>
  576. </div>
  577. <div class="project-post item">
  578. <div class="inner-project">
  579. <img alt="Image" src="../picture/573696d0cb467.jpg" />
  580. <div class="project-hover">
  581. <ul>
  582. <li>
  583. <a href="#"​>
  584. <i class="fa fa-link">
  585. </i>
  586. </a>
  587. </li>
  588. </ul>
  589. <div class="caption">
  590. <h2>
  591. <a href="#"​ title="正德人寿保险案例">
  592. 正德人寿保险案例
  593. </a>
  594. </h2>
  595. <span>
  596. 解决方案案例
  597. </span>
  598. </div>
  599. </div>
  600. </div>
  601. </div>
  602. <div class="project-post item">
  603. <div class="inner-project">
  604. <img alt="Image" src="../picture/5736967766cae.jpg" />
  605. <div class="project-hover">
  606. <ul>
  607. <li>
  608. <a href="#"​>
  609. <i class="fa fa-link">
  610. </i>
  611. </a>
  612. </li>
  613. </ul>
  614. <div class="caption">
  615. <h2>
  616. <a href="#"​ title="慕尼黑再保险">
  617. 慕尼黑再保险
  618. </a>
  619. </h2>
  620. <span>
  621. 解决方案案例
  622. </span>
  623. </div>
  624. </div>
  625. </div>
  626. </div>
  627. <div class="project-post item">
  628. <div class="inner-project">
  629. <img alt="Image" src="../picture/57369608d1425.jpg" />
  630. <div class="project-hover">
  631. <ul>
  632. <li>
  633. <a href="#"​>
  634. <i class="fa fa-link">
  635. </i>
  636. </a>
  637. </li>
  638. </ul>
  639. <div class="caption">
  640. <h2>
  641. <a href="#"​ title="凯撒旅游案例">
  642. 凯撒旅游案例
  643. </a>
  644. </h2>
  645. <span>
  646. 解决方案案例
  647. </span>
  648. </div>
  649. </div>
  650. </div>
  651. </div>
  652. </div>
  653. <div class="show-all">
  654. <a href="#"​ target="_blank">
  655. <i class="fa fa-th">
  656. </i>
  657. </a>
  658. </div>
  659. </div>
  660. </div>
  661. <div class="section-content team-section2 no-padd" id="index-news">
  662. <div class="title-section title2">
  663. <div class="container triggerAnimation animated" data-animate="bounceIn">
  664. <h1>
  665. <a href="#"​>
  666. 最新资讯
  667. </a>
  668. </h1>
  669. </div>
  670. </div>
  671. <div class="team-box">
  672. <div class="container">
  673. <div class="row">
  674. <div id="owl-demo" class="owl-carousel">
  675. <div class="item team-post iblog-item">
  676. <div class="team-gal">
  677. <img src="../picture/5736bdb5724b6.jpg" alt="Image" />
  678. <div class="hover-team">
  679. <div class="inner-team">
  680. <ul class="team-social">
  681. <li>
  682. <a class="facebook" href="#"​>
  683. <i class="fa fa-eye">
  684. </i>
  685. </a>
  686. </li>
  687. </ul>
  688. </div>
  689. </div>
  690. </div>
  691. <h2 class="iblog-title">
  692. <a href="#"​ title="微软的2015:从沉睡巨人到技术领先者">
  693. 微软的2015:从沉睡巨人到技术领先者
  694. </a>
  695. </h2>
  696. <div class="iblog-desc">
  697. 1.领跑云计算领域微软首席执行官萨蒂亚·纳德拉(Satya Nadella)2015年将云计算明确列为发展重点...
  698. </div>
  699. <span class="iblog-date">
  700. <i class="fa fa-calendar">
  701. </i>
  702. &nbsp;2016-05-14
  703. </span>
  704. </div>
  705. <div class="item team-post iblog-item">
  706. <div class="team-gal">
  707. <img src="../picture/573693850e98c.jpg" alt="Image" />
  708. <div class="hover-team">
  709. <div class="inner-team">
  710. <ul class="team-social">
  711. <li>
  712. <a class="facebook" href="#"​>
  713. <i class="fa fa-eye">
  714. </i>
  715. </a>
  716. </li>
  717. </ul>
  718. </div>
  719. </div>
  720. </div>
  721. <h2 class="iblog-title">
  722. <a href="#"​ title="创新之道,不破不立">
  723. 创新之道,不破不立
  724. </a>
  725. </h2>
  726. <div class="iblog-desc">
  727. 萨提亚 ∙ 纳德拉是电子工程学学士和计算机科学硕士,程序员出身的他可以说是一个标准的“理科男”...
  728. </div>
  729. <span class="iblog-date">
  730. <i class="fa fa-calendar">
  731. </i>
  732. &nbsp;2016-05-14
  733. </span>
  734. </div>
  735. <div class="item team-post iblog-item">
  736. <div class="team-gal">
  737. <img src="../picture/573696d0cb467.jpg" alt="Image" />
  738. <div class="hover-team">
  739. <div class="inner-team">
  740. <ul class="team-social">
  741. <li>
  742. <a class="facebook" href="#"​>
  743. <i class="fa fa-eye">
  744. </i>
  745. </a>
  746. </li>
  747. </ul>
  748. </div>
  749. </div>
  750. </div>
  751. <h2 class="iblog-title">
  752. <a href="#"​ title="微软公布新一代Windows">
  753. 微软公布新一代Windows
  754. </a>
  755. </h2>
  756. <div class="iblog-desc">
  757. 2014年9月30日,旧金山——微软公司于周二首次公开了下一代操作系统Windows 10,并且公布了将于10...
  758. </div>
  759. <span class="iblog-date">
  760. <i class="fa fa-calendar">
  761. </i>
  762. &nbsp;2016-05-14
  763. </span>
  764. </div>
  765. <div class="item team-post iblog-item">
  766. <div class="team-gal">
  767. <img src="../picture/5736989dd71ab.jpg" alt="Image" />
  768. <div class="hover-team">
  769. <div class="inner-team">
  770. <ul class="team-social">
  771. <li>
  772. <a class="facebook" href="#"​>
  773. <i class="fa fa-eye">
  774. </i>
  775. </a>
  776. </li>
  777. </ul>
  778. </div>
  779. </div>
  780. </div>
  781. <h2 class="iblog-title">
  782. <a href="#"​ title="由世纪互联运营的 Windows Azure 发布 HDInsight 服务公众预览">
  783. 由世纪互联运营的 Windows Azure 发布 HDInsight 服务公众预览
  784. </a>
  785. </h2>
  786. <div class="iblog-desc">
  787. 如果能善用这些数据,企业用户就可以得到以往难以企及的关键业务洞察。例如,台湾著名茶点连锁餐厅...
  788. </div>
  789. <span class="iblog-date">
  790. <i class="fa fa-calendar">
  791. </i>
  792. &nbsp;2016-05-14
  793. </span>
  794. </div>
  795. <div class="item team-post iblog-item">
  796. <div class="team-gal">
  797. <img src="../picture/57369946eb5e1.jpg" alt="Image" />
  798. <div class="hover-team">
  799. <div class="inner-team">
  800. <ul class="team-social">
  801. <li>
  802. <a class="facebook" href="#"​>
  803. <i class="fa fa-eye">
  804. </i>
  805. </a>
  806. </li>
  807. </ul>
  808. </div>
  809. </div>
  810. </div>
  811. <h2 class="iblog-title">
  812. <a href="#"​ title="中国电科与微软将设合资公司 Windows政府版来了!">
  813. 中国电科与微软将设合资公司 Windows政府版来了!
  814. </a>
  815. </h2>
  816. <div class="iblog-desc">
  817. 中国经济网乌镇12月17日讯 (记者陈静 崔国强)Windows政府版来了!12月17日,世界互联网大会新闻发布...
  818. </div>
  819. <span class="iblog-date">
  820. <i class="fa fa-calendar">
  821. </i>
  822. &nbsp;2016-05-14
  823. </span>
  824. </div>
  825. <div class="item team-post iblog-item">
  826. <div class="team-gal">
  827. <img src="../picture/5736989dd71ab.jpg" alt="Image" />
  828. <div class="hover-team">
  829. <div class="inner-team">
  830. <ul class="team-social">
  831. <li>
  832. <a class="facebook" href="#"​>
  833. <i class="fa fa-eye">
  834. </i>
  835. </a>
  836. </li>
  837. </ul>
  838. </div>
  839. </div>
  840. </div>
  841. <h2 class="iblog-title">
  842. <a href="#"​ title="微软宣布明年将从英国数据中心提供云服务">
  843. 微软宣布明年将从英国数据中心提供云服务
  844. </a>
  845. </h2>
  846. <div class="iblog-desc">
  847. 据国外媒体报道,微软宣布公司明年将从英国的数据中心提供云服务。微软一直在就储存在海外的客户信...
  848. </div>
  849. <span class="iblog-date">
  850. <i class="fa fa-calendar">
  851. </i>
  852. &nbsp;2016-05-14
  853. </span>
  854. </div>
  855. <div class="item team-post iblog-item">
  856. <div class="team-gal">
  857. <img src="../picture/5736bbbd8f2e4.jpg" alt="Image" />
  858. <div class="hover-team">
  859. <div class="inner-team">
  860. <ul class="team-social">
  861. <li>
  862. <a class="facebook" href="#"​>
  863. <i class="fa fa-eye">
  864. </i>
  865. </a>
  866. </li>
  867. </ul>
  868. </div>
  869. </div>
  870. </div>
  871. <h2 class="iblog-title">
  872. <a href="#"​ title="微软“黑科技”:识别人脸喜怒哀乐表情">
  873. 微软“黑科技”:识别人脸喜怒哀乐表情
  874. </a>
  875. </h2>
  876. <div class="iblog-desc">
  877. 软件巨头微软,时不时会对外发布出一些令人眼前一亮的黑科技,比如之前通过照片猜年龄在全世界风靡...
  878. </div>
  879. <span class="iblog-date">
  880. <i class="fa fa-calendar">
  881. </i>
  882. &nbsp;2016-05-14
  883. </span>
  884. </div>
  885. </div>
  886. </div>
  887. </div>
  888. </div>
  889. </div>
  890. </div>
  891. <footer id="footer-sec" class="footer">
  892. <div class="up-footer">
  893. <div class="container">
  894. <div class="row">
  895. <div class="col-md-3 col-sm-12 foot-about">
  896. <div class="widget footer-widget text-widget">
  897. <h2 class="dark-title">
  898. <a href="#"​>
  899. 关于XXX
  900. </a>
  901. </h2>
  902. <div class="f-about">
  903. <p>
  904. XXX信息技术(北京)有限公司是一家集产品销售、技术服务、软件开发于一身的高科技企业。服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。XXX正在向着一流的信息化解决方案提供商而努力着。旗下产品线:员工自助管理平台系统:随着各企业业使务的迅猛发展,员...
  905. </p>
  906. </div>
  907. <ul class="social-list">
  908. <li>
  909. <a href="#"​ target="_blank">
  910. <i class="fa fa-weibo">
  911. </i>
  912. </a>
  913. </li>
  914. <li>
  915. <a href="#"​ target="_blank">
  916. <i class="fa fa-tencent-weibo">
  917. </i>
  918. </a>
  919. </li>
  920. <li>
  921. <a href="#"​
  922. target="_blank">
  923. <i class="fa fa-qq">
  924. </i>
  925. </a>
  926. </li>
  927. <li>
  928. <a href="#"​ target="_blank">
  929. <i class="fa fa-shopping-cart">
  930. </i>
  931. </a>
  932. </li>
  933. <li>
  934. <a href="#"​ target="_blank">
  935. <i class="fa fa-envelope">
  936. </i>
  937. </a>
  938. </li>
  939. </ul>
  940. </div>
  941. </div>
  942. <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-contact">
  943. <div class="widget footer-widget">
  944. <h2 class="dark-title">
  945. <a href="#"​>
  946. 联系信息
  947. </a>
  948. </h2>
  949. <div class="f-contact">
  950. <p>
  951. <i class="fa fa-map-marker">
  952. </i>
  953. &nbsp;地址:XXX
  954. </p>
  955. <p>
  956. <i class="fa fa-phone">
  957. </i>
  958. &nbsp;业务部电话:XXX
  959. </p>
  960. <p>
  961. <i class="fa fa-print">
  962. </i>
  963. &nbsp;传真:XXX
  964. </p>
  965. <p>
  966. <i class="fa fa-envelope">
  967. </i>
  968. &nbsp;邮箱:XXX
  969. </p>
  970. <p>
  971. <i class="fa fa-truck">
  972. </i>
  973. &nbsp;邮政区码:XXX
  974. </p>
  975. <p>
  976. <i class="fa fa-globe">
  977. </i>
  978. &nbsp;网址:XXX
  979. </p>
  980. </div>
  981. </div>
  982. </div>
  983. <div class="clearfix visible-sm-block hidden-sm hidden-xs ">
  984. </div>
  985. <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-nav">
  986. <div class="widget footer-widget tags-widget">
  987. <h2>
  988. 友情链接
  989. </h2>
  990. <ul>
  991. <li>
  992. <a href="XXX"​ target="_blank">
  993. 网页模板
  994. </a>
  995. </li>
  996. </ul>
  997. </div>
  998. </div>
  999. <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-qrcode">
  1000. <div class="widget footer-widget subscribe-widget">
  1001. <h2>
  1002. 扫描二维码
  1003. </h2>
  1004. <div class="f-qrcode">
  1005. <img src="../picture/qrcode.png" />
  1006. </div>
  1007. </div>
  1008. </div>
  1009. </div>
  1010. </div>
  1011. </div>
  1012. <div class="footer-line copyright">
  1013. <div class="container">
  1014. <p>
  1015. COPYRIGHT &copy; 2020 XXX信息技术(北京)有限公司
  1016. <b>
  1017. -向着一流的信息化解决方案提供商而努力着
  1018. </b>
  1019. All rights reserved.
  1020. </p>
  1021. </div>
  1022. </div>
  1023. </footer>
  1024. </div>
  1025. <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
  1026. <script type="text/javascript" src="../js/jquery.countto.js"></script>-->
  1027. <script type="text/javascript" src="../js/jquery.magnific-popup.min.js">
  1028. </script>
  1029. <script type="text/javascript" src="../js/jquery.appear.js">
  1030. </script>
  1031. <script type="text/javascript" src="../js/jquery.imagesloaded.min.js">
  1032. </script>
  1033. <script type="text/javascript" src="../js/jquery.isotope.min.js">
  1034. </script>
  1035. <script type="text/javascript" src="../js/retina-1.1.0.min.js">
  1036. </script>
  1037. <script type="text/javascript" src="../js/plugins-scroll.js">
  1038. </script>
  1039. <script type="text/javascript" src="../js/waypoint.min.js">
  1040. </script>
  1041. <script type="text/javascript" src="../js/jquery.themepunch.tools.min.js">
  1042. </script>
  1043. <script type="text/javascript" src="../js/jquery.themepunch.revolution.min.js">
  1044. </script>
  1045. <script type="text/javascript" src="../js/script.js">
  1046. </script>
  1047. <nav id="mmenu" class="noDis">
  1048. <div class="mmDiv">
  1049. <div class="MMhead">
  1050. <a href="#"​ class="closemenu noblock">
  1051. x
  1052. </a>
  1053. <a href="#"​ target="_blank" class="noblock">
  1054. <i class="fa fa-weibo">
  1055. </i>
  1056. </a>
  1057. <a href="#"​ target="_blank" class="noblock">
  1058. <i class="fa fa-tencent-weibo">
  1059. </i>
  1060. </a>
  1061. <a href="#"​ target="_blank" class="noblock">
  1062. English
  1063. </a>
  1064. </div>
  1065. <div class="mm-search">
  1066. <form method="get" class="mm-search-form" action="/index.php?">
  1067. <input type="hidden" name="m" value="Search" />
  1068. <input type="hidden" name="mxi" value="1" />
  1069. <input type="hidden" name="l" value="cn" />
  1070. <input type="hidden" name="module" value="Product" />
  1071. <input type="text" autocomplete="off" value="" name="keyword" class="side-mm-keyword"
  1072. placeholder="输入关键字..." />
  1073. </form>
  1074. </div>
  1075. <ul>
  1076. <li class="m-Lev1 m-nav_0">
  1077. <a href="#"​>
  1078. 网站首页
  1079. </a>
  1080. </li>
  1081. <li class="m-Lev1 m-nav_8">
  1082. <a href="#"​ class="m-menu1">
  1083. 关于XXX
  1084. </a>
  1085. <ul class="m-submenu">
  1086. <li class="Lev2">
  1087. <a href="#"​ class="m-menu2">
  1088. 公司简介
  1089. </a>
  1090. <ul class="m-submenu2">
  1091. <li class="m-Lev3">
  1092. <a href="#"​ class="m-menu3">
  1093. 发展历程
  1094. </a>
  1095. </li>
  1096. <li class="m-Lev3">
  1097. <a href="#"​ class="m-menu3">
  1098. 组织架构
  1099. </a>
  1100. </li>
  1101. </ul>
  1102. </li>
  1103. <li class="Lev2">
  1104. <a href="#"​ class="m-menu2">
  1105. 企业文化
  1106. </a>
  1107. </li>
  1108. <li class="Lev2">
  1109. <a href="#"​ class="m-menu2">
  1110. 公司相册
  1111. </a>
  1112. </li>
  1113. <li class="Lev2">
  1114. <a href="#"​ class="m-menu2">
  1115. 荣誉资质
  1116. </a>
  1117. </li>
  1118. </ul>
  1119. </li>
  1120. <li class="m-Lev1 m-nav_4">
  1121. <a href="#"​ class="m-menu1">
  1122. 主营业务
  1123. </a>
  1124. <ul class="m-submenu">
  1125. <li class="Lev2">
  1126. <a href="#"​ class="m-menu2">
  1127. 软件产品
  1128. </a>
  1129. </li>
  1130. <li class="Lev2">
  1131. <a href="#"​ class="m-menu2">
  1132. 硬件产品
  1133. </a>
  1134. </li>
  1135. <li class="Lev2">
  1136. <a href="#"​ class="m-menu2">
  1137. 解决方案
  1138. </a>
  1139. </li>
  1140. <li class="Lev2">
  1141. <a href="#"​ class="m-menu2">
  1142. 其他业务
  1143. </a>
  1144. </li>
  1145. </ul>
  1146. </li>
  1147. <li class="m-Lev1 m-nav_36">
  1148. <a href="#"​ class="m-menu1">
  1149. 成功案例
  1150. </a>
  1151. <ul class="m-submenu">
  1152. <li class="Lev2">
  1153. <a href="#"​ class="m-menu2">
  1154. 软件产品案例
  1155. </a>
  1156. </li>
  1157. <li class="Lev2">
  1158. <a href="#"​ class="m-menu2">
  1159. 硬件产品案例
  1160. </a>
  1161. </li>
  1162. <li class="Lev2">
  1163. <a href="#"​ class="m-menu2">
  1164. 解决方案案例
  1165. </a>
  1166. </li>
  1167. </ul>
  1168. </li>
  1169. <li class="m-Lev1 m-nav_1">
  1170. <a href="#"​ class="m-menu1">
  1171. 新闻资讯
  1172. </a>
  1173. <ul class="m-submenu">
  1174. <li class="Lev2">
  1175. <a href="#"​ class="m-menu2">
  1176. 公司新闻
  1177. </a>
  1178. </li>
  1179. <li class="Lev2">
  1180. <a href="#"​ class="m-menu2">
  1181. 行业动态
  1182. </a>
  1183. </li>
  1184. <li class="Lev2">
  1185. <a href="#"​ class="m-menu2">
  1186. 常见问题解答
  1187. </a>
  1188. </li>
  1189. <li class="Lev2">
  1190. <a href="#"​ class="m-menu2">
  1191. 市场活动
  1192. </a>
  1193. </li>
  1194. <li class="Lev2">
  1195. <a href="#"​ class="m-menu2">
  1196. 员工风采
  1197. </a>
  1198. </li>
  1199. </ul>
  1200. </li>
  1201. <li class="m-Lev1 m-nav_32">
  1202. <a href="#"​ class="m-menu1">
  1203. 诚聘英才
  1204. </a>
  1205. </li>
  1206. <li class="m-Lev1 m-nav_12">
  1207. <a href="#"​ class="m-menu1">
  1208. 联系我们
  1209. </a>
  1210. </li>
  1211. </ul>
  1212. </div>
  1213. </nav>
  1214. <link type="text/css" rel="stylesheet" href="../css/jquery.mmenu.all.css" />
  1215. <script type="text/javascript" src="../js/jquery.mmenu.all.min.js">
  1216. </script>
  1217. <script type="text/javascript">
  1218. jQuery(document).ready(function($) {
  1219. var mmenu = $('nav#mmenu').mmenu({
  1220. slidingSubmenus: true,
  1221. classes: 'mm-white',
  1222. //mm-fullscreen mm-light
  1223. extensions: ["theme-white"],
  1224. offCanvas: {
  1225. position: "right",
  1226. //left, top, right, bottom
  1227. zposition: "front" //back, front,next
  1228. //modal : true
  1229. },
  1230. searchfield: false,
  1231. counters: false,
  1232. //navbars : {
  1233. //content : [ "prev", "title", "next" ]
  1234. //},
  1235. navbar: {
  1236. title: "网站导航"
  1237. },
  1238. header: {
  1239. add: true,
  1240. update: true,
  1241. title: "网站导航"
  1242. }
  1243. });
  1244. $(".closemenu").click(function() {
  1245. var mmenuAPI = $("#mmenu").data("mmenu");
  1246. mmenuAPI.close();
  1247. });
  1248. });
  1249. </script>
  1250. <style>
  1251. .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
  1252. </style>
  1253. <div class="copyrights" id="links20210126">
  1254. Collect from <a href="http://www.cssmoban.com/" title="网站模板">模板之家</a>
  1255. <a href="http://cooco.net.cn/" title="组卷网">组卷网</a>
  1256. </div>
  1257. </body>
  1258. </html>