main.css 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. /*科e互联特效基本框架CSS*/
  2. body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, select, fieldset, table, td, div, input {margin:0;-webkit-text-size-adjust: none}
  3. h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
  4. body>div{margin:0 auto}
  5. div {text-align:left}
  6. a img {border:0}
  7. body { color: #333; text-align: center; font: 12px "微软雅黑"; }
  8. ul, ol, li {list-style-type:none;vertical-align:0}
  9. a {outline-style:none;color:#535353;text-decoration:none}
  10. a:hover { color: #D40000; text-decoration: none}
  11. .clear{height:0; overflow:hidden; clear:both}
  12. .button {display: inline-block;zoom: 1; *display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding:0.25em 0.6em 0.3em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);
  13. }
  14. .red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));background: -moz-linear-gradient(top, #ed1c24, #A51715);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
  15. }
  16. .red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); color:#fff;}
  17. .red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top, #aa1317, #ed1c24);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');}
  18. .cor_bs,.cor_bs:hover{color:#ffffff;}
  19. .keBody{background:url(../images/bodyBg.jpg) repeat #333;}
  20. .keTitle{height:100px; line-height:100px; font-size:30px; font-family:'微软雅黑'; color:#FFF; text-align:center; background:url(../images/bodyBg3.jpg) repeat-x bottom left; font-weight:normal; overflow:hidden}
  21. .kePublic{ background: #c3ccd5; padding: 50px 0px 0px; }
  22. .keBottom{color:#FFF; padding-top:25px; line-height:28px; text-align:center; font-family:'微软雅黑'; background:url(../images/bodyBg2.jpg) repeat-x top left; padding-bottom:25px}
  23. .keTxtP{font-size:16px; color:#ffffff;}
  24. .keUrl{color:#FFF; font-size:30px;}
  25. .keUrl:hover{ text-decoration: underline; color: #FFF; }
  26. .mKeBanner,.mKeBanner div{text-align:center;}
  27. /*科e互联特效基本框架CSS结束,应用特效时,以上样式可删除*/
  28. #header{
  29. background-color: #3f8dbf;
  30. float: left;
  31. width: 100%;
  32. height: 50px;
  33. color: rgba(255,255,255,1);
  34. line-height: 50px;
  35. }
  36. #header a {
  37. color: rgba(255,255,255,1);
  38. text-decoration: none;
  39. display: block;
  40. font-size: 15px;
  41. }
  42. #header-left{
  43. float: left;
  44. height: 50px;
  45. }
  46. #header-left:hover #header-left-icon{
  47. background-color: #3F8DBF;
  48. }
  49. #header-left:hover #header-left-text{
  50. background-color: #599BC8;
  51. }
  52. #header-left-icon{
  53. float: left;
  54. height: 50px;
  55. width: 50px;
  56. text-align: center;
  57. background-color: #35759F;
  58. -webkit-transition: background 0.5s;
  59. -moz-transition: background 0.5s;
  60. -o-transition: background 0.5s;
  61. transition: background 0.5s;
  62. }
  63. #header-left-icon i {
  64. line-height: 50px;
  65. font-size: 20px;
  66. }
  67. #header-left-text{
  68. float: left;
  69. height: 50px;
  70. -webkit-transition: background 0.5s;
  71. -moz-transition: background 0.5s;
  72. -o-transition: background 0.5s;
  73. transition: background 0.5s;
  74. }
  75. #header-left-text a {
  76. padding-left: 20px;
  77. padding-right: 20px;
  78. }
  79. #header-right{
  80. float: right;
  81. height: 50px;
  82. }
  83. #header-right:hover #header-right-icon{
  84. background-color: #3F8DBF;
  85. }
  86. #header-right:hover #header-right-text{
  87. background-color: #599BC8;
  88. }
  89. #header-right-icon{
  90. float: right;
  91. height: 50px;
  92. width: 50px;
  93. text-align: center;
  94. background-color: #35759F;
  95. -webkit-transition: background 0.5s;
  96. -moz-transition: background 0.5s;
  97. -o-transition: background 0.5s;
  98. transition: background 0.5s;
  99. font-size: 18px;
  100. line-height: 50px;
  101. }
  102. #header-right-icon i {
  103. font-size: 20px;
  104. line-height: 50px;
  105. }
  106. #header-right-text{
  107. float: right;
  108. height: 50px;
  109. -webkit-transition: background 0.5s;
  110. -moz-transition: background 0.5s;
  111. -o-transition: background 0.5s;
  112. transition: background 0.5s;
  113. }
  114. #header-right-text a {
  115. padding-right: 20px;
  116. padding-left: 20px;
  117. }
  118. #wrapper{
  119. float: left;
  120. width: 100%;
  121. }
  122. #wrapper-center{
  123. width: 1100px;
  124. margin-right: auto;
  125. margin-left: auto;
  126. }
  127. .wrapper-center-title{
  128. float: left;
  129. width: 100%;
  130. font-size: 18px;
  131. }
  132. .wrapper-center-content{
  133. float: left;
  134. width: 100%;
  135. margin-top: 25px;
  136. margin-bottom: 80px;
  137. }
  138. .wrapper-center-content a{
  139. float: left;
  140. padding-right: 20px;
  141. padding-left: 20px;
  142. background-color: #3F8DBF;
  143. display: block;
  144. line-height: 30px;
  145. color: #FFFFFF;
  146. text-decoration: none;
  147. font-size: 14px;
  148. -webkit-transition: background 0.5s;
  149. -moz-transition: background 0.5s;
  150. -o-transition: background 0.5s;
  151. transition: background 0.5s;
  152. margin-right: 20px;
  153. margin-top: 20px;
  154. }
  155. .wrapper-center-content a:hover {
  156. background-color: #262932;
  157. }
  158. .table>tbody>tr>td{text-align:center;}
  159. form{margin-top:20px;}