news.css 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245
  1. /* 头部内容 */
  2. header{
  3. width: 100%;
  4. height: 110px;
  5. background: #fff;
  6. }
  7. header{height: 110px;}
  8. header h1{float: left;width: 400px;height: 110px;margin-left: -20px;}
  9. header h1>a{display: block;width: 230px;height: 110px;float: left;}
  10. header h1 span{display: block;width: 170px;height: 48px;float: left;margin-top: 33px;border-left: 1px solid #ccc;padding-left: 15px;}
  11. header h1 span strong{ display: block; font-size: 25px; font-weight: bold; margin-bottom: 8px; }
  12. header h1 span a{font-size: 12px;}
  13. header h1 span a:hover{color: #333;}
  14. header h1 img{width: 100%;height: 100%;}
  15. /* 搜索下拉提示 */
  16. header .header_l{
  17. position: relative;
  18. float: left;
  19. width: 500px;
  20. height: 45px;
  21. margin: 30px 0 0 90px;
  22. background: #f5f5f5;
  23. }
  24. header .header_l .form_down{
  25. position: absolute;
  26. top: 44px;
  27. left: 0;
  28. width: 390px;
  29. background: #fff;
  30. z-index: 9;
  31. border: 1px solid #eee;
  32. border-radius: 0 0 5px 5px;
  33. display: none;
  34. }
  35. header .header_l .form_down span{
  36. display: block;
  37. color: #666;
  38. line-height: 30px;
  39. cursor: pointer;
  40. text-indent: 15px;
  41. }
  42. header .header_l .form_down span:hover{
  43. background: #eee;
  44. }
  45. /* 搜索下拉提示结束 */
  46. header p{
  47. width: 500px;
  48. height: 45px;
  49. }
  50. header p input{
  51. float: left;
  52. width: 220px;
  53. height: 35px;
  54. color: #999;
  55. margin: 5px 0 0 10px;
  56. outline: none;
  57. background: #f5f5f5;
  58. }
  59. header p span{
  60. display: block;
  61. float: left;
  62. width: 70px;
  63. height: 25px;
  64. line-height: 25px;
  65. text-align: center;
  66. border: 1px solid #eee;
  67. background: #fff;
  68. margin: 10px 5px 0 0;
  69. cursor: pointer;
  70. }
  71. header p a{
  72. display: block;
  73. width: 110px;
  74. height: 45px;
  75. line-height: 45px;
  76. text-indent: 40px;
  77. font-size: 16px;
  78. color: #fff;
  79. background: #e1181e;
  80. float: right;
  81. position: relative;
  82. }
  83. header p a:hover{color: #fff;}
  84. header p a::after{
  85. position: absolute;
  86. content: "";
  87. width: 22px;
  88. height: 45px;
  89. top: 0;
  90. left: 12px;
  91. background: url(../images/news_big.png) no-repeat;
  92. }
  93. .head_div{
  94. height: 45px;
  95. margin-top: 22px;
  96. }
  97. .head_div a{
  98. display: block;
  99. float: left;
  100. width: 65px;
  101. height: 60px;
  102. margin-right: 15px;
  103. }
  104. .head_div a img{
  105. width: 65px;
  106. height: 40px;
  107. }
  108. .head_div a span{
  109. display: block;
  110. height: 20px;
  111. line-height: 20px;
  112. text-align: center;
  113. }
  114. /* 关键字导航 */
  115. .keyword{
  116. height: 40px;
  117. margin: 20px auto;
  118. display: flex;
  119. justify-content: space-between;
  120. }
  121. .keyword li{
  122. height: 40px;
  123. border-right: 1px solid #e5e5e5;
  124. padding-right: 10px;
  125. }
  126. .keyword li:last-child{
  127. margin-right: 0;
  128. border-right: 0;
  129. padding-right: 0;
  130. }
  131. .keyword li p{
  132. height: 15px;
  133. line-height: 15px;
  134. }
  135. .keyword li p:first-child{margin-bottom: 10px;}
  136. .keyword li a{
  137. margin-right: 13px;
  138. }
  139. /* 导航栏 */
  140. nav{width: 100%;height: 40px;background: #db0f21;}
  141. nav ul li{width: 120px;height: 40px;line-height: 40px;float: left;text-align: center;cursor: pointer;}
  142. nav ul li a{display: block;width: 100%;height: 100%;color: #fff;font-size: 16px;}
  143. nav ul .active{background: #99131a;}
  144. nav ul li:hover{background: #99131a;}
  145. nav ul li a:hover{color: #fff;}
  146. /* 位置 */
  147. .weizhi{
  148. height: 45px;
  149. line-height: 45px;
  150. font-size: 12px;
  151. }
  152. .weizhi em{margin: 0 5px;}
  153. .weizhi p{
  154. float: right;
  155. color: #ca1222;
  156. }
  157. /* 第一部分内容 */
  158. .news_one{
  159. height: 500px;
  160. }
  161. .news_one_left{
  162. width: 840px;
  163. height: 500px;
  164. background: #fff;
  165. }
  166. .one_l{
  167. width: 360px;
  168. height: 500px;
  169. float: left;
  170. margin-right: 30px;
  171. }
  172. /* 轮播 */
  173. .play{
  174. width: 360px;
  175. height: 365px;
  176. overflow: hidden;
  177. }
  178. .lunbo{ position:relative;margin:0 auto; }
  179. .lunbo > .item{ display:none; }
  180. .lunbo > .item.active{ display:block; }
  181. .lunbo > .item a{ font-size:0;display:block; }
  182. .lunbo > .item img{ margin:0 auto; }
  183. .lunbo > ul{ position: absolute; left:50%; margin-left: -35px;bottom: -25px; }
  184. .lunbo > ul>li{ margin: 3px; padding: 0;display:inline-block; width:8px; height:8px; background: #c9c9c9; box-sizing:border-box; border-radius:50%; cursor: pointer; list-style: none;}
  185. .lunbo > ul>li.active{ background:#df0303; }
  186. .s_banner{
  187. width: 360px;
  188. }
  189. .s_banner a{
  190. display: block;
  191. width: 175px;
  192. height: 115px;
  193. float: left;
  194. margin-right: 10px;
  195. }
  196. .s_banner a:last-child{margin-right: 0;}
  197. .s_banner a img{
  198. width: 100%;
  199. height: 100%;
  200. }
  201. .one_r{
  202. float: left;
  203. width: 440px;
  204. height: 500px;
  205. }
  206. .one_r h3{
  207. width: 440px;
  208. height: 50px;
  209. line-height: 50px;
  210. border-top: 1px solid #e5e5e7;
  211. }
  212. .one_r h3 strong{
  213. display: block;
  214. float: left;
  215. width: 100px;
  216. height: 50px;
  217. color: #ff3333;
  218. border-top: 2px solid #ff3333;
  219. text-align: center;
  220. font-size: 18px;
  221. font-weight: 600;
  222. margin-right: 85px;
  223. }
  224. .one_r h3 a{
  225. float: left;
  226. margin-right: 40px;
  227. font-size: 16px;
  228. }
  229. .one_r ul li{
  230. height: 35px;
  231. line-height: 35px;
  232. position: relative;
  233. }
  234. .one_r ul li::after{
  235. position: absolute;
  236. content: "";
  237. width: 6px;
  238. height: 6px;
  239. border-radius: 50%;
  240. background: #ccc;
  241. top: 14px;
  242. left: 0;
  243. }
  244. .one_r ul li a{
  245. /* margin-left: 15px; */
  246. float: left;
  247. display: block;
  248. width: 100%;
  249. padding-left: 15px;
  250. }
  251. .one_r ul li:first-child a{
  252. font-size: 16px;
  253. font-weight: 600;
  254. }
  255. .one_r ul:first-of-type{margin-bottom: 20px;}
  256. /* 第一部分右边 */
  257. .news_one_right{
  258. width: 345px;
  259. height: 500px;
  260. padding: 10px;
  261. background: #fff;
  262. }
  263. .news_one_right h2{
  264. height: 20px;
  265. line-height: 20px;
  266. color: #000;
  267. font-size: 18px;
  268. font-weight: 600;
  269. text-indent: 15px;
  270. border-left: 4px solid #ff3333;
  271. margin-top: 10px;
  272. }
  273. .news_one_right dl{height: 80px;margin-top: 30px;}
  274. .news_one_right dl dt{
  275. width: 125px;
  276. height: 80px;
  277. float: left;
  278. margin-right: 15px;
  279. overflow: hidden;
  280. }
  281. .news_one_right dl dt img{width: 100%;height: 100%}
  282. .news_one_right dl dd{
  283. width: 185px;
  284. height: 80px;
  285. float: left;
  286. }
  287. .news_one_right dl dd h3{
  288. line-height: 25px;
  289. }
  290. .news_one_right dl dd p{
  291. font-size: 12px;
  292. height: 25px;
  293. line-height: 25px;
  294. color: #999;
  295. overflow: hidden;
  296. white-space: nowrap;
  297. text-overflow: ellipsis;
  298. }
  299. /* 广告图 */
  300. .guanggao_banner{margin-top: 20px;}
  301. /* 第二部分 */
  302. section{margin-top: 20px !important;background: #fff;}
  303. /* 加盟指南 */
  304. .guide{
  305. width: 845px;
  306. height: 800px;
  307. display: flex;
  308. flex-wrap: wrap;
  309. justify-content: space-between;
  310. }
  311. .guide article{
  312. width: 400px;
  313. height: 400px;
  314. border-top: 1px solid #e5e5e5;
  315. position: relative;
  316. }
  317. .guide article::after{
  318. position: absolute;
  319. content: "";
  320. width: 100px;
  321. height: 2px;
  322. background: red;
  323. top: 0;
  324. left: 0;
  325. }
  326. .guide article h2{
  327. height: 55px;
  328. line-height: 55px;
  329. }
  330. .guide article h2 strong{
  331. display: block;
  332. width: 140px;
  333. height: 55px;
  334. line-height: 55px;
  335. float: left;
  336. background: url(../images/nan.png) no-repeat 10px center;
  337. font-size: 22px;
  338. color: #333;
  339. text-align: right;
  340. }
  341. .guide article h2 a{float: right;color: #999;}
  342. .guide article .a1,.guide article .a2{
  343. width: 400px;
  344. height: 140px;
  345. }
  346. .guide article .a1 a{
  347. display: block;
  348. width: 400px;
  349. height: 140px;
  350. overflow: hidden;
  351. }
  352. .guide article .a1 a img{
  353. width: 100%;height: 100%;
  354. }
  355. .guide article .a2 a{
  356. display: block;
  357. float: left;
  358. width: 195px;
  359. height: 140px;
  360. overflow: hidden;
  361. }
  362. .guide article .a2 a img{width: 100%;height: 100%;}
  363. .guide article .a2 a:first-child{margin-right: 10px;}
  364. .guide article ul{
  365. margin-top: 10px;
  366. padding: 0 15px;
  367. }
  368. .guide article ul li{
  369. height: 30px;
  370. line-height: 30px;
  371. position: relative;
  372. }
  373. .guide article ul li::after{
  374. position: absolute;
  375. content: "";
  376. width: 6px;
  377. height: 6px;
  378. border-radius: 50%;
  379. background: #ccc;
  380. top: 50%;
  381. margin-top: -3px;
  382. left: 0;
  383. }
  384. .guide article ul li:first-child{
  385. height: 50px;
  386. line-height: 50px;
  387. font-size: 18px;
  388. font-weight: 600;
  389. color: #000;
  390. }
  391. .guide article ul li a{
  392. display: block;
  393. float: left;
  394. margin-left: 15px;
  395. width: 355px;
  396. overflow: hidden;
  397. white-space: nowrap;
  398. text-overflow: ellipsis;
  399. }
  400. /* 右边切换 */
  401. section .s1{
  402. width: 345px;
  403. height: 800px;
  404. }
  405. .qiehuan{
  406. width: 345px;
  407. height: 665px;
  408. border: 1px solid #e5e5e5;
  409. }
  410. .qiehuan_title{
  411. width: 70px;
  412. float: left;
  413. background: #fbfbfb;
  414. }
  415. .qiehuan_title span{
  416. display: block;
  417. width: 70px;
  418. height: 39px;
  419. line-height: 39px;
  420. text-align: center;
  421. cursor: pointer;
  422. border-right: 1px solid #e5e5e5;
  423. color: #666;
  424. }
  425. .qiehuan_title span em{
  426. display: block;
  427. width: 50px;
  428. margin: 0 auto;
  429. border-bottom: 1px solid #e5e5e5;
  430. }
  431. .qiehuan_title span:first-child{border-top: 0 !important;}
  432. .qiehuan_title_active{
  433. font-weight: 700;
  434. color: #333 !important;
  435. background: #fff;
  436. border-top: 1px solid #e5e5e5;
  437. border-bottom: 1px solid #e5e5e5;
  438. border-right: 0 !important;
  439. }
  440. .qiehuan_title_active em{border: 0 !important;}
  441. .qiehuan_cont{
  442. float: left;
  443. width: 270px;
  444. height: 660px;
  445. padding: 10px 20px 0;
  446. }
  447. .qiehuan_cont li{display: none;}
  448. .qiehuan_cont_active{display: block !important;}
  449. .qiehuan_cont li p{
  450. height: 43px;
  451. line-height: 43px;
  452. border-bottom: 1px dashed #e5e5e5;
  453. }
  454. .qiehuan_cont li p:last-child{border: 0;}
  455. .qiehuan_cont li p em{
  456. display: block;
  457. width: 15px;
  458. height: 15px;
  459. line-height: 15px;
  460. background: #c2c2c2;
  461. color: #fff;
  462. text-align: center;
  463. float: left;
  464. margin: 14px 10px 0 0;
  465. font-size: 12px;
  466. }
  467. .qiehuan_cont li p .red{background: #de3937 !important;}
  468. .qiehuan_cont li p a{
  469. display: block;
  470. float: left;
  471. width: 180px;
  472. overflow: hidden;
  473. white-space: nowrap;
  474. text-overflow: ellipsis;
  475. }
  476. .qiehuan_cont li p i{
  477. float: left;
  478. display: block;
  479. width: 7px;
  480. height: 10px;
  481. margin-top: 16px;
  482. }
  483. .qiehuan_cont li p .up{background: url(../images/ico1.png) 169px 500px;}
  484. .qiehuan_cont li p .down{background: url(../images/ico1.png) 136px 500px;}
  485. .qiehuan_cont li p .flat{background: url(../images/ico1.png) 210px 469px;}
  486. .s1_a{
  487. display: block;
  488. width: 345px;
  489. height: 110px;
  490. margin-top: 15px;
  491. overflow: hidden;
  492. }
  493. .s1_a img{width: 100%;height: 100%;}
  494. /* 第三部分 */
  495. .s2{
  496. width: 345px;
  497. height: 800px;
  498. border-left: 1px solid #e5e5e5;
  499. background: #f9f9f9;
  500. }
  501. .s2 div{
  502. height: 400px;
  503. }
  504. .s2 div h2{
  505. height: 40px;
  506. line-height: 40px;
  507. text-indent: 15px;
  508. font-size: 16px;
  509. font-weight: 600;
  510. color: #000;
  511. background: #dcdcdc;
  512. }
  513. .s2_top ul{padding: 0 15px;}
  514. .s2_top ul li{
  515. height: 40px;
  516. line-height: 40px;
  517. }
  518. .s2_top ul li em{
  519. display: block;
  520. width: 4px;
  521. height: 4px;
  522. float: left;
  523. margin: 19px 10px 0 0;
  524. }
  525. .s2_top ul li .em1{background: #f10214;}
  526. .s2_top ul li .em2{background: #ff9900;}
  527. .s2_top ul li .em3{background: #d0cce4;}
  528. .s2_top ul li .em4{background: #a3c1de;}
  529. .s2_top ul li .em5{background: #c6e0d6;}
  530. .s2_top ul li .em6{background: #f2bfbe;}
  531. .s2_top ul li .em7{background: #c5dfd5;}
  532. .s2_top ul li .em8{background: #63bacb;}
  533. .s2_top ul li .em9{background: #59ab2b;}
  534. .s2_top ul li a{
  535. display: block;
  536. float: left;
  537. width: 300px;
  538. overflow: hidden;
  539. white-space: nowrap;
  540. text-overflow: ellipsis;
  541. }
  542. .s2_bottom ul{
  543. height: 360px;
  544. }
  545. .s2_bottom ul li{
  546. height: 40px;
  547. line-height: 40px;
  548. }
  549. .s2_bottom ul li a{
  550. width: 130px;
  551. display: block;
  552. float: left;
  553. overflow: hidden;
  554. white-space: nowrap;
  555. text-overflow: ellipsis;
  556. margin-left: 20px;
  557. }
  558. /* 热门精选 */
  559. .sift{
  560. margin-top: 20px;
  561. background: #fff;
  562. display: flex;
  563. flex-wrap: wrap;
  564. justify-content: space-between;
  565. }
  566. .sift a{
  567. width: 210px;
  568. height: 100px;
  569. }
  570. .sift_a{width: 80px !important;}
  571. /* 第四部分 */
  572. .four{
  573. /* margin-top: 20px; */
  574. display: flex;
  575. flex-wrap: wrap;
  576. justify-content: space-between;
  577. }
  578. .four dl{
  579. width: 390px;
  580. height: 440px;
  581. background: #fff;
  582. padding: 15px;
  583. margin-top: 20px;
  584. }
  585. .four dl dt{
  586. height: 50px;
  587. line-height: 50px;
  588. }
  589. .four dl dt strong{
  590. font-size: 18px;
  591. font-weight: 600;
  592. color: #000;
  593. }
  594. .four dl dt a{
  595. display: block;
  596. width: 70px;
  597. float: right;
  598. background: url(../images/dot.png) no-repeat right center;
  599. }
  600. .four dl dt a:hover{color: #333;}
  601. .four dl dt span{
  602. display: block;
  603. width: 70px;
  604. float: right;
  605. background: url(../images/dot.png) no-repeat right center;
  606. }
  607. .four dl dd{
  608. height: 35px;
  609. line-height: 35px;
  610. }
  611. .four dl dd a{
  612. display: block;
  613. width: 280px;
  614. float: left;
  615. overflow: hidden;
  616. white-space: nowrap;
  617. text-overflow: ellipsis;
  618. color: #666;
  619. margin-right: 10px;
  620. }
  621. .four dl dd span{
  622. display: block;
  623. float: left;
  624. width: 55px;
  625. height: 20px;
  626. line-height: 20px;
  627. background: #f7f5f6;
  628. color: #b6b6b6;
  629. text-align: center;
  630. margin-top: 7px;
  631. }
  632. /* 新闻列表页 */
  633. /* 新闻列表 */
  634. .main_left{
  635. width: 850px;
  636. background: #fff;
  637. }
  638. .sec6_cont{padding: 0 10px 20px;background: #fff;}
  639. .sec6_cont ul li{
  640. height: 200px;
  641. padding: 20px 0;
  642. border-bottom: 1px solid #eee;
  643. }
  644. .sec6_cont ul li:last-child{border: 0;}
  645. .sec6_cont ul li div{
  646. float: left;
  647. width: 250px;
  648. height: 160px;
  649. margin-right: 20px;
  650. }
  651. .sec6_cont ul li h3{float: left;width: 540px; line-height: 40px;font-size: 20px;font-weight: 700;}
  652. .sec6_cont ul li p{float: left;width: 540px;line-height: 25px;color: #666;}
  653. .sec6_cont ul li .sec6_btn{float: left; width: 540px;height: 30px; line-height: 30px;margin-top: 10px;}
  654. .sec6_cont ul li span{float: left; color: #999;margin-right: 20px;}
  655. .sec6_cont ul li span em{display: block;float: left; width: 18px;height: 30px;background: url(../images/ico1.png) no-repeat -86px -22px;margin-right: 5px;}
  656. .sec6_cont .more{
  657. display: block;
  658. width: 130px;
  659. height: 40px;
  660. line-height: 40px;
  661. text-align: center;
  662. border: 1px solid #ccc;
  663. color: #999;
  664. font-size: 15px;
  665. border-radius: 20px;
  666. margin: 10px auto;
  667. }
  668. .sec6_cont .more:hover{background: #eee;}
  669. /* 翻页 */
  670. .paging{
  671. width: 100%;
  672. height: 40px;
  673. display: flex;
  674. justify-content: center;
  675. margin: 40px 0 0;
  676. }
  677. .paging a{
  678. display: block;
  679. /* float: left; */
  680. height: 40px;
  681. line-height: 40px;
  682. border: 1px solid #ddd;
  683. color: #666;
  684. padding: 0 10px;
  685. margin-right: 10px;
  686. }
  687. .paging a:hover{background: #e51717;color: #fff !important;}
  688. .paging_on{background: #e51717;color: #fff !important;}
  689. /* 右边内容 */
  690. .main_right{
  691. width: 335px;
  692. }
  693. /* 热门推荐 */
  694. .aside1{
  695. width: 335px;
  696. height: 640px;
  697. background: #fff;
  698. padding: 1px 20px;
  699. }
  700. .aside1 h3{
  701. height: 40px;
  702. line-height: 40px;
  703. margin: 10px 0;
  704. text-indent: 15px;
  705. font-size: 18px;
  706. font-weight: 700;
  707. position: relative;
  708. }
  709. .aside1 h3::after{
  710. position: absolute;
  711. content: '';
  712. width: 4px;
  713. height: 20px;
  714. background: #e51717;
  715. top: 10px;
  716. left: 0;
  717. }
  718. .aside1 dl{height: 230px;}
  719. .aside1 dl dt{
  720. width: 295px;
  721. height: 190px;
  722. overflow: hidden;
  723. }
  724. .aside1 dl dd{
  725. width: 295px;
  726. height: 40px;
  727. line-height: 40px;
  728. overflow: hidden;
  729. white-space: nowrap;
  730. text-overflow: ellipsis;
  731. font-size: 16px;
  732. }
  733. .aside1 dl dd a{color: #666;}
  734. .aside1 ul li{
  735. height: 34px;
  736. line-height: 34px;
  737. position: relative;
  738. }
  739. .aside1 ul li::after{
  740. position: absolute;
  741. content: "";
  742. width: 4px;
  743. height: 4px;
  744. background: red;
  745. top: 15px;
  746. left: 0;
  747. }
  748. .aside1 ul li a{
  749. display: block;
  750. width: 280px;
  751. margin-left: 12px;
  752. color: #999;
  753. overflow: hidden;
  754. white-space: nowrap;
  755. text-overflow: ellipsis;
  756. }
  757. .aside_img{
  758. width: 335px;
  759. height: 110px;
  760. overflow: hidden;
  761. margin-top: 15px;
  762. }
  763. /* 左右切换 */
  764. .qiehuans{
  765. width: 335px;
  766. height: 470px;
  767. border: 1px solid #e5e5e5;
  768. background: #fff;
  769. margin-top: 15px;
  770. }
  771. .qiehuan_conts{
  772. float: left;
  773. width: 260px;
  774. height: 450px;
  775. padding: 10px 20px 0;
  776. }
  777. .qiehuan_conts li{display: none;}
  778. .qiehuan_cont_active{display: block !important;}
  779. .qiehuan_conts li p{
  780. height: 45px;
  781. line-height: 45px;
  782. border-bottom: 1px dashed #e5e5e5;
  783. }
  784. .qiehuan_conts li p:last-child{border: 0;}
  785. .qiehuan_conts li p em{
  786. display: block;
  787. width: 15px;
  788. height: 15px;
  789. line-height: 15px;
  790. background: #c2c2c2;
  791. color: #fff;
  792. text-align: center;
  793. float: left;
  794. margin: 15px 10px 0 0;
  795. font-size: 12px;
  796. }
  797. .qiehuan_conts li p .red{background: #de3937 !important;}
  798. .qiehuan_conts li p a{
  799. display: block;
  800. float: left;
  801. width: 180px;
  802. overflow: hidden;
  803. white-space: nowrap;
  804. text-overflow: ellipsis;
  805. }
  806. .qiehuan_conts li p i{
  807. float: left;
  808. display: block;
  809. width: 7px;
  810. height: 10px;
  811. margin-top: 16px;
  812. }
  813. .qiehuan_conts li p .up{background: url(../images/ico1.png) 169px 500px;}
  814. .qiehuan_conts li p .down{background: url(../images/ico1.png) 136px 500px;}
  815. .qiehuan_conts li p .flat{background: url(../images/ico1.png) 210px 469px;}
  816. /* 热门行业 */
  817. .aside2{
  818. width: 335px;
  819. height: 260px;
  820. background: #fff;
  821. padding: 1px 20px;
  822. margin-top: 15px;
  823. }
  824. .aside2 h3{
  825. height: 40px;
  826. line-height: 40px;
  827. margin: 10px 0;
  828. text-indent: 15px;
  829. font-size: 18px;
  830. font-weight: 700;
  831. position: relative;
  832. }
  833. .aside2 h3::after{
  834. position: absolute;
  835. content: '';
  836. width: 4px;
  837. height: 20px;
  838. background: #e51717;
  839. top: 10px;
  840. left: 0;
  841. }
  842. .aside2_cont{display: flex;flex-wrap: wrap;justify-content: space-between;}
  843. .aside2_cont a{
  844. display: inline-block;
  845. line-height: 35px;
  846. padding: 0 20px;
  847. border-radius: 20px;
  848. color: #333;
  849. margin-bottom: 10px;
  850. }
  851. .aside_a1{
  852. border: 1px solid #e56e6e;
  853. background: #ffeded;
  854. color: #e56e6e !important;
  855. }
  856. .aside_a2{
  857. border: 1px solid #5e9dd5;
  858. background: #f1f7fe;
  859. color: #5e9dd5 !important;
  860. }
  861. .aside_a3{
  862. border: 1px solid #9d85d6;
  863. background: #f8efff;
  864. color: #9d85d6 !important;
  865. }
  866. .aside_a4{
  867. border: 1px solid #f9a411;
  868. background: #fef8f0;
  869. color: #f9a411 !important;
  870. }
  871. .aside_a5{
  872. border: 1px solid #71c48f;
  873. background: #f1fff6;
  874. color: #71c48f !important;
  875. }
  876. /* 热门行业 */
  877. .aside3{
  878. width: 335px;
  879. height: 245px;
  880. background: #fff;
  881. padding: 1px 20px;
  882. margin-top: 15px;
  883. overflow: hidden;
  884. }
  885. .aside3 h3{
  886. height: 40px;
  887. line-height: 40px;
  888. margin: 10px 0 0 0;
  889. text-indent: 15px;
  890. font-size: 18px;
  891. font-weight: 700;
  892. position: relative;
  893. }
  894. .aside3 h3::after{
  895. position: absolute;
  896. content: '';
  897. width: 4px;
  898. height: 20px;
  899. background: #e51717;
  900. top: 10px;
  901. left: 0;
  902. }
  903. .aside3 ul{
  904. height: 195px;
  905. }
  906. .aside3 ul li{
  907. height: 38px;
  908. line-height: 38px;
  909. }
  910. .aside3 ul li a{
  911. width: 130px;
  912. display: block;
  913. float: left;
  914. overflow: hidden;
  915. white-space: nowrap;
  916. text-overflow: ellipsis;
  917. margin-right: 20px;
  918. }
  919. .aside3 ul li a:last-child{margin-right: 0;}
  920. /* 新闻内容 */
  921. .essay{
  922. padding: 10px 30px;
  923. background: #fff;
  924. }
  925. .essay>h2{
  926. line-height: 50px;
  927. font-size: 30px;
  928. color: #333;
  929. font-weight: 900;
  930. margin: 30px 0;
  931. }
  932. .time{height: 30px;line-height: 30px;}
  933. .time span{margin-right: 15px;color: #999;}
  934. .time p{float: right;}
  935. .time p i{display: block;float: left;margin-right: 5px;width: 20px;height: 30px;}
  936. .time p em{display: block;float: left;line-height: 30px;margin-right: 10px;color: #999;}
  937. /* 项目简介 */
  938. .intro{
  939. width: 100%;
  940. height: 80px;
  941. border-left: 2px solid #e61019;
  942. background: #f2f2f2;
  943. margin-top: 30px;
  944. padding: 12px 25px;
  945. display: flex;
  946. justify-content: space-between;
  947. }
  948. .intro p{
  949. height: 56px;
  950. }
  951. .intro p span{
  952. display: block;
  953. height: 25px;
  954. line-height: 25px;
  955. color: #999;
  956. }
  957. .intro p span:first-child{margin-bottom: 6px;}
  958. .intro p span em{color: #e60811;}
  959. .intro p span i{
  960. font-size: 14px;
  961. color: #ff6700;
  962. margin-right: 5px;
  963. }
  964. .intro_p a{
  965. display: block;
  966. width: 105px;
  967. height: 25px;
  968. line-height: 25px;
  969. color: #fff;
  970. text-align: center;
  971. border-radius: 3px;
  972. }
  973. .intro_p a:first-child{
  974. background: #e60811;
  975. margin-bottom: 6px;
  976. }
  977. .intro_p a:last-child{background: #f29000;}
  978. .essay_cont{
  979. margin-top: 10px;
  980. line-height: 30px;
  981. margin-bottom: 15px;
  982. color: #666;
  983. }
  984. .essay_cont p{
  985. line-height: 30px;
  986. margin-bottom: 15px;
  987. color: #666;
  988. text-indent: 2em;
  989. }
  990. .essay_cont img{
  991. display: block;
  992. margin: 0 auto 15px;
  993. }
  994. /* 咨询 */
  995. .advisory{
  996. width: 700px;
  997. height: 400px;
  998. border: 1px solid #e2e2e2;
  999. padding: 35px;
  1000. margin-bottom: 30px;
  1001. }
  1002. .advisory h2,.advisory h3{
  1003. height: 35px;
  1004. line-height: 35px;
  1005. font-size: 24px;
  1006. font-weight: 600;
  1007. text-align: center;
  1008. color: #333;
  1009. }
  1010. .advisory h2 span{
  1011. color: red;
  1012. }
  1013. .advisory form{
  1014. margin-top: 30px;
  1015. }
  1016. .advisory form p{
  1017. height: 40px;
  1018. line-height: 40px;
  1019. margin-bottom: 10px;
  1020. }
  1021. .advisory form p:nth-last-child(2) input{width: 240px;}
  1022. .advisory form p span{
  1023. width: 100px;
  1024. font-size: 16px;
  1025. color: #666;
  1026. float: left;
  1027. margin-right: 25px;
  1028. }
  1029. .advisory form p input{
  1030. width: 490px;
  1031. height: 40px;
  1032. line-height: 40px;
  1033. border: 1px solid #e2e2e2;
  1034. box-sizing: border-box;
  1035. text-indent: 10px;
  1036. float: left;
  1037. outline: none;
  1038. color: #666;
  1039. }
  1040. .advisory form .form_btn{
  1041. display: block;
  1042. margin: 15px 0 15px 125px;
  1043. width: 410px;
  1044. height: 50px;
  1045. line-height: 50px;
  1046. color: #fff;
  1047. text-align: center;
  1048. font-size: 18px;
  1049. border-radius: 5px;
  1050. background: #fe434e;
  1051. }
  1052. .advisory form .form_btn:hover{background: #ec5862;}
  1053. .advisory form .read{
  1054. height: 25px;
  1055. line-height: 25px;
  1056. margin-left: 125px;
  1057. }
  1058. .advisory form .read input{margin-top: 6px;float: left;}
  1059. .advisory form .read span{
  1060. margin-left: 5px;
  1061. }
  1062. .advisory form .read span a{
  1063. color: #008aff;
  1064. }
  1065. .last,.next{
  1066. height: 30px;
  1067. line-height: 30px;
  1068. }
  1069. /* 上/下一篇 */
  1070. .last a,
  1071. .next a{
  1072. color: #e00b0b;
  1073. }
  1074. /* 关键词 */
  1075. .antistop{
  1076. margin-top: 10px;
  1077. height: 30px;
  1078. line-height: 30px;
  1079. }
  1080. .antistop span{color: #000;font-weight: 600;}
  1081. .antistop a{color: #2162b6;margin-right: 20px;font-weight: 600;}
  1082. /* 热门资讯 */
  1083. .zixun{
  1084. margin-top: 20px;
  1085. background: #fff;
  1086. height: 250px;
  1087. }
  1088. .zixun h2{
  1089. height: 50px;
  1090. line-height: 50px;
  1091. background: url(../images/nan.png) no-repeat 15px center;
  1092. }
  1093. .zixun h2 span{
  1094. font-size: 20px;
  1095. font-weight: 600;
  1096. margin-left: 50px;
  1097. }
  1098. .zixun h2 a{
  1099. display: block;
  1100. float: right;
  1101. width: 70px;
  1102. margin-right: 30px;
  1103. background: url(../images/dot.png) no-repeat right center;
  1104. }
  1105. .zixun_cont{
  1106. margin-top: 5px;
  1107. padding: 0 20px;
  1108. display: flex;
  1109. justify-content: space-between;
  1110. }
  1111. .zixun_cont dl{
  1112. float: left;
  1113. width: 560px;
  1114. height: 175px;
  1115. }
  1116. .zixun_cont dl dt{
  1117. width: 210px;
  1118. height: 175px;
  1119. overflow: hidden;
  1120. float: left;
  1121. margin-right: 20px;
  1122. }
  1123. .zixun_cont dl dt img{
  1124. width: 100%;
  1125. height: 100%;
  1126. }
  1127. .zixun_cont dl dd{
  1128. width: 330px;
  1129. float: left;
  1130. }
  1131. .zixun_cont dl dd a{
  1132. display: block;
  1133. width: 100%;
  1134. height: 35px;
  1135. line-height: 35px;
  1136. color: #666;
  1137. position: relative;
  1138. overflow: hidden;
  1139. white-space: nowrap;
  1140. text-overflow: ellipsis;
  1141. text-indent: 12px;
  1142. }
  1143. .zixun_cont dl dd a::after{
  1144. position: absolute;
  1145. content: "";
  1146. width: 3px;
  1147. height: 3px;
  1148. background: #e60811;
  1149. top: 16px;
  1150. left: 0;
  1151. }
  1152. /* 猜你喜欢 */
  1153. .love{
  1154. margin-top: 20px;
  1155. background: #fff;
  1156. height: 350px;
  1157. }
  1158. .love h2{
  1159. height: 50px;
  1160. line-height: 50px;
  1161. background: url(../images/nan.png) no-repeat 15px center;
  1162. }
  1163. .love h2 span{
  1164. font-size: 20px;
  1165. font-weight: 600;
  1166. margin-left: 50px;
  1167. }
  1168. .love h2 span em{color: #ff4a18;}
  1169. .love h2 a{
  1170. display: block;
  1171. float: right;
  1172. width: 70px;
  1173. margin-right: 30px;
  1174. background: url(../images/dot.png) no-repeat right center;
  1175. }
  1176. .fire{height: 270px;background: #fff;padding: 5px 10px;}
  1177. .fire ul{display: flex;justify-content: space-between;}
  1178. .fire ul:first-child{margin-bottom: 20px;}
  1179. .fire ul li{
  1180. width: 220px;
  1181. height: 270px;
  1182. }
  1183. .fire ul li img{
  1184. width: 220px;
  1185. height: 160px;
  1186. }
  1187. .fire ul li h3{
  1188. height: 40px;
  1189. line-height: 40px;
  1190. text-align: center;
  1191. font-size: 18px;
  1192. font-weight: 600;
  1193. }
  1194. .fire ul li p{height: 30px;line-height: 30px;padding: 0 10px;color: #666;}
  1195. .fire ul li p span{
  1196. display: block;
  1197. width: 90px;
  1198. float: left;
  1199. }
  1200. .fire ul li p span em{color: #f2774a;}
  1201. .fire ul li p span:first-child{
  1202. margin-right: 10px;
  1203. overflow: hidden;
  1204. text-overflow: ellipsis;
  1205. white-space: nowrap;
  1206. }
  1207. .fire_on{color: #f2774a !important;}
  1208. .btn{
  1209. display: block;
  1210. width: 150px;
  1211. height: 30px;
  1212. line-height: 30px;
  1213. text-align: center;
  1214. background: #f2774a;
  1215. color: #fff;
  1216. border-radius: 20px;
  1217. margin: 5px auto;
  1218. }
  1219. .btn:hover{color: #fff;}