about.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!DOCTYPE>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="Author" content="">
  6. <meta name="Keywords" content="">
  7. <meta name="Description" content="">
  8. <title>走进图标</title>
  9. <link href="css/index.css" rel="stylesheet" type="text/css">
  10. <link href="css/global.css" rel="stylesheet" type="text/css">
  11. <script src="js/jquery-1.11.1.min.js"></script>
  12. </head>
  13. <!--/************************************************************
  14. * *
  15. * 代码库 *
  16. * www.dmaku.com *
  17. * 努力创建完善、持续更新插件以及模板 *
  18. * *
  19. **************************************************************-->
  20. <body>
  21. <!--头部-->
  22. <div class="site_head">
  23. <div class="head_cont wth1200">
  24. <a href="index.html"><img src="pictures/logo.png" class="fl"></a>
  25. <ul class="head_nav fr">
  26. <li><a href="index.html">首页</a></li>
  27. <li><a href="about.html" class="navon">关于我们</a></li>
  28. <!-- <li><a href="culture.html">企业精神</a></li>-->
  29. <!-- <li><a href="course.html">发展历程</a></li>-->
  30. <!-- <li><a href="news.html">公司动态</a></li>-->
  31. <li><a href="contact.html">联系我们</a></li>
  32. </ul>
  33. </div>
  34. </div>
  35. <!--内容-->
  36. <div class="tanzhou_banner_box">
  37. <!-- <div class="wth1200 tanzhou_banner relative">-->
  38. <!-- <img src="pictures/tanzhou_text.png" class="tanzhou00 absolute">-->
  39. <!-- <img src="pictures/tanzhou_img01.png" class="tanzhou01 absolute">-->
  40. <!-- </div>-->
  41. </div>
  42. <div class="tanzhou_history_box">
  43. <div class="wth1200 tanzhou_history relative">
  44. <img src="pictures/tanzhou_img02.png" class="history01 absolute">
  45. <div class="history02 absolute">
  46. <dl>
  47. <dt>途宝由来</dt>
  48. <dd><br>青岛途宝软件开发有限公司本着 "自强不息、厚德载物"的企业精神,坚持"诚信为本"的经营理念,以"追求客户的感动"为目标来指导市场动作行为,并逐步推出高质量的挂靠服务,为众多企业实现梦想做出积极的努力。 <br>在中国国际实力日益壮大,经济全球化日益凸显的时代背景下,途宝也将扮演着更为重要的角色,承载着中国更多企业的商业梦想,背负着中国建筑产业国际化的历史重任。途宝信息本着一颗为人民服务的心,不断地在完善自我,依据顾客的要求,把事情做到最好,您对我们的信赖将会是我们最大的动力。途宝信息公司将会一直秉承诚信、责任、服务、质量、奉献的核心价值观,以服务客户为重任,为实现公司多元化发展的宏伟蓝图而努力奋斗。 </dd>
  49. </dl>
  50. </div>
  51. </div>
  52. </div>
  53. <div class="tanzhou_logos_box" style="background: #f5f5f5;">
  54. </div>
  55. <div class="tanzhou_features_box">
  56. <div class="wth1200 tanzhou_features relative">
  57. <div class="features01 absolute">
  58. <table>
  59. <tr>
  60. <td><span>经营理念</span></td>
  61. <td>诚信为本,用户至上</td>
  62. </tr>
  63. <tr>
  64. <td><span>企业精神</span></td>
  65. <td>自强不息,厚德载物。</td>
  66. </tr>
  67. <tr>
  68. <td><span>服务宣言</span></td>
  69. <td>追求客户的感动。</td>
  70. </tr>
  71. <tr>
  72. <td><span>公司使命</span></td>
  73. <td>帮助行业更有效地开展业务。</td>
  74. </tr>
  75. </table>
  76. </div>
  77. <img src="pictures/tanzhou_img03.png" class="features02 absolute">
  78. </div>
  79. </div>
  80. <div class="tanzhou_inheritance_box" style="background: #f5f5f5;">
  81. <div class="wth1200 tanzhou_inheritance relative">
  82. <img src="pictures/tanzhou_img04.png" class="inheritance01 absolute">
  83. <div class="inheritance02 absolute">
  84. <dl>
  85. <dt>继往开来</dt>
  86. <dd>崇尚诚信、共赢理念,尊重客户切身利益,致力于和优秀企业、优秀人才建立长期战略合作伙伴关系。本着“诚信为本”的经营宗旨,对每项委托业务,均脚踏实地,务实高效,严格执行系统化、专业化、科学化的寻猎流程,为企业和人才创造核心竞争优势和智力资本增值。</dd>
  87. </dl>
  88. </div>
  89. </div>
  90. </div>
  91. <script type="text/javascript">
  92. $(function(){
  93. $('#tanzhouPage').addClass("selected");
  94. $(".tanzhou00").animate({opacity:"1"},1000);
  95. $(".tanzhou01").delay(400).animate({opacity:"1"},1000);
  96. $(".history01").delay(400).animate({top:"102px",opacity:"1"},1000);
  97. $(".history02").delay(400).animate({opacity:"1"},1000);
  98. $(".inheritance01").delay(400).animate({top:"52px",opacity:"1"},1000);
  99. $(".inheritance02").animate({opacity:"1"},1000);
  100. $(".features02").delay(400).animate({bottom:"0px",opacity:"1"},1000);
  101. $(".features01").animate({opacity:"1"},1000);
  102. });
  103. $(window).scroll(function(){
  104. var $logos = $(".tanzhou_logos_box").offset().top;
  105. var $features = $(".tanzhou_features_box").offset().top;
  106. var $inheritance = $(".tanzhou_inheritance_box").offset().top;
  107. var wid = $(window).height();
  108. var $scrolltop = $(this).scrollTop();
  109. // $(".features01").animate({opacity:"1"},0);
  110. // $(".features02").delay(400).animate({top:"75px",opacity:"1"},1000);
  111. //
  112. // $(".inheritance01").delay(400).animate({top:"52px",opacity:"1"},1000);
  113. // $(".inheritance02").animate({opacity:"1"},1000);
  114. // if($logos<$scrolltop+wid-200){
  115. // $(".logos01").animate({opacity:"1"},1000);
  116. // $(".logos02").delay(400).animate({bottom:"0px",opacity:"1"},1000);
  117. // }
  118. // if($features<$scrolltop+wid-200){
  119. // $(".features01").animate({opacity:"1"},1000);
  120. // $(".features02").delay(400).animate({top:"75px",opacity:"1"},1000);
  121. // }
  122. // if($inheritance<$scrolltop+wid-200){
  123. // $(".inheritance01").delay(400).animate({top:"52px",opacity:"1"},1000);
  124. // $(".inheritance02").animate({opacity:"1"},1000);
  125. // }else{
  126. // return false;
  127. // }
  128. });
  129. </script>
  130. <!--底部-->
  131. <div class="center copyright">
  132. <img src="images/icp.png" alt="" style="margin-right:2px;height: 14px;"> <span><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37021302000853" style="color:#FFFFFF;">鲁公网安备 37021302000853号</a> <a href="https://beian.miit.gov.cn/" style="color:#FFFFFF;">鲁ICP备2021000559号-4</a> 青岛途宝软件开发有限公司</span>
  133. </div>
  134. </body>
  135. </html>