cssh.css 37 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646
  1. /* CSS Document */
  2. @charset "utf-8";
  3. body {
  4. font-family: '宋体', Arial, Helvetica, sans-serif;
  5. /*line-height: 22px;*/
  6. color: #000;
  7. }
  8. body,
  9. div,
  10. dl,
  11. dt,
  12. dd,
  13. ul,
  14. ol,
  15. li,
  16. h4,
  17. h5,
  18. h6,
  19. pre,
  20. form,
  21. fieldset,
  22. b,
  23. blockquote,
  24. table,
  25. th,
  26. img,
  27. font,
  28. hr {
  29. margin: 0;
  30. padding: 0;
  31. /* font-size: 12px; */
  32. }
  33. input,
  34. button,
  35. select,
  36. textarea {
  37. outline: none
  38. }
  39. ul,
  40. ol,
  41. li {
  42. list-style: none;
  43. }
  44. img {
  45. border: none;
  46. vertical-align: middle;
  47. -ms-interpolation-mode: bicubic;
  48. }
  49. .clearfix:after {
  50. content: ".";
  51. display: block;
  52. height: 0;
  53. clear: both;
  54. visibility: hidden;
  55. }
  56. .clearfix {
  57. display: inline-block;
  58. }
  59. * html .clearfix {
  60. height: 1%;
  61. }
  62. .clearfix {
  63. display: block;
  64. }
  65. em {
  66. font-style: normal;
  67. }
  68. a {
  69. text-decoration: none;
  70. color: #333333;
  71. }
  72. a:hover {
  73. text-decoration: none;
  74. }
  75. /*header*/
  76. #header {
  77. width: 100%;
  78. height: 35px;
  79. line-height: 35px;
  80. background: #f5f5f5;
  81. border-bottom: 1px solid #eeeeee;
  82. }
  83. #header .conent {
  84. width: 1200px;
  85. height: 35px;
  86. line-height: 35px;
  87. margin: 0 auto;
  88. background: #f5f5f5;
  89. }
  90. #header .left {
  91. width: 300px;
  92. height: 35px;
  93. float: left;
  94. }
  95. #header .left span {
  96. color: #838080;
  97. margin-right: 20px;
  98. }
  99. #header .left a {
  100. color: #777575;
  101. padding-left: 5px;
  102. padding-right: 5px;
  103. }
  104. #header .left a:hover {
  105. color: #d62c2c;
  106. }
  107. #header .left tt {
  108. color: #888;
  109. font-size: 10px;
  110. }
  111. #header .right {
  112. height: 35px;
  113. float: right;
  114. }
  115. #header .right a {
  116. display: block;
  117. float: right;
  118. padding-left: 10px;
  119. padding-right: 10px;
  120. color: #777575;
  121. }
  122. #header .right span {
  123. display: block;
  124. width: 5px;
  125. color: #888;
  126. font-size: 10px;
  127. float: right;
  128. text-align: center;
  129. }
  130. #header .right .bj {
  131. background: url(../image/weixin.jpg) no-repeat 3px;
  132. text-indent: 15px;
  133. }
  134. #header .right .bj2 {
  135. background: url(../image/shoucang.jpg) no-repeat 3px;
  136. text-indent: 15px;
  137. }
  138. #header .right .bj3 {
  139. background: url(../image/dan.png) no-repeat 8px;
  140. text-indent: 15px;
  141. }
  142. #header .right a:hover {
  143. color: #d62c2c;
  144. }
  145. /*logo*/
  146. #wrapper {
  147. width: 100%;
  148. height: 110px;
  149. margin: 0 auto;
  150. background: #fff;
  151. }
  152. #wrapper .conent {
  153. width: 1200px;
  154. height: 110px;
  155. margin: 0 auto;
  156. background: #fff;
  157. }
  158. #wrapper .logo {
  159. width: 245px;
  160. height: 65px;
  161. float: left;
  162. margin-top: 17px;
  163. }
  164. #wrapper .search {
  165. width: 551px;
  166. height: 73px;
  167. float: left;
  168. margin-top: 25px;
  169. margin-left: 148px;
  170. }
  171. #wrapper .search_top {
  172. width: 551px;
  173. height: 43px;
  174. }
  175. #wrapper .search_lef {
  176. width: 505px;
  177. height: 43px;
  178. background: #d62c2c;
  179. float: left;
  180. }
  181. #wrapper .text_wen {
  182. width: 358px;
  183. height: 35px;
  184. background: url(../image/search.jpg) no-repeat 5px #fff;
  185. margin-top: 3px;
  186. margin-left: 3px;
  187. border: 0px;
  188. line-height: 35px;
  189. color: #555;
  190. padding-left: 47px;
  191. float: left;
  192. }
  193. #wrapper .button {
  194. width: 94px;
  195. height: 42px;
  196. line-height: 47px;
  197. background: url(../image/sou.jpg) no-repeat center #d62c2c;
  198. color: #fff;
  199. font-size: 18px;
  200. float: left;
  201. border: 0px;
  202. }
  203. #wrapper .search_top a {
  204. width: 28px;
  205. color: #7e7a7a;
  206. float: left;
  207. margin-left: 10px;
  208. line-height: 22px;
  209. }
  210. #wrapper p {
  211. line-height: 26px;
  212. }
  213. #wrapper p span {
  214. color: #9b9999;
  215. }
  216. #wrapper p a {
  217. color: #9b9999;
  218. margin-right: 13px;
  219. }
  220. #wrapper p a:hover {
  221. color: #d62c2c;
  222. }
  223. #wrapper .right {
  224. width: 200px;
  225. height: 60px;
  226. float: left;
  227. margin-top: 23px;
  228. margin-left: 48px;
  229. }
  230. #wrapper .right .tops {
  231. height: 34px;
  232. }
  233. #wrapper .right p {
  234. font-size: 14px;
  235. font-family: microsoft yahei;
  236. color: #363333;
  237. padding-left: 10px;
  238. }
  239. #wrapper .right p span {
  240. color: #d62c2c;
  241. font-size: 14px;
  242. font-family: microsoft yahei;
  243. }
  244. /*导航*/
  245. #nav {
  246. width: 100%;
  247. height: 56px;
  248. background: #d62c2c;
  249. }
  250. #nav .conent_na {
  251. width: 1200px;
  252. margin: 0 auto;
  253. height: 56px;
  254. position: relative;
  255. background: #d62c2c;
  256. }
  257. #nav .conent_na ul li {
  258. float: left;
  259. height: 56px;
  260. line-height: 56px;
  261. }
  262. #nav .conent_na ul {
  263. float: left;
  264. margin-left: 10px;
  265. height: 56px;
  266. }
  267. #nav .conent_na ul li a {
  268. display: block;
  269. padding-left: 36px;
  270. padding-right: 36px;
  271. font-size: 18px;
  272. font-family: microsoft yahei;
  273. color: #fff;
  274. background: url(../image/shu.jpg) no-repeat right;
  275. float: left;
  276. height: 56px;
  277. line-height: 56px;
  278. }
  279. #nav .conent_na ul li a:hover {
  280. background: #af1414;
  281. }
  282. #nav .conent_na .quanbu {
  283. width: 184px;
  284. height: 56px;
  285. background: #af1414;
  286. float: left;
  287. position: relative;
  288. }
  289. #nav .conent_na .quanbu a {
  290. height: 56px;
  291. line-height: 54px;
  292. color: #fff;
  293. font-size: 18px;
  294. font-family: microsoft yahei;
  295. padding-left: 17px;
  296. background: url(../image/xiala.jpg) no-repeat 150px;
  297. display: block;
  298. }
  299. /*main中部*/
  300. #main {
  301. width: 1200px;
  302. margin: 0 auto;
  303. position: relative;
  304. }
  305. #main .left_lb {
  306. width: 186px;
  307. height: 490px;
  308. background: #d6d0ce;
  309. float: left;
  310. position: absolute;
  311. left: 0px;
  312. z-index: 10000
  313. }
  314. #main .left_lbs {
  315. width: 182px;
  316. height: 486px;
  317. float: left;
  318. background: #f8f8f8;
  319. border: 1px solid #af1414;
  320. }
  321. .all-sort-list {
  322. position: relative;
  323. width: 180px;
  324. border-top: 1px;
  325. }
  326. .all-sort-list .item {
  327. width: 180px;
  328. clear: both;
  329. height: 36px;
  330. }
  331. .all-sort-list .item.bo {
  332. border-top: 1px;
  333. }
  334. .all-sort-list .item h3 {
  335. height: 35px;
  336. line-height: 35px;
  337. font-size: 14px;
  338. font-family: microsoft yahei;
  339. font-weight: normal;
  340. width: 180px;
  341. margin: 0 auto;
  342. text-indent: 0px;
  343. text-align: left;
  344. }
  345. .all-sort-list .item .border {
  346. width: 160px;
  347. margin: 0 auto;
  348. height: 34px;
  349. line-height: 34px;
  350. margin: 0 auto;
  351. border-bottom: 1px solid #ddd;
  352. background: url(../image/list.jpg) no-repeat right;
  353. padding-left: 5px;
  354. }
  355. .all-sort-list .hover h3 {
  356. position: relative;
  357. z-index: 13;
  358. border-color: #af1414;
  359. border-width: 1px 0px;
  360. border-style: solid;
  361. background: #fff;
  362. }
  363. .all-sort-list .item a {
  364. color: #333;
  365. text-decoration: none;
  366. float: left;
  367. }
  368. .all-sort-list .item span {
  369. color: #666;
  370. font-size: 12px;
  371. font-family: "宋体";
  372. font-weight: normal;
  373. float: right;
  374. }
  375. .all-sort-list .item:hover {
  376. color: #E4393C;
  377. }
  378. .all-sort-list .item-list {
  379. display: none;
  380. position: absolute;
  381. width: 477px;
  382. background: #FFF;
  383. left: 179px;
  384. box-shadow: 0px 0px 10px #DDDDDD;
  385. border: 1px solid #af1414;
  386. top: 10px;
  387. z-index: 10;
  388. }
  389. .all-sort-list .item-list .close {
  390. position: absolute;
  391. width: 26px;
  392. height: 26px;
  393. color: #FFFFFF;
  394. cursor: pointer;
  395. top: -1px;
  396. right: -26px;
  397. font-size: 20px;
  398. line-height: 20px;
  399. text-align: center;
  400. font-family: "Microsoft Yahei";
  401. background: rgba(0, 0, 0, 0.6);
  402. background-color: transparent\9;
  403. filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr='#60000000', endColorstr='#60000000');
  404. }
  405. .item-list .subitem {
  406. float: left;
  407. width: 465px;
  408. padding: 10px 4px 10px 8px;
  409. }
  410. .item-list .subitem dl {
  411. border-top: 1px solid #EEE;
  412. padding: 6px 0px;
  413. overflow: hidden;
  414. zoom: 1;
  415. }
  416. .item-list .subitem .fore1 {
  417. border-top: 1px;
  418. }
  419. .item-list .subitem dt {
  420. float: left;
  421. width: 100px;
  422. line-height: 22px;
  423. text-align: left;
  424. padding: 3px 6px 0px 0px;
  425. font-weight: 700;
  426. color: #E4393C;
  427. }
  428. .item-list .subitem dt a {
  429. color: #E4393C;
  430. text-decoration: underline;
  431. }
  432. .item-list .subitem dd {
  433. float: left;
  434. width: 350px;
  435. padding: 3px 0px 0px;
  436. overflow: hidden;
  437. }
  438. .item-list .subitem dd em {
  439. float: left;
  440. height: 14px;
  441. line-height: 14px;
  442. padding: 0px 8px;
  443. margin-top: 5px;
  444. border-right: 1px solid #CCC;
  445. }
  446. .item-list .subitem dd em a,
  447. .item-list .cat-right dd a {
  448. color: #666;
  449. text-decoration: none;
  450. }
  451. .item-list .subitem dd em a:hover,
  452. .item-list .cat-right dd a:hover {
  453. font-weight: normal;
  454. text-decoration: underline;
  455. }
  456. .item-list .cat-right {
  457. float: right;
  458. width: 210px;
  459. }
  460. .item-list .cat-right dl {
  461. width: 194px;
  462. padding: 6px 8px;
  463. }
  464. .item-list .cat-right dd {
  465. padding-top: 6px;
  466. line-height: 22px;
  467. overflow: hidden;
  468. padding: 3px 0px 0px;
  469. }
  470. .item-list .cat-right dt {
  471. padding: 3px 6px 0px 0px;
  472. font-weight: 700;
  473. color: #E4393C;
  474. }
  475. .item-list .cat-right dt a {
  476. display: block;
  477. width: auto;
  478. }
  479. .item-list .cat-right dd a:hover {
  480. color: #666;
  481. }
  482. #main .zhong {
  483. width: 710px;
  484. height: 475px;
  485. background: #fff;
  486. float: left;
  487. margin-left: 13px;
  488. margin-top: 12px;
  489. border-bottom: 1px solid #e5e5e5;
  490. }
  491. #main .banner_as {
  492. width: 710px;
  493. height: 310px;
  494. }
  495. #main .guanggao {
  496. width: 233px;
  497. height: 164px;
  498. float: left;
  499. border-right: 1px solid #e5e5e5;
  500. }
  501. #main .guanggao img {
  502. width: 230px;
  503. height: 164px;
  504. }
  505. #main .right_gs {
  506. width: 276px;
  507. height: 215px;
  508. float: right;
  509. }
  510. #main .right_gs .tittle_sd {
  511. width: 276px;
  512. height: 35px;
  513. }
  514. #main .news {
  515. width: 276px;
  516. height: 215px;
  517. border: 1px solid #e1e1e1;
  518. background: #fff;
  519. margin-top: 12px;
  520. }
  521. #main .news .tittle {
  522. width: 276px;
  523. height: 27px;
  524. }
  525. #main .news .tittle span {
  526. display: block;
  527. width: 89px;
  528. height: 27px;
  529. line-height: 27px;
  530. text-align: center;
  531. font-size: 14px;
  532. font-weight: bold;
  533. float: left;
  534. color: #3c3c3c;
  535. }
  536. #main .news .right {
  537. float: left;
  538. width: 185px;
  539. height: 25px;
  540. border: 1px solid #e1e1e1;
  541. border-top: 1px;
  542. border-right: 0px;
  543. background: #f7f7f7;
  544. }
  545. #main .news ul {
  546. margin-left: 15px;
  547. margin-top: 10px;
  548. }
  549. #main .news ul li {
  550. background: url(../image/list1.jpg) no-repeat 0px;
  551. line-height: 24px;
  552. text-indent: 10px;
  553. }
  554. #main .news ul li a {
  555. color: #555555
  556. }
  557. #main .copany {
  558. width: 276px;
  559. border: 1px solid #e1e1e1;
  560. margin-top: 12px;
  561. height: 245px;
  562. }
  563. #main .copany img {
  564. width: 276px;
  565. height: 245px;
  566. }
  567. /*banner*/
  568. .banner {
  569. Z-INDEX: 99;
  570. MARGIN: 0px auto;
  571. WIDTH: 710px;
  572. HEIGHT: 310px;
  573. _width: 710px;
  574. position: relative;
  575. }
  576. .flexslider {
  577. margin: 0px;
  578. position: relative;
  579. width: 710px;
  580. height: 310px;
  581. overflow: hidden;
  582. zoom: 1;
  583. }
  584. .flex-viewport {
  585. max-height: 2000px;
  586. -webkit-transition: all 1s ease;
  587. -moz-transition: all 1s ease;
  588. transition: all 1s ease;
  589. }
  590. .flex-viewport img {
  591. width: 710px;
  592. height: 310px;
  593. }
  594. .flexslider .slides {
  595. zoom: 1;
  596. }
  597. .flex-direction-nav a {
  598. width: 46px;
  599. height: 46px;
  600. line-height: 99em;
  601. overflow: hidden;
  602. margin: -30px 0 0;
  603. display: block;
  604. background: url(../image/ad_ctr.png) no-repeat 0px -12px;
  605. position: absolute;
  606. top: 50%;
  607. z-index: 10;
  608. cursor: pointer;
  609. opacity: 0;
  610. filter: alpha(opacity=0);
  611. -webkit-transition: all .3s ease;
  612. }
  613. .flex-direction-nav .flex-next {
  614. background-position: 0 -102px;
  615. right: 0;
  616. }
  617. .flex-direction-nav .flex-prev {
  618. left: 0;
  619. }
  620. .flexslider:hover .flex-next {
  621. opacity: 0.8;
  622. filter: alpha(opacity=25);
  623. }
  624. .flexslider:hover .flex-prev {
  625. opacity: 0.8;
  626. filter: alpha(opacity=25);
  627. }
  628. .flexslider:hover .flex-next:hover,
  629. .flexslider:hover .flex-prev:hover {
  630. opacity: 1;
  631. filter: alpha(opacity=50);
  632. }
  633. .flex-control-nav {
  634. width: 100%;
  635. position: absolute;
  636. bottom: 10px;
  637. text-align: center;
  638. }
  639. .flex-control-nav li {
  640. margin: 0 5px;
  641. display: inline-block;
  642. zoom: 1;
  643. *display: inline;
  644. }
  645. .flex-control-paging li a {
  646. background: url(../image/dot.png) no-repeat 0 -16px;
  647. display: block;
  648. height: 16px;
  649. overflow: hidden;
  650. text-indent: -99em;
  651. width: 16px;
  652. cursor: pointer;
  653. }
  654. .flex-control-paging li a.flex-active {
  655. background-position: 0 0;
  656. }
  657. /*品牌厂家*/
  658. #main2 {
  659. width: 1200px;
  660. height: auto;
  661. margin: 0 auto;
  662. }
  663. #main2 .tittle_pp {
  664. width: 1185px;
  665. height: 35px;
  666. line-height: 35px;
  667. border-bottom: 3px solid #d62c2c;
  668. background: url(../image/list_b.jpg) no-repeat 0px;
  669. margin-top: 15px;
  670. font-size: 18px;
  671. font-family: microsoft yahei;
  672. padding-left: 15px;
  673. }
  674. #main2 .tittle_pp a {
  675. float: right;
  676. margin-top: 5px;
  677. }
  678. #main2 .pin_con {
  679. width: 225px;
  680. height: 115px;
  681. float: left;
  682. margin-left: 16px;
  683. border: 1px solid #ddd;
  684. margin-top: 18px;
  685. }
  686. #main2 .pin_con img {
  687. width: 225px;
  688. height: 115px;
  689. }
  690. /*热卖产品*/
  691. #main3 {
  692. width: 1200px;
  693. height: auto;
  694. margin: 0 auto;
  695. }
  696. #main3 .tittle_pp {
  697. width: 1185px;
  698. height: 35px;
  699. line-height: 35px;
  700. border-bottom: 3px solid #d62c2c;
  701. background: url(../image/list_b.jpg) no-repeat 0px;
  702. margin-top: 15px;
  703. font-size: 18px;
  704. font-family: microsoft yahei;
  705. padding-left: 15px;
  706. }
  707. #main3 .tittle_pp a {
  708. float: right;
  709. margin-top: 5px;
  710. }
  711. #main3 .conent_warp {
  712. width: 290px;
  713. height: 329px;
  714. float: left;
  715. margin-left: 13px;
  716. margin-top: 14px;
  717. background: url(../image/bj_we.jpg) no-repeat bottom;
  718. }
  719. #main3 .conent_nei {
  720. width: 288px;
  721. height: 323px;
  722. overflow: hidden;
  723. border: 1px solid #e2e2e2;
  724. background: #fff;
  725. }
  726. #main3 .conent_nei .tupian {
  727. width: 288px;
  728. height: 192px;
  729. overflow: hidden;
  730. }
  731. #main3 .conent_nei .tupian img {
  732. width: 288px;
  733. height: 190px;
  734. }
  735. #main3 .conent_wenzi {
  736. width: 288px;
  737. background: #efeeee;
  738. height: 122px;
  739. padding-top: 8px;
  740. }
  741. #main3 .conent_wenzi p {
  742. font-family: microsoft yahei;
  743. font-size: 14px;
  744. color: #555454;
  745. line-height: 33px;
  746. width: 260px;
  747. margin: 0 auto;
  748. }
  749. #main3 .conent_wenzi p span {
  750. font: 25px Georgia, "microsoft yahei";
  751. color: #cf2a2a;
  752. margin-top: 5px;
  753. float: left;
  754. }
  755. #main3 .conent_wenzi p a {
  756. float: right;
  757. margin-right: 13px;
  758. margin-top: 5px;
  759. }
  760. /*footer*/
  761. #footer {
  762. width: 100%;
  763. height: 245px;
  764. background: #fff;
  765. margin: 0 auto;
  766. }
  767. #footer .menu {
  768. width: 100%;
  769. height: 38px;
  770. background: #d62c2c;
  771. }
  772. #footer .menu p {
  773. text-align: center;
  774. color: #fff;
  775. line-height: 38px;
  776. }
  777. #footer .menu p a {
  778. color: #fff;
  779. padding-left: 10px;
  780. padding-right: 10px;
  781. }
  782. #footer .menu p span {
  783. width: 20px;
  784. font-size: 10px;
  785. text-align: center;
  786. }
  787. #footer .conent_bq {
  788. width: 645px;
  789. height: 70px;
  790. text-align: center;
  791. margin: 0 auto;
  792. clear: both;
  793. padding-top: 37px;
  794. }
  795. #footer .conent_bq p {
  796. font-size: 14px;
  797. font-family: "microsoft yahei";
  798. text-align: center;
  799. color: #4f4d4d;
  800. }
  801. #footer .xinxi {
  802. width: 490px;
  803. height: 40px;
  804. margin: 0 auto;
  805. }
  806. #footer .xinxi_tu {
  807. width: 106px;
  808. height: 40px;
  809. float: left;
  810. margin-left: 12px;
  811. margin-left: 5px;
  812. }
  813. /*------列表页------*/
  814. /*位置*/
  815. #weizhi {
  816. width: 100%;
  817. border-bottom: 1px solid #eae8e8;
  818. background: #f9f8f8;
  819. }
  820. #weizhi .conent {
  821. width: 1185px;
  822. height: 40px;
  823. line-height: 40px;
  824. margin: 0 auto;
  825. background: url(../image/wei.jpg) no-repeat 0px #f9f8f8;
  826. padding-left: 15px;
  827. }
  828. #weizhi a {
  829. color: #8e8d8d;
  830. }
  831. #weizhi span {
  832. color: #8e8d8d;
  833. }
  834. /*分类*/
  835. #fenlei {
  836. width: 1200px;
  837. height: auto;
  838. border: 1px solid #e8e8e8;
  839. border-top: 2px solid #d62c2c;
  840. margin: 0 auto;
  841. background: #fff;
  842. padding-bottom: 20px;
  843. margin-top: 18px;
  844. }
  845. #fenlei .nerrong_con {
  846. width: 1200px;
  847. border-bottom: 1px solid #eeeded;
  848. line-height: 24px;
  849. }
  850. #fenlei .nerrong_left {
  851. height: 35px;
  852. line-height: 35px;
  853. float: left;
  854. font-size: 12px;
  855. font-family: microsoft yahei;
  856. background: #f6f6f6;
  857. padding-left: 5px;
  858. padding-right: 5px;
  859. width: 95px;
  860. text-align: right;
  861. color: #5b5656;
  862. }
  863. #fenlei .nerrong_right {
  864. width: 1080px;
  865. float: left;
  866. padding-top: 5px;
  867. }
  868. #fenlei .nerrong_right a {
  869. width: 90px;
  870. padding-left: 16px;
  871. color: #d62c2c;
  872. float: left;
  873. display: block;
  874. line-height: 24px;
  875. overflow: hidden;
  876. }
  877. #fenlei .xiangguan {
  878. width: 1140px;
  879. margin-left: 34px;
  880. padding-top: 20px;
  881. }
  882. #fenlei .xiangguan a {
  883. float: left;
  884. line-height: 28px;
  885. width: 120px;
  886. overflow: hidden;
  887. color: #757474;
  888. }
  889. #fenlei .xiangguan a:hover {
  890. color: #d62c2c;
  891. }
  892. #paixu {
  893. width: 1200px;
  894. height: 38px;
  895. line-height: 38px;
  896. border: 1px solid #edecec;
  897. margin: 8px auto;
  898. background: #fff;
  899. }
  900. #paixu span {
  901. height: 38px;
  902. width: 84px;
  903. line-height: 38px;
  904. text-align: center;
  905. background: #d62c2c;
  906. font-size: 14px;
  907. font-weight: bold;
  908. color: #fff;
  909. display: block;
  910. float: left;
  911. margin-right: 10px;
  912. }
  913. #paixu a {
  914. display: block;
  915. width: 90px;
  916. height: 38px;
  917. border-right: 1px solid #ddd;
  918. float: left;
  919. text-align: center;
  920. background: url(../image/pai.png) no-repeat 60px;
  921. }
  922. #paixu a:hover {
  923. color: #fff;
  924. background: url(../image/pai1.png) no-repeat 60px #d62c2c;
  925. }
  926. /*分页样式*/
  927. #fenye_war {
  928. width: 1200px;
  929. margin: 0 auto;
  930. height: 68px;
  931. margin: 20px auto;
  932. background: #fff;
  933. border: 1px solid #ddd;
  934. padding-top: 5px;
  935. }
  936. .fenye {
  937. width: 480px;
  938. height: 20px;
  939. float: right;
  940. margin-top: 20px;
  941. margin-right: 10px;
  942. }
  943. .fenye tt {
  944. display: block;
  945. line-height: 26px;
  946. height: 26px;
  947. font-size: 12px;
  948. float: left;
  949. margin-left: 5px;
  950. color: #8b8989;
  951. }
  952. .fenye a {
  953. display: block;
  954. float: left;
  955. height: 26PX;
  956. border: 1px solid #ccc;
  957. font-size: 12px;
  958. min-width: 28px;
  959. text-align: center;
  960. margin-left: 5px;
  961. _width: 28px;
  962. line-height: 26px;
  963. color: #8b8989;
  964. }
  965. .fenye a:hover {
  966. background: #d32b2b;
  967. color: #ffffff;
  968. }
  969. .fenye .gotxt {
  970. float: left;
  971. height: 22px;
  972. width: 40px;
  973. margin-left: 5px
  974. }
  975. .fenye .gobtn {
  976. float: left;
  977. height: 26px;
  978. width: 40px;
  979. background: #d32b2b;
  980. color: #ffffff;
  981. border: 0;
  982. line-height: 20px;
  983. margin-left: 5px;
  984. }
  985. .fenye a.pageon {
  986. background: #d62c2c;
  987. color: #ffffff;
  988. }
  989. /*详细页*/
  990. #main4 {
  991. width: 1200px;
  992. height: 400px;
  993. margin: 0 auto;
  994. background: #fff;
  995. border: 1px solid #ddd;
  996. margin-top: 18px;
  997. }
  998. /*图片放大*/
  999. #preview {
  1000. text-align: center;
  1001. width: 400px;
  1002. height: 283px;
  1003. margin-top: 20px;
  1004. margin-bottom: 20px;
  1005. margin-left: 15px;
  1006. float: left;
  1007. border: 1px solid #e9e7e8;
  1008. }
  1009. .jqzoom {
  1010. width: 400px;
  1011. height: 283px;
  1012. position: relative;
  1013. }
  1014. .zoomdiv {
  1015. left: 859px;
  1016. height: 400px;
  1017. width: 400px;
  1018. }
  1019. .list-h li {
  1020. float: left;
  1021. }
  1022. #spec-n5 {
  1023. width: 400px;
  1024. height: 56px;
  1025. padding-top: 6px;
  1026. overflow: hidden;
  1027. }
  1028. #spec-left {
  1029. background: url(images/left.gif) no-repeat;
  1030. width: 10px;
  1031. height: 45px;
  1032. float: left;
  1033. cursor: pointer;
  1034. margin-top: 5px;
  1035. }
  1036. #spec-right {
  1037. background: url(images/right.gif) no-repeat;
  1038. width: 10px;
  1039. height: 45px;
  1040. float: right;
  1041. cursor: pointer;
  1042. margin-top: 5px;
  1043. }
  1044. #spec-list {
  1045. width: 370px;
  1046. overflow: hidden;
  1047. float: left;
  1048. margin-left: 2px;
  1049. display: inline;
  1050. padding-left: 30px;
  1051. }
  1052. #spec-list ul li {
  1053. float: left;
  1054. margin-right: 0px;
  1055. display: inline;
  1056. width: 62px;
  1057. }
  1058. #spec-list ul li img {
  1059. padding: 2px;
  1060. border: 1px solid #ccc;
  1061. width: 50px;
  1062. height: 50px;
  1063. }
  1064. /*jqzoom Download by http://down.liehuo.net*/
  1065. .jqzoom {
  1066. position: relative;
  1067. padding: 0;
  1068. }
  1069. .zoomdiv {
  1070. z-index: 100;
  1071. position: absolute;
  1072. top: 1px;
  1073. left: 0px;
  1074. width: 400px;
  1075. height: 400px;
  1076. background: url(i/loading.gif) #fff no-repeat center center;
  1077. border: 1px solid #e4e4e4;
  1078. display: none;
  1079. text-align: center;
  1080. overflow: hidden;
  1081. }
  1082. .bigimg {
  1083. width: 800px;
  1084. height: 800px;
  1085. }
  1086. .jqZoomPup {
  1087. z-index: 10;
  1088. visibility: hidden;
  1089. position: absolute;
  1090. top: 0px;
  1091. left: 0px;
  1092. width: 50px;
  1093. height: 50px;
  1094. border: 1px solid #aaa;
  1095. background: #FEDE4F 50% top no-repeat;
  1096. opacity: 0.5;
  1097. -moz-opacity: 0.5;
  1098. -khtml-opacity: 0.5;
  1099. filter: alpha(Opacity=50);
  1100. cursor: move;
  1101. }
  1102. #spec-list {
  1103. position: relative;
  1104. width: 342px;
  1105. margin-right: 6px;
  1106. }
  1107. #spec-list div {
  1108. margin-top: 0;
  1109. margin-left: -30px;
  1110. *margin-left: 0;
  1111. }
  1112. #main4 .right_xx {
  1113. width: 720px;
  1114. height: 375px;
  1115. float: right;
  1116. margin-top: 5px;
  1117. margin-right: 15px;
  1118. padding-left: 20px;
  1119. position: relative;
  1120. }
  1121. #main4 .right_xx .shoucang {
  1122. width: 100px;
  1123. height: 30px;
  1124. background: url(../image/shou.jpg) no-repeat 0px;
  1125. margin-top: 20px;
  1126. }
  1127. #main4 .right_xx .shoucang a {
  1128. color: #d62c2c;
  1129. line-height: 30px;
  1130. margin-left: 20px;
  1131. }
  1132. #main4 .right_xx .shoucang a:hover {
  1133. text-decoration: underline;
  1134. }
  1135. #main4 .conents {
  1136. width: 720px;
  1137. height: auto;
  1138. border-bottom: 1px solid #e6e4e4;
  1139. padding-bottom: 15px;
  1140. padding-top: 15px;
  1141. overflow: hidden;
  1142. }
  1143. #main4 .conents h3 {
  1144. font-size: 18px;
  1145. font-family: microsoft yahei;
  1146. padding: 0px;
  1147. margin: 0px;
  1148. text-indent: 0px;
  1149. font-weight: normal;
  1150. }
  1151. #main4 .conents p {
  1152. font-size: 14px;
  1153. color: #636161;
  1154. }
  1155. #jinhuod {
  1156. width: 1200px;
  1157. margin: 22px auto;
  1158. background: #fff;
  1159. }
  1160. #jinhuod table tr td {
  1161. border: 1px solid #ddd;
  1162. text-align: center;
  1163. color: #636161;
  1164. font-size: 12px;
  1165. font-family: "宋体";
  1166. padding-left: 10px;
  1167. padding-right: 10px;
  1168. }
  1169. #jinhuod .huise {
  1170. background: #f0edec;
  1171. }
  1172. #jinhuod .caigou {
  1173. width: 100px;
  1174. height: 25px;
  1175. margin: 0 auto;
  1176. }
  1177. #jinhuod .caigou a {
  1178. display: block;
  1179. width: 22px;
  1180. height: 25px;
  1181. float: left;
  1182. background: url(../image/caigou.jpg) no-repeat;
  1183. }
  1184. #jinhuod .caigou a.jian {
  1185. background-position: -5px -2px;
  1186. }
  1187. #jinhuod .caigou a.jian:hover {
  1188. background-position: -5px -30px;
  1189. }
  1190. #jinhuod .caigou a.jia {
  1191. background-position: -31px -2px;
  1192. }
  1193. #jinhuod .caigou a.jia:hover {
  1194. background-position: -31px -30px;
  1195. }
  1196. #jinhuod .caigou .text {
  1197. width: 52px;
  1198. height: 20px;
  1199. border: 1px solid #ddd;
  1200. background: #fff;
  1201. border-left: 0px;
  1202. border-right: 0px;
  1203. text-align: center;
  1204. color: #555;
  1205. float: left;
  1206. margin-top: 1px;
  1207. }
  1208. #jinhuod .cgnengr {
  1209. width: 830px;
  1210. float: left;
  1211. padding-right: 20px;
  1212. text-align: left;
  1213. }
  1214. #jinhuod .cgnengr span {
  1215. margin-left: 15px;
  1216. line-height: 34px;
  1217. }
  1218. #jinhuod .cgnengr span tt {
  1219. font-size: 14px;
  1220. color: #e13030;
  1221. margin-left: 5px;
  1222. margin-right: 5px;
  1223. }
  1224. #jinhuod .cgnengr_jg {
  1225. width: 190px;
  1226. float: right;
  1227. margin-right: 15px;
  1228. padding-top: 10px;
  1229. text-align: left;
  1230. }
  1231. #jinhuod .cgnengr_jg p {
  1232. font-size: 14px;
  1233. font-family: microsoft yahei;
  1234. color: #6b6969;
  1235. line-height: 24px;
  1236. }
  1237. #jinhuod .cgnengr_jg p tt {
  1238. font-size: 16px;
  1239. font-family: "Arial Black", Gadget, sans-serif;
  1240. margin-left: 8px;
  1241. margin-right: 8px;
  1242. }
  1243. #jinhuod .cgnengr_jg p span {
  1244. font-size: 18px;
  1245. font-family: microsoft yahei;
  1246. color: #fd030f;
  1247. }
  1248. #jinhuod .war_an {
  1249. width: 200px;
  1250. float: right;
  1251. margin-right: 60px;
  1252. margin-top: 20px;
  1253. height: 50px;
  1254. padding-bottom: 20px;
  1255. }
  1256. #jinhuod .war_an a {
  1257. width: 144px;
  1258. height: 43px;
  1259. background: url(../image/jhd.jpg) no-repeat -8px 0px;
  1260. display: block;
  1261. font-size: 18px;
  1262. color: #fff;
  1263. font-family: microsoft yahei;
  1264. line-height: 43px;
  1265. text-align: center;
  1266. float: right;
  1267. }
  1268. #jinhuod .war_an a:hover {
  1269. background-position: -8px -46px;
  1270. }
  1271. .hongse {
  1272. color: #e13030;
  1273. }
  1274. .beijing {
  1275. background: #fef7f7;
  1276. }
  1277. #main_xiangq {
  1278. width: 1200px;
  1279. height: auto;
  1280. margin: 0 auto;
  1281. }
  1282. #main_xiangq .tittle {
  1283. width: 1200px;
  1284. height: 38px;
  1285. border-bottom: 4px solid #e13030;
  1286. }
  1287. .divContent2 {
  1288. width: 1158px;
  1289. clear: both;
  1290. padding-bottom: 20px;
  1291. border: 1px solid #dfdfdf;
  1292. background: #fff;
  1293. padding: 20px;
  1294. }
  1295. .divContent2 table tr td {
  1296. color: #555;
  1297. padding-left: 10px;
  1298. }
  1299. .divContent2 .conent_nrx {
  1300. width: 900px;
  1301. padding-top: 30px;
  1302. margin-left: 10px;
  1303. }
  1304. .divContent2 .conent_nrx h3 {
  1305. font-size: 16px;
  1306. font-family: microsoft yahei;
  1307. color: #e13030;
  1308. font-weight: normal;
  1309. text-indent: 0px;
  1310. margin: 0px;
  1311. line-height: 30px;
  1312. }
  1313. .divContent2 .conent_nrx p {
  1314. line-height: 24px;
  1315. }
  1316. .normal2 {
  1317. list-style: none;
  1318. float: left;
  1319. width: 124px;
  1320. text-align: center;
  1321. vertical-align: middle;
  1322. height: 36px;
  1323. line-height: 37px;
  1324. height: 37px;
  1325. cursor: pointer;
  1326. border: 1px solid #ccc;
  1327. background-color: #fff;
  1328. border-collapse: separate;
  1329. margin-left: 5px;
  1330. font-size: 14px;
  1331. border-bottom: 0px;
  1332. color: #333;
  1333. }
  1334. .selected2 {
  1335. list-style: none;
  1336. float: left;
  1337. width: 124px;
  1338. line-height: 38px;
  1339. height: 38px;
  1340. text-align: center;
  1341. vertical-align: middle;
  1342. cursor: pointer;
  1343. background-color: #e13030;
  1344. font-weight: bold;
  1345. color: #fff;
  1346. margin-left: 5px;
  1347. font-size: 14px;
  1348. }
  1349. .divContent2 img {
  1350. width: 1000px;
  1351. margin-left: 10px;
  1352. }
  1353. #main_xuanze {
  1354. width: 1160px;
  1355. height: auto;
  1356. margin: 20px auto;
  1357. background: #fff;
  1358. border: 1px solid #ddd;
  1359. padding: 20px;
  1360. }
  1361. #main_xuanze span {
  1362. height: 20px;
  1363. line-height: 20px;
  1364. color: #555;
  1365. }
  1366. #main_xuanze span input {
  1367. float: left;
  1368. }
  1369. /*公司动态*/
  1370. /*修改高度*/
  1371. #main_dongtai {
  1372. width: 1200px;
  1373. height: 600px;
  1374. margin: 0 auto;
  1375. margin-top: 18px;
  1376. margin-bottom: 400px;
  1377. }
  1378. #main_dongtai .left_dt {
  1379. width: 235px;
  1380. float: left;
  1381. }
  1382. #main_dongtai .conent_dt {
  1383. width: 232px;
  1384. height: auto;
  1385. border: 1px solid #dcdcdc;
  1386. margin-top: 3px;
  1387. background: white;
  1388. padding-bottom: 80px;
  1389. }
  1390. /*修改背景*/
  1391. #main_dongtai .conent_dt .tittle_dt {
  1392. width: 200px;
  1393. height: 37px;
  1394. line-height: 57px;
  1395. padding-left: 10px;
  1396. background: url(../image/_副本.jpg) no-repeat bottom;
  1397. padding-top: 20px;
  1398. margin: 0 auto;
  1399. }
  1400. #main_dongtai .conent_dt ul li {
  1401. width: 200px;
  1402. height: 60px;
  1403. line-height: 10px;
  1404. font-size: 16px;
  1405. margin-left: 10px;
  1406. margin-bottom: -20px;
  1407. }
  1408. #left_1 {
  1409. padding-top: -10px;
  1410. }
  1411. /*padding-left padding-top修改*/
  1412. #main_dongtai .conent_dt ul li a {
  1413. color: #747272;
  1414. font-family: 14px;
  1415. font-family: microsoft yahei;
  1416. padding-left: 20px;
  1417. padding-top: 40px;
  1418. width: 180px;
  1419. text-decoration: none;
  1420. }
  1421. #main_dongtai .left_dt .conent_dt ul {
  1422. padding-top: 20px;
  1423. padding-left: 30px;
  1424. }
  1425. /*颜色修改*/
  1426. #main_dongtai .conent_dt ul li .bejsd {
  1427. color: gray;
  1428. display: block;
  1429. no-repeat right;
  1430. }
  1431. #main_dongtai .conent_dt ul li a:focus {
  1432. color: #A1C4DF;
  1433. }
  1434. #main_dongtai .conent_dt ul li a:hover {
  1435. color: #A1C4DF;
  1436. }
  1437. /*修改高度 和padding*/
  1438. #main_dongtai .right_dt {
  1439. width: 800px;
  1440. border: 1px solid #ddd;
  1441. background: lightcyan;
  1442. margin-left: -100px;
  1443. }
  1444. #main_dongtai .right_dt .
  1445. {
  1446. width: 865px;
  1447. height: 20px;
  1448. border-bottom: 1px solid #ddd;
  1449. line-height: 20px;
  1450. background: url(../img/yuan2.jpg) no-repeat 3px;
  1451. margin: 0 auto;
  1452. padding-left: 25px;
  1453. font-size: 16px;
  1454. font-family: microsoft yahei;
  1455. color: #d62c2c;
  1456. }
  1457. #main_dongtai .right_dt .liebiaos {
  1458. width: 880px;
  1459. margin: 20px auto;
  1460. }
  1461. #main_dongtai .right_dt .liebiaos ul li {
  1462. width: 860px;
  1463. height: 42px;
  1464. line-height: 42px;
  1465. border-bottom: 1px dashed #ddd;
  1466. background: url(../image/list2.jpg) no-repeat 3px;
  1467. padding-left: 20px;
  1468. }
  1469. #main_dongtai .right_dt .liebiaos ul li a {
  1470. width: 770px;
  1471. height: 42px;
  1472. line-height: 42px;
  1473. overflow: hidden;
  1474. color: #636262;
  1475. }
  1476. #main_dongtai .right_dt .liebiaos ul li a:hover {
  1477. color: #d62c2c;
  1478. }
  1479. #main_dongtai .right_dt .liebiaos ul li span {
  1480. color: #888;
  1481. float: right;
  1482. margin-right: 10px;
  1483. }
  1484. /*新闻详细*/
  1485. #main_dongtai .right_dt .xiangxi_s {
  1486. width: 880px;
  1487. height: auto;
  1488. margin: 0 auto;
  1489. }
  1490. #main_dongtai .right_dt .xiangxi_titt {
  1491. width: 880px;
  1492. height: 90px;
  1493. padding-top: 30px;
  1494. border-bottom: 1px dashed #ddd;
  1495. text-align: center;
  1496. }
  1497. #main_dongtai .right_dt .xiangxi_titt h3 {
  1498. font-size: 14px;
  1499. font-family: microsoft yahei;
  1500. color: #555;
  1501. font-weight: normal;
  1502. text-indent: 0px;
  1503. }
  1504. #main_dongtai .right_dt .conent_xi_sd {
  1505. width: 860px;
  1506. height: auto;
  1507. margin: 40px auto;
  1508. }
  1509. #main_dongtai .right_dt .conent_xi_sd img {
  1510. width: 860px;
  1511. }
  1512. #main_dongtai .right_dt .shangxy {
  1513. width: 860px;
  1514. height: auto;
  1515. margin: 0 auto;
  1516. border-top: 1px solid #ddd;
  1517. height: 68px;
  1518. padding-top: 30px;
  1519. padding-left: 20px;
  1520. }
  1521. #main_dongtai .right_dt .shangxy p {
  1522. color: #555;
  1523. line-height: 30px;
  1524. }
  1525. #main_dongtai .right_dt .shangxy p a {
  1526. color: #444;
  1527. }
  1528. #main_dongtai .right_dt .shangxy p a:hover {
  1529. color: #d62c2c;
  1530. }
  1531. /*品牌厂家*/
  1532. #main_pin {
  1533. width: 1200px;
  1534. height: auto;
  1535. margin: 0 auto;
  1536. }
  1537. #main_pin .conent_pin {
  1538. width: 1200px;
  1539. height: 190px;
  1540. border-bottom: 1px solid #ddd;
  1541. padding-top: 30px;
  1542. }
  1543. #main_pin .left_pinp {
  1544. width: 500px;
  1545. height: 180px;
  1546. float: left;
  1547. }
  1548. #main_pin .lett_tu {
  1549. width: 225px;
  1550. height: 115px;
  1551. border: 1px solid #e2e2e2;
  1552. float: left;
  1553. }
  1554. #main_pin .lett_tu img {
  1555. width: 225px;
  1556. height: 115px;
  1557. }
  1558. #main_pin .neirong {
  1559. width: 250px;
  1560. height: 115px;
  1561. float: left;
  1562. margin-left: 10px;
  1563. }
  1564. #main_pin .neirong h3 {
  1565. margin: 0px;
  1566. text-indent: 0px;
  1567. line-height: 24px;
  1568. }
  1569. #main_pin .neirong h3 a {
  1570. color: #d62c2c;
  1571. }
  1572. #main_pin .neirong p {
  1573. color: #5f5e5e;
  1574. margin-top: 5px;
  1575. }
  1576. #main_pin .right_cont {
  1577. width: 205px;
  1578. height: 170px;
  1579. float: left;
  1580. margin-left: 25px;
  1581. }
  1582. #main_pin .right_cont p {
  1583. text-align: center;
  1584. line-height: 30px;
  1585. }
  1586. #main_pin .right_cont p a {
  1587. color: #535050;
  1588. }
  1589. #main_pin .right_cont p a:hover {
  1590. color: #d62c2c;
  1591. }
  1592. #main_pin .right_tupian {
  1593. width: 205px;
  1594. height: 135px;
  1595. overflow: hidden;
  1596. }
  1597. #main_pin .right_tupian img {
  1598. width: 205px;
  1599. height: 135px;
  1600. }
  1601. #main_pinxx {
  1602. width: 1200px;
  1603. height: 180px;
  1604. border: 1px solid #ddd;
  1605. background: #fff;
  1606. margin: 0 auto;
  1607. margin-top: 18px;
  1608. }
  1609. #main_pinxx .leftpx {
  1610. width: 270px;
  1611. height: 156px;
  1612. float: left;
  1613. margin-top: 12px;
  1614. border-right: 1px solid #ddd;
  1615. }
  1616. #main_pinxx .left_img {
  1617. width: 225px;
  1618. height: 115px;
  1619. float: left;
  1620. margin-left: 16px;
  1621. border: 1px solid #ddd;
  1622. margin-top: 10px;
  1623. overflow: hidden;
  1624. }
  1625. #main_pinxx .leftpx p {
  1626. font-size: 12px;
  1627. color: #555;
  1628. text-align: center;
  1629. }
  1630. #main_pinxx .left_img img {
  1631. width: 225px;
  1632. height: 115px;
  1633. }
  1634. #main_pinxx .rightxx {
  1635. width: 860px;
  1636. height: 156px;
  1637. margin-top: 12px;
  1638. float: left;
  1639. margin-left: 20px;
  1640. }
  1641. #main_pinxx .rightxx p {
  1642. color: #555;
  1643. text-indent: 25px;
  1644. }
  1645. /*客服中心*/
  1646. #main_dongtai .right_dt .kefuzx {
  1647. width: 880px;
  1648. margin: 0 auto;
  1649. border-bottom: 1px solid #ddd;
  1650. padding-bottom: 20px;
  1651. padding-top: 20px;
  1652. }
  1653. .kefuzx .table tr td {
  1654. line-height: 40px;
  1655. }
  1656. .text_liu {
  1657. width: 220px;
  1658. height: 30px;
  1659. line-height: 30px;
  1660. color: #555;
  1661. text-indent: 5px;
  1662. }
  1663. .button_tj {
  1664. width: 150px;
  1665. height: 43px;
  1666. border: 0px;
  1667. line-height: 90px;
  1668. background: url(../image/jhd.jpg) no-repeat;
  1669. line-height: 43px;
  1670. font-size: 14px;
  1671. color: #fff;
  1672. font-family: microsoft yahei;
  1673. float: right;
  1674. margin-top: 20px;
  1675. }
  1676. /*客服*/
  1677. /* online */
  1678. #online_qq_tab a,
  1679. .onlineMenu h3,
  1680. .onlineMenu li.tli,
  1681. .newpage {
  1682. background: url(../image/float_s.gif) no-repeat;
  1683. }
  1684. #onlineService,
  1685. .onlineMenu,
  1686. .btmbg {
  1687. background: url(../image/float_bg.gif) no-repeat;
  1688. }
  1689. #online_qq_layer {
  1690. z-index: 9999;
  1691. position: fixed;
  1692. right: 0px;
  1693. top: 0;
  1694. margin: 150px 0 0 0;
  1695. }
  1696. #online_qq_tab {
  1697. width: 28px;
  1698. float: left;
  1699. margin: 120px 0 0 0;
  1700. position: relative;
  1701. z-index: 9;
  1702. }
  1703. #online_qq_tab a {
  1704. display: block;
  1705. height: 118px;
  1706. line-height: 999em;
  1707. overflow: hidden;
  1708. }
  1709. #online_qq_tab a#floatShow {
  1710. background-position: -30px -374px;
  1711. }
  1712. #online_qq_tab a#floatHide {
  1713. background-position: 0 -374px;
  1714. }
  1715. #onlineService {
  1716. display: inline;
  1717. margin-left: -1px;
  1718. float: left;
  1719. width: 130px;
  1720. display: none;
  1721. background-position: 0 0;
  1722. padding: 10px 0 0 0;
  1723. }
  1724. .onlineMenu {
  1725. background-position: -262px 0;
  1726. background-repeat: repeat-y;
  1727. padding: 0 15px;
  1728. }
  1729. .onlineMenu h3 {
  1730. height: 36px;
  1731. line-height: 999em;
  1732. overflow: hidden;
  1733. border-bottom: solid 1px #ACE5F9;
  1734. margin: 0px;
  1735. padding: 0px;
  1736. }
  1737. .onlineMenu h3.tQQ {
  1738. background-position: 0 10px;
  1739. }
  1740. .onlineMenu h3.tele {
  1741. background-position: 0 -47px;
  1742. }
  1743. .onlineMenu li {
  1744. height: 36px;
  1745. line-height: 36px;
  1746. border-bottom: solid 1px #E6E5E4;
  1747. text-align: center;
  1748. margin-top: 0px;
  1749. }
  1750. .onlineMenu li.zixun {
  1751. background-position: 0px -131px;
  1752. }
  1753. .onlineMenu li.phone {
  1754. background-position: -16px -244px;
  1755. font-size: 14px;
  1756. font-family: Arial, Helvetica, sans-serif;
  1757. color: #d42c2c;
  1758. }
  1759. .onlineMenu li a.newpage {
  1760. display: block;
  1761. height: 36px;
  1762. line-height: 999em;
  1763. overflow: hidden;
  1764. background-position: 5px -100px;
  1765. }
  1766. .onlineMenu li img {
  1767. margin: 0px 0 0 0;
  1768. }
  1769. .onlineMenu li.last {
  1770. border: 0;
  1771. }
  1772. .wyzx {
  1773. padding: 8px 0 0 5px;
  1774. height: 57px;
  1775. overflow: hidden;
  1776. background: url(../image/webZx_bg.jpg) no-repeat;
  1777. }
  1778. .btmbg {
  1779. height: 12px;
  1780. overflow: hidden;
  1781. background-position: -131px 0;
  1782. }
  1783. /*后加*/
  1784. .search {
  1785. margin-top: 20px;
  1786. }
  1787. .text_wen {
  1788. width: 140px;
  1789. height: 35px;
  1790. margin-top: 10px;
  1791. }
  1792. .text_wen2 {
  1793. width: 140px;
  1794. height: 35px;
  1795. margin-top: 10px;
  1796. }
  1797. .searchbtn{
  1798. float:right;
  1799. }
  1800. .li_click {
  1801. width: 219.5px;
  1802. text-align: center;
  1803. margin-left: 15px;
  1804. }
  1805. .li_click a {
  1806. font-size: large;
  1807. }
  1808. /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
  1809. .main_nav {
  1810. /*margin-top: 15px;*/
  1811. }
  1812. /*右侧与左侧对其*/
  1813. .right {
  1814. padding-top: 2px;
  1815. /* margin-left:1200px;
  1816. margin-top:-630px; */
  1817. }
  1818. .right_one {
  1819. height: 300px;
  1820. width: 880px;
  1821. border: 1px solid #ddd;
  1822. background: #fff;
  1823. float: right;
  1824. margin-right: 57px;
  1825. }
  1826. .right_two {
  1827. height:260px;
  1828. width:880px;
  1829. border: 1px solid #ddd;
  1830. background: #fff;
  1831. float: right;
  1832. margin-right: 57px;
  1833. margin-top: 20px;
  1834. }
  1835. .right_two_one {
  1836. width: 880px;
  1837. height: 40px;
  1838. padding-left: 30px;
  1839. padding-top: 10px;
  1840. background:#5B9BD5;
  1841. color:#fff;
  1842. }
  1843. .right_two_one span {
  1844. /*padding-top: 300px;*/
  1845. }
  1846. .more1{
  1847. float: right;
  1848. padding-right: 20px;
  1849. font-size:13px;
  1850. }
  1851. .more1 span{
  1852. margin-right: 15px;
  1853. }
  1854. .right_three {
  1855. height: 300px;
  1856. width: 880px;
  1857. border: 1px solid #ddd;
  1858. background: #fff;
  1859. float: right;
  1860. margin-top: 35px;
  1861. /*微加 市场首页*/
  1862. margin-bottom: 30px;
  1863. }
  1864. #f1 {
  1865. width: 1150px;
  1866. margin-left: 100px;
  1867. margin-top: 20px;
  1868. }
  1869. .denglu {
  1870. float: right;
  1871. padding-right: 30px;
  1872. }
  1873. .container-form {
  1874. width: 850px;
  1875. height: 220px;
  1876. }
  1877. .container-form ul {
  1878. width: 600px;
  1879. overflow: hidden;
  1880. /*自动隐藏文字*/
  1881. text-overflow: ellipsis;
  1882. /*文字隐藏后添加省略号*/
  1883. white-space: nowrap;
  1884. /*强制不换行*/
  1885. display: block;
  1886. height: 220px;
  1887. }
  1888. .container-form li {
  1889. overflow: hidden;
  1890. text-overflow: ellipsis;
  1891. display: block;
  1892. text-indent: 30px;
  1893. }
  1894. .i1 img {
  1895. height: 130px;
  1896. width: 180px;
  1897. }
  1898. .picture1 {
  1899. height: 60px;
  1900. width: 180px;
  1901. white-space: nowrap;
  1902. text-overflow: ellipsis;
  1903. overflow: hidden;
  1904. display: inline-block
  1905. }
  1906. .zhengti {
  1907. float: left;
  1908. margin-left: 30px;
  1909. padding-top: 15px;
  1910. }
  1911. .container-form ul li a {
  1912. text-decoration: none;
  1913. }
  1914. .container-form ul li a:hover {
  1915. color: #a6a6a6;
  1916. }
  1917. .container-form ul li a:focus {
  1918. color: #337AB7;
  1919. }
  1920. .tab_4 span {
  1921. padding: 50px;
  1922. }
  1923. .items a {
  1924. border-bottom: 1px dashed #DDDDDD;
  1925. width: 850px;
  1926. height: 28px;
  1927. line-height: 28px;
  1928. text-decoration: none;
  1929. }
  1930. .rencai p {
  1931. font-size: 20px;
  1932. text-align: center;
  1933. padding-top: 60px;
  1934. }
  1935. .rencai p a {
  1936. text-decoration: none;
  1937. }
  1938. .div_a {
  1939. width: 850px;
  1940. height: 22px;
  1941. line-height: 20px;
  1942. border-bottom: 1px dashed #DDDDDD;
  1943. display: inline-block;
  1944. white-space: nowrap;
  1945. overflow: hidden;
  1946. text-overflow: ellipsis;
  1947. text-align: left;
  1948. margin-top: 7px;
  1949. }
  1950. .div_a span{
  1951. padding-bottom: 2px;
  1952. }
  1953. /*微改新增 技术超市首页找产品新增*/
  1954. #spname{
  1955. width: 520px;
  1956. display: inline-block;
  1957. white-space: nowrap;
  1958. overflow: hidden;
  1959. text-overflow: ellipsis;
  1960. text-align: left;
  1961. }
  1962. #spprice{
  1963. width: 130px;
  1964. display: inline-block;
  1965. white-space: nowrap;
  1966. overflow: hidden;
  1967. text-overflow: ellipsis;
  1968. text-align: left;
  1969. }
  1970. #spdate{
  1971. width: 200px;
  1972. /*margin-right: -10px;*/
  1973. display: inline-block;
  1974. float: right;
  1975. white-space: nowrap;
  1976. overflow: hidden;
  1977. text-overflow: ellipsis;
  1978. text-align: left;
  1979. }
  1980. .div_head {
  1981. width: 880px;
  1982. height: 28px;
  1983. }
  1984. .div_head span {
  1985. font-size: 16px;
  1986. display: block;
  1987. float: left;
  1988. font-family: SimHei;
  1989. color: #ADADAD;
  1990. text-align: center;
  1991. width: 214px;
  1992. }
  1993. .div_head2 {
  1994. width: 850px;
  1995. height: 28px;
  1996. }
  1997. .div_head2 .span_h1 {
  1998. font-size: 16px;
  1999. display: block;
  2000. float: left;
  2001. font-family: SimHei;
  2002. color: #ADADAD;
  2003. text-align: center;
  2004. width: 212px;
  2005. }
  2006. .div_head2 .span_h2 {
  2007. font-size: 16px;
  2008. display: block;
  2009. float: left;
  2010. font-family: SimHei;
  2011. color: #ADADAD;
  2012. text-align: center;
  2013. width: 400px;
  2014. }
  2015. #items_1 span {
  2016. font-size: 15px;
  2017. display: block;
  2018. float: left;
  2019. text-align: left;
  2020. /*width: 212px;*/
  2021. white-space: nowrap;
  2022. overflow: hidden;
  2023. padding-left: 16px;
  2024. }
  2025. #span_message {
  2026. width: 630px;
  2027. font-size: 15px;
  2028. display: inline-block;
  2029. float: right;
  2030. text-align: left;
  2031. /*padding-left: 74px;*/
  2032. white-space: nowrap;
  2033. overflow: hidden;
  2034. text-overflow: ellipsis;
  2035. }
  2036. /*微改新增 技术超市首页*/
  2037. #span_name {
  2038. width: 194px;
  2039. font-size: 15px;
  2040. display: inline-block;
  2041. float: left;
  2042. text-align: left;
  2043. margin-left: 14px;
  2044. white-space: nowrap;
  2045. overflow: hidden;
  2046. /*text-overflow: ellipsis;*/
  2047. }
  2048. #main_dongtai .conent_dt {
  2049. width: 232px;
  2050. height: auto;
  2051. border: 1px solid #dcdcdc;
  2052. margin-top: 3px;
  2053. background: white;
  2054. padding-bottom: 80px;
  2055. }
  2056. .nav-pills>li.active>a,
  2057. .nav-pills>li.active>a:focus,
  2058. .nav-pills>li.active>a:hover {
  2059. color: #FFFFFF;
  2060. background-color: rgba(91,155,213,0.8);
  2061. }
  2062. .nav-pills>li>a {
  2063. border-radius: 0px;
  2064. }
  2065. #navli li a{
  2066. color: white;/*一进页面的字体颜色*/
  2067. }
  2068. #navli li{
  2069. background-color: rgba(91,155,213,0.5);
  2070. margin-right: -2px;
  2071. }
  2072. #navli li a:hover,
  2073. #navli li a:focus {
  2074. background-color: rgba(91,155,213,0.9);
  2075. color: white;
  2076. }
  2077. /* .more1 {
  2078. float: right;
  2079. padding-right: 20px;
  2080. } */
  2081. /*改*/
  2082. .zhengti ul li{
  2083. overflow: hidden;
  2084. text-overflow: ellipsis;
  2085. white-space: nowrap;
  2086. width: 185px;
  2087. }
  2088. .div_a a:hover {
  2089. color: red;
  2090. }
  2091. .slide-title {
  2092. /*background: #f1f1f1;*/
  2093. color: #000;
  2094. height: 34px;
  2095. line-height: 34px;
  2096. font-size: 14px;
  2097. font-weight: bold;
  2098. margin-top: 5px;
  2099. }
  2100. .slide-title span {
  2101. width: 200px;
  2102. text-align: center;
  2103. display: inline-block;
  2104. }
  2105. .slide-list li span a{
  2106. text-decoration: none;
  2107. }
  2108. .slide-list li span:nth-child(1) {
  2109. width: 200px;
  2110. text-align : center;
  2111. }
  2112. .slide-list li span:nth-child(2) {
  2113. width: 200px;
  2114. text-align : center;
  2115. }
  2116. .slide-list li span:nth-child(3) {
  2117. width: 210px;
  2118. text-align : center;
  2119. padding-left: 15px;
  2120. }
  2121. .slide-list li span:nth-child(4) {
  2122. width: 220px;
  2123. text-align : center;
  2124. }
  2125. .slide-container {
  2126. position: relative;
  2127. overflow: hidden;
  2128. height: 180px;
  2129. }
  2130. .slide-list {
  2131. position: absolute;
  2132. width: 100%;
  2133. left: 0;
  2134. top: 0;
  2135. color: #000;
  2136. margin: 0;
  2137. }
  2138. .slide-list li {
  2139. height: 30px;
  2140. line-height: 30px;
  2141. list-style: none;
  2142. margin: 0;
  2143. }
  2144. .slide-list li span {
  2145. display: inline-block;
  2146. font-size: 12px;
  2147. overflow: hidden;
  2148. text-overflow: ellipsis;
  2149. white-space: nowrap;
  2150. font-size:14px;
  2151. }
  2152. .slide-list li a:hover{
  2153. color: red;
  2154. }
  2155. * {
  2156. margin: 0;
  2157. padding: 0;
  2158. list-style-type: none;
  2159. }
  2160. a.abtn {
  2161. display: block;
  2162. height: 130px;
  2163. width: 17px;
  2164. overflow: hidden;
  2165. background: url(../img/arrow3.png) no-repeat 0px 70%;
  2166. }
  2167. a.aleft {
  2168. float: left;
  2169. }
  2170. a.aright {
  2171. float: right;
  2172. background-position: -17px 70%;
  2173. }
  2174. .scrolllist .imglist_w {
  2175. width: 800px;
  2176. height: 204px;
  2177. overflow: hidden;
  2178. float: left;
  2179. position: relative;
  2180. margin-left: 20px;
  2181. /*必要元素*/
  2182. }
  2183. .scrolllist .imglist_w ul {
  2184. width: 20000px;
  2185. position: absolute;
  2186. left: 0px;
  2187. top: 0px;
  2188. padding-top: 10px;
  2189. }
  2190. .scrolllist .imglist_w li {
  2191. width: 200px;
  2192. float: left;
  2193. padding: 0 5px;
  2194. }
  2195. .scrolllist .imglist_w li img {
  2196. padding: 2px;
  2197. border: solid 1px #ddd;
  2198. }
  2199. .scrolllist .imglist_w li a {
  2200. color: #3366cc;
  2201. text-decoration: none;
  2202. float: left;
  2203. }
  2204. .scrolllist .imglist_w li a:hover img {
  2205. filter: alpha(opacity=86);
  2206. -moz-opacity: 0.86;
  2207. opacity: 0.86;
  2208. }
  2209. .scrolllist .imglist_w li p {
  2210. height: 48px;
  2211. line-height: 24px;
  2212. overflow: hidden;
  2213. float: left;
  2214. }
  2215. #list_name {
  2216. width: 190px;
  2217. overflow: hidden;
  2218. text-overflow: ellipsis;
  2219. white-space: nowrap;
  2220. display: block;
  2221. }
  2222. #list_price {
  2223. width: 190px;
  2224. overflow: hidden;
  2225. text-overflow: ellipsis;
  2226. white-space: nowrap;
  2227. display: block;
  2228. }