page_zmt.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
  1. body {
  2. background-color: #fff;
  3. font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
  4. margin: 0px; padding:0px;
  5. }
  6. @font-face {
  7. font-family: 'fontNameRegular';
  8. src: url('/resource/fonts/DS-DIGIT-webfont.eot');
  9. src: local('/resource/fonts/DS-DIGIT-webfont Regular'),
  10. local('/resource/fonts/DS-DIGIT-webfont'),
  11. url('/resource/fonts/DS-DIGIT-webfont.woff') format('woff'),
  12. url('/resource/fonts/DS-DIGIT-webfont.ttf') format('truetype'),
  13. url('/resource/fonts/DS-DIGIT-webfont.svg#fontName') format('svg');
  14. font-size: 20px;
  15. font-weight: bolder;
  16. }
  17. a:link {
  18. color: #fff;
  19. text-decoration: none;
  20. }
  21. a:visited {
  22. text-decoration: none;
  23. color: #fff;
  24. }
  25. a:hover {
  26. text-decoration: none;
  27. color: #ffefc0;
  28. }
  29. a:active {
  30. text-decoration: none;
  31. color: #ffefc0;
  32. }
  33. li{
  34. list-style:none;
  35. }
  36. .all{
  37. backgroun: #fff;
  38. float: left;
  39. height: 864px;
  40. width: 1899px;
  41. }
  42. .page_zmt_leftbot{
  43. width:43px;
  44. height:86px;
  45. float:left;
  46. margin-left:29px;
  47. z-index:10;
  48. background:url(/resource/images/hbsj/page_zmt_leftbot.png) no-repeat left top;
  49. margin-top:272px;
  50. }
  51. .page_zmt_leftbot1{
  52. width:43px;
  53. height:86px;
  54. float:left;
  55. margin-left:29px;
  56. z-index:10;
  57. background:url(/resource/images/hbsj/page_zmt_leftbot1.png) no-repeat left top;
  58. margin-top:272px;
  59. }
  60. .page_zmt_rightbot{
  61. width:43px;
  62. height:86px;
  63. float:left;
  64. position:absolute;
  65. top:0px;
  66. left:1850px;
  67. z-index:10;
  68. background:url(/resource/images/hbsj/page_zmt_rightbot.png) no-repeat left top;
  69. margin-top:272px;
  70. }
  71. .page_zmt_rightbot1{
  72. width:43px;
  73. height:86px;
  74. float:left;
  75. position:absolute;
  76. top:0px;
  77. left:1850px;
  78. z-index:10;
  79. background:url(/resource/images/hbsj/page_zmt_rightbot1.png) no-repeat left top;
  80. margin-top:272px;
  81. }
  82. .page_zmt_center
  83. {width:1780px;
  84. height:705px;
  85. float:left;}
  86. .page_zmt_kg{
  87. width:23px;
  88. height:30px;
  89. position:absolute;
  90. z-index:100;}
  91. .page_zmt_sc1{
  92. position:absolute;
  93. width:23px;
  94. height:68px;
  95. z-index:176;}
  96. .page_zmt_sc2{
  97. position:absolute;
  98. width:23px;
  99. height:68px;
  100. z-index:200;}
  101. .page_zmt_fj_box{
  102. width:50px;
  103. height:76px;
  104. z-index:100;
  105. float:left;}
  106. .page_zmt_fj
  107. {width:31px;
  108. height:44px;
  109. margin-left:10px;
  110. margin-bottom:6px;}
  111. .page_zmt_fj_bot
  112. {width:50px;
  113. height:26px;
  114. background:url(/resource/images/hbsj/page_zmt_fj_bot.png) no-repeat left top;
  115. text-align:center;
  116. font:12px/26px "Microsoft YaHei";
  117. color:#000;}
  118. /*矩阵*/
  119. .f{float:left;}
  120. .r{float:right;}
  121. .page_zmtjs_box{
  122. margin-top:25px;
  123. margin-left:7px;
  124. width:1773px;
  125. height:660px;}
  126. .page_zmtjs{
  127. width:131px;
  128. height:84px;
  129. border:1px solid #c9c9c9;
  130. margin-right:3px;
  131. margin-bottom:3px;
  132. position:relative;}
  133. .page_zmtjs_top_green, .page_zmtjs_top_blue, .page_zmtjs_top_gray, .page_zmtjs_top_red, .page_zmtjs_top_orange, .page_zmtjs_top_pink{
  134. height:5px;
  135. width:131px;
  136. border-bottom:2px solid #fff;
  137. }
  138. .page_zmtjs_top_green{background:#90d731;}
  139. .page_zmtjs_top_blue{background:#3fc7ff;}
  140. .page_zmtjs_top_gray{background:#aeb2ba;}
  141. .page_zmtjs_top_red{background:#ff4a4b;}
  142. .page_zmtjs_top_orange{background:#fe9900;}
  143. .page_zmtjs_top_pink{background:#ed4fb9;}
  144. .page_zmt_jzar{width:133px;position:absolute;top:86px;left:0px; z-index:999;}
  145. .page_zmt_jzar .top{width:133px;background:url(/resource/images/hbsj/page_zmt_jzar_top.png) no-repeat left top;font:bold 12px/27px "Microsoft YaHei";height:27px;float:left; color:#fff;padding-left:27px;}
  146. .page_zmt_jzar .center{width:133px;background:url(/resource/images/hbsj/page_zmt_jzar_center.png) repeat-y left top;font:12px/24px "Microsoft YaHei";float:left; color:#696969;padding:8px 10px 8px 10px;}
  147. .page_zmt_jzar .botom{width:133px;background:url(/resource/images/hbsj/page_zmt_jzar_bottom.png) no-repeat left top;height:7px;float:left;}
  148. .page_zmtjs_center{
  149. height:38px;
  150. width:131px;
  151. border-bottom:2px solid #c9c9c9;
  152. background:#f4f4f4;}
  153. .page_zmtjs_center span{
  154. width:58px;
  155. height:16px;
  156. font:bold 14px/16px "Microsoft YaHei";
  157. margin-left:5px;}
  158. .page_zmtjs_bottom{
  159. height:37px;
  160. width:131px;
  161. background:url(/resource/images/hbsj/page_zmtjz_bg.png) no-repeat left top ;}
  162. .page_zmtjs_bottom li{
  163. height:37px;
  164. width:64px;
  165. float:left;
  166. }
  167. .page_zmtjs_bottom_topl{
  168. width:60px;
  169. height:18px;
  170. font:12px/18px "Microsoft YaHei";
  171. color:#000;
  172. padding-left:1px;}
  173. .page_zmtjs_bottom_top2{
  174. width:60px;
  175. height:18px;
  176. font:12px/18px "Microsoft YaHei";
  177. color:#000;
  178. text-align:right;
  179. padding-right:1px;}
  180. .page_zmtjs_bottom_bottom{
  181. width:64px;
  182. height:20px;
  183. font:18px/20px fontNameRegular;
  184. color:#000;
  185. text-align:center;}
  186. .page_zmtjs_fj{
  187. width:44px;
  188. height:63px;
  189. position:absolute;
  190. top:0px;
  191. left:44px;}
  192. .zmt_page a{
  193. width:70px;
  194. height:30px;
  195. border:1px solid #999;
  196. text-align:center;
  197. margin-right:20px;
  198. font:bold 14px/30px "Microsoft YaHei";
  199. display:block;
  200. }
  201. .zmt_page a{
  202. width:70px;
  203. height:30px;
  204. border:1px solid #999;
  205. text-align:center;
  206. margin-right:20px;
  207. font:bold 14px/30px "Microsoft YaHei";
  208. display:block;
  209. }
  210. .zmt_page a:hover{
  211. width:70px;
  212. height:30px;
  213. border:1px solid #999;
  214. text-align:center;
  215. margin-right:20px;
  216. font:bold 14px/30px "Microsoft YaHei";
  217. background:#939393;
  218. color:#fff;
  219. display:block;}
  220. .zmt_page a:active{
  221. width:70px;
  222. height:30px;
  223. border:1px solid #999;
  224. text-align:center;
  225. margin-right:20px;
  226. font:bold 14px/30px "Microsoft YaHei";
  227. background:#939393;
  228. color:#fff;
  229. }
  230. page_zmtjs_zt{
  231. width:31px;
  232. height:31px;
  233. position:absolute;
  234. top:9px;
  235. right:4px;}