index.css 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. @charset "utf-8";
  2. @font-face {
  3. font-family: 'icomoon';
  4. src:url('fonts/icomoon.eot');
  5. src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
  6. url('fonts/icomoon.woff') format('woff'),
  7. url('fonts/icomoon.ttf') format('truetype'),
  8. url('fonts/icomoon.svg#icomoon') format('svg');
  9. font-weight: normal;
  10. font-style: normal;
  11. }
  12. [data-icon]:before {
  13. font-family: 'icomoon';
  14. content: attr(data-icon);
  15. speak: none;
  16. font-weight: normal;
  17. font-variant: normal;
  18. text-transform: none;
  19. line-height: 1;
  20. -webkit-font-smoothing: antialiased;
  21. vertical-align:middle
  22. }
  23. ul, ol, li{
  24. line-height:normal;
  25. list-style-image:none;
  26. list-style-position:outside;
  27. list-style-type:none;
  28. margin:0
  29. }
  30. dl {
  31. margin:0
  32. }
  33. dd {
  34. margin-left:0
  35. }
  36. body{
  37. font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',"微软雅黑",sans-serif;
  38. }a {
  39. outline:none;
  40. }
  41. a {
  42. color: #0088cc;
  43. text-decoration: none;
  44. }
  45. a:hover,
  46. a:focus {
  47. color: #005580;
  48. text-decoration:none;
  49. }
  50. .taC,td.taC,th.taC{text-align: center;}
  51. .taR,td.taR,th.taR{text-align:right;}
  52. .fL{float:left}
  53. .fR{float:right}
  54. .width960{
  55. width:960px;
  56. margin:0 auto;
  57. }
  58. .colRed {color:#f70000}
  59. .colOrange {color:#ed8b00}
  60. .colYel {color:#d9a601}
  61. .colGreen{color:#17ab0c}
  62. .colGray{color:#999}
  63. .colBlue{color:#3172d9}
  64. .indexNav {
  65. height:45px;
  66. background:#CFD37A;
  67. position:fixed;
  68. top:0;
  69. width:100%;
  70. padding:10px 0;
  71. z-index: 99
  72. }
  73. .indexNav .inav {
  74. margin:0 0 0 20px;
  75. }
  76. .indexNav .inav li {
  77. float:left;
  78. margin:0 20px 0 0;
  79. line-height: 40px
  80. }
  81. .indexNav .inav li a{
  82. color:#fff;
  83. border:1px solid #CFD37A;
  84. padding:2px 6px;
  85. }
  86. .indexNav .inav li a:hover{
  87. color:#f5f5f5;
  88. text-decoration: none;
  89. }
  90. .indexNav .inav li.active a{
  91. border:1px solid #fff;
  92. border-radius: 3px;
  93. }
  94. .indexNav .inav li.mlogo a{
  95. padding:0;
  96. }
  97. .indexNav .inav li.mlogo.active a{
  98. border:1px solid #CFD37A;
  99. padding:0;
  100. }
  101. .indexNav .menBtn {
  102. text-align: right;
  103. }
  104. .indexNav .menBtn li{
  105. display: inline-block;
  106. }
  107. .indexNav .menBtn a{
  108. background: transparent;
  109. color: #fff;
  110. border: 1px solid #fff;
  111. padding: 3px 12px;
  112. border-radius: 5px;
  113. }
  114. .indexNav .menBtn a:hover{
  115. text-decoration: none;
  116. background:none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
  117. }
  118. .indexNav .menBtn a.login{
  119. color:#bdc15f;
  120. background:#fff;
  121. }
  122. .indexNav .menBtn a.login:hover{
  123. background: none repeat scroll 0 0 #f5f6e4
  124. }
  125. .warpIndex .topBanner{
  126. background:#CFD37A;
  127. text-align: center;
  128. margin-top:65px;
  129. position: relative;
  130. vertical-align: middle;
  131. }
  132. .topBanner img{
  133. position: absolute;
  134. bottom:0;
  135. left:50%;
  136. margin:0 0 0 -480px;
  137. z-index: 0
  138. }
  139. .warpIndex .topBanner .width960{
  140. padding:15% 0 0 0;
  141. z-index:0
  142. }
  143. .warpIndex .topBanner h1{
  144. z-index: 1;
  145. position: relative;
  146. color:#fff;
  147. font-weight: normal;
  148. font-size:52px;
  149. margin-bottom:20px;
  150. }
  151. .warpIndex .topBanner p{
  152. z-index: 1;
  153. position: relative;
  154. color:#fff;
  155. font-size:22px;
  156. margin:0 0 30px 0;
  157. line-height: 34px;
  158. display: block
  159. }
  160. .warpIndex .topBanner p a{
  161. color:#fff;
  162. padding:12px 24px;
  163. border:1px solid #fff;
  164. border-radius: 5px;
  165. font-size:16px;
  166. margin:10px;
  167. }
  168. .warpIndex .topBanner p a:hover{
  169. text-decoration: none;
  170. background:none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
  171. }
  172. .warpIndex .topBanner p a.login{
  173. background: #fff;
  174. color:#bdc15f;
  175. }
  176. .warpIndex .topBanner p a.login:hover{
  177. background: none repeat scroll 0 0 #f5f6e4
  178. }