Accueil Explorer Aide
Connexion
wuhongyu
/
test
1
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Aborescence: 1edc692285
Branches Tags
test
/
free-technological-management
/
WebRoot
/
TechnologyMarket
/
css
/
css.css.bak

css.css.bak 27 KB
Historique Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357 
  1. /* CSS Document */
    2. 

  2. @charset "utf-8";
    3. 

  3. body{font-family: '宋体' , Arial, Helvetica, sans-serif;line-height: 22px;color: #000; background:#fcf8ed;} 
    4. 

  4. body, div, dl, dt, dd, ul, ol, li,  h4, h5, h6, pre, form, fieldset, p, b, blockquote, table, th, img, font
    5. 

  5. , hr{margin:0;padding:0;font-size: 12px;}
    6. 

  6. input,button,select,textarea{outline:none}
    7. 

  7. ul,ol,li{list-style: none;}
    8. 

  8. img {border: none;vertical-align: middle; -ms-interpolation-mode: bicubic;}
    9. 

  9. .clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
    10. 

  10. .clearfix{display: inline-block;}
    11. 

  11. * html .clearfix{height: 1%;}
    12. 

  12. .clearfix{display: block;}
    13. 

  13. em{font-style: normal;}
    14. 

  14. a{text-decoration:none; color:#333333;}
    15. 

  15. a:hover{text-decoration:none;}
    16. 

  16. 

  17. /*header*/
    18. 

  18. #header{ width:100%; height:35px; line-height:35px; background:#f5f5f5; border-bottom:1px  solid #eeeeee;}
    19. 

  19. #header .conent{ width:1200px; height:35px; line-height:35px; margin:0 auto;  background:#f5f5f5;}
    20. 

  20. #header .left{ width:300px; height:35px; float:left;}
    21. 

  21. #header .left span{ color:#838080; margin-right:20px;}
    22. 

  22. #header .left a{ color:#777575;padding-left:5px; padding-right:5px;}
    23. 

  23. #header .left a:hover{ color:#89cff0;}
    24. 

  24. #header .left tt{ color:#888; font-size:10px;}
    25. 

  25. #header .right{height:35px;float:right;}
    26. 

  26. #header .right a{ display:block; float:right; padding-left:10px; padding-right:10px; color:#777575;}
    27. 

  27. #header .right span{ display:block; width:5px;color:#888; font-size:10px; float:right; text-align:center;}
    28. 

  28. #header .right .bj{ background:url(../image/weixin.jpg) no-repeat 3px; text-indent:15px;}
    29. 

  29. #header .right .bj2{ background:url(../image/shoucang.jpg) no-repeat 3px; text-indent:15px;}
    30. 

  30. #header .right .bj3{ background: url(../image/dan.png) no-repeat 8px; text-indent:15px;}
    31. 

  31. #header .right a:hover{ color:#89cff0;}
    32. 

  32. 

  33. /*logo*/
    34. 

  34. #wrapper{ width:100%; height:110px; margin:0 auto; background:#fff;}
    35. 

  35. #wrapper .conent{ width:1200px; height:110px; margin:0 auto; background:#fff;}
    36. 

  36. #wrapper .logo{ width:245px; height:65px; float:left; margin-top:17px;}
    37. 

  37. #wrapper .search{ width:551px; height:73px; float:left; margin-top:25px; margin-left:148px;}
    38. 

  38. #wrapper .search_top{ width:551px; height:43px;}
    39. 

  39. #wrapper .search_lef{ width:505px; height:43px; background:#89cff0; float:left;}
    40. 

  40. #wrapper .text_wen{ width:358px; height:35px; background: url(../image/search.jpg) no-repeat 5px #fff; margin-top:3px; margin-left:3px; border:0px; line-height:35px; color:#555; padding-left:47px; float:left; }
    41. 

  41. #wrapper .button{ width:94px; height:42px; line-height:47px; background: url(../image/sou.jpg) no-repeat center #89cff0; color:#fff; font-size:18px; float:left; border:0px;}
    42. 

  42. #wrapper .search_top a{ width:28px; color:#7e7a7a; float:left; margin-left:10px; line-height:22px;}
    43. 

  43. #wrapper p{ line-height:26px;}
    44. 

  44. #wrapper p span{ color:#9b9999;}
    45. 

  45. #wrapper p a{ color:#9b9999; margin-right:13px;}
    46. 

  46. #wrapper p a:hover{ color:#89cff0;}
    47. 

  47. #wrapper .right{ width:200px; height:60px; float:left; margin-top:23px; margin-left:48px;}
    48. 

  48. #wrapper .right .tops{ height:34px;}
    49. 

  49. #wrapper .right  p{ font-size:14px; font-family:microsoft yahei; color:#363333; padding-left:10px;}
    50. 

  50. #wrapper .right  p span{ color:#89cff0; font-size:14px;  font-family:microsoft yahei; }
    51. 

  51. 

  52. 

  53. 

  54. 

  55. /*导航*/
    56. 

  56. #nav{ width:100%; height:56px; background:#89cff0;}
    57. 

  57. #nav .conent_na{ width:1200px; margin:0 auto; height:56px; position:relative; background:#89cff0; }
    58. 

  58. #nav .conent_na ul li{ float:left; height:56px; line-height:56px; }
    59. 

  59. #nav .conent_na ul{  float:left; margin-left:10px; height:56px;}
    60. 

  60. #nav .conent_na ul li a{ display:block; padding-left:36px; padding-right:36px; font-size:18px; font-family:microsoft yahei; color:#fff; background:url(../image/shu.jpg) no-repeat right; float:left; height:56px; line-height:56px;}
    61. 

  61. #nav .conent_na ul li a:hover{ background:#af1414;}
    62. 

  62. #nav .conent_na  .quanbu{ width:184px; height:56px; background:#af1414; float:left; position:relative;}
    63. 

  63. #nav .conent_na  .quanbu a{ height:56px;line-height:54px; color:#fff;font-size:18px; font-family:microsoft yahei; padding-left:17px; background:url(../image/xiala.jpg) no-repeat 150px; display:block;}
    64. 

  64. 

  65. 

  66. 

  67. /*main中部*/
    68. 

  68. #main{ width:1200px;  margin:0 auto; position:relative;}
    69. 

  69. #main .left_lb{ width:186px; height:490px; background:#d6d0ce; float:left; position:absolute; left:0px; z-index:10000}
    70. 

  70. #main .left_lbs{ width:182px; height:486px; float:left; background:#f8f8f8; border:1px solid #af1414;}
    71. 

  71. .all-sort-list { position:relative; width:180px;  border-top:none; }
    72. 

  72. .all-sort-list .item {width:180px; clear:both; height:36px;  }
    73. 

  73. .all-sort-list .item.bo { border-top:none; } 
    74. 

  74. .all-sort-list .item h3 { height:35px; line-height:35px;  font-size:14px; font-family:microsoft yahei; font-weight:normal; width:180px; margin:0 auto; text-indent:0px; text-align:left; }
    75. 

  75. .all-sort-list .item .border{ width:160px; margin:0 auto; height:34px; line-height:34px; margin:0 auto; border-bottom:1px solid #ddd; background:url(../image/list.jpg) no-repeat right; padding-left:5px;}
    76. 

  76. .all-sort-list .hover h3 { position:relative; z-index:13;  border-color:#af1414; border-width:1px 0px; border-style:solid; background:#fff; }
    77. 

  77. .all-sort-list .item  a { color:#333; text-decoration:none; float:left;}
    78. 

  78. .all-sort-list .item span{ color:#666; font-size:12px; font-family: "宋体"; font-weight:normal; float:right;}
    79. 

  79. .all-sort-list .item:hover { color:#E4393C; }
    80. 

  80. .all-sort-list .item-list { display:none;position:absolute;width:477px;background:#FFF;left:179px;box-shadow:0px 0px 10px #DDDDDD;border:1px solid #af1414;top:10px;z-index:10;}
    81. 

  81. .all-sort-list .item-list .close { position:absolute;width:26px;height:26px;color:#FFFFFF;cursor:pointer;top:-1px;right:-26px;font-size:20px;
    82. 

  82. 	line-height:20px;text-align:center;font-family:"Microsoft Yahei";background:rgba(0, 0, 0, 0.6); background-color:transparent\9;
    83. 

  83. 	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr='#60000000', endColorstr='#60000000');}
    84. 

  84. 

  85. .item-list .subitem { float:left; width:465px; padding:10px 4px 10px 8px; }
    86. 

  86. .item-list .subitem dl { border-top:1px solid #EEE; padding:6px 0px; overflow:hidden; zoom:1; }
    87. 

  87. .item-list .subitem .fore1 { border-top:none; }
    88. 

  88. .item-list .subitem dt { float:left; width:100px; line-height:22px; text-align:left; padding:3px 6px 0px 0px; font-weight:700; color:#E4393C; }
    89. 

  89. .item-list .subitem dt a { color:#E4393C; text-decoration:underline; }
    90. 

  90. .item-list .subitem dd { float:left; width:350px; padding:3px 0px 0px; overflow:hidden; }
    91. 

  91. .item-list .subitem dd em { float:left; height:14px; line-height:14px; padding:0px 8px; margin-top:5px; border-right:1px solid #CCC; }
    92. 

  92. .item-list .subitem dd em a, .item-list .cat-right dd a { color:#666; text-decoration:none; }
    93. 

  93. .item-list .subitem dd em a:hover, .item-list .cat-right dd a:hover { font-weight:normal; text-decoration:underline; }
    94. 

  94. .item-list .cat-right { float:right; width:210px; }
    95. 

  95. .item-list .cat-right dl { width:194px; padding:6px 8px; }
    96. 

  96. .item-list .cat-right dd { padding-top:6px; line-height:22px; overflow:hidden; padding:3px 0px 0px; }
    97. 

  97. .item-list .cat-right dt { padding:3px 6px 0px 0px; font-weight:700; color:#E4393C;  }
    98. 

  98. .item-list .cat-right dt a{ display:block; width:auto;}
    99. 

  99. .item-list .cat-right dd a:hover { color:#666; }
    100. 

  100. 

  101. #main .zhong{ width:710px; height:475px; background:#fff; float:left; margin-left:13px; margin-top:12px; border-bottom:1px solid #e5e5e5;}
    102. 

  102. #main .banner_as{width:710px;height:310px;}
    103. 

  103. #main .guanggao{ width:233px; height:164px; float:left; border-right:1px solid #e5e5e5;}
    104. 

  104. #main .guanggao img{ width:230px; height:164px; }
    105. 

  105. 

  106. #main .right_gs{ width:276px; height:215px; float:right;}
    107. 

  107. #main .right_gs .tittle_sd{ width:276px; height:35px;}
    108. 

  108. #main .news{ width:276px; height:215px; border:1px solid #e1e1e1; background:#fff; margin-top:12px;}
    109. 

  109. #main .news .tittle{ width:276px; height:27px;}
    110. 

  110. #main .news .tittle span{ display:block; width:89px; height:27px; line-height:27px; text-align:center; font-size:14px; font-weight:bold; float:left; color:#3c3c3c;}
    111. 

  111. #main .news .right{ float:left; width:185px; height:25px; border:1px solid #e1e1e1; border-top:0px; border-right:0px; background:#f7f7f7;}
    112. 

  112. #main .news ul{ margin-left:15px; margin-top:10px;}
    113. 

  113. #main .news ul li{ background:url(../image/list1.jpg) no-repeat 0px; line-height:24px; text-indent:10px; }
    114. 

  114. #main .news ul li a{color:#555555}
    115. 

  115. #main .copany{ width:276px; border:1px solid #e1e1e1; margin-top:12px; height:245px;}
    116. 

  116. #main .copany img{ width:276px;height:245px;}
    117. 

  117. 

  118. 

  119. /*banner*/
    120. 

  120. .banner {Z-INDEX: 99; MARGIN: 0px auto; WIDTH:710px; HEIGHT:310px; _width:710px; position:relative;}
    121. 

  121. .flexslider{margin:0px;position:relative;width:710px;height:310px;overflow:hidden;zoom:1;}
    122. 

  122. .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
    123. 

  123. .flex-viewport img{ width:710px; height:310px;}
    124. 

  124. .flexslider .slides{zoom:1;}
    125. 

  125. .flex-direction-nav a{width:46px;height:46px;line-height:99em;overflow:hidden;margin:-30px 0 0;display:block;background:url(../image/ad_ctr.png) no-repeat 0px -12px;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
    126. 

  126. .flex-direction-nav .flex-next{background-position:0 -102px;right:0;}
    127. 

  127. .flex-direction-nav .flex-prev{left:0;}
    128. 

  128. .flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
    129. 

  129. .flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
    130. 

  130. .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
    131. 

  131. .flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
    132. 

  132. .flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
    133. 

  133. .flex-control-paging li a{background:url(../image/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
    134. 

  134. .flex-control-paging li a.flex-active{background-position:0 0;}
    135. 

  135. 

  136. /*品牌厂家*/
    137. 

  137. 

  138. #main2{ width:1200px; height:auto; margin:0 auto;}
    139. 

  139. #main2 .tittle_pp{ width:1185px; height:35px; line-height:35px; border-bottom:3px solid #89cff0; background: url(../image/list_b.jpg) no-repeat 0px; margin-top:15px; font-size:18px; font-family:microsoft yahei; padding-left:15px;}
    140. 

  140. #main2 .tittle_pp a{ float:right; margin-top:5px;}
    141. 

  141. #main2 .pin_con{ width:225px; height:115px; float:left; margin-left:16px; border:1px solid #ddd; margin-top:18px;}
    142. 

  142. #main2 .pin_con img{ width:225px; height:115px;}
    143. 

  143. 

  144. /*热卖产品*/
    145. 

  145. #main3{ width:1200px; height:auto; margin:0 auto;}
    146. 

  146. #main3 .tittle_pp{ width:1185px; height:35px; line-height:35px; border-bottom:3px solid #89cff0; background: url(../image/list_b.jpg) no-repeat 0px; margin-top:15px; font-size:18px; font-family:microsoft yahei; padding-left:15px;}
    147. 

  147. #main3 .tittle_pp a{ float:right; margin-top:5px;}
    148. 

  148. #main3 .conent_warp{ width:290px; height:329px; float:left; margin-left:13px; margin-top:14px; background:url(../image/bj_we.jpg) no-repeat bottom; }
    149. 

  149. #main3 .conent_nei{ width:288px; height:323px; overflow:hidden; border:1px solid #e2e2e2; background:#fff;}
    150. 

  150. #main3 .conent_nei .tupian{ width:288px; height:192px; overflow:hidden;}
    151. 

  151. #main3 .conent_nei .tupian img{ width:288px; height:190px;}
    152. 

  152. #main3 .conent_wenzi{ width:288px; background:#efeeee; height:122px; padding-top:8px;}
    153. 

  153. #main3 .conent_wenzi p{ font-family:microsoft yahei; font-size:14px; color:#555454; line-height:33px; width:260px; margin:0 auto;}
    154. 

  154. #main3 .conent_wenzi p span{ font:25px Georgia,"microsoft yahei";  color:#cf2a2a; margin-top:5px; float:left;}
    155. 

  155. #main3 .conent_wenzi p  a{ float:right; margin-right:13px; margin-top:5px;}
    156. 

  156. 

  157. /*footer*/
    158. 

  158. #footer{ width:100%; height:245px; background:#fff; margin:0 auto; margin-top:25px;}
    159. 

  159. #footer .menu{ width:100%; height:38px; background:#89cff0;}
    160. 

  160. #footer .menu p{ text-align:center; color:#fff; line-height:38px;}
    161. 

  161. #footer .menu p a{ color:#fff; padding-left:10px; padding-right:10px;}
    162. 

  162. #footer .menu p span{ width:20px; font-size:10px; text-align:center;}
    163. 

  163. #footer .conent_bq{ width:645px; height:70px; text-align:center;  margin:0 auto; clear:both; padding-top:37px;}
    164. 

  164. #footer .conent_bq p{ font-size:14px; font-family:"microsoft yahei"; text-align:center; color:#4f4d4d;}
    165. 

  165. #footer .xinxi{ width:490px; height:40px; margin:0 auto;}
    166. 

  166. #footer .xinxi_tu{ width:106px; height:40px; float:left; margin-left:12px; _margin-left:5px;}
    167. 

  167. 

  168. /*------列表页------*/
    169. 

  169. /*位置*/
    170. 

  170. #weizhi{ width:100%; border-bottom:1px solid #eae8e8; background:#f9f8f8;}
    171. 

  171. #weizhi .conent{ width:1185px; height:40px; line-height:40px; margin:0 auto; background:url(../image/wei.jpg) no-repeat 0px #f9f8f8; padding-left:15px;}
    172. 

  172. #weizhi a{ color:#8e8d8d;}
    173. 

  173. #weizhi span{ color:#8e8d8d;}
    174. 

  174. 

  175. /*分类*/
    176. 

  176. #fenlei{ width:1200px; height:auto; border:1px solid #e8e8e8; border-top:2px solid #89cff0; margin:0 auto; background:#fff;padding-bottom:20px; margin-top:18px;}
    177. 

  177. #fenlei .nerrong_con{ width:1200px; border-bottom:1px solid #eeeded; line-height:24px; }
    178. 

  178. #fenlei .nerrong_left{ height:35px; line-height:35px; float:left; font-size:12px; font-family:microsoft yahei; background:#f6f6f6; padding-left:5px; padding-right:5px; width:95px; text-align:right; color:#5b5656;}
    179. 

  179. #fenlei .nerrong_right{ width:1080px; float:left; padding-top:5px;}
    180. 

  180. #fenlei .nerrong_right a{ width:90px; padding-left:16px; color:#89cff0; float:left; display:block; line-height:24px; overflow:hidden;}
    181. 

  181. #fenlei .xiangguan{ width:1140px; margin-left:34px; padding-top:20px;}
    182. 

  182. #fenlei .xiangguan a{ float:left; line-height:28px; width:120px; overflow:hidden; color:#757474;}
    183. 

  183. #fenlei .xiangguan a:hover{color:#89cff0; }
    184. 

  184. 

  185. #paixu{ width:1200px; height:38px; line-height:38px; border:1px solid #edecec; margin:8px auto; background:#fff;}
    186. 

  186. #paixu span{ height:38px; width:84px; line-height:38px; text-align:center; background:#89cff0; font-size:14px; font-weight:bold; color:#fff; display:block; float:left; margin-right:10px;}
    187. 

  187. #paixu a{ display:block; width:90px; height:38px; border-right:1px solid #ddd; float:left; text-align:center; background:url(../image/pai.png) no-repeat 60px ;}
    188. 

  188. #paixu a:hover{ color:#fff; background:url(../image/pai1.png) no-repeat 60px #89cff0 ;}
    189. 

  189. 

  190. 

  191. /*分页样式*/
    192. 

  192. #fenye_war{ width:1200px; margin:0 auto; height:68px; margin:20px auto; background:#fff; border:1px solid #ddd; padding-top:5px;}
    193. 

  193.  .fenye { width:480px; height:20px; float:right; margin-top:20px; margin-right:10px;}
    194. 

  194.  .fenye tt{ display:block; line-height:26px; height:26px; font-size:12px; float:left; margin-left:5px; color:#8b8989;}
    195. 

  195.  .fenye a{ display:block; float:left; height:26PX; border:1px solid #ccc; font-size:12px; min-width:28px; text-align:center; margin-left:5px;_width:28px; line-height:26px; color:#8b8989;}
    196. 

  196.  .fenye a:hover{ background:#d32b2b; color:#ffffff;}
    197. 

  197.  .fenye .gotxt{ float:left; height:22px; width:40px; margin-left:5px}
    198. 

  198. .fenye .gobtn{ float:left; height:26px; width:40px; background:#d32b2b; color:#ffffff; border:0; line-height:20px; margin-left:5px;}
    199. 

  199.  .fenye a.pageon{background:#89cff0; color:#ffffff;}
    200. 

  200.  
    201. 

  201.  /*详细页*/
    202. 

  202. #main4{ width:1200px; height:400px; margin:0 auto; background:#fff; border:1px solid #ddd; margin-top:18px;}
    203. 

  203.  /*图片放大*/
    204. 

  204. #preview{text-align:center;width:400px;height:283px;margin-top: 20px;margin-bottom: 20px;margin-left:15px; float:left; border:1px solid #e9e7e8;}
    205. 

  205. .jqzoom{ width:400px; height:283px; position:relative;}
    206. 

  206. 

  207. .zoomdiv{ left:859px; height:400px; width:400px;}
    208. 

  208. .list-h li{ float:left;}
    209. 

  209. #spec-n5{width:400px; height:56px; padding-top:6px; overflow:hidden;}
    210. 

  210. #spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
    211. 

  211. #spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:right;cursor:pointer; margin-top:5px;}
    212. 

  212. #spec-list{ width:370px; overflow:hidden; float:left;margin-left:2px; display:inline; padding-left:30px;}
    213. 

  213. #spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
    214. 

  214. #spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
    215. 

  215. 

  216. /*jqzoom Download by http://down.liehuo.net*/
    217. 

  217. .jqzoom{position:relative;padding:0;}
    218. 

  218. .zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
    219. 

  219. .bigimg{width:800px;height:800px;}
    220. 

  220. .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
    221. 

  221. #spec-list{ position:relative; width:342px; margin-right:6px;}
    222. 

  222. #spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
    223. 

  223. 

  224.  #main4 .right_xx{ width:720px; height:375px; float:right; margin-top:5px; margin-right:15px; padding-left:20px; position: relative;}
    225. 

  225.  #main4 .right_xx .shoucang{ width:100px; height:30px; background:url(../image/shou.jpg) no-repeat 0px; margin-top:20px;}
    226. 

  226.  #main4 .right_xx .shoucang a{ color:#89cff0; line-height:30px; margin-left:20px;}
    227. 

  227.  #main4 .right_xx .shoucang a:hover{ text-decoration:underline;}
    228. 

  228.  #main4 .conents{ width:720px; height:auto; border-bottom:1px solid #e6e4e4; padding-bottom:15px; padding-top:15px; overflow:hidden;}
    229. 

  229.  #main4 .conents h3{ font-size:18px; font-family:microsoft yahei; padding:0px; margin:0px; text-indent:0px; font-weight:normal;}
    230. 

  230.  #main4 .conents p{ font-size:14px; color:#636161;}
    231. 

  231.  
    232. 

  232. #jinhuod{ width:1200px; margin:22px auto; background:#fff;}
    233. 

  233. #jinhuod table tr td{ border:1px solid #ddd; text-align:center; color:#636161; font-size:12px; font-family:"宋体"; padding-left:10px; padding-right:10px;}
    234. 

  234. #jinhuod .huise{ background:#f0edec;}
    235. 

  235. #jinhuod .caigou{ width:100px; height:25px; margin:0 auto;}
    236. 

  236. #jinhuod .caigou a{ display:block; width:22px; height:25px; float:left; background:url(../image/caigou.jpg) no-repeat;}
    237. 

  237. #jinhuod .caigou a.jian{ background-position:-5px -2px;}
    238. 

  238. #jinhuod .caigou a.jian:hover{ background-position:-5px -30px;}
    239. 

  239. #jinhuod .caigou a.jia{background-position:-31px -2px;}
    240. 

  240. #jinhuod .caigou a.jia:hover{background-position:-31px -30px;}
    241. 

  241. #jinhuod .caigou .text{ width:52px; height:20px; border:1px solid #ddd;  background:#fff; border-left:0px; border-right:0px; text-align:center; color:#555; float:left; margin-top:1px; }
    242. 

  242. #jinhuod .cgnengr{ width:830px; float:left; padding-right:20px; text-align:left;}
    243. 

  243. #jinhuod .cgnengr span{ margin-left:15px; line-height:34px;}
    244. 

  244. #jinhuod .cgnengr span tt{ font-size:14px; color:#e13030; margin-left:5px; margin-right:5px;}
    245. 

  245. #jinhuod .cgnengr_jg{ width:190px; float: right; margin-right:15px; padding-top:10px; text-align:left;}
    246. 

  246. #jinhuod .cgnengr_jg p{ font-size:14px; font-family:microsoft yahei; color:#6b6969; line-height:24px;}
    247. 

  247. #jinhuod .cgnengr_jg p tt{ font-size:16px; font-family:"Arial Black", Gadget, sans-serif; margin-left:8px; margin-right:8px;}
    248. 

  248. #jinhuod .cgnengr_jg p span{ font-size:18px; font-family:microsoft yahei; color:#fd030f;}
    249. 

  249. #jinhuod .war_an{ width:200px; float:right; margin-right:60px; margin-top:20px; height:50px; padding-bottom:20px;}
    250. 

  250. #jinhuod .war_an a{ width:144px; height:43px; background:url(../image/jhd.jpg) no-repeat -8px 0px; display:block; font-size:18px; color:#fff; font-family:microsoft yahei; line-height:43px; text-align:center; float:right;}
    251. 

  251. #jinhuod .war_an a:hover{ background-position:-8px -46px;}
    252. 

  252. .hongse{ color:#e13030;}
    253. 

  253. .beijing{ background:#fef7f7;}
    254. 

  254. 

  255. #main_xiangq{ width:1200px; height:auto; margin:0 auto;}
    256. 

  256. #main_xiangq .tittle{ width:1200px; height:38px; border-bottom:4px solid #e13030;}
    257. 

  257. .divContent2{width:1158px;clear: both; padding-bottom:20px;border:1px solid #dfdfdf; background:#fff;  padding:20px;}
    258. 

  258. .divContent2 table tr td{ color:#555; padding-left:10px;}
    259. 

  259. .divContent2 .conent_nrx{ width:900px; padding-top:30px; margin-left:10px;}
    260. 

  260. .divContent2 .conent_nrx h3{ font-size:16px; font-family:microsoft yahei; color:#e13030; font-weight:normal; text-indent:0px; margin:0px; line-height:30px;}
    261. 

  261. .divContent2 .conent_nrx  p{ line-height:24px;}
    262. 

  262. .normal2{ list-style: none; float: left;width: 124px; text-align :center ;vertical-align :middle ;
    263. 

  263. height:36px;line-height:37px; height:37px; cursor :pointer ; border:1px solid #ccc;background-color: #fff;border-collapse :separate ; margin-left:5px; font-size:14px; border-bottom:0px; color:#333;}
    264. 

  264. .selected2{list-style: none;float: left;width: 124px;line-height:38px;height:38px;text-align :center ;vertical-align :middle ;cursor :pointer ; background-color:#e13030 ; font-weight:bold;color: #fff; margin-left:5px;  font-size:14px;}
    265. 

  265. .divContent2 img{ width:1000px; margin-left:10px;}
    266. 

  266. 

  267. #main_xuanze{ width:1160px; height:auto; margin:20px auto; background:#fff; border:1px solid #ddd; padding:20px; }
    268. 

  268. #main_xuanze span{ height:20px; line-height:20px; color:#555;}
    269. 

  269. #main_xuanze span input{ float:left;}
    270. 

  270. 

  271. /*公司动态*/
    272. 

  272. #main_dongtai{ width:1200px; height: auto; margin:0 auto; margin-top:18px;}
    273. 

  273. #main_dongtai .left_dt{ width:235px; height:auto; float: left; background:url(../image/jiao.jpg) no-repeat top #fbf6f6;}
    274. 

  274. #main_dongtai .conent_dt{ width:232px; height:auto; border:1px solid #dcdcdc; border-top:0px; margin-top:3px; background:#fbf6f6; padding-bottom:80px;}
    275. 

  275. #main_dongtai .conent_dt .tittle_dt{ width:200px; height:37px; line-height:57px; padding-left:10px; background:url(../image/xia.jpg) no-repeat bottom; padding-top:20px; margin:0 auto;}
    276. 

  276. #main_dongtai .conent_dt ul li{ width:200px; height:48px; line-height:48px; background:url(../image/xia.jpg) no-repeat bottom;  font-size:14px; margin-left:6px;}
    277. 

  277. #main_dongtai .conent_dt ul li a{ color:#747272; font-family:14px; font-family:microsoft yahei; padding-left:10px; width:180px;}
    278. 

  278. #main_dongtai .conent_dt ul li a.bejsd{ display:block; background: url(../image/san.jpg) no-repeat right; }
    279. 

  279. #main_dongtai .conent_dt ul li a.bejsds{ color:#89cff0; background: url(../image/san1.jpg) no-repeat right 15px; display:block; }
    280. 

  280. 

  281. #main_dongtai .conent_dt ul li a:hover{ color:#89cff0; background: url(../image/san1.jpg) no-repeat right 15px; }
    282. 

  282. #main_dongtai .right_dt{ width:940px; border:1px solid #ddd; background:#fff; float:right;}
    283. 

  283. #main_dongtai .right_dt .tittle_dts{ width:865px; height:40px; border-bottom:1px solid #ddd; line-height:40px; background:url(../image/yuan2.jpg) no-repeat 3px; margin:0 auto; padding-left:25px; font-size:16px; font-family:microsoft yahei; color:#89cff0;}
    284. 

  284. #main_dongtai .right_dt .liebiaos{ width:880px; margin:20px auto;}
    285. 

  285. #main_dongtai .right_dt .liebiaos ul li{ width:860px; height:42px; line-height:42px; border-bottom:1px dashed #ddd; background: url(../image/list2.jpg) no-repeat 3px; padding-left:20px;}
    286. 

  286. #main_dongtai .right_dt .liebiaos ul li a{ width:770px; height:42px; line-height:42px; overflow:hidden; color:#636262;}
    287. 

  287. #main_dongtai .right_dt .liebiaos ul li a:hover{ color:#89cff0;}
    288. 

  288. #main_dongtai .right_dt .liebiaos ul li span{ color:#888; float:right; margin-right:10px;}
    289. 

  289. 

  290. /*新闻详细*/
    291. 

  291. #main_dongtai .right_dt .xiangxi_s{ width:880px; height:auto; margin:0 auto;}
    292. 

  292. #main_dongtai .right_dt .xiangxi_titt{ width:880px; height:90px; padding-top:30px; border-bottom:1px dashed #ddd; text-align:center;}
    293. 

  293. #main_dongtai .right_dt .xiangxi_titt h3{ font-size:14px; font-family:microsoft yahei; color:#555; font-weight:normal; text-indent:0px;}
    294. 

  294. #main_dongtai .right_dt .conent_xi_sd{ width:860px; height:auto; margin:40px auto;}
    295. 

  295. #main_dongtai .right_dt .conent_xi_sd img{ width:860px;}
    296. 

  296. 

  297. #main_dongtai .right_dt .shangxy{ width:860px; height:auto; margin:0 auto; border-top:1px solid #ddd; height:68px; padding-top:30px; padding-left:20px;}
    298. 

  298. #main_dongtai .right_dt .shangxy p{ color:#555; line-height:30px;}
    299. 

  299. #main_dongtai .right_dt .shangxy p a{ color:#444;}
    300. 

  300. #main_dongtai .right_dt .shangxy p a:hover{ color:#89cff0;}
    301. 

  301. 

  302. /*品牌厂家*/
    303. 

  303. #main_pin{ width:1200px; height:auto; margin:0 auto;}
    304. 

  304. #main_pin .conent_pin{ width:1200px; height:190px; border-bottom:1px solid #ddd; padding-top:30px;}
    305. 

  305. #main_pin .left_pinp{ width:500px; height:180px; float:left;}
    306. 

  306. #main_pin .lett_tu{ width:225px; height:115px; border:1px solid #e2e2e2; float:left;}
    307. 

  307. #main_pin .lett_tu img { width:225px; height:115px;}
    308. 

  308. #main_pin .neirong{ width:250px; height:115px; float:left;margin-left:10px;}
    309. 

  309. #main_pin .neirong h3{ margin:0px; text-indent:0px; line-height:24px;  }
    310. 

  310. #main_pin .neirong h3 a{color:#89cff0;}
    311. 

  311. #main_pin .neirong p{ color:#5f5e5e; margin-top:5px;}
    312. 

  312. #main_pin .right_cont{ width:205px; height:170px; float:left; margin-left:25px;}
    313. 

  313. #main_pin .right_cont p{ text-align:center; line-height:30px;}
    314. 

  314. #main_pin .right_cont p a{ color:#535050;}
    315. 

  315. #main_pin .right_cont p a:hover{ color:#89cff0;}
    316. 

  316. #main_pin .right_tupian{ width:205px; height:135px; overflow:hidden;}
    317. 

  317. #main_pin .right_tupian img{width:205px; height:135px;}
    318. 

  318. #main_pinxx{ width:1200px; height:180px; border:1px solid #ddd; background:#fff; margin:0 auto; margin-top:18px;}
    319. 

  319. #main_pinxx .leftpx{ width:270px; height:156px; float:left; margin-top:12px; border-right:1px solid #ddd;}
    320. 

  320. #main_pinxx .left_img{width:225px; height:115px; float:left; margin-left:16px; border:1px solid #ddd; margin-top:10px; overflow:hidden; }
    321. 

  321. #main_pinxx .leftpx  p{font-size:12px; color:#555; text-align:center; }
    322. 

  322. #main_pinxx .left_img img{width:225px; height:115px;}
    323. 

  323. #main_pinxx .rightxx{ width:860px; height:156px; margin-top:12px; float:left; margin-left:20px;}
    324. 

  324. #main_pinxx .rightxx p{ color:#555; text-indent:25px;}
    325. 

  325. 

  326. 

  327. /*客服中心*/
    328. 

  328. #main_dongtai .right_dt .kefuzx{ width:880px; margin:0 auto; border-bottom:1px solid #ddd; padding-bottom:20px; padding-top:20px;}
    329. 

  329. .kefuzx .table tr td{ line-height:40px;}
    330. 

  330. .text_liu{ width:220px; height:30px; line-height:30px; color:#555; text-indent:5px;}
    331. 

  331. .button_tj{ width:150px; height:43px; border:0px; line-height:90px; background:url(../image/jhd.jpg) no-repeat; line-height:43px; font-size:14px; color:#fff; font-family:microsoft yahei; float:right; margin-top:20px;}
    332. 

  332. 

  333. /*客服*/
    334. 

  334. /* online */
    335. 

  335. #online_qq_tab a,.onlineMenu h3,.onlineMenu li.tli,.newpage{background:url(../image/float_s.gif) no-repeat;}
    336. 

  336. #onlineService,.onlineMenu,.btmbg{background:url(../image/float_bg.gif) no-repeat;}
    337. 

  337. #online_qq_layer{z-index:9999;position:fixed;right:0px;top:0;margin:150px 0 0 0;}
    338. 

  338. #online_qq_tab{width:28px;float:left;margin:120px 0 0 0;position:relative;z-index:9;}
    339. 

  339. #online_qq_tab a{display:block;height:118px;line-height:999em;overflow:hidden;}
    340. 

  340. #online_qq_tab a#floatShow{background-position:-30px -374px;}
    341. 

  341. #online_qq_tab a#floatHide{background-position:0 -374px;}
    342. 

  342. 

  343. #onlineService{display:inline;margin-left:-1px;float:left;width:130px;display:none;background-position:0 0;padding:10px 0 0 0;}
    344. 

  344. .onlineMenu{background-position:-262px 0;background-repeat:repeat-y;padding:0 15px; }
    345. 

  345. .onlineMenu h3{height:36px;line-height:999em;overflow:hidden;border-bottom:solid 1px #ACE5F9; margin:0px; padding:0px;}
    346. 

  346. .onlineMenu h3.tQQ{background-position:0 10px;} 
    347. 

  347. .onlineMenu h3.tele{background-position:0 -47px;}
    348. 

  348. .onlineMenu li{height:36px;line-height:36px;border-bottom:solid 1px #E6E5E4;text-align:center; margin-top:0px;}
    349. 

  349. .onlineMenu li.zixun{background-position:0px -131px;}
    350. 

  350. .onlineMenu li.phone{background-position:-16px -244px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#d42c2c;}
    351. 

  351. .onlineMenu li a.newpage{display:block;height:36px;line-height:999em;overflow:hidden;background-position:5px -100px;}
    352. 

  352. .onlineMenu li img{margin:0px 0 0 0;}
    353. 

  353. .onlineMenu li.last{border:0;}
    354. 

  354. 

  355. .wyzx{padding:8px 0 0 5px;height:57px;overflow:hidden;background:url(../image/webZx_bg.jpg) no-repeat;}
    356. 

  356. 

  357. .btmbg{height:12px;overflow:hidden;background-position:-131px 0;}
    358.