css_01.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  1. @charset "gb2312";
  2. /* CSS Document */
  3. body{ margin:0; padding:0;border:0;}
  4. .kuanjia{width:100%;height:100%;
  5. }
  6. img{border:0px;}
  7. .kuanjia_01{
  8. left:0px;
  9. top:0;
  10. height:100%;
  11. width:100%;
  12. position:absolute;
  13. z-index:-10000;
  14. }
  15. .mendian{
  16. width:1000px;
  17. margin:0 auto;
  18. height:100%;
  19. margin-top:6.8%;
  20. }
  21. .shouye{ width:130px; height:120px; float:left;}
  22. .mentou{height:120px;width:850px;background-color:#FEDF00;float:left;}
  23. .mentou img { margin-left:200px;}
  24. .yekuan{ height:80px; width:110px; float:left;}
  25. .yekuan_01{
  26. height:370px;
  27. width:130px;
  28. float:left;
  29. }
  30. .langmu{
  31. height:80px;
  32. width:890px;
  33. float:left;
  34. }
  35. .kuan{
  36. height:200px;
  37. background-color:#FEDF00;
  38. width:120px;
  39. margin-top:50px;
  40. float:left;
  41. border-radius: 10px 10px 10px 10px;
  42. }
  43. .kuan_01{
  44. height:150px;
  45. width:10px;
  46. margin-top:50px;
  47. float:right;
  48. }
  49. .zuzhi{
  50. height:420px;
  51. width:50px;
  52. background-color:#FEDF00;
  53. float:right;
  54. margin-right:20px;
  55. }
  56. .zuzhi01{
  57. height:420px;
  58. width:50px;
  59. background-color:#FEDF00;
  60. float:left;
  61. }
  62. .dishe{
  63. width:750px;
  64. height:420px;
  65. float:left;
  66. background-color:#FFF;
  67. }
  68. .taijie{
  69. background-color:#666;
  70. height:30px;
  71. width:890px;
  72. float:left;
  73. background-repeat:repeat-x;
  74. background-image:url(../images/dibu.jpg);
  75. margin:0 auto;
  76. }
  77. .anniu{height:150px; width:150px; margin-left:130px; margin-top:10px; float:left;}
  78. .weizi{
  79. line-height:40px;
  80. text-align:center;
  81. font-size:20px;
  82. font-weight:400;
  83. font-family: "微软雅黑";
  84. letter-spacing:1px;
  85. color:#0558A2;
  86. float:left;
  87. width:150px;
  88. text-decoration:none;
  89. cursor:pointer;
  90. }
  91. .weizi:hover{color:#ff6d02;}
  92. .anniu01{
  93. height:150px;
  94. width:150px;
  95. border-radius: 15px 15px 15px 15px;
  96. border:0;
  97. }
  98. .diyi{ width:750px; height:210px;}
  99. .dier{ width:750px; height:210px;}
  100. .yekuan_02{width:110px; height:30px; float:left;}
  101. .gongao{
  102. height:30px;
  103. width:100px;
  104. line-height:30px;
  105. text-align:center;
  106. margin:auto;
  107. font-size:20px;
  108. font-weight:bold;
  109. letter-spacing:2px;
  110. padding-top:5px;
  111. text-align:center;
  112. }
  113. .xinxi{
  114. width:110px;
  115. height:140px;
  116. font-size:12px;
  117. margin-top:10px;
  118. margin-left:5px;
  119. background-color:#FFF;
  120. border-radius: 10px 10px 10px 10px;
  121. padding-left:2px;
  122. padding-top:5px;
  123. }
  124. /** 头部基础 **/
  125. #header {
  126. width: 100%;
  127. height: 90px;
  128. padding: 0 20px;
  129. position: fixed;
  130. z-index: 11;
  131. left: 0;
  132. top: 0;
  133. box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
  134. }
  135. #menu {
  136. position: relative;
  137. list-style: none;
  138. height: 90px;
  139. }
  140. #menu>li {
  141. float: left;
  142. }
  143. /* 系统logo区域 */
  144. #logo {
  145. float: left;
  146. display: flex;
  147. align-items: center;
  148. height: 100%;
  149. }
  150. #logo img {
  151. vertical-align: middle;
  152. width: 60px;
  153. height: 60px;
  154. }
  155. #rinfo {
  156. margin-right: 60px;
  157. float: right;
  158. display: flex;
  159. align-items: center;
  160. height: 100%;
  161. color: #ffffff;
  162. }
  163. #rinfo a {
  164. cursor: pointer;
  165. color: #ffffff;
  166. text-decoration-line: none;
  167. }
  168. #rinfo #exit {
  169. margin-left: 20px;
  170. }
  171. /* 系统标题样式 */
  172. #system_title {
  173. color: #fff;
  174. height: 33px;
  175. line-height: 33px;
  176. font-size: 26px;
  177. vertical-align: middle;
  178. font-weight: bold;
  179. font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
  180. margin-left: 10px;
  181. }
  182. /**头部颜色**/
  183. #header {
  184. background: #4a8091;
  185. }