index1.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391
  1. <!doctype html>
  2. <html class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>关于我们</title>
  7. <meta name="keywords" content="">
  8. <meta name="description" content="">
  9. <meta name="viewport" content="width=device-width, initial-scale=1">
  10. <link rel="stylesheet" href="static/css/amazeui.min.css">
  11. <link rel="stylesheet" href="static/css/app.css">
  12. <link rel="stylesheet" href="static/css/index.css">
  13. <link rel="stylesheet" href="static/css/layout.css">
  14. <link rel="stylesheet" href="static/css/z_tuch.css">
  15. <!--[if (gte IE 9)|!(IE)]><!-->
  16. <script src="static/js/jquery.min.js"></script>
  17. <!--<![endif]-->
  18. <script src="static/js/amazeui.min.js"></script>
  19. </head>
  20. <body>
  21. <!--[if lte IE 9]>
  22. <p class="browsehappy">你正在使用<strong>过时</strong>的浏览器,Amaze UI 暂不支持。 请 <a
  23. href="https://browsehappy.com/" target="_blank">升级浏览器</a>
  24. 以获得更好的体验!</p>
  25. <![endif]-->
  26. <div class="header">
  27. <div class="box flex_center_box">
  28. <div class="logo l"> <a href="index.html"><img src="static/picture/logo.png" alt="(自适应手机版)响应式建筑工程集团公司类网站织梦模板 HTML5工程建筑公司网站源码下载 - AB模板网"></a> </div>
  29. <div class="nav r">
  30. <div class="mainnav c">
  31. <ul>
  32. <li class="c_nav_nav_li1"> <a href="index.html" style="display: block; height:52px; line-height: 52px">
  33. <div class="c_nav_nav_li_a c">网站首页</div>
  34. </a> </li>
  35. <li class="c_nav_nav_li1"> <a href="" style="display: block; height:52px; line-height: 52px">
  36. <div class="c_nav_nav_li_a c ">关于我们</div>
  37. </a>
  38. <div class="c_nav_nav_li_b c">
  39. <ul>
  40. <li class="c_nav_nav_li2"> <a href="index2.html">
  41. <div class="c_nav_nav_li2_b c">公司简介<i class="c_nav_nav_li2_b_i">></i></div>
  42. </a> </li>
  43. <li class="c_nav_nav_li2"> <a href="index3.html">
  44. <div class="c_nav_nav_li2_b c">组织架构<i class="c_nav_nav_li2_b_i">></i></div>
  45. </a> </li>
  46. <li class="c_nav_nav_li2"> <a href="index4.html">
  47. <div class="c_nav_nav_li2_b c">企业文化<i class="c_nav_nav_li2_b_i">></i></div>
  48. </a> </li>
  49. <li class="c_nav_nav_li2"> <a href="index5.html">
  50. <div class="c_nav_nav_li2_b c">公司资质<i class="c_nav_nav_li2_b_i">></i></div>
  51. </a> </li>
  52. </ul>
  53. </div>
  54. </li><li class="c_nav_nav_li1"> <a href="index7.html" style="display: block; height:52px; line-height: 52px">
  55. <div class="c_nav_nav_li_a c ">新闻资讯</div>
  56. </a>
  57. <div class="c_nav_nav_li_b c">
  58. <ul>
  59. <li class="c_nav_nav_li2"> <a href="index7.html">
  60. <div class="c_nav_nav_li2_b c">集团新闻<i class="c_nav_nav_li2_b_i">></i></div>
  61. </a> </li>
  62. <li class="c_nav_nav_li2"> <a href="index8.html">
  63. <div class="c_nav_nav_li2_b c">公司动态<i class="c_nav_nav_li2_b_i">></i></div>
  64. </a> </li>
  65. </ul>
  66. </div>
  67. </li><li class="c_nav_nav_li1"> <a href="index9.html" style="display: block; height:52px; line-height: 52px">
  68. <div class="c_nav_nav_li_a c ">工程展示</div>
  69. </a>
  70. <div class="c_nav_nav_li_b c">
  71. <ul>
  72. <li class="c_nav_nav_li2"> <a href="index10.html">
  73. <div class="c_nav_nav_li2_b c">房屋建筑<i class="c_nav_nav_li2_b_i">></i></div>
  74. </a> </li>
  75. <li class="c_nav_nav_li2"> <a href="index11.html">
  76. <div class="c_nav_nav_li2_b c">市政公路<i class="c_nav_nav_li2_b_i">></i></div>
  77. </a> </li>
  78. <li class="c_nav_nav_li2"> <a href="index12.html">
  79. <div class="c_nav_nav_li2_b c">水利工程<i class="c_nav_nav_li2_b_i">></i></div>
  80. </a> </li>
  81. <li class="c_nav_nav_li2"> <a href="index13.html">
  82. <div class="c_nav_nav_li2_b c">垃圾处理<i class="c_nav_nav_li2_b_i">></i></div>
  83. </a> </li>
  84. <li class="c_nav_nav_li2"> <a href="index14.html">
  85. <div class="c_nav_nav_li2_b c">管线工程<i class="c_nav_nav_li2_b_i">></i></div>
  86. </a> </li>
  87. </ul>
  88. </div>
  89. </li><li class="c_nav_nav_li1"> <a href="index15.html" style="display: block; height:52px; line-height: 52px">
  90. <div class="c_nav_nav_li_a c ">人才招聘</div>
  91. </a>
  92. <div class="c_nav_nav_li_b c">
  93. <ul>
  94. </ul>
  95. </div>
  96. </li><li class="c_nav_nav_li1"> <a href="index16.html" style="display: block; height:52px; line-height: 52px">
  97. <div class="c_nav_nav_li_a c ">联系我们</div>
  98. </a>
  99. <div class="c_nav_nav_li_b c">
  100. <ul>
  101. </ul>
  102. </div>
  103. </li>
  104. </ul>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. <div id="chbnav_touch" class="c">
  110. <div class="chbnav_touch_top c">
  111. <div class="chbnav_touch_top_list c">
  112. <div class="chbnav_touch_top_list_a chbnav_touch_top_list_c c"></div>
  113. <div class="chbnav_touch_top_list_a chbnav_touch_top_list_b c"></div>
  114. <div class="chbnav_touch_top_list_a c"></div>
  115. </div>
  116. <a href="index.html">
  117. <div class="chbnav_touch_top_logo c"> <img src="static/picture/logo.png" alt="(自适应手机版)响应式建筑工程集团公司类网站织梦模板 HTML5工程建筑公司网站源码下载 - AB模板网"> </div>
  118. </a> </div>
  119. <div class="chbnav_touch_nav c">
  120. <div class="chbnav_touch_nav_box c">
  121. <div class="chbnav_touch_nav_title c">
  122. <div class="chbnav_touch_navli chbnav_touch_navli1 c"> <a href="index.html"><span>首页</span></a> <img style="width: 20px;" src="static/picture/touch_cha.png"> </div>
  123. <div class="chbnav_touch_navli chbnav_touch_navli2 c"> <a href=""><span>关于我们</span></a> <span class="chbnav_touch_navli2_img"><img src="http://demos.admin868.com/skin/images/nav_li1jt.png"></span>
  124. <div class="chbnav_touch_erji c"> <a href="index2.html">公司简介</a> <a href="index3.html">组织架构</a> <a href="index4.html">企业文化</a> <a href="index5.html">公司资质</a> </div>
  125. </div><div class="chbnav_touch_navli chbnav_touch_navli2 c"> <a href="index7.html"><span>新闻资讯</span></a> <span class="chbnav_touch_navli2_img"><img src="http://demos.admin868.com/skin/images/nav_li1jt.png"></span>
  126. <div class="chbnav_touch_erji c"> <a href="index7.html">集团新闻</a> <a href="index8.html">公司动态</a> </div>
  127. </div><div class="chbnav_touch_navli chbnav_touch_navli2 c"> <a href="index9.html"><span>工程展示</span></a> <span class="chbnav_touch_navli2_img"><img src="http://demos.admin868.com/skin/images/nav_li1jt.png"></span>
  128. <div class="chbnav_touch_erji c"> <a href="index10.html">房屋建筑</a> <a href="index11.html">市政公路</a> <a href="index12.html">水利工程</a> <a href="index13.html">垃圾处理</a> <a href="index14.html">管线工程</a> </div>
  129. </div><div class="chbnav_touch_navli chbnav_touch_navli2 c"> <a href="index15.html"><span>人才招聘</span></a>
  130. <div class="chbnav_touch_erji c"> </div>
  131. </div><div class="chbnav_touch_navli chbnav_touch_navli2 c"> <a href="index16.html"><span>联系我们</span></a>
  132. <div class="chbnav_touch_erji c"> </div>
  133. </div> </div>
  134. </div>
  135. </div>
  136. </div>
  137. <script>
  138. $(function () {
  139. $('.chbnav_touch_top_list').click(function () {
  140. $('.chbnav_touch_nav_box').addClass('chbnav_select');
  141. $('body').css('position','fixed');
  142. });
  143. $('.chbnav_touch_navli1 img').click(function () {
  144. $('.chbnav_touch_nav_box').removeClass('chbnav_select');
  145. $('body').css('position','relative');
  146. });
  147. $(".chbnav_touch_navli").click(function () {
  148. $(".chbnav_touch_erji").slideUp();
  149. if($(".chbnav_touch_erji",this).css("display")=="block"){
  150. }else{
  151. $(".chbnav_touch_erji",this).slideDown();
  152. }
  153. });
  154. })
  155. </script>
  156. <div class="z_ny_banner wps-show" style="position: relative; background: url(static/image/about.jpg) no-repeat center;">
  157. <div class="z_ny_banner_bg c"> </div>
  158. </div>
  159. <div class="z_ny_banner wps-no" style="position: relative; background: url(static/image/aboutm.jpg) no-repeat center; background-size: cover;">
  160. <div class="z_ny_banner_bg c"> </div>
  161. </div>
  162. <style>
  163. .z_ny_banner{
  164. height: 315px;
  165. }
  166. .am-slider-default .am-control-nav{
  167. display: none;
  168. }
  169. .am-slider .am-slides li{
  170. margin: 0 !important;
  171. padding: 0;
  172. text-align: center;
  173. }
  174. .am-slider-default{
  175. box-shadow: none;
  176. border: none;
  177. }
  178. .am-gallery-item{
  179. width: 380px;
  180. height: 270px;
  181. text-align: center;
  182. border: 5px solid #F8F8F8;
  183. display: inline-block;
  184. transition: all .3s;
  185. -moz-transition: all .3s;
  186. -webkit-transition: all .3s;
  187. -o-transition: all .3s;
  188. }
  189. .am-gallery-item a{
  190. width: 340px;
  191. height: 230px;
  192. margin-top: 15px;
  193. display: inline-block;
  194. }
  195. .am-gallery-default .am-gallery-item img{
  196. display: inline-block;
  197. width: auto;
  198. height: 100%;
  199. }
  200. .am-slider-default .am-direction-nav a:before{
  201. display: none;
  202. }
  203. .am-slider-default .am-direction-nav a{
  204. width: 46px;
  205. height: 95px;
  206. }
  207. .am-slider-default .am-direction-nav .am-next{
  208. background: url("static/image/rightqh.png") no-repeat center;
  209. }
  210. .am-slider-default .am-direction-nav .am-prev{
  211. background: url("static/image/leftqh.png") no-repeat center;
  212. }
  213. .am-slider-default .am-direction-nav a{
  214. top:39%;
  215. }
  216. </style>
  217. <div class="z_ny_cont c" style="padding-top: 0">
  218. <div class="box">
  219. <div class="about_nra c">
  220. <div class="about_nra_bt c">
  221. <div class="about_nra_bt_l l">关于我们</div>
  222. <a href="index2.html" class="about_nrbltr r" style="border-color:#ddd; color: #666 ">查看详情 <span> > </span></a> </div>
  223. <div class="about_nra_nr" style="min-height: 115px;" id="maximg">
  224. <p> 中国建筑集团有限公司(简称中建集团),正式组建于1982年,是我国专业化发展最久、市场化经营最早、一体化程度最高、全球规模最大的投资建设集团。
  225. <p>
  226. 中建集团主要以上市企业中国建筑股份有限公司(股票简称:中国建筑,股票代码601668.SH)为平台开展经营管理活动,拥有上市公司7家,二级控股子公司100余家。</p>
  227. </div>
  228. <div class="about_nra_sg">
  229. <div class="about_nra_sg_box">
  230. <div class="about_nra_sg_boxa l">
  231. <div class="about_nra_sg_boxal l"><img src="static/picture/abouttb0.jpg"></div>
  232. <div class="about_nra_sg_boxar r">
  233. <div class="about_nra_sg_boxart">300万 <span>㎡</span></div>
  234. <div class="about_nra_sg_boxarb">年施工能力</div>
  235. </div>
  236. </div>
  237. <div class="about_nra_sg_boxa l">
  238. <div class="about_nra_sg_boxal l"><img src="static/picture/abouttb1.jpg"></div>
  239. <div class="about_nra_sg_boxar r">
  240. <div class="about_nra_sg_boxart">30亿 </div>
  241. <div class="about_nra_sg_boxarb">总产值</div>
  242. </div>
  243. </div>
  244. <div class="about_nra_sg_boxa l" style="margin-right: 0">
  245. <div class="about_nra_sg_boxal l"><img src="static/picture/abouttb2.jpg"></div>
  246. <div class="about_nra_sg_boxar r">
  247. <div class="about_nra_sg_boxart">100 <span>+</span></div>
  248. <div class="about_nra_sg_boxarb">工程奖项</div>
  249. </div>
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. <div class="about_nrb c">
  255. <div class="about_nrbl l"> <div class="about_nrblt">
  256. <div class="about_nrbltl l">
  257. <div class="about_nrbltlt">组织架构</div>
  258. <div class="about_nrbltlb">呈现企业组织架构图</div>
  259. </div>
  260. <a href="index3.html" class="about_nrbltr r">查看详情 <span> > </span></a> </div>
  261. <div class="about_nrbls"></div>
  262. <div class="about_nrblc"><img src="static/picture/xhhl.jpg" alt="组织架构"></div> </div>
  263. <div class="about_nrbl l"> <div class="about_nrblt">
  264. <div class="about_nrbltl l">
  265. <div class="about_nrbltlts">企业文化</div>
  266. <div class="about_nrbltlb">诚信 自强 创新 一流</div>
  267. </div>
  268. <a href="index4.html" class="about_nrbltr r">查看详情 <span> > </span></a> </div>
  269. <div class="about_nrblss"></div>
  270. <div class="about_nrblc"><img src="static/picture/xhhl.jpg" alt="企业文化"></div> </div>
  271. </div>
  272. <div class="about_nrc c"> <div class="about_nra_bt c">
  273. <div class="about_nra_bt_l l">公司资质</div>
  274. <a href="index5.html" class="about_nrbltr r" style="border-color:#ddd; color: #666 ">查看详情 <span> > </span></a></div>
  275. <div class="about_nra_nr">
  276. <div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{"animation":"slide","animationLoop":false,"itemWidth":400,"itemMargin":3}'>
  277. <ul data-am-widget="gallery" class="am-slides am-gallery am-gallery-default" data-am-gallery="{ pureview: true }">
  278. <li>
  279. <div class="am-gallery-item" style="position: relative"> <a href="javascript:;"> <img src="static/picture/1-200F31134050-L.jpg" style="position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;"> <img src="static/picture/1-200F31134050-L.jpg" alt="荣誉资质六"> </a> </div>
  280. </li>
  281. <li>
  282. <div class="am-gallery-item" style="position: relative"> <a href="javascript:;"> <img src="static/picture/1-200F3113315528.jpg" style="position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;"> <img src="static/picture/1-200F3113315528.jpg" alt="荣誉资质五"> </a> </div>
  283. </li>
  284. <li>
  285. <div class="am-gallery-item" style="position: relative"> <a href="javascript:;"> <img src="static/picture/1-200F31132340-L.jpg" style="position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;"> <img src="static/picture/1-200F31132340-L.jpg" alt="荣誉资质四"> </a> </div>
  286. </li>
  287. <li>
  288. <div class="am-gallery-item" style="position: relative"> <a href="javascript:;"> <img src="static/picture/1-200F31132140-L.jpg" style="position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;"> <img src="static/picture/1-200F31132140-L.jpg" alt="荣誉资质三"> </a> </div>
  289. </li>
  290. <li>
  291. <div class="am-gallery-item" style="position: relative"> <a href="javascript:;"> <img src="static/picture/1-200F31131210-L.jpg" style="position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;"> <img src="static/picture/1-200F31131210-L.jpg" alt="荣誉资质二"> </a> </div>
  292. </li>
  293. <li>
  294. <div class="am-gallery-item" style="position: relative"> <a href="javascript:;"> <img src="static/picture/1-200F31131000-L.jpg" style="position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;"> <img src="static/picture/1-200F31131000-L.jpg" alt="荣誉资质一"> </a> </div>
  295. </li>
  296. </ul>
  297. </div>
  298. </div>
  299. </div>
  300. </div>
  301. </div>
  302. <div class="footer c">
  303. <div class="footer_top">
  304. <div class="box">
  305. <div class="dbdh l">
  306. <ul>
  307. <li> <a href="">关于我们</a>
  308. <ul>
  309. <li><a href="index2.html">公司简介</a></li>
  310. <li><a href="index3.html">组织架构</a></li>
  311. <li><a href="index4.html">企业文化</a></li>
  312. <li><a href="index5.html">公司资质</a></li>
  313. </ul>
  314. </li><li> <a href="index7.html">新闻资讯</a>
  315. <ul>
  316. <li><a href="index7.html">集团新闻</a></li>
  317. <li><a href="index8.html">公司动态</a></li>
  318. </ul>
  319. </li><li> <a href="index9.html">工程展示</a>
  320. <ul>
  321. <li><a href="index10.html">房屋建筑</a></li>
  322. <li><a href="index11.html">市政公路</a></li>
  323. <li><a href="index12.html">水利工程</a></li>
  324. <li><a href="index13.html">垃圾处理</a></li>
  325. <li><a href="index14.html">管线工程</a></li>
  326. </ul>
  327. </li><li> <a href="index15.html">人才招聘</a>
  328. <ul>
  329. </ul>
  330. </li><li> <a href="index16.html">联系我们</a>
  331. <ul>
  332. </ul>
  333. </li>
  334. </ul>
  335. </div>
  336. <div class="rcewm r">
  337. <div class="ntcb l"> 官方微信<br>
  338. <img src="static/picture/ewm.jpg" width="114" height="114"> </div>
  339. <div class="ntcb l"> 移动端二维码<br>
  340. <img src="static/picture/ewm.jpg" width="114" height="114"> </div>
  341. </div>
  342. </div>
  343. </div>
  344. <div class="footer_bottom">
  345. <div class="box">
  346. <div class="footer_bottom_l l">Copyright &copy; 2002-2023 哈尔滨市第一市政工程有限公司 版权所有 <a href="javascript:;" target="_blank" rel="nofollow">黑ICP12345678 </a> <a href="javascript:;" target="_blank">XML地图</a> <a href="javascript:;" target="_blank">网站源码</a></div>
  347. </div>
  348. </div>
  349. </div>
  350. </body>
  351. </html>