新野县12345_前端

index.css 22KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615
  1. body {
  2. margin: 0;
  3. padding: 0;
  4. font-size: 16px;
  5. /*background-color: #CDEBFB;*/
  6. /*-webkit-text-size-adjust: none;*/
  7. }
  8. .wrap{
  9. background: url(img/top_bj.png) no-repeat center top;
  10. background-size: 100%;
  11. }
  12. .body {
  13. background-color: #fff;
  14. }
  15. ul,
  16. li {
  17. margin: 0;
  18. padding: 0;
  19. }
  20. .fl {
  21. float: left;
  22. }
  23. .rl {
  24. float: right;
  25. }
  26. li {
  27. list-style-type: none;
  28. }
  29. img {
  30. border: 0;
  31. }
  32. p {
  33. margin: 0;
  34. padding: 0;
  35. }
  36. .clearfix {
  37. zoom: 1;
  38. overflow: hidden;
  39. }
  40. .clearfix:after {
  41. content: "";
  42. display: block;
  43. clear: both;
  44. }
  45. a {
  46. text-decoration: none;
  47. }
  48. a:hover {
  49. color: rgb(22, 100, 162);
  50. }
  51. .s-14 {
  52. font-size: 14px;
  53. }
  54. .m-r {
  55. margin-right: 9px;
  56. }
  57. .min-wrap {
  58. max-width: 1280px;
  59. min-width: 1000px;
  60. margin: 0 auto;
  61. }
  62. .main-wrap {
  63. width: 1000px;
  64. margin: 0 auto;
  65. }
  66. .main-body {
  67. background-color: white;
  68. margin-bottom: 20px;
  69. }
  70. .navcon {
  71. width: 100%;
  72. background: rgb(22, 100, 162);
  73. padding-bottom: 8px;
  74. padding-top: 5px;
  75. height: 68px;
  76. line-height: 68px;
  77. }
  78. .navcon_box {
  79. width: 1200px;
  80. margin: 0 auto;
  81. }
  82. .logo_box {
  83. float: left;
  84. width: 35%;
  85. }
  86. .logo {
  87. float: left;
  88. height: 100%;
  89. line-height: 80px;
  90. font-size: 32px;
  91. color: #02b2b5;
  92. }
  93. .logoImg_box {
  94. padding-left: 76px;
  95. }
  96. .nav_right {
  97. width: 65%;
  98. float: right;
  99. }
  100. .navs .active {
  101. border-bottom: 2px solid #fff;
  102. }
  103. .navs {
  104. /* /*
  105. width: 70%;*/
  106. margin: 0;
  107. }
  108. .navs li {
  109. float: left;
  110. color: #fff;
  111. text-align: center;
  112. border-bottom: 2px solid transparent;
  113. cursor: pointer;
  114. padding: 0 10px;
  115. margin-right: 20px;
  116. height: 50px;
  117. }
  118. .navs li:hover {
  119. border-bottom: 2px solid #fff;
  120. }
  121. .navs .active {
  122. border-bottom: 2px solid #fff;
  123. }
  124. .navs a {
  125. color: #fff;
  126. }
  127. .nav_rightLeft {
  128. width: 65%;
  129. }
  130. .nav_rightRight {
  131. width: 35%;
  132. }
  133. .Hidens {
  134. display: none;
  135. }
  136. /*ul.four-links li {
  137. float: left;
  138. margin-right: 10px;
  139. }
  140. ul.version-links li {
  141. float: left;
  142. margin-left: 10px;
  143. }
  144. ul.four-links li:before,ul.version-links li:before {
  145. content: "·";
  146. color: white;
  147. }*/
  148. .Input_box {
  149. border: 1px solid #99b6cd;
  150. height: 22px;
  151. width: 55%;
  152. position: relative;
  153. padding: 2px;
  154. margin-top: 20px;
  155. border-radius: 5px;
  156. }
  157. .Seach_box {
  158. height: 18px;
  159. width: 140px;
  160. border: 0;
  161. background: transparent;
  162. outline: none;
  163. position: absolute;
  164. font-size: 14px;
  165. padding: 2px;
  166. color: #99b6cd;
  167. }
  168. .Seac_icon {
  169. background: url(../img/ss.png)no-repeat;
  170. width: 20px;
  171. height: 20px;
  172. display: block;
  173. position: absolute;
  174. right: 0;
  175. /* line-height: 51px; */
  176. top: 7px;
  177. }
  178. .login_icon {
  179. background: url(../img/login.png)no-repeat;
  180. width: 20px;
  181. height: 20px;
  182. display: block;
  183. margin-top: 25px;
  184. }
  185. .login_btton {
  186. color: #fff;
  187. }
  188. .login_box {
  189. padding-left: 10px;
  190. cursor: pointer;
  191. }
  192. .login_box a{
  193. color: #fff!important;
  194. cursor: pointer;
  195. }
  196. input::-webkit-input-placeholder,
  197. textarea::-webkit-input-placeholder {
  198. color: #99b6cd;
  199. }
  200. input:-moz-placeholder,
  201. textarea:-moz-placeholder {
  202. color: #99b6cd;
  203. }
  204. input::-moz-placeholder,
  205. textarea::-moz-placeholder {
  206. color: #99b6cd6;
  207. }
  208. input:-ms-input-placeholder,
  209. textarea:-ms-input-placeholder {
  210. color: #99b6cd;
  211. }
  212. .navcon_1 {
  213. margin-bottom: 10px;
  214. }
  215. .navCon {
  216. margin-top: 15px;
  217. }
  218. .Content_box {
  219. /*height: 300px;*/
  220. /*background-color: #03B2B7;*/
  221. border: 1px solid #CCCCCC;
  222. border-top: 5px solid rgb(22, 100, 162);
  223. }
  224. .content_title {
  225. padding-top: 4px;
  226. font-weight: bold;
  227. line-height: 26px;
  228. background: #f3f3f3;
  229. padding-left: 15px;
  230. }
  231. .content_moddile {
  232. padding: 0 15px;
  233. padding-top: 12px;
  234. }
  235. .cont_modtitle {
  236. color: rgb(22, 100, 162);
  237. }
  238. .cont_wz {
  239. margin-bottom: 14px;
  240. }
  241. .fx {
  242. border-bottom: 1px dashed #ccc;
  243. }
  244. .new_list li {
  245. height: 30px;
  246. }
  247. .new_title {
  248. height: 100%;
  249. line-height: 30px;
  250. padding: 0 15px;
  251. }
  252. .new_title h1 {
  253. margin: 0;
  254. padding: 0;
  255. font-weight: normal;
  256. line-height: 30px;
  257. white-space: nowrap;
  258. overflow: hidden;
  259. text-overflow: ellipsis;
  260. float: left;
  261. width: 55%;
  262. }
  263. .new_title em {
  264. font-style: normal;
  265. }
  266. .new_title a {
  267. color: #000;
  268. display: block;
  269. width: 100%;
  270. color: #666;
  271. white-space: nowrap;
  272. overflow: hidden;
  273. text-overflow: ellipsis;
  274. }
  275. .new_title a:hover {
  276. color: rgb(22, 100, 162)!important;
  277. }
  278. .mores {
  279. font-weight: normal;
  280. margin-right: 20px;
  281. font-size: 14px;
  282. }
  283. .new_img li {
  284. float: left;
  285. width: 24%;
  286. }
  287. .content_foot_img {
  288. padding: 0 10px;
  289. }
  290. ._imgbox {}
  291. /*主体*/
  292. .main-bar {
  293. height: 80px;
  294. background-color: #02B2B5;
  295. }
  296. .main-bar .logo {
  297. float: left;
  298. margin-top: 19px;
  299. width: 408px;
  300. height: 53px;
  301. /*background: * url("") no-repeat;*/
  302. border: 1px solid red;
  303. }
  304. .main-bar .back {
  305. float: right;
  306. background-color: #ea544a;
  307. border-radius: 20px;
  308. font-family: "Microsoft Yahei";
  309. height: 30px;
  310. line-height: 30px;
  311. width: 92px;
  312. text-align: center;
  313. margin-top: 28px;
  314. color: white;
  315. }
  316. .main-bar .back a {
  317. color: white;
  318. font-size: .93em;
  319. }
  320. .main-bar .back a:hover {
  321. color: white;
  322. text-decoration: underline;
  323. }
  324. .main-bar .nav {
  325. /*float: left;*/
  326. font-family: "Microsoft Yahei";
  327. }
  328. .nav>a {
  329. float: left;
  330. display: block;
  331. color: #fff;
  332. height: 100%;
  333. line-height: 80px;
  334. text-align: center;
  335. width: 105px;
  336. }
  337. .nav>a:hover,
  338. a.focus {
  339. background: #fff;
  340. color: #02B2B5;
  341. }
  342. .Foots {
  343. border: 1px solid #ccc;
  344. }
  345. .foot_ul li {
  346. float: left;
  347. width: 20%;
  348. margin-bottom: 15px;
  349. cursor: pointer;
  350. }
  351. .FootBox {
  352. text-align: center;
  353. padding: 50px;
  354. }
  355. .index-banner {
  356. line-height: 0;
  357. height: 300px;
  358. }
  359. .index-banner img {
  360. display: block;
  361. width: 100%;
  362. height: 100%;
  363. }
  364. .col-wide {
  365. float: left;
  366. width: 650px;
  367. }
  368. .col-narrow {
  369. margin-left: 700px;
  370. }
  371. .box-01 .box-title {
  372. padding: 16px 10px 16px 0;
  373. height: 16px;
  374. border-bottom: 1px solid #e0e0e0;
  375. margin-bottom: 20px;
  376. }
  377. .box-01.red-bg .box-title {
  378. background-color: #85c300;
  379. text-align: center;
  380. color: #fff;
  381. }
  382. .col-narrow .rt-box {
  383. height: 47px;
  384. line-height: 47px;
  385. border-bottom: 2px solid #000;
  386. position: relative;
  387. }
  388. .col-narrow .rt-box .right-title {
  389. float: left;
  390. color: #c44542;
  391. }
  392. .col-narrow .rt-box .bor-line {
  393. width: 50%;
  394. height: 2px;
  395. line-height: 0;
  396. background: #c44542;
  397. position: absolute;
  398. bottom: -2px;
  399. }
  400. .col-narrow .rt-box .right-more {
  401. float: right;
  402. }
  403. .col-narrow .rt-box .right-more a {
  404. color: #000;
  405. font-size: 12px;
  406. }
  407. .col-narrow .rt-box .right-more a:hover {
  408. color: #ac2e3b;
  409. }
  410. .col-narrow .bianmin-con {
  411. margin-left: -10px;
  412. height: 240px;
  413. }
  414. .col-narrow .bianmin-con li {
  415. float: left;
  416. width: 30%;
  417. height: 70px;
  418. margin-left: 10px;
  419. background: aqua;
  420. margin-top: 10px;
  421. }
  422. .col-narrow .bianmin-con li a,
  423. .col-narrow .bianmin-con li a img {
  424. display: block;
  425. width: 100%;
  426. height: 100%;
  427. }
  428. .col-narrow .bianmin-con li.seven,
  429. .col-narrow .bianmin-con li.four {
  430. width: 63%;
  431. }
  432. .col-narrow .sjtj-con {
  433. border: 1px solid #707070;
  434. text-align: center;
  435. font-size: 16px;
  436. border-radius: 5px;
  437. overflow: hidden;
  438. margin-top: 10px;
  439. padding-bottom: 15px;
  440. }
  441. .col-narrow .sjtj-con .sjtj-title {
  442. background: #ac2e3b;
  443. color: #fff;
  444. height: 45px;
  445. line-height: 45px;
  446. }
  447. .col-narrow .sjtj-con ul li {
  448. width: 50%;
  449. float: left;
  450. margin-top: 25px;
  451. }
  452. .box-01 .box-title-name {
  453. float: left;
  454. font-family: "Microsoft Yahei";
  455. line-height: 1em;
  456. color: #333;
  457. padding-left: 10px;
  458. border-left: 7px solid rgb(22, 100, 162);
  459. }
  460. .col-narrow .box-01.gray-bg .box-title .right-title {
  461. border-left: 0;
  462. color: rgb(22, 100, 162);
  463. }
  464. .col-narrow .box-01.gray-bg .box-title .box-title-name,
  465. .col-narrow .box-01.gray-bg .box-title .box-title-more a {
  466. /*color: #000;*/
  467. }
  468. .box-01.red-decoration .main-content {
  469. padding: 0px 30px 0px 20px;
  470. color: #333;
  471. font-size: .875em;
  472. border: 1px solid #d8d8d8;
  473. }
  474. .box-01.red-decoration .main-content .content-title {
  475. text-align: center;
  476. color: #000000;
  477. font-size: 20px;
  478. font-family: "宋体", "黑体", "新宋体";
  479. font-weight: bold;
  480. margin: 20px auto;
  481. }
  482. .box-01.red-decoration .main-content .gary-line {
  483. border-bottom: solid 1px #ddd;
  484. margin: 10px 36px;
  485. }
  486. .box-01.red-decoration .main-content .content-info {
  487. text-align: center;
  488. font-size: 12px;
  489. border: #dcdcdc dashed 1px;
  490. border-width: 0 0 1px 0;
  491. padding-bottom: 15px;
  492. }
  493. .box-01.red-decoration .main-content .content-text {
  494. margin: 15px 32px;
  495. line-height: 30px;
  496. }
  497. .box-01 .box-title-more {
  498. float: right;
  499. text-align: right;
  500. color: #999999;
  501. font-size: .75em;
  502. line-height: 1.34em;
  503. }
  504. .box-01 .box-title-more a {
  505. color: #333;
  506. }
  507. .box-01 .box-title-more a:hover {
  508. color: #ac2e3b;
  509. text-decoration: none;
  510. }
  511. ul.news-list.gray-line>li {
  512. height: 50px;
  513. border-bottom: 1px dashed #e0e0e0;
  514. padding-right: 20px;
  515. }
  516. ul.news-list.gray-line>li .news-title {
  517. height: 100%;
  518. }
  519. ul.news-list.gray-line>li:prev-child {
  520. border: none;
  521. padding-top: 10px;
  522. }
  523. ul.news-list.gray-line>li:after {
  524. content: "";
  525. display: block;
  526. clear: both;
  527. height: 0;
  528. }
  529. ul.news-list.gray-line .news-pic img {
  530. width: 120px;
  531. height: 90px;
  532. display: block;
  533. }
  534. ul.news-list.gray-line .news-title>h1 {
  535. margin: 0;
  536. padding: 0;
  537. font-weight: normal;
  538. color: #ea544a;
  539. font-size: .875em;
  540. line-height: 50px;
  541. white-space: nowrap;
  542. overflow: hidden;
  543. text-overflow: ellipsis;
  544. float: left;
  545. width: 55%;
  546. }
  547. ul.news-list.gray-line .news-title>h1>a {
  548. display: block;
  549. width: 100%;
  550. color: #666;
  551. white-space: nowrap;
  552. overflow: hidden;
  553. text-overflow: ellipsis;
  554. }
  555. ul.news-list.gray-line .news-title:hover h1>a {
  556. color: rgb(22, 100, 162);
  557. /*text-decoration: underline;*/
  558. }
  559. ul.news-list.gray-line .news-title>p {
  560. margin: 0;
  561. padding: 0;
  562. color: #999999;
  563. font-size: .75em;
  564. line-height: 2.4em;
  565. white-space: nowrap;
  566. overflow: hidden;
  567. text-overflow: ellipsis;
  568. }
  569. ul.news-list.gray-line .news-title>em {
  570. display: block;
  571. font-style: normal;
  572. font-family: Verdana;
  573. font-size: .75em;
  574. line-height: 50px;
  575. color: #666666;
  576. float: right;
  577. }
  578. .lm-table {
  579. table-layout: fixed;
  580. width: 100%;
  581. font-size: .75em;
  582. padding-bottom: 11px;
  583. }
  584. .lm-table td {
  585. border-bottom: 1px solid #f6f6f6;
  586. height: 48px;
  587. line-height: 48px;
  588. padding: 0 15px;
  589. text-align: center;
  590. font-size: 13px;
  591. }
  592. .lm-table .lm-title td {
  593. background-color: #f2f2f2;
  594. font-family: "Microsoft Yahei";
  595. color: #1a1a1a;
  596. font-size: 1.17em;
  597. height: 40px;
  598. line-height: 40px;
  599. }
  600. .lm-table .last td {
  601. border: none;
  602. }
  603. .lm-table .red {
  604. color: #f18c86;
  605. }
  606. .lm-table .date {
  607. color: #8c8c8c;
  608. font-family: Verdana;
  609. }
  610. .lm-table .organizer {
  611. color: #666666;
  612. white-space: nowrap;
  613. overflow: hidden;
  614. text-overflow: ellipsis;
  615. }
  616. .lm-table .content a {
  617. font-size: 13px;
  618. display: block;
  619. white-space: nowrap;
  620. overflow: hidden;
  621. text-overflow: ellipsis;
  622. color: #3f3f3f;
  623. }
  624. .lm-table .content a:hover {
  625. color: #c44542;
  626. }
  627. ul.news-list.news-r-red>li {
  628. border-bottom: 1px dashed #ccc;
  629. background-color: #F6F6F6;
  630. height: 50px;
  631. }
  632. ul.news-list.news-r-red>li>.m-across {
  633. padding: 0px 20px 0px;
  634. height: 100%;
  635. }
  636. ul.news-list.news-r-red>li>.m-across:hover {
  637. /* border-right: 2px solid #ff5256;*/
  638. cursor: pointer;
  639. }
  640. ul.news-list.news-r-red>li.odd {
  641. /*background-color: #f6f6f6;*/
  642. }
  643. ul.news-list.news-r-red>li>.m-across>a {
  644. display: block;
  645. font-size: .875em;
  646. line-height: 44px;
  647. color: #666;
  648. white-space: nowrap;
  649. overflow: hidden;
  650. text-overflow: ellipsis;
  651. float: left;
  652. width: 50%;
  653. height: 100%;
  654. line-height: 50px;
  655. }
  656. ul.news-list.news-r-red>li>.m-across:hover a {
  657. color: #c44542;
  658. }
  659. ul.news-list.news-r-red>li>.m-across>em {
  660. display: block;
  661. font-style: normal;
  662. font-family: Verdana;
  663. font-size: .75em;
  664. height: 100%;
  665. line-height: 50px;
  666. color: #666;
  667. float: right;
  668. }
  669. .count {
  670. font-family: "Microsoft Yahei";
  671. color: white;
  672. }
  673. .count .all-count {
  674. background-color: #F6F6F6;
  675. }
  676. .all-count ul.acceptance {
  677. font-size: .875em;
  678. color: #666666;
  679. }
  680. .today-count ul.acceptance {
  681. font-size: 14px;
  682. color: #666;
  683. }
  684. ul.acceptance li .pl-30 {
  685. height: 100%;
  686. line-height: 50px;
  687. }
  688. ul.acceptance li {
  689. width: 100%;
  690. height: 50px;
  691. text-align: center;
  692. }
  693. .all-count .dcon {
  694. text-indent: 30px;
  695. color: #262626;
  696. font-size: 14px;
  697. padding: 20px 10px 10px 10px;
  698. line-height: 25px;
  699. }
  700. .all-count .dcan {
  701. width: 75%;
  702. margin: 0 auto;
  703. padding: 10px 0;
  704. }
  705. .all-count .dcan a {
  706. display: block;
  707. height: 30px;
  708. width: 85px;
  709. text-align: center;
  710. line-height: 30px;
  711. background: #03b2b7;
  712. border-radius: 20px;
  713. color: #fff;
  714. font-size: 15px;
  715. }
  716. .all-count .dcan a.dc {
  717. float: left;
  718. }
  719. .all-count .dcan a.ck {
  720. float: right;
  721. }
  722. ul.acceptance>li>img {
  723. display: block;
  724. float: left;
  725. margin-top: 3px;
  726. }
  727. .count .number {
  728. margin: 0 15px;
  729. }
  730. .box-content .fw-guide {
  731. margin-left: -20px;
  732. }
  733. .box-content .fw-guide li {
  734. float: left;
  735. width: 22%;
  736. height: 70px;
  737. margin-left: 20px;
  738. margin-top: 25px;
  739. border-radius: 3px;
  740. }
  741. .box-content .fw-guide li a {
  742. display: block;
  743. width: 100%;
  744. height: 100%;
  745. text-align: center;
  746. color: #fff;
  747. font-size: 14px;
  748. box-sizing: border-box;
  749. }
  750. .box-content .fw-guide li a i {
  751. display: block;
  752. height: 32px;
  753. width: 32px;
  754. margin: 0 auto;
  755. margin-top: 8px;
  756. }
  757. .box-content .fw-guide li.serv1 {
  758. background: #4b83b4;
  759. }
  760. .box-content .fw-guide li.serv1 a i {
  761. background: url("../img/sky .png") no-repeat 0 0;
  762. }
  763. .box-content .fw-guide li.serv2 {
  764. background: #cdc27c;
  765. }
  766. .box-content .fw-guide li.serv2 a i {
  767. background: url(../img/email.png) no-repeat 0 3px;
  768. }
  769. .box-content .fw-guide li.serv3 {
  770. background: #cdb49e;
  771. }
  772. .box-content .fw-guide li.serv3 a i {
  773. background: url(../img/chaxun.png) no-repeat 0 0;
  774. }
  775. .box-content .fw-guide li.serv4 {
  776. background: #9cc0e0;
  777. }
  778. .box-content .fw-guide li.serv4 a i {
  779. background: url(../img/tousu.png) no-repeat 0 0;
  780. }
  781. .box-content .fw-guide li.serv5 {
  782. background: #d0c6de;
  783. }
  784. .box-content .fw-guide li.serv5 a i {
  785. background: url(../img/churu.png) no-repeat 0 0;
  786. }
  787. .box-content .fw-guide li.serv6 {
  788. background: #88bcb7;
  789. }
  790. .box-content .fw-guide li.serv6 a i {
  791. width: 34px;
  792. height: 34px;
  793. background: url(../img/trade.png) no-repeat 0 0;
  794. }
  795. .box-content .fw-guide li.serv7 {
  796. background: #9dadc6;
  797. }
  798. .box-content .fw-guide li.serv7 a i {
  799. background: url(../img/cost.png) no-repeat 0 0;
  800. }
  801. .box-content .fw-guide li.serv8 {
  802. background: #e48b93;
  803. }
  804. .box-content .fw-guide li.serv8 a i {
  805. background: url(../img/pulic.png) no-repeat 0 0;
  806. }
  807. .footer {
  808. background: rgb(22, 100, 162);
  809. font-size: 14px;
  810. color: #fff;
  811. height: 100px;
  812. width: 100%;
  813. }
  814. .footer .footer-con {
  815. height: 100%;
  816. width: 1000px;
  817. margin: 0 auto;
  818. }
  819. .footerbox {
  820. text-align: center;
  821. line-height: 20px;
  822. padding-top: 20px;
  823. }
  824. .box-01 .sqsl_detail {
  825. position: relative;
  826. /*padding: 10px 36px 36px;*/
  827. }
  828. .box-01 .sqsl_detail table {
  829. width: 100%;
  830. border-collapse: collapse;
  831. }
  832. .box-01 .sqsl_detail table th {
  833. width: 15%;
  834. text-align: center;
  835. background: rgb(240, 244, 247);
  836. padding: 10px 15px;
  837. font-weight: normal;
  838. border: 1px solid #e6e6e6;
  839. font-size: 14px;
  840. color: #000;
  841. }
  842. .box-01 .sqsl_detail table td {
  843. padding: 5px 15px;
  844. font-size: 14px;
  845. line-height: 30px;
  846. border: 1px solid #e6e6e6;
  847. color: #666;
  848. }
  849. .accessible-wrap {
  850. display: none;
  851. -moz-user-select: none;
  852. -webkit-user-select: none;
  853. -ms-user-select: none;
  854. -khtml-user-select: none;
  855. user-select: none;
  856. }
  857. .accessible-body {
  858. position: fixed;
  859. z-index: 10;
  860. width: 100%;
  861. min-width: 1000px;
  862. text-align: right;
  863. padding: 10px 0;
  864. font-size: .875em;
  865. background-color: white !important;
  866. border-bottom: 1px solid #ddd;
  867. }
  868. .accessible-body-fixed {
  869. height: 47px;
  870. }
  871. .accessible-body span {
  872. display: inline-block;
  873. padding: 0 10px;
  874. margin-left: 6px;
  875. border: 1px solid #ccc;
  876. border-radius: 5px;
  877. background-color: #f3f3f3 !important;
  878. line-height: 24px;
  879. color: #444 !important;
  880. cursor: pointer;
  881. }
  882. .contrast,
  883. .contrast * {
  884. background: black !important;
  885. color: white !important;
  886. }
  887. .pagination {
  888. display: block;
  889. width: 100%;
  890. margin: 20px auto;
  891. }
  892. .fixed-table-pagination {
  893. font-size: 14px;
  894. }
  895. .fixed-table-pagination div.pagination {
  896. width: 55%;
  897. }
  898. .JumpPage {
  899. padding: 6px 0;
  900. height: 18px;
  901. }
  902. .ban-bottom {
  903. margin: 25px 0;
  904. }
  905. .ban-bottom li {
  906. float: left;
  907. width: 16.6%;
  908. height: 112px;
  909. box-sizing: border-box;
  910. padding: 10px;
  911. border-right: 1px dashed #ccc;
  912. }
  913. .firli {
  914. text-align: center;
  915. color: #ac2e3b;
  916. font-size: 20px;
  917. }
  918. .firli b {
  919. font-size: 45px;
  920. }
  921. .ban-bottom li a {
  922. display: block;
  923. width: 100%;
  924. text-align: center;
  925. }
  926. .ban-bottom li a .bbtop {
  927. margin: 8px 0;
  928. }
  929. .ban-bottom li a p {
  930. font-size: 14px;
  931. color: #666666;
  932. }
  933. .ban-bottom li a i.icon {
  934. display: inline-block;
  935. background: url(../img/icon.png) no-repeat;
  936. background-size: 25px;
  937. height: 25px;
  938. width: 25px;
  939. vertical-align: middle;
  940. margin-right: 5px;
  941. }
  942. .ban-bottom li a i.icon1 {
  943. background-position: 0 0;
  944. }
  945. .ban-bottom li a i.icon2 {
  946. background-position: 0 -25px;
  947. height: 23px;
  948. }
  949. .ban-bottom li a i.icon3 {
  950. background-position: 0 -47px;
  951. }
  952. .ban-bottom li a i.icon4 {
  953. background-position: 0 -72px;
  954. height: 21px
  955. }
  956. .ban-bottom li a i.icon5 {
  957. background-position: 0 -93px;
  958. }
  959. .chaxun-con {
  960. padding: 20px;
  961. }
  962. .box-title .chaxun>div {
  963. float: left;
  964. }
  965. .box-title .chaxun {
  966. float: right;
  967. }
  968. .box-title .chaxun>div>p {
  969. display: inline-block;
  970. width: 150px;
  971. height: 25px;
  972. border: 1px solid #ccc;
  973. position: relative;
  974. margin-right: 5px;
  975. }
  976. .box-title .chaxun>div>p>input {
  977. border: 0;
  978. width: 90%;
  979. height: 23px;
  980. outline: none;
  981. padding-left: 5px;
  982. }
  983. .box-title .chaxun>div.zonghe {
  984. margin-left: 35px;
  985. cursor: pointer;
  986. line-height: 26px;
  987. }
  988. .box-title .chaxun>div.zonghe .zhank {
  989. display: inline-block;
  990. background: url(../img/zhank.png);
  991. height: 9px;
  992. width: 15px;
  993. margin-left: 5px;
  994. animation: bounce .5s ease-in-out infinite;
  995. }
  996. @keyframes bounce {
  997. 0% {
  998. -webkit-transform: translate3d(0, 0px, 0);
  999. transform: translate3d(0, 0px, 0);
  1000. }
  1001. 50% {
  1002. -webkit-transform: translate3d(0, -3px, 0);
  1003. transform: translate3d(0, -3px, 0);
  1004. }
  1005. 100% {
  1006. -webkit-transform: translate3d(0, 0px, 0);
  1007. transform: translate3d(0, 0px, 0);
  1008. }
  1009. }
  1010. .cxr * {
  1011. box-sizing: content-box!important;
  1012. }
  1013. .cxr {
  1014. height: auto;
  1015. }
  1016. .cx-title {
  1017. width: 100%;
  1018. height: 30px;
  1019. text-align: center;
  1020. line-height: 30px;
  1021. background: #02b2b7;
  1022. color: #fff;
  1023. margin-bottom: 20px;
  1024. }
  1025. .cxr p {
  1026. font-size: 15px;
  1027. }
  1028. .cxr .gjcx-row1 p,
  1029. .cxr .gjcx-row2 p {
  1030. float: left;
  1031. width: 33.3%;
  1032. text-align: center;
  1033. margin-bottom: 15px;
  1034. }
  1035. .cxr .gjcx-row1 input {
  1036. padding-left: 10px;
  1037. width: 143px;
  1038. }
  1039. .cxr .gjcx-row1 input.laydate-icon {
  1040. padding-right: 0;
  1041. }
  1042. .cxr .gjcx-row2 select {
  1043. height: 25px;
  1044. line-height: 25px;
  1045. outline: none;
  1046. padding-left: 30px;
  1047. width: 125px;
  1048. }
  1049. .gjcx-row3 {
  1050. width: 30%;
  1051. margin: 0 auto;
  1052. }
  1053. .gjcx-row3 .psw {
  1054. outline: none;
  1055. height: 27px;
  1056. padding-left: 10px;
  1057. font-size: 15px;
  1058. cursor: pointer;
  1059. width: 140px;
  1060. border-radius: 5px;
  1061. background-color: #337ab7;
  1062. border-color: #337ab7;
  1063. color: #fff;
  1064. margin-top: 10px;
  1065. border: 0;
  1066. }
  1067. .gjcx-row3 p span {
  1068. display: inline-block;
  1069. width: 300px;
  1070. height: 25px;
  1071. border: 1px solid #ccc;
  1072. position: relative;
  1073. }
  1074. .gjcx-row3 p span input {
  1075. height: 90%;
  1076. border: 0;
  1077. width: 90%;
  1078. }
  1079. .gjcx-row3 p span a {
  1080. display: block;
  1081. height: 25px;
  1082. width: 25px;
  1083. position: absolute;
  1084. right: 2px;
  1085. top: 0px;
  1086. background: url(../img/search.png) center center no-repeat;
  1087. background-position: center center;
  1088. }
  1089. .diaocha {
  1090. color: #4c4c4c;
  1091. font-family: "microsoft yahei";
  1092. padding: 30px 35px;
  1093. }
  1094. .diaocha .diaocha-title {
  1095. font-size: 24px;
  1096. text-align: center;
  1097. /*margin-top: 30px;*/
  1098. }
  1099. .dctle-con {
  1100. text-indent: 32px;
  1101. font-size: 16px;
  1102. padding: 30px 0;
  1103. }
  1104. .diaocha-con h2 {
  1105. font-weight: normal;
  1106. font-size: 16px;
  1107. }
  1108. .diaocha-con .radio,
  1109. .diaocha-con .checkbox {
  1110. font-size: 14px;
  1111. padding-left: 30px;
  1112. }
  1113. .diaocha-con .checkbox {
  1114. width: 22.5%;
  1115. float: left;
  1116. margin-top: 0;
  1117. }
  1118. .checkbox+.checkbox {
  1119. margin-top: 0px;
  1120. }
  1121. .diaocha hr {
  1122. border-top: 4px solid #ccc;
  1123. margin-bottom: 40px;
  1124. }
  1125. .tj-box {
  1126. width: 30%;
  1127. margin: 0 auto;
  1128. }
  1129. .tj-box a {
  1130. display: block;
  1131. height: 35px;
  1132. width: 100px;
  1133. text-align: center;
  1134. line-height: 35px;
  1135. background: #03b2b7;
  1136. color: #fff;
  1137. border-radius: 3px;
  1138. }
  1139. .tj-box .dctj {
  1140. float: left;
  1141. }
  1142. .tj-box .dcck {
  1143. float: right;
  1144. }
  1145. .result-con {
  1146. padding-left: 30px;
  1147. }
  1148. .result-con>div {
  1149. float: left;
  1150. font-size: 14px;
  1151. }
  1152. .result-con .releft {
  1153. width: 30%;
  1154. }
  1155. .result-con .remiddle {
  1156. width: 40%;
  1157. }
  1158. .result-con .reright {
  1159. width: 10%;
  1160. margin-left: 20px;
  1161. }
  1162. .progress {
  1163. height: 16px;
  1164. }
  1165. .progress-bar-success {
  1166. background-color: #97c44f;
  1167. }
  1168. .progress-bar-warning {
  1169. background-color: #f2d561;
  1170. }
  1171. .progress-bar-zise {
  1172. background-color: #c278a9;
  1173. }
  1174. .progress-bar-cheng {
  1175. background-color: #fc9765;
  1176. }
  1177. .progress-bar-bohe {
  1178. background-color: #87ebf1;
  1179. }
  1180. .progress-bar-fen {
  1181. background-color: #ffe6de;
  1182. }
  1183. .progress-bar-dousha {
  1184. background-color: #ef9c94;
  1185. }
  1186. .progress-bar-qing {
  1187. background-color: #deffde;
  1188. }
  1189. .lv {
  1190. color: #97c44f;
  1191. }
  1192. .huang {
  1193. color: #f2d561;
  1194. }
  1195. .hong {
  1196. color: #d9534f;
  1197. }
  1198. .lan {
  1199. color: #5bc0de;
  1200. }
  1201. .zise {
  1202. color: #c278a9;
  1203. }
  1204. .cheng {
  1205. color: #fc9765;
  1206. }
  1207. .bohe {
  1208. color: #87ebf1;
  1209. }
  1210. .fen {
  1211. color: #ffe6de;
  1212. }
  1213. .dousha {
  1214. color: #ef9c94;
  1215. }
  1216. .qing {
  1217. color: #deffde;
  1218. }
  1219. .return {
  1220. display: block;
  1221. height: 35px;
  1222. width: 100px;
  1223. text-align: center;
  1224. line-height: 35px;
  1225. background: #03b2b7;
  1226. color: #fff;
  1227. border-radius: 3px;
  1228. margin: 0 auto;
  1229. }
  1230. .nextGo {
  1231. display: block;
  1232. line-height: 35px;
  1233. width: 100px;
  1234. text-align: center;
  1235. line-height: 35px;
  1236. background: rgb(22, 100, 162);
  1237. color: #fff;
  1238. border-radius: 3px;
  1239. margin: 0 auto;
  1240. outline: none;
  1241. border-color: rgb(22, 100, 162);
  1242. }
  1243. .personal .table {
  1244. width: 90%;
  1245. margin: 20px auto;
  1246. }
  1247. .personal .table tr td {
  1248. text-align: center;
  1249. }
  1250. .personal .table tr td img {
  1251. margin-right: 5px;
  1252. }
  1253. .personal .table tr td input[type=text] {
  1254. width: 90%;
  1255. height: 20px;
  1256. border: 0;
  1257. outline: none;
  1258. text-align: center;
  1259. }
  1260. .personal .table tr td:first-child {
  1261. text-align: right;
  1262. width: 20%;
  1263. }
  1264. .personal .table tr td select {
  1265. vertical-align: middle;
  1266. font-size: 14px;
  1267. outline: none;
  1268. width: 100px;
  1269. height: 25px;
  1270. padding-left: 5px;
  1271. }
  1272. .personal .table tr td button {
  1273. color: #fff;
  1274. background: #ac2e3b;
  1275. border: 0;
  1276. padding: 5px 10px;
  1277. border-radius: 3px;
  1278. margin: 10px auto;
  1279. display: block;
  1280. }
  1281. .Input_ {
  1282. background-color: #FFF;
  1283. background-image: none;
  1284. border: 1px solid #ccc;
  1285. border-radius: 1px;
  1286. color: inherit;
  1287. padding: 6px 12px;
  1288. }
  1289. .sys-title {
  1290. color: #990000;
  1291. font-size: 40px;
  1292. font-family: "宋体";
  1293. height: 140px;
  1294. line-height: 140px;
  1295. padding-left: 50px;
  1296. }
  1297. .hr {
  1298. border-top: 1px solid #d9d9d9;
  1299. }
  1300. .sys-con img {
  1301. display: block;
  1302. height: 295px;
  1303. width: 340px;
  1304. margin: 40px auto;
  1305. }
  1306. .sys-word .weihu,
  1307. .sys-word .sys-time {
  1308. color: #b10808;
  1309. font-size: 36px;
  1310. text-align: center;
  1311. }
  1312. .sys-word .sys-time {
  1313. font-size: 25px;
  1314. }
  1315. .sys-word .sys-xuan {
  1316. text-align: right;
  1317. width: 50%;
  1318. margin: 0 auto;
  1319. color: #b10808;
  1320. font-size: 24px;
  1321. }
  1322. .imgs a{
  1323. color: #000000!important;
  1324. }
  1325. ._imgbox img{
  1326. width: 168px;
  1327. height: 110px;
  1328. }
  1329. .Sl {
  1330. text-align: center;
  1331. padding: 10px;
  1332. }
  1333. .Sl li{
  1334. width: 50%;
  1335. float: left;
  1336. }
  1337. .btn{
  1338. text-align: center;
  1339. background: rgb(22, 100, 162);
  1340. color: #fff;
  1341. border-radius: 3px;
  1342. margin: 0 auto;
  1343. outline: none;
  1344. border-color: rgb(22, 100, 162);
  1345. }