partyGovernment.css 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504
  1. /*
  2. * @Author: xuebingsi
  3. * @Date: 2019-04-01 13:37:17
  4. * @Last Modified by: zhibinm
  5. * @Last Modified time: 2019-04-01 13:37:19
  6. */
  7. *{
  8. padding:0px;
  9. margin: 0px;
  10. }
  11. body {
  12. width: 100%;
  13. min-height: 100%;
  14. font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
  15. }
  16. img{
  17. border: 0px;
  18. }
  19. a{
  20. text-decoration: none;
  21. }
  22. li{
  23. list-style: none;
  24. }
  25. .font_style {
  26. color: #999999;
  27. }
  28. .font_style2{
  29. color:#c40311
  30. }
  31. .font-size1{
  32. font-size:16px;
  33. }
  34. .font-size2{
  35. font-size:17px;
  36. }
  37. .font-size3 {
  38. font-size: 22px;
  39. }
  40. .home-bg{
  41. /*background:url(../images/NewHome.png) no-repeat;
  42. background-size: 100%;
  43. overflow: hidden;*/
  44. background: url(../images/NewHome.png) no-repeat;
  45. background-size: 100% 100%;
  46. overflow: hidden;
  47. width: 100%;
  48. height: 100%;
  49. /* position: fixed; */
  50. background-position: center center;
  51. background-attachment: fixed;
  52. }
  53. .home_top{
  54. text-align:center;
  55. margin-top:60px;
  56. }
  57. .home_top .nextspan{
  58. display: inline-block;
  59. /*width: 33%;*/
  60. }
  61. .notice{
  62. margin-right: -10px;
  63. }
  64. .notice img{
  65. margin-left: 10px;
  66. }
  67. .font_shadow{ /*字体倒影*/
  68. text-align: center;
  69. text-shadow: 10px 8px 8px #747677;
  70. -moz-text-shadow:10px 8px 8px #747677;
  71. -webkit-text-shadow:10px 8px 8px #747677;
  72. -ms-text-shadow:10px 8px 8px #747677;
  73. color: #fff;
  74. font-size:35px;
  75. letter-spacing: 5px;
  76. font-weight: 500;
  77. letter-spacing: 5px;
  78. }
  79. .hidediv{
  80. background-color: rgba(181,181,181,0.66);
  81. text-align: center;
  82. position: absolute;
  83. z-index: 999999;
  84. }
  85. .edit_div li{
  86. display: inline-block;
  87. }
  88. .font_shadow img{
  89. width: 400px;
  90. }
  91. .top_logo{
  92. width:20%;
  93. margin-left: 20px;
  94. margin-top:20px;
  95. }
  96. .edit_div{
  97. text-align: right;
  98. cursor: pointer;
  99. margin-top: 30px;
  100. position: absolute;
  101. }
  102. .message_img ,.message_name{
  103. line-height: 60px;
  104. vertical-align: middle;
  105. cursor:default;
  106. }
  107. .message_img img{
  108. width:25px ;
  109. }
  110. .message_img .megicon{
  111. width: 5px;
  112. height: 5px;
  113. border-radius: 50%;
  114. background: red;
  115. display: inline-block;
  116. position: absolute;
  117. margin-top: 20px;
  118. margin-left: -10px;
  119. }
  120. .message_name{
  121. color: #fff;
  122. font-size:18px;
  123. margin-right: 20px;
  124. }
  125. .home_conter{
  126. width: 90%;
  127. margin: 0px auto;
  128. text-align:center;
  129. margin-top:11%;
  130. /*text-align:center;*/
  131. }
  132. .itemList{
  133. width: 100%;
  134. margin-top: 60px;
  135. color:blue;
  136. font-size:16px ;
  137. }
  138. .itemList li{
  139. border:1px solid none;
  140. display: inline-block;
  141. border-radius:5px ;
  142. cursor: pointer;
  143. min-height:220px;
  144. margin-right:28px;
  145. /*margin-right:40px;*/
  146. color:#fff;
  147. }
  148. .itemList li a{
  149. color:#fff;
  150. font-weight:700;
  151. }
  152. .itemList li:hover{
  153. border:0px solid #2196F3;
  154. color:#fff;
  155. background: #6666;
  156. box-shadow: 0px 0px 5px 3px #e8fdc2 inset;
  157. }
  158. .imgbox{
  159. width:100%;
  160. text-align: center;
  161. height:130px;
  162. padding-top:30px;
  163. }
  164. .List_odd ,.List_eve{
  165. clear:both;
  166. }
  167. .List_odd{
  168. width:20% ;
  169. }
  170. .List_eve{
  171. width:42%;
  172. }
  173. .item_icon{
  174. width: 65px;
  175. /* height: 45px; */
  176. padding:10px 0px;
  177. }
  178. .home_footer{
  179. width:100%;
  180. height:50px;
  181. text-align: center;
  182. color: #fff;
  183. position: fixed;
  184. bottom: 0px;
  185. font-size: 18px;
  186. }
  187. .namebox{
  188. margin-bottom:10px;
  189. text-align: center;
  190. font-size:16pt;
  191. color:#fff;
  192. }
  193. .itemimg img{
  194. margin-top: 6px;
  195. width: 13px;
  196. }
  197. .itemname{
  198. /*margin-left:15px*/
  199. }
  200. .itemimg{
  201. float:right;
  202. margin-right:15px;
  203. }
  204. .noticetitle{
  205. width:33px !important
  206. }
  207. /* 添加 */
  208. .centerdiv{
  209. width:1100px;
  210. margin:0px auto
  211. }
  212. .backindex cite:hover{
  213. color:#000;
  214. }
  215. .project{
  216. margin:0px auto;
  217. width:70%;
  218. }
  219. .projectlist {
  220. width:100%;
  221. margin-left:0px;
  222. }
  223. .projectlist li{
  224. display: none;
  225. cursor: pointer;
  226. padding-top:10px;
  227. display: inline-block;
  228. height: 45px;
  229. text-align: center;
  230. /* width: 19%; */
  231. padding-left:10px;
  232. }
  233. .backbox{
  234. width:;
  235. height: 35px;
  236. border-left: 8px solid #c40311;
  237. border-bottom: 1px solid #c40311;
  238. }
  239. .backbox p{
  240. display: inline-block;
  241. }
  242. .subprojectlist {
  243. width:100%;
  244. margin-left:0px;
  245. margin-top:25px;
  246. }
  247. .subprojectlist li{
  248. display: none;
  249. cursor: pointer;
  250. padding-top: 5px;
  251. display: inline-block;
  252. height: 45px;
  253. }
  254. .sublist {
  255. width: 47%;
  256. text-align: right;
  257. float: right;
  258. }
  259. .subbackbox{
  260. height: 42px;
  261. line-height: 42px;
  262. margin-left: 0px;
  263. /*border-left: 8px solid #c40311;
  264. border-bottom: 1px solid #c40311;*/
  265. }
  266. .subbackbox p{
  267. display: inline-block;
  268. }
  269. .tabledata tr{
  270. height:35px;
  271. }
  272. .tabledata tr:hover, .tabledata td:hover, .tabledata a:hover{
  273. color: #007DDB!important;
  274. background: #EEEEEE;
  275. }
  276. .conterhtml{
  277. width:1100px;
  278. margin:0px auto
  279. }
  280. @media screen and (min-width:1400px){
  281. .conterhtml{
  282. width:100%
  283. }
  284. }
  285. .rightDiv{
  286. float:left;
  287. margin-left:50px;
  288. width:240px;
  289. height: 600px;
  290. overflow-y: auto;
  291. margin-top: 60px;
  292. }
  293. .selectdiv{
  294. background: #c40311!important;
  295. color: #fff!important;
  296. border-top: 2px solid #2196F3!important;
  297. }
  298. .selectdiv a{
  299. color: #fff!important;
  300. }
  301. .rightDiv li{
  302. height: 40px;
  303. line-height: 40px;
  304. background: #3179d612;
  305. /* width: 100%; */
  306. padding: 0px 10px;
  307. border-top: 2px solid #b8b8b8;
  308. margin-bottom:6px;
  309. }
  310. .tabledata td:nth-child(1){
  311. overflow: hidden;
  312. text-overflow: ellipsis;
  313. display: -webkit-box;
  314. -webkit-line-clamp: 1;
  315. -webkit-box-orient: vertical;
  316. -ms-line-clamp: 1;
  317. -ms-box-orient: vertical;
  318. -moz-line-clamp: 1;
  319. -moz-box-orient: vertical;
  320. }
  321. .rightDiv li:hover{
  322. background: #c40311;
  323. color: #fff!important;
  324. border-top: 2px solid #2196F3;
  325. }
  326. .rightDiv li a:hover{
  327. color: #fff!important;
  328. }
  329. .rightDiv li a{
  330. display: inline-block;
  331. width: 100%;
  332. height: 100%;
  333. }
  334. .radiosdiv{
  335. display: inline-block;
  336. width: 8px;
  337. height: 8px;
  338. border-radius: 50%;
  339. background: red;
  340. margin-right: 10px;
  341. }
  342. /* 三务公开 */
  343. .sanprojectlist {
  344. width: 100%;
  345. margin-left: 0px;
  346. margin-top: 25px;
  347. }
  348. .sanbackbox {
  349. height: 42px;
  350. line-height: 42px;
  351. margin-left: 0px;
  352. }
  353. .sanprojectlist li {
  354. display: none;
  355. cursor: pointer;
  356. display: inline-block;
  357. }
  358. .centettitle {
  359. width: 100%;
  360. text-align: center;
  361. color: #000;
  362. border: 1px solid #999;
  363. }
  364. .villageelem {
  365. color: #fff;
  366. background: #c40311;
  367. }
  368. .centettitle span {
  369. width: 33%;
  370. display: inline-block;
  371. }
  372. .villageelem {
  373. color: #fff;
  374. background: #c40311;
  375. }
  376. .sublist {
  377. width: 100%;
  378. text-align: right;
  379. float: right;
  380. height: 50px;
  381. line-height: 50px;
  382. }
  383. /*财务公开样式*/
  384. .moneyFinance{
  385. border: 3px solid #c8c8c8;
  386. display: inline-block;
  387. width:300px;
  388. height:200px;
  389. background-size:100% 100% ;
  390. }
  391. .moneyFinance_name{
  392. font-size: 18px;
  393. height:50px;
  394. line-height: 50px;
  395. text-align: center;
  396. background: #f1f2f3;
  397. border-bottom: 3px solid #c8c8c8;
  398. }
  399. .moneyFinance_name span{
  400. color:#3b81bf
  401. }
  402. .moneyFinance_content1, .moneyFinance_content2, .moneyFinance_content3{
  403. height: 150px;
  404. line-height: 150px;
  405. text-align: center;
  406. }
  407. .moneyFinance_content1{
  408. background: url(../images/timg1.jpg) no-repeat;
  409. background-size: 100% 100%;
  410. }
  411. .moneyFinance_content2{
  412. background: url(../images/timg4.jpg) no-repeat;
  413. background-size: 100% 100%;
  414. }
  415. .moneyFinance_content3{
  416. background: url(../images/timg3.jpg) no-repeat;
  417. background-size: 100% 100%;
  418. }
  419. .moneyFinance_content a{
  420. display: block;
  421. }
  422. #tabledata2{
  423. margin-left:10px;
  424. }
  425. #textcity{
  426. text-indent: 2em;
  427. }
  428. .villageelem{
  429. color:#fff;
  430. background: #c40311;
  431. }
  432. .noneelem{
  433. height: 300px;
  434. }
  435. /* 社会事务办公室 */
  436. .project_main {
  437. margin-top: 10px;
  438. text-align: left;
  439. }
  440. .submain_left {
  441. float: left;
  442. }
  443. .submain_right {
  444. float: right;
  445. }
  446. .project_MainElem {
  447. margin: 15px 0px 0px 0px;
  448. width: 18%;
  449. height: 45px;
  450. text-align: center;
  451. line-height: 45px;
  452. border: 1px solid #999;
  453. display: inline-block;
  454. }
  455. .project_MainElem a {
  456. display: block;
  457. }
  458. .project_MainElem:hover{
  459. border: 1px solid #fff;
  460. background: #c40311;
  461. color: #fff!imgportant;
  462. cursor: pointer;
  463. }
  464. .project_MainElem a:hover{
  465. color: #fff!important;
  466. }
  467. .centettitle2 {
  468. width: 100%;
  469. text-align: center;
  470. }
  471. .centettitle2 hr {
  472. width: 180px;
  473. display: inline-block;
  474. background-color: #9c9999;
  475. }
  476. .Socbackbox {
  477. height: 42px;
  478. line-height: 42px;
  479. margin-left: 0px;
  480. }
  481. .centettitle2 .titlename {
  482. display: inline-block;
  483. margin: 0px 15px;
  484. }
  485. .Socprojectlist li {
  486. display: none;
  487. cursor: pointer;
  488. display: inline-block;
  489. }