index.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]> <html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]> <html lang="en" class="no-js lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]> <html lang="en" class="no-js lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
  6. <head>
  7. <!-- Mobile Specific Meta -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <!-- Always force latest IE rendering engine -->
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11. <!-- Meta Keyword -->
  12. <meta name="keywords" content="one page, business template, single page, onepage, responsive, parallax, creative, business, html5, css3, css3 animation">
  13. <!-- meta character set -->
  14. <meta charset="utf-8">
  15. <link rel="SHORTCUT ICON" href="{$Think.HOME_SITE_ROOT}/images/title.png"/>
  16. <!-- Site Title -->
  17. <title>AQM官网</title>
  18. <!--
  19. Google Fonts
  20. ============================================= -->
  21. <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet" type="text/css">
  22. <link href="https://fonts.googleapis.com/css?family=Baloo+Thambi|Slabo+27px" rel="stylesheet">
  23. <!--
  24. CSS
  25. ============================================= -->
  26. <!-- Fontawesome -->
  27. <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/font-awesome.min.css">
  28. <!-- Bootstrap -->
  29. <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/bootstrap.min.css">
  30. <!-- Fancybox -->
  31. <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/jquery.fancybox.css">
  32. <!-- owl carousel -->
  33. <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/owl.carousel.css">
  34. <!-- Animate -->
  35. <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/animate.css">
  36. <!-- Main Stylesheet -->
  37. <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/main.css">
  38. <!-- Main Responsive -->
  39. <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/responsive.css">
  40. <!-- Modernizer Script for old Browsers -->
  41. <script src="{$Think.HOME_SITE_ROOT}/js/vendor/modernizr-2.6.2.min.js"></script>
  42. </head>
  43. <body>
  44. <!--
  45. Fixed Navigation
  46. ==================================== -->
  47. <header id="navigation" class="navbar-fixed-top">
  48. <div class="container">
  49. <div class="navbar-header">
  50. <!-- logo -->
  51. <!--<h1 class="navbar-brand">-->
  52. <h1 class="">
  53. <a href="#body">
  54. <img src="{$Think.HOME_SITE_ROOT}/images/logo.png" width="70%">
  55. <!--<div class="site-logo"><span>K</span>eeper</div>-->
  56. </a>
  57. </h1>
  58. <!-- /logo -->
  59. </div>
  60. <!-- main nav -->
  61. <nav class="collapse navigation navbar-collapse navbar-right" role="navigation">
  62. <ul id="nav" class="nav navbar-nav">
  63. {foreach name="navigation" item="value" key="key"}
  64. {if $value.navigation_enName === 'about us'}
  65. <li class="current"><a href="/home/about/index">{$value.navigation_zhName}</a></li>
  66. {else}
  67. <li><a href="/home/index/index">{$value.navigation_zhName}</a></li>
  68. {/if}
  69. {/foreach}
  70. </ul>
  71. </nav>
  72. <!-- /main nav -->
  73. </div>
  74. </header>
  75. <!--
  76. End Fixed Navigation
  77. ==================================== -->
  78. <!--
  79. Home Slider
  80. ==================================== -->
  81. <section id="home" style="background: url('{$Think.HOME_SITE_ROOT}/images/bg4.png') fixed no-repeat left top / cover;">
  82. <div class="container">
  83. <div class="home-intro">
  84. <div class="animated bounceInRight" style="text-align: left; float: left">
  85. <p style="font-size: 150px; font-weight: 800; margin-top: -100px;">A</p>
  86. </div>
  87. <div class="animated bounceInRight" style="text-align: left; float: left; margin-left: 20px;">
  88. <p style="font-size: 30px; margin-left: 10px;">BOUT</p>
  89. <p style="font-size: 30px;">关于我们</p>
  90. </div>
  91. </div>
  92. </div>
  93. </section>
  94. <!--
  95. End #home Slider
  96. ========================== -->
  97. <!--
  98. #service
  99. ========================== -->
  100. <section id="{$navigationId[1]}">
  101. <div class="container">
  102. <div class="row">
  103. <div class="col-md-12">
  104. <div class="section-title text-center wow fadeInDown">
  105. <h1>{$navigation[5]->navigation_zhName}</h1>
  106. <h3>—&nbsp;&nbsp;&nbsp;{$navigation[5]->navigation_enName}&nbsp;&nbsp;&nbsp;—</h3>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="row">
  111. <div class="col-md-12">
  112. <div class="section-title text-center wow fadeInUp" style="display: flex; justify-content: center; width: 100%">
  113. <p style="text-align: left; width: 1000px">成都安全猫网络科技有限公司-软件开发公司是国内专业的软件外包、定制开发公司。自成立以来,秉承"诚信、协作、奉献、超越"的精神,着力打造集战略咨询、平台技术和专业服务为一体的软件企业。在金融、保险、银行、医疗、物流、制造、教育、核能、汽车等行业拥有丰富的软件开发经验。 北京软件开发公司宜天信达涵盖多种应用与技术平台,拥有成熟的信息系统和软件开发外包解决方案,我们的专业团队将作为您的IT部门来开展长期紧密的合作,立足于您的业务和信息化目标,开发符合您业务目标和商业价值的软件。 我们将抓住机遇,坚持以人为本,加大自主产品创新,提升重大工程实施能力,加快规范化进程,实现规模经济和跨越式发展,立志打造“中国软件行业优秀企业”。</p>
  114. </div>
  115. </div>
  116. <div class="col-md-12" style="display: flex; justify-content: center; color: #484848">
  117. <div class="col-md-2 about_us">
  118. <div>
  119. <p class="about_us_p1">5</p>
  120. <p class="about_us_p2">平台</p>
  121. </div>
  122. <p class="about_us_p3">超过5个主流开发平台</p>
  123. </div>
  124. <p class="about_us_p4">|</p>
  125. <div class="col-md-2 about_us">
  126. <div>
  127. <p class="about_us_p1">20</p>
  128. <p class="about_us_p2">个</p>
  129. </div>
  130. <p class="about_us_p3">支持超过20个行业的手机APP解决方案</p>
  131. </div>
  132. <p class="about_us_p4">|</p>
  133. <div class="col-md-2 about_us">
  134. <div>
  135. <p class="about_us_p1">100</p>
  136. <p class="about_us_p2">人</p>
  137. </div>
  138. <p class="about_us_p3">超过100人的技术开发团队</p>
  139. </div>
  140. <p class="about_us_p4">|</p>
  141. <div class="col-md-2 about_us">
  142. <div>
  143. <p class="about_us_p1">500</p>
  144. <p class="about_us_p2">款</p>
  145. </div>
  146. <p class="about_us_p3">超500款在线应用定制开发经验</p>
  147. </div>
  148. </div>
  149. </div> <!-- end .row -->
  150. </div> <!-- end .container -->
  151. </section>
  152. <!--
  153. End #service-bottom
  154. ========================== -->
  155. <!--
  156. #Portfolio
  157. ========================== -->
  158. <section id="portfolio" style="margin-top: -100px">
  159. <div id="projects" class="clearfix" style="display: flex; justify-content: center;">
  160. <div style="width: 45%">
  161. <img class="img-responsive" src="{$Think.HOME_SITE_ROOT}/images/exploring.png" alt="Portfolio Item">
  162. </div>
  163. <div style="background: rgba(240,240,240,1); width: 45%; min-width: 580px">
  164. <p style="font-size: 30px; margin-left: 40px;">探索未来</p>
  165. <p style="width: 500px; margin-left: 40px;">成都安全猫科技属于互联网行业中的后起之秀,目前拥有50多人的技术开发团队,通过技术创新与产品研发,以及结合已有的传统标准流程等,成功帮助客户部署了移动应用并在市场拓展、品牌传播方面取得了巨大成效。北京雀科科技使用领先的互联网技术、专业的解决方案成功服务100多家企业,其中包括众多的国内知名企业,如宝洁、恒大、广铝、加多宝、广东电视台、香江集团、茵曼、中银国际、中国移动、美宜佳、链家、方圆地产等业内享有盛誉,并赢得合作客户的卓越口碑。</p>
  166. </div>
  167. </div> <!-- end #projects -->
  168. </section>
  169. <!--
  170. End #Portfolio
  171. ========================== -->
  172. <!--
  173. #about-us
  174. ========================== -->
  175. <section id="about-us">
  176. <div class="container">
  177. <div class="row">
  178. <div class="col-md-12">
  179. <div class="section-title text-center wow fadeInUp">
  180. <h1>{$navigationTitle[2]->navigation_zhName}</h1>
  181. <h3>—&nbsp;&nbsp;&nbsp;{$navigationTitle[2]->navigation_enName}&nbsp;&nbsp;&nbsp;—</h3>
  182. </div>
  183. </div>
  184. </div>
  185. <div class="clearfix" style="display: flex; justify-content: center;">
  186. <div class="col-md-12">
  187. <img class="img-responsive" src="{$Think.HOME_SITE_ROOT}/images/team1.png" alt="Portfolio Item">
  188. </div>
  189. <div class="col-md-6">
  190. <img class="img-responsive" src="{$Think.HOME_SITE_ROOT}/images/team2.png" alt="Portfolio Item">
  191. </div>
  192. <div class="col-md-6">
  193. <img class="img-responsive" src="{$Think.HOME_SITE_ROOT}/images/team3.png" alt="Portfolio Item">
  194. </div>
  195. </div>
  196. <div class="clearfix" style="display: flex; justify-content: center;">
  197. <div class="col-md-12" style="margin-top: 20px">
  198. <img class="img-responsive" src="{$Think.HOME_SITE_ROOT}/images/team4.png" alt="Portfolio Item" style="width: 48%; float: left">
  199. <img class="img-responsive" src="{$Think.HOME_SITE_ROOT}/images/team5.png" alt="Portfolio Item" style="width: 48%; margin-left: 4%; float: left">
  200. </div>
  201. <div class="col-md-6" style="margin-top: 20px">
  202. <img class="img-responsive" src="{$Think.HOME_SITE_ROOT}/images/team6.png" alt="Portfolio Item">
  203. </div>
  204. <div class="col-md-6" style="margin-top: 20px">
  205. <img class="img-responsive" src="{$Think.HOME_SITE_ROOT}/images/team7.png" alt="Portfolio Item">
  206. </div>
  207. </div>
  208. <div class="row">
  209. <div class="col-md-12" style="margin-top: 50px">
  210. <div class="section-title text-center wow fadeInUp">
  211. <h1>选择安全猫,值得信赖</h1>
  212. </div>
  213. </div>
  214. </div>
  215. <div class="clearfix" style="display: flex; justify-content: center;">
  216. <div class="col-md-4" style="margin-top: 20px">
  217. <img class="img-responsive" src="{$Think.HOME_SITE_ROOT}/images/trust1.png" alt="Portfolio Item">
  218. </div>
  219. <div class="col-md-4" style="margin-top: 20px">
  220. <img class="img-responsive" src="{$Think.HOME_SITE_ROOT}/images/trust2.png" alt="Portfolio Item">
  221. </div>
  222. <div class="col-md-4" style="margin-top: 20px">
  223. <img class="img-responsive" src="{$Think.HOME_SITE_ROOT}/images/trust3.png" alt="Portfolio Item">
  224. </div>
  225. </div>
  226. </div>
  227. </section>
  228. <!--
  229. End #about-us
  230. ========================== -->
  231. <!--
  232. #footer
  233. ========================== -->
  234. <footer id="footer" class="text-center">
  235. <div class="container" style="margin-top: -70px; color: #fff;">
  236. <div class="row">
  237. <div class="col-md-3 col-sm-12">
  238. <div class="footer-social wow fadeInUp">
  239. <h4 style="text-align: left;">联系我们</h4>
  240. <ul class="text-center list-inline">
  241. <li>
  242. <a href="#" class="pull-left text-center" style="margin-right: 10px">
  243. <img src="{$Think.HOME_SITE_ROOT}/images/fax.png">
  244. </a>
  245. <div class="media-body">
  246. <p>{$foot[2]->remark}:{$foot[2]->value}</p>
  247. </div>
  248. </li>
  249. <li>
  250. <a href="#" class="pull-left text-center" style="margin-right: 10px">
  251. <img src="{$Think.HOME_SITE_ROOT}/images/email.png">
  252. </a>
  253. <div class="media-body">
  254. <p>{$foot[1]->remark}:{$foot[1]->value}</p>
  255. </div>
  256. </li>
  257. <li>
  258. <a href="#" class="pull-left text-center" style="margin-right: 10px">
  259. <img src="{$Think.HOME_SITE_ROOT}/images/phone.png">
  260. </a>
  261. <div class="media-body">
  262. <p>{$foot[0]->remark}:{$foot[0]->value}</p>
  263. </div>
  264. </li>
  265. </ul>
  266. </div>
  267. </div>
  268. <div class="col-md-3 col-sm-12">
  269. <div class="footer-social wow fadeInUp">
  270. <h4 style="text-align: left;">站点导航</h4>
  271. <ul class="text-center list-inline">
  272. {foreach name="navigation" item="value" key="key"}
  273. {if $key !== 0}
  274. <li style="width: 45%;">
  275. <div class="media-body">
  276. <a href="#{$navigationId[$key]}" style="color: #fff">{$value.navigation_zhName}</a>
  277. </div>
  278. </li>
  279. {/if}
  280. {/foreach}
  281. </ul>
  282. </div>
  283. </div>
  284. <div class="col-md-4 col-sm-12" style="margin-left: 100px">
  285. <div class="footer-social wow fadeInUp" style="float: left">
  286. <h4>关注微信</h4>
  287. <div style="margin-top: 20px;">
  288. <img src="{$Think.HOME_SITE_ROOT}/images/code.png">
  289. </div>
  290. </div>
  291. <div class="footer-social wow fadeInUp" style="float: left; margin-left: 80px">
  292. <h4>关注微博</h4>
  293. <div style="margin-top: 20px;">
  294. <img src="{$Think.HOME_SITE_ROOT}/images/blog.png">
  295. </div>
  296. </div>
  297. </div>
  298. </div>
  299. </div>
  300. </footer>
  301. <!--
  302. End #footer
  303. ========================== -->
  304. <!--
  305. JavaScripts
  306. ========================== -->
  307. <!-- main jQuery -->
  308. <script src="{$Think.HOME_SITE_ROOT}/js/vendor/jquery-1.11.1.min.js"></script>
  309. <!-- Bootstrap -->
  310. <script src="{$Think.HOME_SITE_ROOT}/js/bootstrap.min.js"></script>
  311. <!-- jquery.nav -->
  312. <script src="{$Think.HOME_SITE_ROOT}/js/jquery.nav.js"></script>
  313. <!-- Portfolio Filtering -->
  314. <script src="{$Think.HOME_SITE_ROOT}/js/jquery.mixitup.min.js"></script>
  315. <!-- Fancybox -->
  316. <script src="{$Think.HOME_SITE_ROOT}/js/jquery.fancybox.pack.js"></script>
  317. <!-- Parallax sections -->
  318. <script src="{$Think.HOME_SITE_ROOT}/js/jquery.parallax-1.1.3.js"></script>
  319. <!-- jQuery Appear -->
  320. <script src="{$Think.HOME_SITE_ROOT}/js/jquery.appear.js"></script>
  321. <!-- countTo -->
  322. <script src="{$Think.HOME_SITE_ROOT}/js/jquery-countTo.js"></script>
  323. <!-- owl carousel -->
  324. <script src="{$Think.HOME_SITE_ROOT}/js/owl.carousel.min.js"></script>
  325. <!-- WOW script -->
  326. <script src="{$Think.HOME_SITE_ROOT}/js/wow.min.js"></script>
  327. <!-- theme custom scripts -->
  328. <script src="{$Think.HOME_SITE_ROOT}/js/main.js"></script>
  329. </body>
  330. </html>