technology.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367
  1. <!DOCTYPE html
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <link rel="shortcut icon" href="imgs/favicon.png" type="image/x-icon">
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <title>技术服务</title>
  8. <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" />
  9. <link rel="stylesheet" href="css/main.min.css">
  10. <link rel="stylesheet" href="css/style.css">
  11. <link rel="stylesheet" type="text/css" href="css/cc-css-tools.css" />
  12. <link rel="stylesheet" href="js/bootstrap-3.4.1-dist/css/bootstrap.min.css">
  13. <script src="js/jquery3.6.min.js"></script>
  14. <script src="js/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
  15. <script src="/js/rem.js"></script>
  16. <script src="/js/goTop.js"></script>
  17. <script>
  18. $(document).ready(function(){
  19. $(".jsLinks li").click(function () {
  20. var e = $(this).data("link"),
  21. s = $("#" + e).offset().top - 150;
  22. $(".jsLinks li").removeClass("z-active"),
  23. $(this).addClass("z-active"),
  24. $("html,body").animate({
  25. scrollTop: s
  26. }, 300)
  27. })
  28. })
  29. function scrollFixed(thisName) {
  30. var scrollTime;
  31. var titleTop = $(thisName).offset().top;
  32. var footTop = $(".footerbg").offset().top;
  33. if (scrollTime) {
  34. clearTimeout(scrollTime);
  35. }
  36. scrollTime = setTimeout(function () {
  37. if ($(window).scrollTop() > titleTop && $(window).scrollTop() < footTop - 500) {
  38. $(thisName).addClass("z-fixed");
  39. } else {
  40. $(thisName).removeClass("z-fixed");
  41. }
  42. }, 50);
  43. }
  44. var clock;
  45. function linksAll() {
  46. var s = $(window).scrollTop() + .8 * $(window).height();
  47. $(".jsLinks li").each(function (e) {
  48. $("#link" + (e + 1)).offset().top < s && ($(".jsLinks li").removeClass("z-active"),
  49. $(".jsLinks li").eq(e).addClass("z-active"))
  50. })
  51. }
  52. function userScroll() {
  53. $(window).scroll(function () {
  54. clock && clearTimeout(clock),
  55. clock = setTimeout(function () {
  56. linksAll()
  57. }, 0)
  58. })
  59. }
  60. userScroll(),
  61. $(window).on('scroll', function () {
  62. $(".m-side-left").length && scrollFixed(".m-side-left");
  63. });
  64. </script>
  65. <style type="text/css">
  66. .bannerMore {
  67. width: 82px;
  68. height: 26px;
  69. background-color: #ffffff;
  70. border-radius: 10%;
  71. }
  72. .bannerText {
  73. line-height: 26px;
  74. color: #000000;
  75. text-align: center;
  76. }
  77. .flex-center{
  78. display: flex;
  79. justify-content: space-around;
  80. align-items: center;
  81. }
  82. .bottomTitle{
  83. text-align: center;
  84. margin-top: 20px;
  85. font-size: 18px;
  86. color: #010101;
  87. }
  88. .link2{
  89. margin-bottom: 50px;
  90. }
  91. .m-text{
  92. line-height: 30px;
  93. }
  94. .bannerbg{
  95. background: url(../images/banner10.png) center center no-repeat;
  96. background-size: 100% 100%;
  97. }
  98. .buness{
  99. width: 22.585% !important;
  100. margin-right: 24px !important;
  101. }
  102. </style>
  103. </head>
  104. <body>
  105. <div class="goTop" style="display: none;">
  106. <span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
  107. </div>
  108. <div class="navbgbox">
  109. <div class="navbg">
  110. <div class="nav about_nav">
  111. <div style="position: relative">
  112. <a href="index.html" class="nav_logo">
  113. <img src="images/dgt_logo.png" width="171" height="70">
  114. </a>
  115. <div class="guanggao">
  116. <strong style="color: #999999; margin-left : -140px; font-size: 14px">智慧科技 · 神州软件</strong>
  117. </div>
  118. </div>
  119. <div class="nav_a">
  120. <a href="index.html">首页</a>
  121. <a href="product.html">智慧企业</a>
  122. <a href="wisdom.html">智慧城市</a>
  123. <a href="fangan.html">解决方案</a>
  124. <a href="technology.html" class="cur">技术服务</a>
  125. <a href="news.html">新闻中心</a>
  126. <a href="about_us.html">关于我们</a>
  127. <a href="contact.html">联系我们</a>
  128. <!-- <img width="70px" src="imgs/QRcode1.jpg" alt=""> -->
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. <div class="banner">
  134. <div class="bannerbg">
  135. <div class="shade">
  136. <div class="cc-tc-w bannerBoxTitle">
  137. <div class="bannerTitle">技术服务</div>
  138. <div class="bannerTitle-eng">Technical Services</div>
  139. </div>
  140. </div>
  141. <!-- <div class="shade">
  142. <div class="cc-tc-w cc-mar-l-30" style="margin-left: 100px">
  143. <div class="bannerTitle">技术服务</div>
  144. <div class="bannerMore">
  145. <div class="bannerText">
  146. 了解更多
  147. </div>
  148. </div>
  149. </div>
  150. </div> -->
  151. </div>
  152. </div>
  153. <div class="g-content">
  154. <div class="g-content-in">
  155. <div class="m-side-left jsLinks">
  156. <ul>
  157. <li data-link="link1">
  158. <b class="num">01.</b>
  159. <b>IT外包服务</b>
  160. </li>
  161. <li data-link="link2">
  162. <b class="num">02.</b>
  163. <b>主要客户及业务开展模式</b>
  164. </li>
  165. <li data-link="link3">
  166. <b class="num">03.</b>
  167. <b>人员外包服务模式</b>
  168. </li>
  169. <li data-link="link4">
  170. <b class="num">04.</b>
  171. <b>应用开发与维护</b>
  172. </li>
  173. <li data-link="link5">
  174. <b class="num">05.</b>
  175. <b>业务介绍</b>
  176. </li>
  177. </ul>
  178. </div>
  179. <div class="g-content-right">
  180. <div class="g-right-in">
  181. <div class="u-title" id="link1">
  182. <h2>IT外包服务</h2>
  183. </div>
  184. <div class="m-text">
  185. <p>
  186. 公司为客户提供稳定可靠、专业高效的IT人员外包服务,以有效支持客户的业务战略。我们提供现场服务、远程服务等多种不同方式的服务支持。以帮助客户降低风险和成本,并确保高质量的服务。
  187. </p>
  188. </div>
  189. <div class="u-title" id="link2">
  190. <h2>主要客户及业务开展模式 </h2>
  191. </div>
  192. <div class="m-text">
  193. <p>
  194. 主要客户集中与外资企业和一些大型的国有和民营企业,例如EMC、 SAP、大陆汽车、亿滋食品、宜信、神州数码集团等。
  195. </p>
  196. <p>
  197. 作为一家从海外外包业务一路走来,多年为国内外大型企业提供人员外包专业服务的企业,我们从客户的人员服务受理、到人员服务交付以及人员服务质量监控方面,都有自己严格的监控体系制度和服务流程,再加上与公司的解决方案业务和通用软件开发维护相互结合,从而与客户建立了深度黏合的关系,真正与客户实现了“你中有我、我中有你”的双赢共生模式。我们从人员招聘、人力资源池建立、人员定向培训、人员长期维系、人员职业规划、客户责任矩阵等多方面保证外包人员在客户现场的及时到岗与长期稳定,从而在帮助客户有效节约人力资源成本和人员管理成本的同时,公司也获得长期稳定的收益。
  198. </p>
  199. </div>
  200. <div class="u-title" id="link3">
  201. <h2>外包服务模式</h2>
  202. </div>
  203. <div class="m-serve serve--other consulting-serve">
  204. <div class="m-user-slide">
  205. <div class="user-banner" id="user5">
  206. <div class="user-li">
  207. <ul></ul>
  208. </div>
  209. <div class="user-box">
  210. <ul>
  211. <li>
  212. <img src="images/epibole1.png">
  213. <h3>前期筹备工作</h3>
  214. <p>客户需求沟通、提供项目建议书、签订合同、提供招聘方案。</p>
  215. </li>
  216. <li>
  217. <img src="images/epibole2.png">
  218. <h3>人才筛选工作</h3>
  219. <p>调动网络、报纸、数据库等整体资源并使用专业工具测评,专业面试评估人才。</p>
  220. </li>
  221. <li>
  222. <img src="images/epibole3.png">
  223. <h3>后期服务工作</h3>
  224. <p>向客户推荐候选人,并对客户做好后期服务。</p>
  225. </li>
  226. </ul>
  227. </div>
  228. </div>
  229. </div>
  230. </div>
  231. <div class="u-title" id="link4">
  232. <h2>应用开发与维护</h2>
  233. </div>
  234. <div class="m-text">
  235. <p>
  236. 我们根据客户的具体需求,对于有长期稳定需求的客户,我们会为其建立离岸开发中心(ODC),根据客户要求提供专门的场地和专业化团队,帮助客户提高生产效率,并有效减少其运营开支。
  237. </p>
  238. <P>
  239. 对于客户的某个具体的项目,我们会配备专业的售前人员和业务分析师,充分了解客户需求,采用适宜的技术方案,配备完整的技术团队,采用具有公司特征的项目管理理论和敏捷(scrum)开发模式,完成对项目的交付和后期维护。
  240. </P>
  241. </div>
  242. <div class="u-title" id="link5">
  243. <h2>业务介绍</h2>
  244. </div>
  245. <div class="m-index" style="margin-bottom: 100px;">
  246. <div class="index-first">
  247. <div class="f-in" style="margin: 0;">
  248. <div class="first-pc" style="margin: 0;">
  249. <div class="first-box" style="width: 100%;">
  250. <div class="first-sub first-icon1 buness">
  251. <img src="images/business1.png" alt="">
  252. <div class="first-bg"></div>
  253. <div class="first-text">
  254. <div class="first-icon">
  255. <img src="images/business1-icon.png">
  256. </div>
  257. <h2>互联网应用</h2>
  258. <div class="first-p">
  259. <p>互联网应用,开发与维护</p>
  260. </div>
  261. </div>
  262. </div>
  263. <div class="first-sub first-icon1 buness">
  264. <img src="images/business2.png" alt="">
  265. <div class="first-bg"></div>
  266. <div class="first-text">
  267. <div class="first-icon">
  268. <img src="images/business2-icon.png">
  269. </div>
  270. <h2>企业应用</h2>
  271. <div class="first-p">
  272. <p>企业应用,实施及维护支持</p>
  273. </div>
  274. </div>
  275. </div>
  276. <div class="first-sub first-icon1 buness">
  277. <img src="images/business3.jpg" alt="">
  278. <div class="first-bg"></div>
  279. <div class="first-text">
  280. <div class="first-icon">
  281. <img src="images/business3-icon.png">
  282. </div>
  283. <h2>移动终端</h2>
  284. <div class="first-p">
  285. <p>移动终端应用,开发维护</p>
  286. </div>
  287. </div>
  288. </div>
  289. <div class="first-sub first-icon1 buness">
  290. <img src="images/business4.png" alt="">
  291. <div class="first-bg"></div>
  292. <div class="first-text">
  293. <div class="first-icon">
  294. <img src="images/business4-icon.png">
  295. </div>
  296. <h2>软件测试</h2>
  297. <div class="first-p">
  298. <p>专业的,软件测试服务</p>
  299. </div>
  300. </div>
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305. </div>
  306. </div>
  307. </div>
  308. </div>
  309. </div>
  310. <div class="footerbg">
  311. <div style="height: auto;" class="footer">
  312. <div>
  313. <span><a href="index.html">首页</a>|</span><span><a href="product.html">智慧企业</a>|</span><span><a
  314. href="wisdom.html">智慧城市</a>|</span><span><a href="fangan.html">解决方案</a>|</span><span><a
  315. href="technology.html">技术服务</a>|</span><span><a href="news.html">新闻中心</a>|</span><span><a
  316. href="about_us.html">关于我们</a>|</span><span><a href="contact.html">联系我们</a></span>
  317. <p>
  318. <span>
  319. 上海市长宁区福泉路111号神州数码(上海)科技园 </span>
  320. <span>|</span>
  321. <span>北京市海淀区上地九街九号数码科技广场 </span>
  322. <span>|</span>
  323. <span>洛阳市洛龙区金城寨街正大国际中心</span>
  324. </p>
  325. <p style="padding-top: 5px;">
  326. <span>苏州市相城区元和街道嘉元路959号元和大厦 </span>
  327. <span>|</span>
  328. <span>杭州市下城区延安路385号杭州嘉里中心 </span>
  329. </p>
  330. <a href="http://www.beian.miit.gov.cn/">沪ICP备16042560号</a>
  331. </div>
  332. <div class="leftImg">
  333. <img src="imgs/QRcode1.jpg" alt="">
  334. </div>
  335. </div>
  336. </div>
  337. </body>
  338. </html>