style.css 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406
  1.  #FocusBG{
  2. width:100%;
  3. height:400px;
  4. }
  5. .fullSlide {
  6. width:100%;
  7. position:relative;
  8. height:400px;
  9. background:#000;
  10. }
  11. .fullSlide .bd {
  12. margin:0 auto;
  13. position:relative;
  14. z-index:0;
  15. overflow:hidden;
  16. }
  17. .fullSlide .bd ul {
  18. width:100% !important;
  19. }
  20. .fullSlide .bd li {
  21. width:100% !important;
  22. height:400px;
  23. overflow:hidden;
  24. text-align:center;
  25. }
  26. .fullSlide .bd li a {
  27. display:block;
  28. height:400px;
  29. }
  30. .fullSlide .hd {
  31. width:100%;
  32. position:absolute;
  33. z-index:1;
  34. bottom:0;
  35. left:0;
  36. height:30px;
  37. line-height:30px;
  38. }
  39. .fullSlide .hd ul {
  40. text-align:center;
  41. }
  42. .fullSlide .hd ul li {
  43. cursor:pointer;
  44. display:inline-block;
  45. *display:inline;
  46. zoom:1;
  47. width:22px;
  48. height:22px;
  49. margin:5px;
  50. overflow:hidden;
  51. background:url("img/grey.png") no-repeat 2px 2px;
  52. filter:alpha(opacity=50);
  53. opacity:0.5;
  54. line-height:999px;
  55. }
  56. .fullSlide .hd ul .on {
  57. background:url("img/darkblue.png") no-repeat 2px 2px;
  58. }
  59. .fullSlide .prev,.fullSlide .next {
  60. display:block;
  61. position:absolute;
  62. z-index:1;
  63. top:50%;
  64. margin-top:-30px;
  65. left:15%;
  66. z-index:1;
  67. width:40px;
  68. height:60px;
  69. background:url(img/slider-arrow.png) -126px -137px #000 no-repeat;
  70. cursor:pointer;
  71. filter:alpha(opacity=50);
  72. opacity:0.5;
  73. display:none;
  74. }
  75. .fullSlide .next {
  76. left:auto;
  77. right:15%;
  78. background-position:-6px -137px;
  79. }
  80. #body h1.tit-h1 { font-size:38px; text-align:center; margin:30px 0 15px; color:#f60;}
  81. #body .go-back{ text-align:center; border-top:1px dashed #ccc; padding:10px; margin-top:20px; font-size:40px;}
  82. #body .wrap{border:1px dashed #ccc; background:#f8f8f8; padding:20px;}
  83. #body .tab{ }
  84. #body .tab-hd {
  85. overflow:hidden; zoom:1;}
  86. #body .tab-hd li{ float:left; width:80px; color:#fff; text-align:center; cursor:pointer;height:40px;line-height:40px;}
  87. #body .tab-hd li a{
  88. font-size:16px;
  89. color:#CCC;}
  90. #body .tab-hd li.active{
  91. font-weight:bold;
  92. padding:0px;
  93. margin:0px;
  94. padding-left:20px;
  95. font-size:16px;
  96. text-align:left;}
  97. #body .tab-hd li.active a{
  98. color:#0170d9;
  99. padding:0px;
  100. margin:0px;
  101. padding-left:0;
  102. line-height:30px;
  103. background:none;}
  104. #body .tab-bd li{display:none; padding:10px; border-top:0 none; }
  105. #body .DivList{
  106. font-size:12px;
  107. padding:0px;}
  108. #body .DivList .DivLi{
  109. padding:0px 10px 0px 0px;
  110. }
  111. #body .DivList .DivLi a{
  112. line-height:25px;
  113. padding:0px;
  114. height:25px;
  115. overflow:hidden;}
  116. #body .DivList .DivLi span{
  117. color:#0170d9;
  118. padding-right:20px;
  119. font-size:11px;
  120. width:80px;
  121. }
  122. .PicBlock{
  123. padding:0px 0px 14px 14px;}
  124. .PicBlock .CasePicBlock {
  125. float:left;
  126. width:125px;
  127. height:118px;
  128. overflow:hidden;
  129. padding:0px;
  130. margin:0px;}
  131. .PicBlock .CasePicBlock .BlockPic{
  132. width:104px;
  133. height:79px;
  134. overflow:hidden;}
  135. .PicBlock .CasePicBlock .BlockPic img{
  136. width:100px;
  137. height:75px;
  138. padding:1px;
  139. border:1px solid #dededc;
  140. overflow:Hidden;}
  141. .PicBlock .CasePicBlock img:Hover{
  142. border:1px solid #00a0b2;}
  143. .PicBlock .CasePicBlock .BlockTitle{
  144. text-align:center;
  145. width:104px;
  146. height:36px;
  147. overflow:hidden;
  148. line-height:18px;
  149. background-color:#f5f5f5;}
  150. /* main block*/
  151. #body .MainBlockBG{
  152. background:#f2f2f2 url("img/main_bg1.jpg") repeat-x 0px top;
  153. width:100%;
  154. padding:20px 0px;}
  155. #body .MainBlock{
  156. width:1080px;
  157. margin:auto;
  158. font-size:12px;
  159. }
  160. #body .MainBlock .BlockInner{
  161. background-color:#FFF;
  162. border:1px solid #e5e5e5;}
  163. #body .left{
  164. float:left;
  165. width:558px;
  166. height:265px;
  167. overflow:hidden;
  168. }
  169. #body .right2{
  170. float:right;
  171. width:256px;
  172. height:265px;
  173. overflow:hidden;
  174. font-size:12px;
  175. }
  176. #body .right{
  177. width:500px;
  178. float:left;
  179. height:265px;
  180. }
  181. #body .topic{
  182. height:40px;
  183. }
  184. #body .MainBlock .right .topic{
  185. }
  186. #body .topic .TopicTitle{
  187. float:left;
  188. padding-left:15px;
  189. font-size:16px;
  190. color:#0170d9;
  191. height:40px;
  192. font-weight:bold;
  193. line-height:40px;}
  194. #body .topic .TopicTitle p{
  195. font-size:9px;
  196. text-transform:uppercase;
  197. font-weight:normal;
  198. color:#999;
  199. line-height:150%;}
  200. #body .right2 .topic,#body .left .topic{
  201. height:45px;
  202. }
  203. #body .right2 .topic .TopicTitle,#body .left .topic .TopicTitle{
  204. padding-left:15px;
  205. }
  206. #body .TopicTitle a{
  207. color:#0170d9;
  208. text-decoration:none;}
  209. #body .topic .TopicMore{
  210. float:right;
  211. font-size:12px;
  212. padding-right:10px;
  213. padding-top:9px;}
  214. #body .topic .TopicMore img{
  215. }
  216. #body .MBlockTable td{
  217. line-height:25px;
  218. font-size:12px;
  219. }
  220. #body .left .MBlockTable .ListTitle{
  221. background:url("img/title_icon1.jpg") no-repeat 15px 10px;
  222. padding-left:30px;
  223. }
  224. #body .MBlockTable td{
  225. text-align:left;
  226. padding-left:0;}
  227. #body .MBlockTable span{
  228. color:#9a9a9a;
  229. padding-left:10px;
  230. font-size:11px;}
  231. #body .Block2 .right{
  232. height:210px;
  233. }
  234. #body .Block2 .right2{
  235. height:210px;
  236. width:787px;
  237. }
  238. #body .MainBlock .left .img{
  239. padding:0px 10px 10px 10px;
  240. width:210px;
  241. float:left;}
  242. #body .MainBlock .right h1{
  243. font-size:14px;
  244. text-align:center;}
  245. #body .MainBlock .left .txt{
  246. float:right;
  247. width:260px;
  248. padding:0px 10px 10px 0px;
  249. color:#6c6c6c;}
  250. #body .MainBlock .left .txt p{
  251. line-height:200%;}
  252. #body .MainBlock .right2 .img{
  253. padding:0px 10px 0px 10px;
  254. width:233px;}
  255. #body .MainBlock .right2 h1{
  256. font-size:14px;
  257. text-align:center;}
  258. #body .MainBlock .right2 .txt{
  259. float:left;
  260. padding:9px 10px 14px 10px;
  261. color:#6c6c6c;}
  262. #body .MainBlock3{
  263. width:1080px;
  264. margin:auto;}
  265. #body .MainBlock3 .right{
  266. border:none;}
  267. #body .MainBlock3 .left{
  268. width:1080px;
  269. border:none;}
  270. #body .MainBlock3 .right2{
  271. }
  272. #body .blk_29 { PADDING:20px 0px; OVERFLOW: hidden; ZOOM: 1; POSITION: relative;}
  273. #body .blk_29 .LeftBotton { LEFT: 10px; FLOAT: left; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 80px; HEIGHT: 114px}
  274. #body .blk_29 .RightBotton { RIGHT: 5px; FLOAT: right;right:7px; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 80px; HEIGHT: 114px}
  275. #body .blk_29 .Cont { MARGIN: 0px auto; OVERFLOW: hidden; PADDING:5px 0 0 0px;float:left;height:130px;width:1080px;POSITION: relative;left:0px;}
  276. #body .blk_29 .box { FLOAT: left; WIDTH: 270px;
  277. height:120px;
  278. background:url("img/item_bg.jpg") no-repeat center bottom;
  279. }
  280. #body .blk_29 .box IMG { BORDER: #F5F5F5 1px solid; PADDING: 1px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:80px;height:80px;}
  281. #body .blk_29 .box A:hover IMG { BORDER: #333 1px solid;text-decoration:none;}
  282. #body .blk_29 .box .BoxLeft{
  283. width:115px;
  284. float:left;}
  285. #body .blk_29 .box .BoxRight{
  286. width:135px;
  287. float:left;}
  288. #body .blk_29 .box .BoxRight .ProTitle{
  289. line-height:30px;
  290. font-size:16px;}
  291. #body .blk_29 .box .BoxRight .ProTxt{
  292. color:#666}
  293. #body .blk_29 .box .BoxRight .ProMore a{
  294. color:#F30;
  295. font-weight:bold;}
  296. #body .MainBlock .right2 #demo {
  297. background: #FFF;
  298. overflow:hidden;
  299. width: 230px;
  300. height:240px;
  301. margin:auto;
  302. }
  303. #body .MainBlock .right2 #indemo {
  304. float: left;
  305. height: 800%;
  306. }
  307. #body .MainBlock .right2 #demo1 {
  308. float: left;
  309. }
  310. #body .MainBlock .right2 #demo2 {
  311. float: left;
  312. }
  313. #body .ProductShow {
  314. BORDER: #dddddd 1px solid;
  315. WIDTH: 1078px;
  316. font-size:12px;
  317. }
  318. #body .Solutions{
  319. }
  320. #body .Solutions .SolutionsInner{
  321. }
  322. #body .Solutions #Solutionsdemo {
  323. background: #FFF;
  324. overflow:hidden;
  325. width: 1058px;
  326. }
  327. #body .Solutions #Solutionsindemo {
  328. float: left;
  329. width: 800%;
  330. }
  331. #body .Solutions #Solutionsdemo1 {
  332. float: left;
  333. padding:20px 10px;
  334. }
  335. #body .Solutions #Solutionsdemo1 img{
  336. margin:0px 10px;
  337. width:166px;
  338. height:166px;
  339. border:1px solid #DEDEDC;}
  340. #body .Solutions #Solutionsdemo2 {
  341. float: left;
  342. padding:20px 10px;}
  343. #body .Solutions #Solutionsdemo2 img{
  344. width:166px;
  345. height:166px;
  346. margin:0px 10px;
  347. border:1px solid #DEDEDC;}
  348. #body #Links {
  349. background-color:#FFFFFF;
  350. padding:20px 15px;
  351. line-height:25px;
  352. width:1046px;
  353. margin:auto;
  354. font-size:12px;
  355. border:1px solid #e5e5e5;}
  356. #body #Links span{
  357. font-weight:bold;
  358. color:#0170d9;
  359. font-size:16px;}
  360. #body #Links a{
  361. padding:0px 7px;}