index_hb.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688
  1. /* CSS Document */
  2. body {
  3. background-color: #fff;
  4. font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
  5. margin: 0px; padding:0px;
  6. }
  7. @font-face {
  8. font-family: 'fontNameRegular';
  9. src: url('/resource/fonts/DS-DIGIT-webfont.eot');
  10. src: local('/resource/fonts/DS-DIGIT-webfont Regular'),
  11. local('/resource/fonts/DS-DIGIT-webfont'),
  12. url('/resource/fonts/DS-DIGIT-webfont.woff') format('woff'),
  13. url('/resource/fonts/DS-DIGIT-webfont.ttf') format('truetype'),
  14. url('/resource/fonts/DS-DIGIT-webfont.svg#fontName') format('svg');
  15. font-size: 20px;
  16. font-weight: bolder;
  17. }
  18. a:link {
  19. color: #fff;
  20. text-decoration: none;
  21. }
  22. a:visited {
  23. text-decoration: none;
  24. color: #fff;
  25. }
  26. a:hover {
  27. text-decoration: none;
  28. color: #ffefc0;
  29. }
  30. a:active {
  31. text-decoration: none;
  32. color: #ffefc0;
  33. }
  34. li{
  35. list-style:none;
  36. }
  37. h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
  38. .all{
  39. backgroun: #fff;
  40. float: left;
  41. height: 864px;
  42. width: 1899px;
  43. }
  44. .l{float:left;}.r{float:right;}
  45. .index_menu{
  46. height:33px;
  47. float:left;
  48. }
  49. #tab1,#tab2{width:1899px;height:33px;border-bottom:0;float:left;}
  50. #tab1 ul,#tab2 ul{margin:0;padding:0; float:left;}
  51. #tab1 li,#tab2 li{
  52. float:left;
  53. padding:0;
  54. height:27px;
  55. width:101px;
  56. text-align:center;
  57. cursor:pointer;
  58. margin-left: 7px;
  59. margin-top:3px;
  60. color:#000 ;
  61. text-decoration: none;
  62. background:url(/resource/images/hbsj/bot_out.jpg) no-repeat left top;
  63. font:12px/27px "Microsoft Yahei";
  64. }
  65. #tab1 li.now,#tab2 li.now{
  66. color:#fff;
  67. font-weight:bold;
  68. height: 27px;
  69. width: 101px;
  70. margin-left: 7px;
  71. margin-top:3px;
  72. text-decoration: none;
  73. background:url(/resource/images/hbsj/bot_over.jpg) no-repeat left top;
  74. font:12px/27px "Microsoft Yahei";
  75. }
  76. .index_top{
  77. width:1898px;
  78. height:121px;
  79. float:left;
  80. margin-left:1px;
  81. }
  82. .page_top1{ width:1326px;
  83. height:121px;
  84. float:left;
  85. margin-left:1px;}
  86. .page_top2{ width:570px;
  87. height:121px;
  88. float:left;
  89. padding-left:2px;}
  90. .index_top_left{
  91. width:21px;
  92. height:100px;
  93. float:left;
  94. background:url(/resource/images/hbsj/page_top_left.jpg) no-repeat left top;
  95. font:bold 14px/20px "Microsoft Yahei";
  96. color:#fff;
  97. padding-left:6px;
  98. padding-top:21px;
  99. }
  100. .page_top_left{
  101. width:21px;
  102. height:100px;
  103. float:left;
  104. background:url(/resource/images/hbsj/page_top_left1.jpg) no-repeat left top;
  105. font:bold 14px/20px "Microsoft Yahei";
  106. color:#fff;
  107. padding-left:6px;
  108. padding-top:21px;
  109. }
  110. .index_top_right{
  111. width:1871px;
  112. height:119px;
  113. border-top:1px solid #bec3c7;
  114. border-bottom:1px solid #bec3c7;
  115. float:left;}
  116. .page_top_right{
  117. width:1299px;
  118. height:119px;
  119. border-top:1px solid #bec3c7;
  120. border-bottom:1px solid #bec3c7;
  121. float:left;}
  122. .page_top_right1{
  123. width:542px;
  124. height:119px;
  125. border-top:1px solid #bec3c7;
  126. border-bottom:1px solid #bec3c7;
  127. border-right:1px solid #bec3c7;
  128. float:left;}
  129. .index_top_center{
  130. width:153px;
  131. margin-left:2px;
  132. float:left;
  133. }
  134. .index_top_center_top{
  135. padding-left:6px;
  136. width:147px;
  137. height:23px;
  138. background:#d5d3d6;
  139. font:12px/23px "Microsoft Yahei";
  140. }
  141. .page_top_center_top{
  142. text-align:center;
  143. width:153px;
  144. height:47px;
  145. background:#d5d3d6;
  146. font:bold 16px/47px "Microsoft Yahei";
  147. color:#fff;
  148. background:url(/resource/images/hbsj/page_top_center_top.jpg) no-repeat left top;
  149. }
  150. .page_top_center_top_a{
  151. padding-left:6px;
  152. width:147px;
  153. height:24px;
  154. background:#49c0d1;
  155. color:#fff;
  156. font:12px/24px "Microsoft Yahei";
  157. }
  158. .index_top_center_center{
  159. text-align:center;
  160. width:153px;
  161. height:65px;
  162. font:40px/65px fontNameRegular;
  163. }
  164. .page_top_center_center{
  165. text-align:right;
  166. width:105px;
  167. height:48px;
  168. font:40px/63px fontNameRegular;
  169. float:left;
  170. overflow:hidden;
  171. }
  172. .index_top_center_bottom{background:#ff6626;
  173. text-align:center;
  174. float:right;
  175. width:31px;
  176. height:31px;font:12px/31px "Microsoft Yahei";
  177. color:#fff;}
  178. .page_top_center_bottom{background:#ff6626;
  179. text-align:center;
  180. float:right;
  181. width:31px;
  182. height:31px;font:12px/31px "Microsoft Yahei";
  183. color:#fff;
  184. margin-top:17px;}
  185. .page_top_center2{
  186. width:130px;
  187. float:left;
  188. margin-right:1px;
  189. }
  190. .page_top_center_top2{
  191. padding-left:6px;
  192. width:124px;
  193. height:23px;
  194. font:14px/23px "Microsoft Yahei";
  195. color:#5d5d5d;
  196. }
  197. .page_top_center_center2{
  198. text-align:center;
  199. width:130px;
  200. height:65px;
  201. font:40px/65px fontNameRegular;
  202. }
  203. .page_top_center_bottom2{
  204. text-align:center;
  205. float:right;
  206. width:31px;
  207. height:31px;
  208. font:14px/31px "Microsoft Yahei";
  209. color:#5d5d5d;}
  210. .index_top_right_box{
  211. width:282px;
  212. height:119px;
  213. border-left:1px solid #bec3c7;
  214. border-right:1px solid #bec3c7;
  215. margin-left:2px;
  216. float:left;
  217. }
  218. .page_top_right_box{
  219. width:411px;
  220. height:119px;
  221. float:left;
  222. }
  223. .page_list{
  224. width:411px;
  225. height:59px;
  226. border-bottom:1px solid #bec3c7;
  227. float:left;}
  228. .page_list1{
  229. width:411px;
  230. height:59px;
  231. float:left;}
  232. .page_list_box{
  233. width:136px;
  234. height:59px;
  235. border-left:1px solid #bec3c7;
  236. float:left;
  237. }
  238. .page_list_box_left1{
  239. width:9px;
  240. height:59px;
  241. background:url(/resource/images/hbsj/page_list_box_left_blue.jpg) no-repeat left top;
  242. float:left; }
  243. .page_list_box_left2{
  244. width:9px;
  245. height:59px;
  246. background:url(/resource/images/hbsj/page_list_box_left_green.jpg) no-repeat left top;
  247. float:left; }
  248. .page_list_box_left3{
  249. width:9px;
  250. height:59px;
  251. background:url(/resource/images/hbsj/page_list_box_left_red.jpg) no-repeat left top;
  252. float:left; }
  253. .page_list_box_left4{
  254. width:9px;
  255. height:59px;
  256. background:url(/resource/images/hbsj/page_list_box_left_orange.jpg) no-repeat left top;
  257. float:left; }
  258. .page_list_box_left5{
  259. width:9px;
  260. height:59px;
  261. background:url(/resource/images/hbsj/page_list_box_left_pink.jpg) no-repeat left top;
  262. float:left; }
  263. .page_list_box_left6{
  264. width:9px;
  265. height:59px;
  266. background:url(/resource/images/hbsj/page_list_box_left_black.jpg) no-repeat left top;
  267. float:left; }
  268. .page_list_box_right{
  269. width:127px;
  270. height:59px;
  271. float:left;
  272. }
  273. .page_list_box_right_top{
  274. width:112px;
  275. height:26px;
  276. font:14px/26px "Microsoft Yahei";
  277. color:#5d5d5d;
  278. padding-left:15px;
  279. float:left;
  280. }
  281. .page_list_box_right_bottom1{
  282. width:79px;
  283. height:33px;
  284. font:20px/33px fontNameRegular;
  285. color:#000;
  286. padding-left:15px;
  287. float:left;
  288. }
  289. .page_list_box_right_bottom2{
  290. width:33px;
  291. height:33px;
  292. font:14px/33px "Microsoft Yahei";
  293. color:#5d5d5d;
  294. float:left;
  295. }
  296. .company_list{
  297. width:282px;
  298. height:23px;
  299. border-bottom:1px solid #bec3c7;
  300. float:left;}
  301. .company_list1{
  302. width:282px;
  303. height:23px;
  304. float:left;}
  305. .company_list_a{
  306. width:106px;
  307. border-right:1px solid #bec3c7;
  308. background:#f5f5f5;
  309. font:12px/23px "Microsoft Yahei";
  310. color:#000;
  311. padding-left:15px;
  312. float:left;
  313. }
  314. .company_list_b{
  315. width:94px;
  316. border-right:1px solid #bec3c7;
  317. font:18px/23px fontNameRegular;
  318. color:#000;
  319. text-align:center;
  320. float:left;
  321. }
  322. .company_list_c{
  323. width:50px;
  324. font:12px/23px "Microsoft Yahei";
  325. color:#93a5a5;
  326. padding-left:15px;
  327. float:left;
  328. }
  329. .index_bottom{
  330. width:1898px;
  331. height:706px;
  332. margin-left:1px;
  333. margin-top:4px;
  334. float:left;}
  335. .index_bottom_left{
  336. width:1303px;
  337. height:704px;
  338. border:1px solid #bec3c7;
  339. float:left;
  340. background:url(/resource/images/hbsj/index_map_hb_bg.png) no-repeat left top;
  341. position: relative;}
  342. .map_right{width:156px;background-color: rgba(255, 255, 255, 0.8); top:249px;left:1146px;border:1px solid #bdc3c7;border-bottom:0px;position:absolute;border-right:0px}
  343. .map_right .box{width:156px;height:64px;border-bottom:1px solid #bdc3c7;}
  344. .map_right .box h1{width:52px;height:64px;margin-right:10px;float:left;}
  345. .map_right .box h2{width:94px;height:32px;font:bold 14px/32px "Microsoft YaHei"; color:#5d5d5d;float:left;}
  346. .map_right .box h3{width:70px;height:32px;font:bold 22px/32px fontNameRegular; color:#000;float:left;}
  347. .map_right .box h4{width:24px;height:32px;font:14px/32px "Microsoft YaHei"; color:#000;float:left;}
  348. .map_right .box h5{width:146px;height:32px;font:bold 14px/32px "Microsoft YaHei"; color:#5d5d5d;float:left;margin-left:10px}
  349. .map_right .box h6{width:121px;height:32px;font:bold 22px/32px fontNameRegular; color:#000;float:left;margin-left:10px;text-align:center;}
  350. .index_bottom_point{
  351. width:90px;
  352. height:90px;
  353. position:absolute;
  354. }
  355. .index_bottom_point_tianyuan{left:340px;top:287px;}
  356. .index_bottom_point_yongmao{left:378px;top:274px;}
  357. .index_bottom_point_wanfa{left:433px;top:274px;}
  358. .index_bottom_point_hhl{
  359. left: 703px;
  360. top: 3px;
  361. }
  362. .index_bottom_point_wft{
  363. left: 769px;
  364. top: 46px;
  365. }
  366. .index_bottom_point_zyh{
  367. left: 883px;
  368. top: 103px;
  369. }
  370. .index_bottom_point_yms{
  371. left: 440px;
  372. top: 465px;
  373. }
  374. .index_bottom_point_aolun{left:378px;top:403px;}
  375. .index_bottom_point_beizhen{left:391px;top:468px;}
  376. .index_bottom_point_diaobingshan{left:453px;top:415px;}
  377. .index_bottom_point_taizishan{left:487px;top:445px;}
  378. .index_bottom_point_fangshan{left:417px;top:449px;}
  379. .index_bottom_point_linghai{left:409px;top:506px;}
  380. .index_bottom_point_xingcheng{left:374px;top:531px;}
  381. .index_bottom_point_xibaqian{left:440px;top:518px;}
  382. .index_bottom_fcbot
  383. {width:114px;
  384. height:33px;
  385. background:url(/resource/images/hbsj/index_map_hb_bot.png) no-repeat left top;
  386. font:bold 14px/33px "Microsoft YaHei";
  387. color:#fff;
  388. position:absolute;
  389. text-align:center;
  390. z-index:980;
  391. }
  392. .index_bottom_fcbot_b
  393. {width:114px;
  394. height:33px;
  395. background:url(/resource/images/hbsj/index_map_hb_bot1.png) no-repeat left top;
  396. font:bold 14px/33px "Microsoft YaHei";
  397. color:#fff;
  398. position:absolute;
  399. text-align:center;
  400. z-index:980;
  401. }
  402. .index_bottom_fcxl{
  403. width:146px;
  404. height:141px;
  405. position:absolute;
  406. z-index:991;
  407. }
  408. .index_bottom_fcxl_top, .index_bottom_fcxl_bottom1, .index_bottom_fcxl_bottom2{
  409. width:146px;
  410. float:left;}
  411. .index_bottom_fcxl_top{
  412. height:6px;
  413. background:#0a50a0;
  414. }
  415. .index_bottom_fcxl_bottom1{
  416. height:27px;
  417. background:#d7eafd;
  418. }
  419. .index_bottom_fcxl_bottom2{
  420. height:27px;
  421. background:#fff;
  422. }
  423. .index_bottom_fcxl_left{
  424. width:56px;
  425. height:27px;
  426. text-align:center;
  427. font:12px/27px "Microsoft YaHei";
  428. color:#000;
  429. float:left;
  430. }
  431. .index_bottom_fcxl_center{
  432. width:50px;
  433. height:27px;
  434. text-align:right;
  435. font:12px/27px "Microsoft YaHei";
  436. color:#cc324b;float:left;
  437. padding-right:3px;
  438. }
  439. .index_bottom_fcxl_right{
  440. width:37px;
  441. height:27px;
  442. text-align:left;
  443. font:12px/27px "Microsoft YaHei";
  444. color:#888;float:left;
  445. }
  446. .index_bottom_cs
  447. {
  448. width: 442px;
  449. height: 196px;
  450. background: url(/resource/images/hbsj/index_map_hb_cs.png) no-repeat top left;
  451. position: absolute;
  452. top: 154px;
  453. left: 446px;
  454. }
  455. .index_bottom_fhlj{
  456. width: 670px;
  457. height: 481px;
  458. position: absolute;
  459. top: 24px;
  460. left: 525px;
  461. background: url(/resource/images/hbsj/index_map_hb_hb.png) no-repeat top left;
  462. }
  463. .index_bottom_fjl{
  464. width: 652px;
  465. height: 537px;
  466. position: absolute;
  467. top: 138px;
  468. left: 28px;
  469. background: url(/resource/images/hbsj/index_map_hb_sx.png) no-repeat top left;
  470. }
  471. .index_bottom_fln{
  472. width:265px;
  473. height:289px;
  474. position:absolute;
  475. top:383px;
  476. left:314px;
  477. background:url(/resource/images/hbsj/index_map_ln.png) no-repeat top left ;
  478. }
  479. .index_bottom_fnm{
  480. width:461px;
  481. height:666px;
  482. position:absolute;
  483. top:0px;
  484. left:0px;
  485. background:url(/resource/images/hbsj/index_map_nm.png) no-repeat top left ;
  486. }
  487. .index_bottom_bot{width:114px;
  488. height:32px;background:url(/resource/images/hbsj/index_map_bot1.png) no-repeat left top;
  489. font:bold 16px/32px "Microsoft YaHei";
  490. color:#fff;
  491. position:absolute;
  492. text-align:center;
  493. z-index:990;}
  494. .index_bottom_right{
  495. width:593px;
  496. height:706px;
  497. float:left;
  498. }
  499. .index_bottom_right_box1, .index_bottom_right_box2{
  500. width:593px;
  501. float:left;}
  502. .index_bottom_right_box1{
  503. height:78px;}
  504. .index_bottom_right_box2{
  505. height:175px;
  506. margin-top:2px;}
  507. .index_bottom_div_out{width:566px;height:173px;z-index:999; position:relative; background:#fff;border:1px solid #bec3c7;border-left:0;}
  508. .index_bottom_div_over{width:1130px}
  509. .index_box2_left, .index_box1_left{
  510. font:bold 14px/18px "Microsoft YaHei";
  511. padding-left:7px;
  512. float:left;
  513. color:#fff;}
  514. .index_box2_left{
  515. width:20px;
  516. height:125px;
  517. background:url(/resource/images/hbsj/index_box_right_bgn.png) no-repeat left top;
  518. padding-top:50px;}
  519. .index_box1_left{
  520. width:20px;
  521. height:75px;
  522. background:url(/resource/images/hbsj/index_box1_right_bg.jpg) no-repeat left top;
  523. padding-top:3px;}
  524. .index_box1_right{
  525. width:1113px;
  526. height:76px;
  527. border:1px solid #bec3c7;
  528. border-left:0px;
  529. float:left;
  530. }
  531. .index_box2_right2, .index_box2_right1, .index_box2_right{
  532. height:173px;width:566px;
  533. border:1px solid #bec3c7;
  534. border-left:0px;border-right:0px;
  535. float:left;
  536. }
  537. .index_top_center2{
  538. width:171px;
  539. float:left;
  540. }
  541. .index_top_center_top2{
  542. padding-left:6px;
  543. width:165px;
  544. height:23px;
  545. font:14px/23px "Microsoft Yahei";
  546. color:#5d5d5d;
  547. float:left;
  548. }
  549. .index_top_center_center2{
  550. text-align:center;
  551. width:171px;
  552. height:30px;
  553. font:30px/30px fontNameRegular;
  554. float:left;
  555. }
  556. .index_top_center_bottom2{
  557. text-align:center;
  558. float:right;
  559. width:31px;
  560. height:23px;
  561. font:14px/23px "Microsoft Yahei";
  562. color:#5d5d5d;
  563. float:right;}
  564. .index_right_top_right{
  565. width:156px;
  566. height:76px;
  567. border-left:1px solid #bec3c7;
  568. float:left;
  569. }
  570. .index_right_top_right_left1, .index_right_top_right_left2, .index_right_top_right_left3, .index_right_top_right_left4, .index_right_top_right_left5, .index_right_top_right_left6{
  571. width:52px;
  572. height:76px;
  573. float:left;}
  574. .index_right_top_right_left1{
  575. background:url(/resource/images/hbsj/index_right_top_right_left_blue.jpg) no-repeat left top;}
  576. .index_right_top_right_left2{
  577. background:url(/resource/images/hbsj/index_right_top_right_left_green.jpg) no-repeat left top;}
  578. .index_right_top_right_left3{
  579. background:url(/resource/images/hbsj/index_right_top_right_left_red.jpg) no-repeat left top;}
  580. .index_right_top_right_left4{
  581. background:url(/resource/images/hbsj/index_right_top_right_left_orange.jpg) no-repeat left top;}
  582. .index_right_top_right_left5{
  583. background:url(/resource/images/hbsj/index_right_top_right_left_pink.jpg) no-repeat left top;}
  584. .index_right_top_right_left6{
  585. background:url(/resource/images/hbsj/index_right_top_right_left_black.jpg) no-repeat left top;}
  586. .index_right_center2{
  587. width:104px;
  588. float:left;
  589. }
  590. .index_right_center_top2{
  591. padding-left:6px;
  592. width:98px;
  593. height:23px;
  594. font:14px/23px "Microsoft Yahei";
  595. color:#5d5d5d;
  596. float:left;
  597. }
  598. .index_right_center_center2{
  599. text-align:center;
  600. width:104px;
  601. height:30px;
  602. font:30px/30px fontNameRegular;
  603. float:left;
  604. }
  605. .index_right_center_bottom2{
  606. text-align:center;
  607. float:right;
  608. width:31px;
  609. height:23px;
  610. font:14px/23px "Microsoft Yahei";
  611. color:#5d5d5d;}
  612. .page_bottom{
  613. width:1896px;
  614. height:706px;
  615. margin-left:1px;
  616. margin-top:2px;
  617. float:left;
  618. border:1px solid #bec3c7;
  619. position:relative;}
  620. #left_menu{
  621. height:600px;
  622. width:37px;
  623. top:0px;
  624. left:0px;
  625. z-index:992;
  626. position:absolute;
  627. }
  628. a.left_menu_over
  629. {display:block;
  630. widht:37px;
  631. height:100px;
  632. background:url(/resource/images/hbsj/left_menu_over.png) no-repeat left top;
  633. }
  634. a.left_menu_over li
  635. { font:bold 14px/20px "Microsoft Yahei";
  636. margin-left:7px;
  637. color:#545454;
  638. width:12px;
  639. padding-top:8px;
  640. }
  641. a.left_menu_out
  642. {display:block;
  643. widht:30px;
  644. height:100px;
  645. background:url(/resource/images/hbsj/left_menu_out.png) no-repeat left top;
  646. }
  647. a.left_menu_out li
  648. { font:14px/20px "Microsoft Yahei";
  649. margin-left:7px;
  650. color:#7c7c7c;
  651. padding-top:8px;
  652. width:12px;
  653. }
  654. .syz_bg{
  655. width:1880px;
  656. height:699px;
  657. z-index:110; top:0px;
  658. left:0px;position:absolute;
  659. }