濮阳12345web

indexs.css 34KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277
  1. html {
  2. /*IE10 IE11始终显示滚动条*/
  3. -ms-overflow-style:scrollbar;
  4. }
  5. body {
  6. margin: 0;
  7. padding: 0;
  8. font-size: 16px;
  9. /*background-color: #CDEBFB;*/
  10. /*-webkit-text-size-adjust: none;*/
  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: 7px;
  56. }
  57. .min-wrap {
  58. max-width: 1280px;
  59. min-width: 1000px;
  60. margin: 0 auto;
  61. }
  62. .main-wrap {
  63. width: 1200px;
  64. margin: 0 auto;
  65. }
  66. .main-body {
  67. background-color: white;
  68. margin-bottom: 20px;
  69. }
  70. .navcon {
  71. width: 100%;
  72. background-color: #00a1cb;
  73. }
  74. .navcon_box {
  75. width: 1200px;
  76. margin: 0 auto;
  77. }
  78. .logo_box {
  79. float: left;
  80. width: 35%;
  81. }
  82. .logo {
  83. float: left;
  84. height: 100%;
  85. line-height: 80px;
  86. font-size: 32px;
  87. color: #02b2b5;
  88. }
  89. .logoImg_box {
  90. padding-left: 76px;
  91. }
  92. .nav_right {
  93. width: 65%;
  94. float: right;
  95. }
  96. .navs .active {
  97. border-bottom: 2px solid #fff;
  98. }
  99. .Hidens {
  100. display: none;
  101. }
  102. .Input_box {
  103. border: 1px solid #99b6cd;
  104. height: 22px;
  105. width: 55%;
  106. position: relative;
  107. padding: 2px;
  108. margin-top: 20px;
  109. border-radius: 5px;
  110. }
  111. .Seach_box {
  112. height: 18px;
  113. width: 140px;
  114. border: 0;
  115. background: transparent;
  116. outline: none;
  117. position: absolute;
  118. font-size: 14px;
  119. padding: 2px;
  120. color: #99b6cd;
  121. }
  122. .Seac_icon {
  123. background: url(../img/ss.png)no-repeat;
  124. width: 20px;
  125. height: 20px;
  126. display: block;
  127. position: absolute;
  128. right: 0;
  129. /* line-height: 51px; */
  130. top: 7px;
  131. }
  132. .login_icon {
  133. background: url(../img/login.png)no-repeat;
  134. width: 20px;
  135. height: 20px;
  136. display: block;
  137. margin-top: 25px;
  138. }
  139. .login_btton {
  140. color: #fff;
  141. }
  142. .login_box {
  143. padding-left: 10px;
  144. }
  145. .login_box a {
  146. color: #fff;
  147. cursor: pointer;
  148. }
  149. input::-webkit-input-placeholder,
  150. textarea::-webkit-input-placeholder {
  151. color: #99b6cd;
  152. }
  153. input:-moz-placeholder,
  154. textarea:-moz-placeholder {
  155. color: #99b6cd;
  156. }
  157. input::-moz-placeholder,
  158. textarea::-moz-placeholder {
  159. color: #99b6cd6;
  160. }
  161. input:-ms-input-placeholder,
  162. textarea:-ms-input-placeholder {
  163. color: #99b6cd;
  164. }
  165. .navcon_1 {
  166. margin-bottom: 10px;
  167. }
  168. .navCon {
  169. margin-top: 15px;
  170. }
  171. .Content_box {
  172. height: 290px;
  173. /*background-color: #03B2B7;*/
  174. border: 1px solid #CCCCCC;
  175. border-top: 5px solid #00a1cb;
  176. }
  177. .content_title {
  178. padding-top: 4px;
  179. font-weight: bold;
  180. line-height: 26px;
  181. background: #f3f3f3;
  182. padding-left: 15px;
  183. }
  184. .content_moddile {
  185. padding: 0 15px;
  186. padding-top: 12px;
  187. }
  188. .cont_modtitle {
  189. color: #00a1cb;
  190. }
  191. .cont_wz {
  192. margin-bottom: 14px;
  193. }
  194. .fx {
  195. border-bottom: 1px dashed #ccc;
  196. }
  197. .new_list li {
  198. height: 30px;
  199. }
  200. .new_list li:hover {
  201. background-color: #f5f5f5;
  202. }
  203. /*.content_foot ul.MQ li:nth-of-type(even){
  204. background-color: #f3f3f3;
  205. } */
  206. .new_title {
  207. height: 100%;
  208. line-height: 30px;
  209. padding: 0 15px;
  210. }
  211. .new_title h1 {
  212. margin: 0;
  213. padding: 0;
  214. font-weight: normal;
  215. line-height: 30px;
  216. white-space: nowrap;
  217. overflow: hidden;
  218. text-overflow: ellipsis;
  219. float: left;
  220. width: 55%;
  221. }
  222. .new_title em {
  223. font-style: normal;
  224. }
  225. .new_title a {
  226. color: #000;
  227. display: block;
  228. width: 100%;
  229. color: #666;
  230. white-space: nowrap;
  231. overflow: hidden;
  232. text-overflow: ellipsis;
  233. }
  234. .new_title a:hover {
  235. color: #00b5e4!important;
  236. }
  237. .mores {
  238. font-weight: normal;
  239. margin-right: 20px;
  240. font-size: 14px;
  241. }
  242. .mores a{
  243. color: #000;
  244. }
  245. .mores a:hover{
  246. color: #00a1cb;
  247. }
  248. .new_img li {
  249. float: left;
  250. width: 24%;
  251. }
  252. .content_foot_img {
  253. padding: 15px 10px 0 10px;
  254. }
  255. ._imgbox {
  256. margin-bottom: 15px;
  257. cursor: pointer;
  258. }
  259. /*主体*/
  260. .main-bar {
  261. height: 80px;
  262. background-color: #02B2B5;
  263. }
  264. .main-bar .logo {
  265. float: left;
  266. margin-top: 19px;
  267. width: 408px;
  268. height: 53px;
  269. /*background: * url("") no-repeat;*/
  270. border: 1px solid red;
  271. }
  272. .main-bar .back {
  273. float: right;
  274. background-color: #ea544a;
  275. border-radius: 20px;
  276. font-family: "Microsoft Yahei";
  277. height: 30px;
  278. line-height: 30px;
  279. width: 92px;
  280. text-align: center;
  281. margin-top: 28px;
  282. color: white;
  283. }
  284. .main-bar .back a {
  285. color: white;
  286. font-size: .93em;
  287. }
  288. .main-bar .back a:hover {
  289. color: white;
  290. text-decoration: underline;
  291. }
  292. .main-bar .nav {
  293. /*float: left;*/
  294. font-family: "Microsoft Yahei";
  295. }
  296. .Foots {
  297. border: 1px solid #ccc;
  298. }
  299. .foot_ul li {
  300. float: left;
  301. width: 20%;
  302. margin-bottom: 15px;
  303. cursor: pointer;
  304. }
  305. .FootBox {
  306. text-align: center;
  307. padding: 50px;
  308. }
  309. .index-banner {
  310. line-height: 0;
  311. height: 300px;
  312. }
  313. .index-banner img {
  314. display: block;
  315. width: 100%;
  316. height: 100%;
  317. }
  318. .col-wide {
  319. float: left;
  320. width: 650px;
  321. }
  322. .col-narrow {
  323. margin-left: 700px;
  324. }
  325. .box-01 .box-title {
  326. padding: 16px 10px 16px 0;
  327. height: 16px;
  328. margin-bottom: 20px;
  329. }
  330. .box-01.red-bg .box-title {
  331. background-color: #85c300;
  332. text-align: center;
  333. color: #fff;
  334. }
  335. .col-narrow .rt-box {
  336. height: 47px;
  337. line-height: 47px;
  338. border-bottom: 2px solid #000;
  339. position: relative;
  340. }
  341. .col-narrow .rt-box .right-title {
  342. float: left;
  343. color: #c44542;
  344. }
  345. .col-narrow .rt-box .bor-line {
  346. width: 50%;
  347. height: 2px;
  348. line-height: 0;
  349. background: #c44542;
  350. position: absolute;
  351. bottom: -2px;
  352. }
  353. .col-narrow .rt-box .right-more {
  354. float: right;
  355. }
  356. .col-narrow .rt-box .right-more a {
  357. color: #000;
  358. font-size: 12px;
  359. }
  360. .col-narrow .rt-box .right-more a:hover {
  361. color: #ac2e3b;
  362. }
  363. .col-narrow .bianmin-con {
  364. margin-left: -10px;
  365. height: 240px;
  366. }
  367. .col-narrow .bianmin-con li {
  368. float: left;
  369. width: 30%;
  370. height: 70px;
  371. margin-left: 10px;
  372. background: aqua;
  373. margin-top: 10px;
  374. }
  375. .col-narrow .bianmin-con li a,
  376. .col-narrow .bianmin-con li a img {
  377. display: block;
  378. width: 100%;
  379. height: 100%;
  380. }
  381. .col-narrow .bianmin-con li.seven,
  382. .col-narrow .bianmin-con li.four {
  383. width: 63%;
  384. }
  385. .col-narrow .sjtj-con {
  386. border: 1px solid #707070;
  387. text-align: center;
  388. font-size: 16px;
  389. border-radius: 5px;
  390. overflow: hidden;
  391. margin-top: 10px;
  392. padding-bottom: 15px;
  393. }
  394. .col-narrow .sjtj-con .sjtj-title {
  395. background: #ac2e3b;
  396. color: #fff;
  397. height: 45px;
  398. line-height: 45px;
  399. }
  400. .col-narrow .sjtj-con ul li {
  401. width: 50%;
  402. float: left;
  403. margin-top: 25px;
  404. }
  405. .box-01 .box-title-name {
  406. float: left;
  407. font-family: "Microsoft Yahei";
  408. line-height: 1em;
  409. height: 2em;
  410. padding-left: 10px;
  411. border-left: 7px solid #00a1cb;
  412. }
  413. .col-narrow .box-01.gray-bg .box-title .right-title {
  414. border-left: 0;
  415. color: rgb(22, 100, 162);
  416. }
  417. .col-narrow .box-01.gray-bg .box-title .box-title-name,
  418. .col-narrow .box-01.gray-bg .box-title .box-title-more a {
  419. /*color: #000;*/
  420. }
  421. .box-01.red-decoration .main-content {
  422. padding: 0px 30px 0px 20px;
  423. color: #333;
  424. font-size: .875em;
  425. border: 1px solid #d8d8d8;
  426. }
  427. .box-01.red-decoration .main-content .content-title {
  428. text-align: center;
  429. color: #000000;
  430. font-size: 20px;
  431. font-family: "宋体", "黑体", "新宋体";
  432. font-weight: bold;
  433. margin: 20px auto;
  434. }
  435. .box-01.red-decoration .main-content .gary-line {
  436. border-bottom: solid 1px #ddd;
  437. margin: 10px 36px;
  438. }
  439. .box-01.red-decoration .main-content .content-info {
  440. text-align: center;
  441. font-size: 12px;
  442. border: #dcdcdc dashed 1px;
  443. border-width: 0 0 1px 0;
  444. padding-bottom: 15px;
  445. }
  446. .box-01.red-decoration .main-content .content-text {
  447. margin: 15px 32px;
  448. line-height: 30px;
  449. }
  450. .box-01 .box-title-more {
  451. float: right;
  452. text-align: right;
  453. color: #999999;
  454. font-size: .75em;
  455. line-height: 1.34em;
  456. }
  457. .box-01 .box-title-more a {
  458. color: #333;
  459. }
  460. .box-01 .box-title-more a:hover {
  461. color: #ac2e3b;
  462. text-decoration: none;
  463. }
  464. ul.news-list.gray-line>li {
  465. height: 50px;
  466. border-bottom: 1px dashed #e0e0e0;
  467. padding-right: 20px;
  468. }
  469. ul.news-list.gray-line>li .news-title {
  470. height: 100%;
  471. }
  472. ul.news-list.gray-line>li:prev-child {
  473. border: none;
  474. padding-top: 10px;
  475. }
  476. ul.news-list.gray-line>li:after {
  477. content: "";
  478. display: block;
  479. clear: both;
  480. height: 0;
  481. }
  482. ul.news-list.gray-line .news-pic img {
  483. width: 120px;
  484. height: 90px;
  485. display: block;
  486. }
  487. ul.news-list.gray-line .news-title>h1 {
  488. margin: 0;
  489. padding: 0;
  490. font-weight: normal;
  491. color: #ea544a;
  492. font-size: .875em;
  493. line-height: 50px;
  494. white-space: nowrap;
  495. overflow: hidden;
  496. text-overflow: ellipsis;
  497. float: left;
  498. width: 55%;
  499. }
  500. ul.news-list.gray-line .news-title>h1>a {
  501. display: block;
  502. width: 100%;
  503. color: #666;
  504. white-space: nowrap;
  505. overflow: hidden;
  506. text-overflow: ellipsis;
  507. }
  508. ul.news-list.gray-line .news-title:hover h1>a {
  509. color: rgb(22, 100, 162);
  510. /*text-decoration: underline;*/
  511. }
  512. ul.news-list.gray-line .news-title>p {
  513. margin: 0;
  514. padding: 0;
  515. color: #999999;
  516. font-size: .75em;
  517. line-height: 2.4em;
  518. white-space: nowrap;
  519. overflow: hidden;
  520. text-overflow: ellipsis;
  521. }
  522. ul.news-list.gray-line .news-title>em {
  523. display: block;
  524. font-style: normal;
  525. font-family: Verdana;
  526. font-size: .75em;
  527. line-height: 50px;
  528. color: #666666;
  529. float: right;
  530. }
  531. .lm-table {
  532. table-layout: fixed;
  533. width: 100%;
  534. font-size: .75em;
  535. padding-bottom: 11px;
  536. }
  537. .lm-table td {
  538. border-bottom: 1px solid #f6f6f6;
  539. height: 48px;
  540. line-height: 48px;
  541. padding: 0 15px;
  542. text-align: center;
  543. font-size: 13px;
  544. }
  545. .lm-table .lm-title td {
  546. background-color: #f2f2f2;
  547. font-family: "Microsoft Yahei";
  548. color: #1a1a1a;
  549. font-size: 1.17em;
  550. height: 40px;
  551. line-height: 40px;
  552. }
  553. .lm-table .last td {
  554. border: none;
  555. }
  556. .lm-table .red {
  557. color: #f18c86;
  558. }
  559. .lm-table .date {
  560. color: #8c8c8c;
  561. font-family: Verdana;
  562. }
  563. .lm-table .organizer {
  564. color: #666666;
  565. white-space: nowrap;
  566. overflow: hidden;
  567. text-overflow: ellipsis;
  568. }
  569. .lm-table .content a {
  570. font-size: 13px;
  571. display: block;
  572. white-space: nowrap;
  573. overflow: hidden;
  574. text-overflow: ellipsis;
  575. color: #3f3f3f;
  576. }
  577. .lm-table .content a:hover {
  578. color: #c44542;
  579. }
  580. ul.news-list.news-r-red>li {
  581. border-bottom: 1px dashed #ccc;
  582. background-color: #F6F6F6;
  583. height: 50px;
  584. }
  585. ul.news-list.news-r-red>li>.m-across {
  586. padding: 0px 20px 0px;
  587. height: 100%;
  588. }
  589. ul.news-list.news-r-red>li>.m-across:hover {
  590. /* border-right: 2px solid #ff5256;*/
  591. cursor: pointer;
  592. }
  593. ul.news-list.news-r-red>li.odd {
  594. /*background-color: #f6f6f6;*/
  595. }
  596. ul.news-list.news-r-red>li>.m-across>a {
  597. display: block;
  598. font-size: .875em;
  599. line-height: 44px;
  600. color: #666;
  601. white-space: nowrap;
  602. overflow: hidden;
  603. text-overflow: ellipsis;
  604. float: left;
  605. width: 50%;
  606. height: 100%;
  607. line-height: 50px;
  608. }
  609. ul.news-list.news-r-red>li>.m-across:hover a {
  610. color: #c44542;
  611. }
  612. ul.news-list.news-r-red>li>.m-across>em {
  613. display: block;
  614. font-style: normal;
  615. font-family: Verdana;
  616. font-size: .75em;
  617. height: 100%;
  618. line-height: 50px;
  619. color: #666;
  620. float: right;
  621. }
  622. .count {
  623. font-family: "Microsoft Yahei";
  624. color: white;
  625. }
  626. .count .all-count {
  627. background-color: #F6F6F6;
  628. }
  629. .all-count ul.acceptance {
  630. font-size: .875em;
  631. color: #666666;
  632. }
  633. .today-count ul.acceptance {
  634. font-size: 14px;
  635. color: #666;
  636. }
  637. ul.acceptance li .pl-30 {
  638. height: 100%;
  639. line-height: 50px;
  640. }
  641. ul.acceptance li {
  642. width: 100%;
  643. height: 50px;
  644. text-align: center;
  645. }
  646. .all-count .dcon {
  647. text-indent: 30px;
  648. color: #262626;
  649. font-size: 14px;
  650. padding: 20px 10px 10px 10px;
  651. line-height: 25px;
  652. }
  653. .all-count .dcan {
  654. width: 75%;
  655. margin: 0 auto;
  656. padding: 10px 0;
  657. }
  658. .all-count .dcan a {
  659. display: block;
  660. height: 30px;
  661. width: 85px;
  662. text-align: center;
  663. line-height: 30px;
  664. background: #03b2b7;
  665. border-radius: 20px;
  666. color: #fff;
  667. font-size: 15px;
  668. }
  669. .all-count .dcan a.dc {
  670. float: left;
  671. }
  672. .all-count .dcan a.ck {
  673. float: right;
  674. }
  675. ul.acceptance>li>img {
  676. display: block;
  677. float: left;
  678. margin-top: 3px;
  679. }
  680. .count .number {
  681. margin: 0 15px;
  682. }
  683. .box-content .fw-guide {
  684. margin-left: -20px;
  685. }
  686. .box-content .fw-guide li {
  687. float: left;
  688. width: 22%;
  689. height: 70px;
  690. margin-left: 20px;
  691. margin-top: 25px;
  692. border-radius: 3px;
  693. }
  694. .box-content .fw-guide li a {
  695. display: block;
  696. width: 100%;
  697. height: 100%;
  698. text-align: center;
  699. color: #fff;
  700. font-size: 14px;
  701. box-sizing: border-box;
  702. }
  703. .box-content .fw-guide li a i {
  704. display: block;
  705. height: 32px;
  706. width: 32px;
  707. margin: 0 auto;
  708. margin-top: 8px;
  709. }
  710. .box-content .fw-guide li.serv1 {
  711. background: #4b83b4;
  712. }
  713. .box-content .fw-guide li.serv1 a i {
  714. background: url("../img/sky .png") no-repeat 0 0;
  715. }
  716. .box-content .fw-guide li.serv2 {
  717. background: #cdc27c;
  718. }
  719. .box-content .fw-guide li.serv2 a i {
  720. background: url(../img/email.png) no-repeat 0 3px;
  721. }
  722. .box-content .fw-guide li.serv3 {
  723. background: #cdb49e;
  724. }
  725. .box-content .fw-guide li.serv3 a i {
  726. background: url(../img/chaxun.png) no-repeat 0 0;
  727. }
  728. .box-content .fw-guide li.serv4 {
  729. background: #9cc0e0;
  730. }
  731. .box-content .fw-guide li.serv4 a i {
  732. background: url(../img/tousu.png) no-repeat 0 0;
  733. }
  734. .box-content .fw-guide li.serv5 {
  735. background: #d0c6de;
  736. }
  737. .box-content .fw-guide li.serv5 a i {
  738. background: url(../img/churu.png) no-repeat 0 0;
  739. }
  740. .box-content .fw-guide li.serv6 {
  741. background: #88bcb7;
  742. }
  743. .box-content .fw-guide li.serv6 a i {
  744. width: 34px;
  745. height: 34px;
  746. background: url(../img/trade.png) no-repeat 0 0;
  747. }
  748. .box-content .fw-guide li.serv7 {
  749. background: #9dadc6;
  750. }
  751. .box-content .fw-guide li.serv7 a i {
  752. background: url(../img/cost.png) no-repeat 0 0;
  753. }
  754. .box-content .fw-guide li.serv8 {
  755. background: #e48b93;
  756. }
  757. .box-content .fw-guide li.serv8 a i {
  758. background: url(../img/pulic.png) no-repeat 0 0;
  759. }
  760. .footer {
  761. background: #00a1cb;
  762. font-size: 14px;
  763. color: #fff;
  764. padding: 30px 0;
  765. }
  766. .footer .footer-con {
  767. height: 100%;
  768. width: 1000px;
  769. margin: 0 auto;
  770. }
  771. .footerbox {
  772. text-align: center;
  773. line-height: 20px;
  774. }
  775. .footerbox a{
  776. color: #fff;
  777. }
  778. .box-01 .sqsl_detail {
  779. position: relative;
  780. /*padding: 10px 36px 36px;*/
  781. }
  782. .box-01 .sqsl_detail table {
  783. width: 100%;
  784. border-collapse: collapse;
  785. }
  786. .box-01 .sqsl_detail table th {
  787. width: 15%;
  788. text-align: center;
  789. background: rgb(240, 244, 247);
  790. padding: 10px 15px;
  791. font-weight: normal;
  792. border: 1px solid #e6e6e6;
  793. font-size: 14px;
  794. color: #000;
  795. }
  796. .box-01 .sqsl_detail table td {
  797. padding: 5px 15px;
  798. font-size: 14px;
  799. line-height: 30px;
  800. border: 1px solid #e6e6e6;
  801. color: #666;
  802. }
  803. .accessible-wrap {
  804. display: none;
  805. -moz-user-select: none;
  806. -webkit-user-select: none;
  807. -ms-user-select: none;
  808. -khtml-user-select: none;
  809. user-select: none;
  810. }
  811. .accessible-body {
  812. position: fixed;
  813. z-index: 10;
  814. width: 100%;
  815. min-width: 1000px;
  816. text-align: right;
  817. padding: 10px 0;
  818. font-size: .875em;
  819. background-color: white !important;
  820. border-bottom: 1px solid #ddd;
  821. }
  822. .accessible-body-fixed {
  823. height: 47px;
  824. }
  825. .accessible-body span {
  826. display: inline-block;
  827. padding: 0 10px;
  828. margin-left: 6px;
  829. border: 1px solid #ccc;
  830. border-radius: 5px;
  831. background-color: #f3f3f3 !important;
  832. line-height: 24px;
  833. color: #444 !important;
  834. cursor: pointer;
  835. }
  836. .contrast,
  837. .contrast * {
  838. background: black !important;
  839. color: white !important;
  840. }
  841. .pagination {
  842. display: block;
  843. width: 100%;
  844. margin: 5px auto;
  845. }
  846. .pagination-detail{
  847. margin-top: 8px;
  848. }
  849. .fixed-table-pagination {
  850. font-size: 14px;
  851. }
  852. .fixed-table-pagination div.pagination {
  853. width: 55%;
  854. }
  855. .JumpPage {
  856. padding: 6px 0;
  857. height: 18px;
  858. }
  859. .ban-bottom {
  860. margin: 25px 0;
  861. }
  862. .ban-bottom li {
  863. float: left;
  864. width: 16.6%;
  865. height: 112px;
  866. box-sizing: border-box;
  867. padding: 10px;
  868. border-right: 1px dashed #ccc;
  869. }
  870. .firli {
  871. text-align: center;
  872. color: #ac2e3b;
  873. font-size: 20px;
  874. }
  875. .firli b {
  876. font-size: 45px;
  877. }
  878. .ban-bottom li a {
  879. display: block;
  880. width: 100%;
  881. text-align: center;
  882. }
  883. .ban-bottom li a .bbtop {
  884. margin: 8px 0;
  885. }
  886. .ban-bottom li a p {
  887. font-size: 14px;
  888. color: #666666;
  889. }
  890. .ban-bottom li a i.icon {
  891. display: inline-block;
  892. background: url(../img/icon.png) no-repeat;
  893. background-size: 25px;
  894. height: 25px;
  895. width: 25px;
  896. vertical-align: middle;
  897. margin-right: 5px;
  898. }
  899. .ban-bottom li a i.icon1 {
  900. background-position: 0 0;
  901. }
  902. .ban-bottom li a i.icon2 {
  903. background-position: 0 -25px;
  904. height: 23px;
  905. }
  906. .ban-bottom li a i.icon3 {
  907. background-position: 0 -47px;
  908. }
  909. .ban-bottom li a i.icon4 {
  910. background-position: 0 -72px;
  911. height: 21px
  912. }
  913. .ban-bottom li a i.icon5 {
  914. background-position: 0 -93px;
  915. }
  916. .chaxun-con {
  917. padding: 20px;
  918. }
  919. .box-title .chaxun>div {
  920. float: left;
  921. }
  922. .box-title .chaxun {
  923. float: right;
  924. }
  925. .box-title .chaxun>div>p {
  926. display: inline-block;
  927. width: 150px;
  928. height: 25px;
  929. border: 1px solid #ccc;
  930. position: relative;
  931. margin-right: 5px;
  932. }
  933. .box-title .chaxun>div>p>input {
  934. border: 0;
  935. width: 90%;
  936. height: 23px;
  937. outline: none;
  938. padding-left: 5px;
  939. }
  940. .box-title .chaxun>div.zonghe {
  941. margin-left: 35px;
  942. cursor: pointer;
  943. line-height: 26px;
  944. }
  945. .box-title .chaxun>div.zonghe .zhank {
  946. display: inline-block;
  947. background: url(../img/zhank.png);
  948. height: 9px;
  949. width: 15px;
  950. margin-left: 5px;
  951. animation: bounce .5s ease-in-out infinite;
  952. }
  953. @keyframes bounce {
  954. 0% {
  955. -webkit-transform: translate3d(0, 0px, 0);
  956. transform: translate3d(0, 0px, 0);
  957. }
  958. 50% {
  959. -webkit-transform: translate3d(0, -3px, 0);
  960. transform: translate3d(0, -3px, 0);
  961. }
  962. 100% {
  963. -webkit-transform: translate3d(0, 0px, 0);
  964. transform: translate3d(0, 0px, 0);
  965. }
  966. }
  967. .cxr * {
  968. box-sizing: content-box!important;
  969. }
  970. .cxr {
  971. height: auto;
  972. }
  973. .cx-title {
  974. width: 100%;
  975. height: 30px;
  976. text-align: center;
  977. line-height: 30px;
  978. background: #02b2b7;
  979. color: #fff;
  980. margin-bottom: 20px;
  981. }
  982. .cxr p {
  983. font-size: 15px;
  984. }
  985. .cxr .gjcx-row1 p,
  986. .cxr .gjcx-row2 p {
  987. float: left;
  988. width: 33.3%;
  989. text-align: center;
  990. margin-bottom: 15px;
  991. }
  992. .cxr .gjcx-row1 input {
  993. padding-left: 10px;
  994. width: 143px;
  995. }
  996. .cxr .gjcx-row1 input.laydate-icon {
  997. padding-right: 0;
  998. }
  999. .cxr .gjcx-row2 select {
  1000. height: 25px;
  1001. line-height: 25px;
  1002. outline: none;
  1003. padding-left: 30px;
  1004. width: 125px;
  1005. }
  1006. .gjcx-row3 {
  1007. width: 30%;
  1008. margin: 0 auto;
  1009. }
  1010. .gjcx-row3 .psw {
  1011. outline: none;
  1012. height: 27px;
  1013. padding-left: 10px;
  1014. font-size: 15px;
  1015. cursor: pointer;
  1016. width: 140px;
  1017. border-radius: 5px;
  1018. background-color: #337ab7;
  1019. border-color: #337ab7;
  1020. color: #fff;
  1021. margin-top: 10px;
  1022. border: 0;
  1023. }
  1024. .gjcx-row3 p span {
  1025. display: inline-block;
  1026. width: 300px;
  1027. height: 25px;
  1028. border: 1px solid #ccc;
  1029. position: relative;
  1030. }
  1031. .gjcx-row3 p span input {
  1032. height: 90%;
  1033. border: 0;
  1034. width: 90%;
  1035. }
  1036. .gjcx-row3 p span a {
  1037. display: block;
  1038. height: 25px;
  1039. width: 25px;
  1040. position: absolute;
  1041. right: 2px;
  1042. top: 0px;
  1043. background: url(../img/search.png) center center no-repeat;
  1044. background-position: center center;
  1045. }
  1046. .diaocha {
  1047. color: #4c4c4c;
  1048. font-family: "microsoft yahei";
  1049. padding: 30px 35px;
  1050. }
  1051. .diaocha .diaocha-title {
  1052. font-size: 24px;
  1053. text-align: center;
  1054. /*margin-top: 30px;*/
  1055. }
  1056. .dctle-con {
  1057. text-indent: 32px;
  1058. font-size: 16px;
  1059. padding: 30px 0;
  1060. }
  1061. .diaocha-con h2 {
  1062. font-weight: normal;
  1063. font-size: 16px;
  1064. }
  1065. .diaocha-con .radio,
  1066. .diaocha-con .checkbox {
  1067. font-size: 14px;
  1068. padding-left: 30px;
  1069. }
  1070. .diaocha-con .checkbox {
  1071. width: 22.5%;
  1072. float: left;
  1073. margin-top: 0;
  1074. }
  1075. .checkbox+.checkbox {
  1076. margin-top: 0px;
  1077. }
  1078. .diaocha hr {
  1079. border-top: 4px solid #ccc;
  1080. margin-bottom: 40px;
  1081. }
  1082. .tj-box {
  1083. width: 30%;
  1084. margin: 0 auto;
  1085. }
  1086. .tj-box a {
  1087. display: block;
  1088. height: 35px;
  1089. width: 100px;
  1090. text-align: center;
  1091. line-height: 35px;
  1092. background: #03b2b7;
  1093. color: #fff;
  1094. border-radius: 3px;
  1095. }
  1096. .tj-box .dctj {
  1097. float: left;
  1098. }
  1099. .tj-box .dcck {
  1100. float: right;
  1101. }
  1102. .result-con {
  1103. padding-left: 30px;
  1104. }
  1105. .result-con>div {
  1106. float: left;
  1107. font-size: 14px;
  1108. }
  1109. .result-con .releft {
  1110. width: 30%;
  1111. }
  1112. .result-con .remiddle {
  1113. width: 40%;
  1114. }
  1115. .result-con .reright {
  1116. width: 10%;
  1117. margin-left: 20px;
  1118. }
  1119. .progress {
  1120. height: 16px;
  1121. }
  1122. .progress-bar-success {
  1123. background-color: #97c44f;
  1124. }
  1125. .progress-bar-warning {
  1126. background-color: #f2d561;
  1127. }
  1128. .progress-bar-zise {
  1129. background-color: #c278a9;
  1130. }
  1131. .progress-bar-cheng {
  1132. background-color: #fc9765;
  1133. }
  1134. .progress-bar-bohe {
  1135. background-color: #87ebf1;
  1136. }
  1137. .progress-bar-fen {
  1138. background-color: #ffe6de;
  1139. }
  1140. .progress-bar-dousha {
  1141. background-color: #ef9c94;
  1142. }
  1143. .progress-bar-qing {
  1144. background-color: #deffde;
  1145. }
  1146. .lv {
  1147. color: #97c44f;
  1148. }
  1149. .huang {
  1150. color: #f2d561;
  1151. }
  1152. .hong {
  1153. color: #d9534f;
  1154. }
  1155. .lan {
  1156. color: #5bc0de;
  1157. }
  1158. .zise {
  1159. color: #c278a9;
  1160. }
  1161. .cheng {
  1162. color: #fc9765;
  1163. }
  1164. .bohe {
  1165. color: #87ebf1;
  1166. }
  1167. .fen {
  1168. color: #ffe6de;
  1169. }
  1170. .dousha {
  1171. color: #ef9c94;
  1172. }
  1173. .qing {
  1174. color: #deffde;
  1175. }
  1176. .return {
  1177. display: block;
  1178. height: 35px;
  1179. width: 100px;
  1180. text-align: center;
  1181. line-height: 35px;
  1182. background: #03b2b7;
  1183. color: #fff;
  1184. border-radius: 3px;
  1185. margin: 0 auto;
  1186. }
  1187. .nextGo {
  1188. display: block;
  1189. line-height: 35px;
  1190. width: 100px;
  1191. text-align: center;
  1192. line-height: 35px;
  1193. background: #00a1cb;
  1194. color: #fff;
  1195. border-radius: 3px;
  1196. margin: 0 auto;
  1197. outline: none;
  1198. border-color: #00a1cb;
  1199. }
  1200. .personal .table {
  1201. width: 90%;
  1202. margin: 20px auto;
  1203. }
  1204. .personal .table tr td {
  1205. text-align: center;
  1206. }
  1207. .personal .table tr td img {
  1208. margin-right: 5px;
  1209. }
  1210. .personal .table tr td input[type=text] {
  1211. width: 90%;
  1212. height: 20px;
  1213. border: 0;
  1214. outline: none;
  1215. text-align: center;
  1216. }
  1217. .personal .table tr td:first-child {
  1218. text-align: right;
  1219. width: 20%;
  1220. }
  1221. .personal .table tr td select {
  1222. vertical-align: middle;
  1223. font-size: 14px;
  1224. outline: none;
  1225. width: 100px;
  1226. height: 30px;
  1227. padding-left: 5px;
  1228. }
  1229. .personal .table tr td button {
  1230. color: #fff;
  1231. background: #ac2e3b;
  1232. border: 0;
  1233. padding: 5px 10px;
  1234. border-radius: 3px;
  1235. margin: 10px auto;
  1236. display: block;
  1237. }
  1238. .Input_ {
  1239. background-color: #FFF;
  1240. background-image: none;
  1241. border: 1px solid #ccc;
  1242. border-radius: 1px;
  1243. color: inherit;
  1244. padding: 6px 12px;
  1245. }
  1246. .sys-title {
  1247. color: #990000;
  1248. font-size: 40px;
  1249. font-family: "宋体";
  1250. height: 140px;
  1251. line-height: 140px;
  1252. padding-left: 50px;
  1253. }
  1254. .hr {
  1255. border-top: 1px solid #d9d9d9;
  1256. }
  1257. .sys-con img {
  1258. display: block;
  1259. height: 295px;
  1260. width: 340px;
  1261. margin: 40px auto;
  1262. }
  1263. .sys-word .weihu,
  1264. .sys-word .sys-time {
  1265. color: #b10808;
  1266. font-size: 36px;
  1267. text-align: center;
  1268. }
  1269. .sys-word .sys-time {
  1270. font-size: 25px;
  1271. }
  1272. .sys-word .sys-xuan {
  1273. text-align: right;
  1274. width: 50%;
  1275. margin: 0 auto;
  1276. color: #b10808;
  1277. font-size: 24px;
  1278. }
  1279. ._imgbox img {
  1280. width: 168px;
  1281. height: 110px;
  1282. }
  1283. .m-r a {
  1284. display: block;
  1285. width: 100%;
  1286. color: #666;
  1287. white-space: nowrap;
  1288. overflow: hidden;
  1289. text-overflow: ellipsis;
  1290. cursor: pointer;
  1291. }
  1292. .m-r .new_imga{
  1293. height: 20px;
  1294. line-height: 20px;
  1295. text-align: center;
  1296. margin-top: 5px;
  1297. margin-bottom: 10px;
  1298. }
  1299. /*头部*/
  1300. .topbar {
  1301. padding: 5px 0;
  1302. background-color: #f7f7f7;
  1303. }
  1304. .container {
  1305. width: 1200px;
  1306. font-size: 14px;
  1307. }
  1308. .Right_f li {
  1309. display: inline-block;
  1310. padding-left: 5px;
  1311. padding-right: 5px;
  1312. }
  1313. .Right_f img {
  1314. vertical-align: middle;
  1315. }
  1316. .Right_f .weibo {
  1317. vertical-align: middle;
  1318. margin-left: -6px;
  1319. line-height: 18px;
  1320. width: 22px;
  1321. height: 18px;
  1322. display: inline-block;
  1323. background: url(../img/sidebar-icons.jpg) 0 -2px no-repeat;
  1324. }
  1325. .container ul li a {
  1326. color: #5d5d5d;
  1327. }
  1328. .container ul li a:hover {
  1329. color: #00a1cb;
  1330. }
  1331. .headbar {
  1332. height: 120px;
  1333. background-color: #fff;
  1334. border-bottom: 1px solid #ddd;
  1335. }
  1336. .brand {
  1337. margin-top: 20px;
  1338. width: 50%;
  1339. margin-left: 30px;
  1340. }
  1341. .headbar .Right_nav{
  1342. margin-top: 34px;
  1343. width: 43%;
  1344. }
  1345. .Right_nav li{
  1346. display: inline-block;
  1347. height: 25px;
  1348. padding-left: 30px;
  1349. padding-right: 30px;
  1350. line-height: 25px;
  1351. position: relative;
  1352. }
  1353. .Right_nav li::after{
  1354. content: "";
  1355. position: absolute;
  1356. top: 0px;
  1357. height: 50px;
  1358. width: 1px;
  1359. right: 0;
  1360. background-color: #7ec5d7;
  1361. }
  1362. .Right_nav li:nth-of-type(5):after {
  1363. width: 0;
  1364. }
  1365. .container .Right_nav li a{
  1366. color: #8a8686;
  1367. width: 36px;
  1368. font-size: 16px;
  1369. display: inline-block;
  1370. }
  1371. .container .Right_nav li a:hover{
  1372. color: #00a1cb;
  1373. }
  1374. .container .Right_nav li a.active{
  1375. color: #00a1cb;
  1376. }
  1377. .nav-justified {
  1378. width: 100%;
  1379. }
  1380. .nav-justified>li>a {
  1381. font-size: 18px;
  1382. color: #fff;
  1383. /*font-weight: bold;
  1384. border-left: 1px solid #00b5e4;*/
  1385. padding: 15px 0;
  1386. }
  1387. .nav-justified>li:first-child>a {
  1388. border-left: 0;
  1389. }
  1390. .nav>li>a:focus,
  1391. .nav>li>a:hover {
  1392. text-decoration: none;
  1393. background-color: #0091b7;
  1394. }
  1395. .btn-primary {
  1396. color: #ffffff;
  1397. background-color: #00a1cb;
  1398. border-color: transparent;
  1399. }
  1400. .btn {
  1401. display: inline-block;
  1402. margin-bottom: 0;
  1403. font-weight: normal;
  1404. text-align: center;
  1405. vertical-align: middle;
  1406. touch-action: manipulation;
  1407. cursor: pointer;
  1408. background-image: none;
  1409. border: 1px solid transparent;
  1410. white-space: nowrap;
  1411. padding: 6px 25px;
  1412. font-size: 14px;
  1413. line-height: 1.42857143;
  1414. border-radius: 0;
  1415. }
  1416. .bg-default {
  1417. background-color: #f5f5f5;
  1418. text-align: right;
  1419. }
  1420. #searchx {
  1421. outline: none;
  1422. box-shadow: none !important;
  1423. background-color: transparent !important;
  1424. padding: 6px 12px;
  1425. font-size: 14px;
  1426. line-height: 1.42857143;
  1427. color: #777777;
  1428. background-color: #ffffff;
  1429. background-image: none;
  1430. border: 1px solid #fff;
  1431. border-radius: 0;
  1432. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1433. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1434. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1435. -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  1436. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
  1437. }
  1438. .input-group-addon {
  1439. position: relative;
  1440. right: -12px;
  1441. border: none!important;
  1442. background: #f5f5f5!important;
  1443. padding: 6px 12px;
  1444. font-size: 14px;
  1445. font-weight: normal;
  1446. line-height: 1;
  1447. color: #777777;
  1448. text-align: center;
  1449. background-color: #ffffff;
  1450. border: 1px solid #cccccc;
  1451. border-radius: 0;
  1452. }
  1453. ::-webkit-input-placeholder {
  1454. /* WebKit browsers */
  1455. color: #ccc!important;
  1456. }
  1457. :-moz-placeholder {
  1458. /* Mozilla Firefox 4 to 18 */
  1459. color: #ccc!important;
  1460. opacity: 1;
  1461. }
  1462. ::-moz-placeholder {
  1463. /* Mozilla Firefox 19+ */
  1464. color: #ccc!important;
  1465. opacity: 1;
  1466. }
  1467. :-ms-input-placeholder {
  1468. /* Internet Explorer 10+ */
  1469. color: #ccc!important;
  1470. }
  1471. .seach_img {
  1472. background: url(../img/search.png)no-repeat;
  1473. width: 20px;
  1474. height: 20px;
  1475. display: block;
  1476. }
  1477. .actives {
  1478. background: #00B5e4;
  1479. }
  1480. .imgs a {
  1481. color: #000000!important;
  1482. }
  1483. .imgs a:hover {
  1484. color: #00b5e4!important;
  1485. }
  1486. ._imgbox img {
  1487. width: 168px;
  1488. height: 110px;
  1489. }
  1490. .Sl {
  1491. text-align: center;
  1492. padding: 10px;
  1493. }
  1494. .Sl li {
  1495. width: 50%;
  1496. float: left;
  1497. }
  1498. .btn {
  1499. text-align: center;
  1500. background: #00b5e4;
  1501. color: #fff;
  1502. border-radius: 3px;
  1503. margin: 0 auto;
  1504. outline: none;
  1505. border-color: #00b5e4;
  1506. }
  1507. .box-show {
  1508. cursor: pointer;
  1509. opacity: 0.5;
  1510. }
  1511. .new_imga:hover {
  1512. color: #00b5e4!important;
  1513. }
  1514. /*分界图片1*/
  1515. .img-boundary{
  1516. margin-bottom: 10px;
  1517. margin-left: 0;
  1518. padding-left:0;
  1519. padding-right: 0;
  1520. }
  1521. .img-boundary li{
  1522. float: left;
  1523. width: 232px;
  1524. height: 60px;
  1525. margin-right: 10px;
  1526. }
  1527. .img-boundary li:nth-of-type(5){
  1528. margin-right: 0;
  1529. }
  1530. /*实时统计*/
  1531. .content_foot{
  1532. padding: 10px;
  1533. }
  1534. /*.left-statistics,
  1535. .right-statistics{
  1536. margin: 20px;
  1537. width: 40%;
  1538. }*/
  1539. .left-statistics{
  1540. position: relative;
  1541. width: 100%;
  1542. }
  1543. .left-statistics p,
  1544. .right-statistics p{
  1545. margin-bottom: 20px;
  1546. }
  1547. .left-statistics span,
  1548. .right-statistics span{
  1549. color: #626262;
  1550. font-size: 14px;
  1551. }
  1552. .left-statistics p span:nth-of-type(1),
  1553. .left-statistics p span:nth-of-type(4),
  1554. .right-statistics p span:nth-of-type(1){
  1555. color: #616161;
  1556. font-weight: bold;
  1557. font-size: 16px;
  1558. }
  1559. .left-statistics p span:nth-of-type(2),
  1560. .left-statistics p span:nth-of-type(5),
  1561. .right-statistics p span:nth-of-type(2){
  1562. color: #bd261f;
  1563. font-weight: bold;
  1564. font-size: 16px;
  1565. }
  1566. .statistics-content li{
  1567. float: left;
  1568. position: relative;
  1569. height: 40px;
  1570. margin-bottom: 10px;
  1571. margin-left: 14px;
  1572. }
  1573. .statistics-content li span:nth-of-type(1){
  1574. padding-left: 24px;
  1575. padding-right: 10px;
  1576. }
  1577. .statistics-content li span:nth-of-type(2){
  1578. position: absolute;
  1579. color: #049ad9;
  1580. font-weight: bold;
  1581. width: 94px;
  1582. display: inline-block;
  1583. text-align: center;
  1584. left: 0;
  1585. top: 24px;
  1586. }
  1587. .left-statistics .statistics-content li .grayColor{
  1588. color: #b3b3b3;
  1589. }
  1590. .statistics-icon{
  1591. width: 22px;
  1592. height: 19px;
  1593. display: inline-block;
  1594. background: url(../img/sidebar-icons.jpg) no-repeat left top;
  1595. position: absolute;
  1596. top: 2px;
  1597. }
  1598. .statistics-icon-1{
  1599. background-position: -93px 0;
  1600. }
  1601. .statistics-icon-2{
  1602. height: 13px;
  1603. line-height: 13px;
  1604. background-position: -93px -17px;
  1605. }
  1606. .statistics-icon-3{
  1607. background-position: -68px -30px;
  1608. }
  1609. .statistics-icon-4{
  1610. height: 16px;
  1611. line-height: 16px;
  1612. background-position: -93px -47px;
  1613. }
  1614. .statistics-icon-5{
  1615. height: 16px;
  1616. line-height: 16px;
  1617. background-position: -68px -63px;
  1618. }
  1619. .statistics-icon-6{
  1620. background-position: -93px -79px;
  1621. }
  1622. .statistics-icon-7{
  1623. background-position: -93px -97px;
  1624. }
  1625. /*鹿邑简介*/
  1626. .introduction{
  1627. margin-bottom: 10px;
  1628. margin-left: 0;
  1629. padding-left:0;
  1630. padding-right: 0;
  1631. }
  1632. .introduction-left{
  1633. width: 26%;
  1634. padding-left: 10px;
  1635. margin-right: 15px;
  1636. margin-top: 30px;
  1637. }
  1638. .introduction-left span{
  1639. float: left;
  1640. width: 112px;
  1641. height: 42px;
  1642. text-align: center;
  1643. line-height: 42px;
  1644. font-size: 42px;
  1645. font-weight: bold;
  1646. text-indent: 0.5em;
  1647. color: #00a1cb;
  1648. }
  1649. .introduction-left p{
  1650. color: #626262;
  1651. line-height: 26px;
  1652. }
  1653. .introduction-left p:not(:nth-of-type(1)){
  1654. text-indent: 2em;
  1655. }
  1656. .introduction-right{
  1657. width: 70%;
  1658. }
  1659. .introduction-right ul{
  1660. font-size: 0;
  1661. }
  1662. .introduction-right li{
  1663. display: inline-block;
  1664. position: relative;
  1665. width: 33.333%;
  1666. }
  1667. .introduction-right li:nth-of-type(1){
  1668. background-color: #4dabdc;
  1669. }
  1670. .introduction-right li:nth-of-type(2){
  1671. background-color: #2acfdf;
  1672. }
  1673. .introduction-right li:nth-of-type(3){
  1674. background-color: #86af5d;
  1675. }
  1676. .introduction-right li span{
  1677. display: inline-block;
  1678. height: 52px;
  1679. line-height: 52px;
  1680. color: #fff;
  1681. font-size: 24px;
  1682. padding-left: 16px;
  1683. }
  1684. .introduction-right .statistics-icon{
  1685. width: 26px;
  1686. height: 30px;
  1687. right: 10px;
  1688. top: 10px;
  1689. background: url(../img/statistics-icon.png) left top no-repeat;
  1690. background-position: 0 -74px;
  1691. }
  1692. .introduction-right li img{
  1693. display: block;
  1694. width: 100%;
  1695. height: 324px;
  1696. }
  1697. .Content+hr{
  1698. margin-top: 0;
  1699. }
  1700. /*footerbar*/
  1701. .footerbar{
  1702. margin-bottom: 8px;
  1703. padding-right: 0;
  1704. padding-left: 0;
  1705. }
  1706. .footerbar ul{
  1707. width: 97%;
  1708. margin: 18px auto;
  1709. }
  1710. .footerbar dt{
  1711. font-weight: normal;
  1712. }
  1713. .footerbar dt,
  1714. .footerbar dd{
  1715. padding-top: 8px;
  1716. padding-bottom: 8px;
  1717. }
  1718. .footerbar ul li dl a{
  1719. color: #4d4d4d;
  1720. }
  1721. .footerbar ul li dl a:hover{
  1722. color: #7ec5d7;
  1723. }
  1724. .footerbar ul li dl dt a{
  1725. font-size: 16px;
  1726. }
  1727. .footerbar ul li dl dd a{
  1728. font-size: 14px;
  1729. }
  1730. .footerbar li{
  1731. float: left;
  1732. margin-left: 80px;
  1733. margin-right: 80px;
  1734. }
  1735. .layui-layer-title{
  1736. background-color: #00a1cb !important;
  1737. }
  1738. .layui-layer-btn .layui-layer-btn0{
  1739. border-color: #00a1cb !important;
  1740. background-color: #00a1cb !important;
  1741. }
  1742. .bannerContainer {
  1743. width: 100%;
  1744. overflow: hidden;
  1745. }
  1746. .bannerContainer img{
  1747. width: 100%;
  1748. height: 100%;
  1749. display: block;
  1750. font-size: 0;
  1751. text-align: center;
  1752. }
  1753. @media only screen and (max-width: 1920px) {
  1754. .Content {
  1755. min-height: 549px;/*1920屏幕下*/
  1756. }
  1757. .bannerContainer {
  1758. height: 200px;
  1759. }
  1760. }
  1761. @media only screen and (max-width: 1366px) {
  1762. .Content {
  1763. min-height: 220px;/*1366屏幕下*/
  1764. }
  1765. .bannerContainer {
  1766. height: 200px;
  1767. }
  1768. }
  1769. /*侧栏*/
  1770. .elevator {
  1771. position: fixed;
  1772. width: 80px;
  1773. bottom: 0;
  1774. margin-top: -140px;
  1775. right: 0px;
  1776. z-index: 999;
  1777. background-color: #fff;
  1778. box-shadow: 0 4px 12px 0 rgba(7,17,27,.1);
  1779. background-size: cover;
  1780. _position: absolute;
  1781. _bottom: "auto";
  1782. right/*\**/: 20px\9;
  1783. }
  1784. .elevator .elevator-title{
  1785. width: 100%;
  1786. display: block;
  1787. background-color: #e60111;
  1788. color: #fff;
  1789. text-align: center;
  1790. margin-bottom: 10px;
  1791. font-size: 13px;
  1792. height: 20px;
  1793. line-height: 20px;
  1794. }
  1795. .elevator a {
  1796. display: block;
  1797. box-sizing: border-box;
  1798. text-align: center;
  1799. padding: 10px 0;
  1800. border: 1px solid #fff;
  1801. font-size: 22px;
  1802. color: #fff;
  1803. background-color: #848484;
  1804. }
  1805. .elevator a i {
  1806. line-height: 38px;
  1807. width: 38px;
  1808. height: 38px;
  1809. display: block;
  1810. margin: 0 auto;
  1811. margin-bottom: -10px;
  1812. background: url(../img/sidebar-icons.jpg) no-repeat;
  1813. }
  1814. .elevator a i.icon-lineChat{
  1815. background: url(../img/lineChat.png) no-repeat;
  1816. }
  1817. .elevator .icon-wxgzh{
  1818. background-position: 0 -22px;
  1819. }
  1820. .elevator .icon-xlwb{
  1821. background-position: 0 -61px;
  1822. }
  1823. .elevator .icon-appdownload{
  1824. background-position: 0 -97px;
  1825. }
  1826. .elevator .icon-up2{
  1827. background-position: 0 -136px;
  1828. }
  1829. .elevator a span {
  1830. font-size: 12px;
  1831. color: #fff;
  1832. line-height: 12px;
  1833. }
  1834. .elevator a:hover{
  1835. background-color: #83d1f4;
  1836. }
  1837. .elevator .no-goto,
  1838. .elevator .elevator-app{
  1839. border-bottom: none;
  1840. width: 80px;
  1841. }
  1842. .elevator-weixin:hover .elevator-weixin-box{
  1843. opacity: 1;
  1844. filter: alpha(opacity=100);
  1845. -webkit-transform: scale(1);
  1846. transform: scale(1);
  1847. -webkit-transform-origin: 0 0;
  1848. transform-origin: 0 0;
  1849. top: 30px;
  1850. }
  1851. .elevator-weixin:hover .elevator-xlwb-box{
  1852. opacity: 1;
  1853. filter: alpha(opacity=100);
  1854. -webkit-transform: scale(1);
  1855. transform: scale(1);
  1856. -webkit-transform-origin: 0 0;
  1857. transform-origin: 0 0;
  1858. top: 110px;
  1859. }
  1860. .elevator-app:hover .elevator-app-box{
  1861. opacity: 1;
  1862. filter: alpha(opacity=100);
  1863. -webkit-transform: scale(1);
  1864. transform: scale(1);
  1865. -webkit-transform-origin: 0 0;
  1866. transform-origin: 0 0;
  1867. top: 110px;
  1868. }
  1869. .elevator .elevator-weixin-box,
  1870. .elevator .elevator-xlwb-box,
  1871. .elevator .elevator-app-box,
  1872. .topbarWx .topbarWx-box,
  1873. .topbarClient .topbarClient-box{
  1874. position: absolute;
  1875. width: 150px;
  1876. box-sizing: border-box;
  1877. border: 1px solid #EBEBEB;
  1878. background-color: #fff;
  1879. right: 80px;
  1880. padding: 18px 0 13px 0;
  1881. -webkit-transition: all .3s ease-in-out;
  1882. -moz-transition: all .3s ease-in-out;;
  1883. transition: all .3s ease-in-out;
  1884. opacity: 0;
  1885. filter: alpha(opacity=0);
  1886. -webkit-transform: scale(.01);
  1887. transform: scale(.01);
  1888. -webkit-transform-origin: 100% 95%;
  1889. transform-origin: 100% 95%;
  1890. }
  1891. .elevator a .elevator-weixin-code,
  1892. .elevator a .elevator-xlwb-code,
  1893. .topbarWx-box .topbarWx-code
  1894. {
  1895. width: 108px;
  1896. height: 108px;
  1897. line-height: 108px;
  1898. display: block;
  1899. margin: 0 auto;
  1900. background: url(../img/sidebar-icons.jpg) no-repeat;
  1901. }
  1902. .elevator a #elevator-app-qrcode,
  1903. .topbarClient-box #elevator-app-qrcode0{
  1904. width: 108px;
  1905. height: 108px;
  1906. line-height: 108px;
  1907. display: block;
  1908. margin: 0 auto;
  1909. }
  1910. .elevator a .elevator-weixin-code,
  1911. .topbarWx-box .topbarWx-code{
  1912. background-position: -2px -179px;
  1913. }
  1914. .elevator a .elevator-xlwb-code{
  1915. background-position: -2px -292px;;
  1916. }
  1917. .elevator .elevator-weixin-box span,
  1918. .elevator .elevator-xlwb-box span,
  1919. .elevator .elevator-app-box span,
  1920. .topbarWx-box span,
  1921. .topbarClient span{
  1922. color: #6c6c6c;
  1923. font-size: 14px;
  1924. }
  1925. /*顶部微信公众号添加二维码*/
  1926. .topbarWx:hover .topbarWx-box{
  1927. opacity: 1;
  1928. filter: alpha(opacity= 100);
  1929. -webkit-transform: scale(1);
  1930. transform: scale(1);
  1931. -webkit-transform-origin: 0 0;
  1932. transform-origin: 0 0;
  1933. top: 30px;
  1934. }
  1935. .topbarClient:hover .topbarClient-box{
  1936. opacity: 1;
  1937. filter: alpha(opacity= 100);
  1938. -webkit-transform: scale(1);
  1939. transform: scale(1);
  1940. -webkit-transform-origin: 0 0;
  1941. transform-origin: 0 0;
  1942. top: 30px;
  1943. }
  1944. .topbarWx .topbarWx-box{
  1945. text-align: center;
  1946. right: 50%;
  1947. top: -178px;
  1948. }
  1949. .topbarWx-box span,
  1950. .topbarClient-box span{
  1951. display: inline-block;
  1952. padding-top: 7px;
  1953. }
  1954. .topbarClient .topbarClient-box{
  1955. text-align: center;
  1956. right: 50%;
  1957. top: -178px;
  1958. }