index.css 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. /* banner */
  2. .banner{ min-width:1000px; position:relative; height:500px; overflow:hidden; }
  3. .banner .bd{ position:relative; z-index:0; }
  4. .banner .bd ul{ width:100% !important; }
  5. .banner .bd li{ width:100% !important; height:500px; }
  6. .banner .bd li .siteWidth{ width:1000px; position:relative; margin:0 auto; height:500px; }
  7. .banner .bd li a{ height:500px; display:block; }
  8. .banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px; font:normal 18px/30px "Microsoft YaHei"; }
  9. .banner .bd .btn{ display:block; zoom:1; margin-top:8px; width:72px; padding-right:10px; height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(images/banner-btn.png) 0 0 no-repeat;
  10. _background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
  11. }
  12. .banner .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
  13. .banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:27px; height:4px; margin:4px; overflow:hidden;
  14. line-height:9999px; background: #fff;
  15. }
  16. .banner .hd ul .on{ background: #0054b0; }
  17. .box1{
  18. margin-top: 56px;
  19. }
  20. .box1 h1{
  21. font-size:26px;
  22. font-weight: bold;
  23. text-align: center;
  24. font-family: "微软雅黑";
  25. padding-bottom: 10px;
  26. margin-bottom: 44px;
  27. border-bottom: 2px solid #d8d8d8;
  28. background: url(../images/bd.png) no-repeat center bottom;
  29. }
  30. .box1 span{
  31. display: block;
  32. text-align: center;
  33. font-size: 24px;
  34. font-family: "微软雅黑";
  35. color: #646464;
  36. line-height: 36px;
  37. }
  38. .box1 a{
  39. display: block;
  40. width: 271px;
  41. height: 46px;
  42. margin: 0 auto;
  43. margin-top: 36px;
  44. margin-bottom: 56px;
  45. background: url(../images/num1_bg.png) no-repeat;
  46. text-align: center;
  47. line-height: 46px;
  48. font-family: "微软雅黑";
  49. font-size:16px;
  50. color: #00bcd6;
  51. }
  52. .box1 a:hover{
  53. background: url(../images/num1_bg_hover.png) no-repeat;
  54. color: white;
  55. }
  56. .box1 ul{
  57. overflow: hidden;
  58. width: 1180px;
  59. height: 325px;
  60. margin: 0 auto;
  61. }
  62. .box1 ul li{
  63. float: left;
  64. height: 325px;
  65. margin-right: 32px;
  66. }
  67. .box1 ul li a{
  68. margin: 0;
  69. height: 325px;
  70. display: block;
  71. }
  72. .box1 ul li.none{
  73. display: block;
  74. margin-right: 0;
  75. }
  76. .box2{
  77. padding-top: 50px;
  78. background: #f7f7f7;
  79. padding-bottom: 20px;
  80. }
  81. .box2 .lf{
  82. float: left;
  83. }
  84. .box2 ul{
  85. height: auto;
  86. }
  87. .box2 ul li{
  88. height: 380px;
  89. width: 1180px;
  90. margin-bottom: 32px;
  91. }
  92. .box2 .rh{
  93. float: right;
  94. width: 874px;
  95. height: 378px;
  96. background: #fff;
  97. border: 1px solid #dedede;
  98. }
  99. .box2 .rh .rh_1{
  100. float: left;
  101. margin-top: 34px;
  102. margin-left: 60px;
  103. width: 332px;
  104. font-family: "微软雅黑";
  105. }
  106. .box2 .rh .rh_1 .n1{
  107. height: 266px;
  108. overflow: hidden;
  109. }
  110. .box2 .rh .rh_1 .n2{
  111. float: right;
  112. }
  113. .box2 .rh .rh_1 .n2 a{
  114. width: 119px;
  115. height: 43px;
  116. text-align: center;
  117. line-height: 43px;
  118. border: 1px solid #00bcd6;
  119. background: #fff;
  120. color: #00bcd6;
  121. }
  122. .box2 .rh .rh_1 .n2 a:hover{
  123. border: 1px solid #00bcd6;
  124. background: #00bcd6;
  125. color: #fff;
  126. }
  127. .box2 .rh .rh_1 h2{
  128. font-size: 22px;
  129. color: #646464;
  130. line-height: 24px;
  131. font-family: "微软雅黑";
  132. font-weight: bold;
  133. margin-bottom: 22px;
  134. }
  135. .box2 .rh .rh_1 p{
  136. font-size: 16px;
  137. color: #646464;
  138. line-height: 24px;
  139. margin-bottom: ;
  140. }
  141. .box2 .rh .rh_2{
  142. float: right;
  143. margin-top: 34px;
  144. margin-right: 60px;
  145. }
  146. .box3{
  147. margin-top: 74px;
  148. }
  149. .box3 ul{
  150. height: auto;
  151. width: 1020px;
  152. }
  153. .box3 ul li{
  154. height: 74px;
  155. margin-bottom: 30px;
  156. }