basic.css 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575
  1. @charset "utf-8";
  2. html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{
  3. /* [disabled]margin:0; */
  4. padding: 0;
  5. font-family: "microsoft yahei","simhei", "simsun";
  6. margin:0;
  7. }
  8. header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
  9. body,h1,h2,h3,p,ul,ol,form,fieldset,figure {
  10. margin: 0;
  11. padding: 0;
  12. }
  13. div,figure,img,input,button {
  14. box-sizing: border-box;
  15. }
  16. body {
  17. background-color: #fff;
  18. font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
  19. overflow-x: hidden;
  20. overflow-y: scroll;
  21. font-size: 16px;
  22. }
  23. b,u,i{ font-weight: normal; font-style: normal; text-decoration: none;}
  24. img {
  25. max-width: 100%;
  26. border:none;
  27. }
  28. ul,ol {
  29. list-style: outside none none;
  30. }
  31. a {
  32. text-decoration: none;
  33. color: #333;
  34. }
  35. a:hover{
  36. text-decoration: none;
  37. color: #1f94d7;
  38. }
  39. .none {
  40. display: none;
  41. }
  42. .fl{ float:left;}
  43. .fr{ float:right;}
  44. .clear{ clear:both;}
  45. .line{ height: 10px; background: #eee; clear: both;}
  46. .clearfix:after {
  47. content: "."; /*内容为“.”就是一个英文的句号而已。也可以不写。*/
  48. display: block; /*加入的这个元素转换为块级元素。*/
  49. clear: both; /*清除左右两边浮动。*/ visibility: hidden; /*可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间,只是看不到而已;*/
  50. line-height: 0; /*行高为0;*/
  51. height: 0; /*高度为0;*/
  52. font-size:0; /*字体大小为0;*/
  53. }
  54. .clearfix { *zoom:1;} /*这是针对于IE6的,因为IE6不支持:after伪类,这个神奇的zoom:1让IE6的元素可以清除浮动来包裹内部元素。*/
  55. /********************* index ************************/
  56. header{height:120px;width:100%; padding: 10px 0; overflow:hidden;position:fixed; background: #1a8fd6;z-index: 99999; top: 0px; left: 0px; }
  57. .logo{ width:50%; display:block; margin: 8px 15px;height:auto; }
  58. .logo img{width:100%; height:100%;}
  59. .searchbtn{width:8%;margin-top:2px; margin-right: 10px; }
  60. .searchbtn img{ width: 100%; height: auto;}
  61. .whheader{ background: #fff; border-bottom: solid 1px #ccc;}
  62. .back{ margin-top: 40px;}
  63. /*搜索*/
  64. .search{background:#fff;width:100%; position:fixed; top:90px;left:0px;padding: 10px 2.5%; z-index: 9999999; display:none;}
  65. .search .search-frame { width: 95%; border: 1px solid #ccc; border-radius: 6px; background: #fff; height: 40px;}
  66. .search .search-box-jit { height: 38px; line-height: 38px; width: 89%; margin-left: 1%; border: none; float: left; font-size: 16px;}
  67. .search .search-btn-jit { width: 9%; height: 38px; border: 0px; float: right; background: #f6f6f6 url(../images/201650sszwl.png) no-repeat center; margin-right: 0.1%;}
  68. /*nav*/
  69. .nav{ width: 100%; height: 90px; line-height: 90px; overflow: hidden; background:url(../images/spzf_06.png) 0 0 repeat-x; }
  70. .nav .navleft{ width: 90%; overflow: hidden;}
  71. .nav .navleft ul li{ width: 20%; float: left; text-align: center; font-size: 2.6rem;height: 90px; line-height: 190px;}
  72. .nav .navleft ul li.nxz{ color: #1e78d0;}
  73. .nav .navright{ width: 14%;}
  74. .nav .navright img{ margin-top: 25px;}
  75. .nav .navright{ width: 6%; margin-right: 20px;}
  76. .nav .navright img{ margin-top: 20px; width: 100%;}
  77. /*重要通知*/
  78. .notice p{ font-size: 2.4em; height: 90px; line-height: 90px; background: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
  79. .notice p img{ float: left; margin-top: 16px; width: 20%;}
  80. /*轮播图*/
  81. .unslider{margin:0;padding:0;position:relative; z-index: 1; overflow: hidden;}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left; position: relative;}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative;z-index: 999999;}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:5px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:5px}
  82. .unslider-nav { position: absolute; right: 5px; bottom:20px;}
  83. .unslider-nav li{ float: left; width:20px; height:20px; border-radius: 50%; background:#e5e5e5; text-indent: -9999px; margin-left:5px!important; cursor: pointer; }
  84. .unslider-nav .unslider-active{ background:#1f94d7;margin-left:5px; }
  85. .my-slider h3 { font-size: 1.8rem; height: 60px; line-height: 60px; background: #000;position: absolute; bottom: 0px;width: 100%; opacity: .8; }
  86. .my-slider h3 a{ display: block;color: #fff;opacity: 1;}
  87. .my-slider img {width: 100%;}
  88. /*网上办事大厅*/
  89. .tydiv{ padding: 40px 15px; overflow: hidden;}
  90. .tydiv h2 { font-size: 2.6rem; color: #1e78d0; margin-bottom: 15px; background: url(../images/spzf_11.png) 0 10px no-repeat; text-indent: 15px;}
  91. .tydiv h2 b{ color:#333; margin-left:15px;}
  92. .wsbs ul li{ width: 18%; margin: 1%; float: left;}
  93. .wsbs ul li img{ display: block; width: 85%; margin: 0 auto;}
  94. .wsbs ul li h6{ text-align: center; font-size: 2.4rem; margin-top: 10px;}
  95. .listul li a{ display: block; width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; background: url(../images/listicon.png) 0 center no-repeat; text-indent: 10px; line-height: 2;}
  96. .listul li em{ float: right; width: 15%; text-align: right; font-style: normal;line-height: 2;}
  97. /*国务院、省政府*/
  98. .tabtit,.zctabtit,.dctabtit,.tptabtit,.cztabtit,.zwtabtit{ border-bottom: solid 1px #ccc; overflow: hidden;margin-bottom: 20px; }
  99. .tabtit a,.zctabtit a,.dctabtit a,.tptabtit a,.cztabtit a,.zwtabtit a{font-size: 2.8rem; cursor:pointer; display: block; float: left; font-weight: bold; color: #333; padding: 0px 20px 5px 20px; }
  100. .tabtit a.on,.zctabtit a.on,.dctabtit a.on,.cztabtit a.on,.tptabtit a.on,.cztabtit a.on,.zwtabtit a.on{ color: #1e78d0; border-bottom: solid 2px #1e78d0;}
  101. .tabcont,.zctabcont,.dctabcont,.cztabcont,.tptabcont,.cztabcont,.zwtabcont{ display: none;}
  102. .dtlistul li{ border-bottom: solid 1px #ccc; overflow: hidden; font-size: 2.8rem; margin: 15px auto; padding:10px 0; line-height: 1.6;}
  103. .dtlistul li p{ font-size: 2.6rem; margin: 10px auto; color: #b2b2b2;}
  104. .more{ height: 70px; line-height: 70px; background: #eef7ff; border-radius: 5px; text-align: center; border: solid 1px #a4b6c7; margin-top: 20px; font-size: 2.4em; font-weight: normal; color: #666;}
  105. .zwtabtit a{ font-size: 3.0em;}
  106. /*信息公开*/
  107. .xxgk ul li{ float: left; margin: 10px; background: #f5f5f5; padding: 10px 20px; font-size: 2.6rem;}
  108. .imgp a{ display: block; width: 100%; margin-top: 10px;}
  109. .imgp a img{ width: 100%;}
  110. /*图片、视频*/
  111. .tptabcont ul{ overflow: hidden;}
  112. .tptabcont ul li{ width: 49%; margin: 5px auto; }
  113. .tptabcont ul li img{ width: 100%;}
  114. .tptabcont ul li h6{ height: 90px; overflow: hidden; margin-top: 5px;font-size: 2.4rem; font-weight: normal;}
  115. /*新闻发布会*/
  116. .xwfbh h5{ font-size: 2.4rem; margin: 10px 0;}
  117. .xwfbh dl{ border-bottom: solid 1px #ccc; overflow: hidden; padding: 10px 0;}
  118. .xwfbh dl dt{ float: left; margin-right: 10px; width: 30%;}
  119. .xwfbh dl dd h6{ font-size: 2.4rem; font-weight: normal; color: #5b5b5b; }
  120. .xwfbh dl dd p{ margin-top: 5px; color: #b2b2b2; font-size: 2.6rem;}
  121. /*专题专栏*/
  122. .ztzl ul li{ width: 49%; margin: 1% auto;}
  123. .ztzl ul li a img{ width: 100%;}
  124. .zwzt{ margin-bottom: 100px;}
  125. /*访谈*/
  126. .ft{ overflow: hidden; margin-bottom: 150px;}
  127. .ft h6{ font-size: 2.4rem; font-weight: normal; margin: 10px 0px; color: #5b5b5b;}
  128. .ft p.ftcont{ text-indent: 20px; line-height: 1.8; font-size: 2.4rem; color: #666;}
  129. .ft dl{ width: 23.5%; margin: 0 1%; float: left; margin: 20px auto; height: 160px; background: ;}
  130. .ft dl dt img{ display: block; margin: 0 auto; margin-bottom: 10px; width: 50%;}
  131. .ft dl dd{ text-align: center; font-size: 2.4rem; margin-top: 5px;}
  132. /*底部*/
  133. .footernav{ height: 130px; width: 100%; position: fixed; bottom: 0px; z-index: 9999999; }
  134. .footernav ul li a{ float: left; height: 130px; width: 25%; background:#148ad2 url(../images/spzf_82.png) 0 0 repeat-y;}
  135. .footernav ul li a img{ display: block; margin: 6px auto; margin-top: 15px; width: 23%;}
  136. .footernav ul li h6{ font-size: 2.0rem; color: #a0d8f3; text-align: center; font-weight: normal;}
  137. .footernav ul li.active a{ background: #1c60a8; }
  138. .footernav ul li.active a h6{color: #fff;}
  139. /*************************************** 二级页 ************************************************/
  140. /*办事大厅*/
  141. /*.bsdtcont{ padding:40px 24px; overflow:hidden; margin:70px auto;}
  142. .bsdtcont dl{ width:48%; background:#fff; margin:2% auto; border-radius:10px; padding:20px 0;}
  143. .bsdtcont dl dd img{ display:block; margin:0px auto 10px auto;}
  144. .bsdtcont dl dt{ text-align:center; font-size:1.3rem;}
  145. */
  146. /*办事大厅列表*/
  147. .tbimg{ width: 100%;}
  148. .tbimg img{ width: 100%; margin-top: 120px;}
  149. .bslist ul li{ font-size: 2.4rem; padding: 25px 0; border-bottom: solid 1px #ccc; overflow: hidden;}
  150. .bslist ul li b{ width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; text-indent: 40px; }
  151. .bslist ul li em{ width: 17%; float: right; text-align: center; background: url(yhzx_08.png) right center no-repeat; font-style: normal; margin-right: 20px; }
  152. .bslist ul li em a{ color: #999;}
  153. /*办事大厅微平台*/
  154. .bstitle{ margin-top: 120px; font-size: 2.6rem; background: #148AD2; color: #fff; padding: 30px;}
  155. .bswpt h5{ font-size: 2.2rem; color: #666; font-weight: normal; margin: 0 30px; padding-top: 30px; line-height: 1.8;}
  156. .bswpt p{ font-size: 2.6rem; color: #666; border-bottom: solid 1px #ccc; margin: 0 30px; padding-bottom: 30px;}
  157. .bsdtcont{ overflow:hidden; margin:0px auto;}
  158. .bsdtcont .tydiv{ padding-top: 35px; }
  159. .bsdtcont .tydiv h2{ padding-left: 20px; background: url(../images/spzf_11.png) 15px 5px no-repeat; }
  160. .bsdtcont .jgul{ overflow: hidden;}
  161. .bsdtcont .jgul li{ height: 220px; overflow: hidden; float: left; width: 33%; border-bottom: solid 1px #eee; padding: 15px 0; border-top:solid 1px #eee; ;}
  162. .bsdtcont .jgul li a img{ width: 30%; display: block; margin: 0 auto;}
  163. .bsdtcont .jgul li.lilne{ border-left: solid 1px #eee; border-right: solid 1px #eee;}
  164. .bsdtcont .jgul li p{ text-align: center; margin: 10px auto; font-size: 2.4rem;}
  165. .mt20{ margin-top: 20px;}
  166. .mb170{ margin-bottom: 170px;}
  167. .mb90{ margin-bottom: 90px;}
  168. /*个人办事*/
  169. .bscont{ margin-top: 120px;}
  170. .bsul li{ float:left; width: 26%; margin: 12px; padding: 0 20px; height: 90px; line-height: 90px; border-radius: 10px; font-size: 2.4rem; text-align: center; background: url(gebs_03.png) 0 0 repeat-x; border: solid 1px #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  171. .bgs{ overflow: hidden; border-top: solid 1px #999; border-bottom: solid 1px #999; padding-bottom: 30px;}
  172. .bgs h4{ font-size: 2.6rem; margin: 40px auto;}
  173. .bgs h4 b{width: 22%; display: block; }
  174. .bgs p{ font-size: 2.6rem; color: #1d68a0; font-weight: bold; margin-bottom: 40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  175. .bgs p b{ display: block; float: left; width: 6%; margin: 0 15px;}
  176. .bgs p i{ display: block; float: right; width: 6%; margin: 0 10px;}
  177. .bgs dl{ width:18%; margin:0 1%; float: left; border: solid 1px #999; border-radius: 10px; font-size: 2.4rem; padding: 20px 10px;}
  178. .bgs dl dt{ width: 28%; float: left;margin: 0 15px;}
  179. .bgs dl dt img{ margin-top: 5px;}
  180. .bgs dl.kdl{ width: 27%;}
  181. .bgs dl.kdl dt{ width: 20%;}
  182. .bgs .wxllm .btnr u{font-size: 2.6rem; float:left; color: #1d68a0; font-weight: bold; width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  183. .bgs .wxllm{ overflow:hidden; border-bottom: solid 1px #999; padding-bottom: 30px;}
  184. .xlconts{ overflow: hidden; width: 100%; margin: 60px 20px; display: none; }
  185. .xllm ul li{ overflow: hidden; border-bottom: solid 2px #ccc; padding-bottom: 40px;}
  186. .xllm h5{ font-size: 2.4rem; background: url(../images/yjt.png) 0 center no-repeat; text-indent: 40px; margin-bottom: 40px;overflow:hidden;}
  187. .xllm h5 i{ display: block; width: 6%; float: right; margin: 0 20px;}
  188. .xllm h5 b{ display:block; width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}
  189. .xllm h5 i{ display: block; width: 6%; float: right; margin: 0 20px;}
  190. .xllm h5 u{ display: block; width: 22%; float: right; margin: 0 10px;}
  191. .xllm h5 i img{ width:100%; display: block; margin: 0 auto; float: right; margin: 0 10px;}
  192. .bgs .wxllm{ overflow:hidden; border-bottom: solid 1px #999; padding-bottom: 30px;}
  193. .bgs .xllm h4 b{width: 40px; height: 40px; display: block; float: right; margin-right: 10px; }
  194. .bgs .xllm h4 .arrow{ background: url(../images/downarrow.png) 100% 100% no-repeat; background-size: cover; -moz-background-size: cover;-webkit-background-size: cover; }
  195. .bgs .xllm h4 .arrow:hover{ background: url(../images/uparrow.png) 100% 100% no-repeat; background-size: cover; -moz-background-size: cover;-webkit-background-size: cover; }
  196. .xllm ul li:hover .xlconts{ display: block;}
  197. .bgs .wxllm .bdp u{font-size: 2.6rem; float:left; color: #1d68a0; font-weight: bold; width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  198. .xlconts h5 u b{width:17%; float: right;}
  199. .xlconts h5 u b img{width: 100%;}
  200. .wxllm h4 b{ width:4%; float: right;}
  201. .wxllm h4 b img{ width: 100%;}
  202. /*三级页头部*/
  203. .sjheader .back{ margin-top:30px; margin-left:10px; width: 5%;}
  204. .sjheader .back img{ width: 100%;}
  205. .sjheader .centerlogo{ width:80%;}
  206. .sjheader .centerlogo img{ margin-left:5%; margin-top:5px; width: 60%;}
  207. /*领导简介*/
  208. .wrap{ margin-top:110px; margin-bottom:100px;}
  209. .zp img{ display:block; margin:20px auto; width: 100%;}
  210. .wdfg p{ font-size:2.4rem; line-height:1.8; text-indent:40px; margin:10px auto; }
  211. .wdts p{margin: 2% auto;}
  212. .wdts p i{ height: 60px; display: block; float: left;}
  213. .wdts p b{background:#efefef;padding: 1% 1%;line-height: 2;font-size: 2.8rem;text-align: center;display: block;width: 25%;float: left;}
  214. .wdts p a{padding: 0 2%;font-size: 2.8rem;line-height: 2;display: inline-block;}
  215. /*访谈详细*/
  216. .ftxx h1{ text-align: center; color: #1e78d0; font-size: 2.4rem; margin-bottom: 15px;}
  217. .ftxx p{ border-bottom: solid 1px #ccc; padding: 5px 0; font-size: 2.2rem; line-height: 1.6; color: #5b5b5b;}
  218. .ftxx p b{ font-size: 2.4rem; font-weight: bold; margin-right: 10px; }
  219. .tydiv img{ width: 100%;}
  220. .wzzbxx{ height: 800px; overflow-x: hidden; overflow-y: scroll;background-color: #F5F5F5;}
  221. .wzzb h3{ font-weight: normal; color: #0066cc; margin: 10px auto 5px auto; font-size:2.6rem;}
  222. .wzzb p{ font-size: 2.4rem; line-height: 1.8;}
  223. .wzzb p.fbtime{ color: #666;}
  224. .wzzb p.more{ line-height: 50px;}
  225. .wqft dl dd{ font-size: 2.4rem; margin: 5px auto;}
  226. .xgzl p,.szxxfk p,.listcont p{ font-size: 2.4rem; color: #5b5b5b; line-height: 2;}
  227. .xgzl p.fbtime,.szxxfk p.fbtime,.listcont p.fbtime{ border-bottom: solid 1px #ccc; font-size: 2.0rem; color: #b2b2b2; padding-bottom: 5px;}
  228. .szxxfk p.more{ font-size: 2.4rem;}
  229. /*访谈预告*/
  230. .wtzj p{ margin: 10px auto;}
  231. .wtzj .zcp b{ display:block; width:20%;padding:0 20px; color: #555454; height: 70px; line-height: 70px; float: left; margin-right: 10px; font-size: 2.4rem; font-weight: bold; text-align: center; display: block; background: #efefef;}
  232. .wtzj .zcp input.xm{ height: 70px; line-height: 70px; border: solid 1px #ccc; width: 70%; padding: 0 2%; font-size: 2.4rem;}
  233. .wtzj .zcp i{ font-style: normal; color: #ff0000;}
  234. .wtzj .nrp b{ display:block; width:20%; padding:0 20px; height: 200px; line-height: 200px; color: #555454; float: left; margin-right: 10px; font-size: 2.4rem; font-weight: bold; text-align: center; display: block; background: #efefef;}
  235. .wtzj .nrp textarea{ height: 200px; line-height: 200px; width: 70%; border: solid 1px #ccc; font-size: 2.4rem;}
  236. .wtzj .zcp .btn{ width: 200px; height: 90px; line-height: 90px; text-align: center; color: #fff; background: #006699; border: none; margin: 15px; font-size: 2.4rem; cursor: pointer;}
  237. .ftjh h3{ color: #1e78d0; margin-bottom: 15px; font-size: 2.8rem; font-weight: normal;}
  238. .ftjh p{ color: #666; font-size: 2.4rem;}
  239. /*互动*/
  240. .hdwrap{ margin-bottom: 100px;}
  241. .yjzj p{ border-bottom: solid 1px #ccc; padding: 15px 0; font-size: 2.4rem; color: #5B5B5B;}
  242. .yjzj p.more{ padding: 0px; font-size: 2.4rem;}
  243. .yjzj ul li{ width: 48%; margin-top: 10px;}
  244. .ggfwrx a img{ margin: 10px auto;}
  245. .listcont{ padding:0 20px}
  246. /*排预删除*/
  247. .pxscwrap{ margin: 90px 0 70px 0;}
  248. .pxsc{ height: 100px; line-height: 100px; background: #00558e;}
  249. .pxsc img{ margin-top: 40px; margin-right: 20px;}
  250. .pxsc b{ display: block; width: 230px; font-size: 2.4rem; height: 70px; line-height: 70px; text-align: center; color: #96b9e9; border-radius: 20px; float:right; border: solid 2px #a8c6f4; margin: 20px 20px 0 0; cursor: pointer;}
  251. .lm{ height: 120px; background: #133159;}
  252. .lm ul li{ float: left; width: 147px; height: 70px; background: #224470; border: solid 1px #1e3c66; width: 22%; margin: 30px 0 0 2%; text-align: center; line-height: 70px; }
  253. .lm ul li a{ color: #fff; font-size: 2.6rem;}
  254. .djjlm a{ display: block; height: 70px; line-height: 70px; background: #365480; color: #fff; font-size: 2.4rem; text-indent: 20px; font-weight: normal;}
  255. .pxscwrap p{ height: 100px; line-height: 100px; border-bottom: solid 2px #3b5884; color: #fff; font-size: 2.4rem;padding: 0 20px; }
  256. .pxscwrap p img{ margin-top: 30px;}
  257. /*市情*/
  258. .sqwrap{ margin-bottom: 120px; overflow: hidden;}
  259. .spgk a img{ width: 100%; margin-top: 2px;}
  260. .sqwrap .jgul{ overflow: hidden;}
  261. .sqwrap .jgul li{ float: left; width: 33%; border-bottom: solid 1px #eee; padding: 15px 0;}
  262. .sqwrap .jgul li.lilne{ border-left: solid 1px #eee; border-right: solid 1px #eee;}
  263. .sqbox{ overflow: hidden;}
  264. .sqbox h2{ height: 80px; line-height: 80px; color: #fff; font-size:2.6rem; margin: 20px auto; text-indent: 80px; }
  265. .sqbox ul li{ width: 30%; border: solid 2px #e3e3e3; border-radius: 5px; float: left; background: #fbfbfb; height: 60px; line-height: 60px; margin: 10px 0 10px 2%; text-align: center; font-size: 2.4rem;}
  266. .fzsp h2{ background: #339cdc url(../images/sq_32.png) 15px 12px no-repeat;}
  267. .mssp h2{ background: #dfa246 url(../images/sq_35.png) 15px 12px no-repeat;}
  268. .cysp h2{ background: #78b43c url(../images/sq_40.png) 15px 12px no-repeat;}
  269. .stsp h2{ background: #12b5b2 url(../images/sq_44.png) 15px 12px no-repeat;}
  270. .msusp h2{ background: #c490c0 url(../images/sq_47.png) 15px 12px no-repeat;}
  271. /*市长*/
  272. .sz dl{ margin-bottom: 10px; overflow: hidden;}
  273. .sz dl dt{ width: 40%; float: left; }
  274. .sz dl dd{ width: 58%; float: right; }
  275. .sz dl dd h3{ font-size: 2.4rem; margin-bottom: 15px;}
  276. .sz dl dd p{ font-size: 2.4rem; line-height: 1.6; text-indent: 0px;}
  277. .sz ul li{ width: 49%; margin: 5px auto;}
  278. /*市政府*/
  279. .zyhy{ overflow: hidden; margin-bottom: 100px;}
  280. .hyflul li{float: left; background: #f5f5f5; height: 50px; font-size: 2.4rem; padding:10px 0; line-height: 50px; text-align: center; margin-left: 10px; margin-bottom: 15px; width: 46%; float: left;}
  281. .hyflul li a{ color: #5b5b5b; }
  282. .zfjg p{ font-size: 2.4rem; color: #5b5b5b; line-height: 1.8; text-indent: 40px;}
  283. .zfjg p a{ color: #1e78d0;}
  284. .plul{ overflow: hidden;}
  285. .plul li{ float: left; padding: 20px 40px; background: #f5f5f5; margin: 10px 20px 10px 10px; font-size: 2.4rem;}
  286. /*写信须知*/
  287. .xxxz h3{ font-size: 2.4rem; font-weight: normal; line-height: 1.8;}
  288. .xxxz p{ text-indent: 40px; font-size: 2.4rem; line-height: 1.8;}
  289. .xxxz p.more{ line-height: 50px;}
  290. /*用户中心*/
  291. .yhzx{ margin-bottom: 95px;}
  292. .txdiv{ height: 400px; top:10px; background:url(../images/yhzx_02.png) no-repeat center 100%;margin-bottom: 80px; position: relative;background-size: cover; -moz-background-size: cover;-webkit-background-size: cover; }
  293. .tx{ position: relative; z-index: 1; top:50px; width: 180px;}
  294. .tximg{ position: absolute;}
  295. .tx dl dt{ width: 180px; height: 180px; overflow: hidden;}
  296. .tx dl dd{ text-align: center; color: #1a77bf; font-size: 2.6rem; font-weight: bold;}
  297. .txwk{ position: absolute; z-index: 2;}
  298. .yhzx p{ height: 120px; line-height: 120px; padding: 0 20px; border: solid 1px #eee; font-size: 2.6rem; color: #4a4949;}
  299. .yhzx p img{ float: left; margin-top: 35px; margin-right: 15px;}
  300. .yhzx p i{display:block; width: 17px; height: 120px; background: url(../images/yhzx_08.png) right center no-repeat; float: right; margin-right: 20px;}
  301. .tcbtn .btn{ width: 90%; height: 90px; margin:0 5%; font-size:2.6rem; line-height: 90px; cursor: pointer; background: #dddddd; text-align: center; border: none; border-radius: 5px;}
  302. /*搜索结果*/
  303. .align_center{ margin-top: 20px; font-size: 2.4rem;}
  304. .ssjg .srk{ background:#eaeaea url(../images/ssjg_03.png) 10px center no-repeat; height: 90px; line-height: 90px; text-indent: 50px; font-size: 2.4rem; width: 98%; margin: 0 1%; border: none; border-radius: 5px;}
  305. .ssjg .checkbtn{ width: 98%; background: #1a8fd6; height: 90px; line-height: 90px; text-align: center; color: #fff; border: none; border-radius: 5px; margin: 15px 1%; font-size: 2.6rem; letter-spacing: 10px; font-weight: bold; }
  306. /*证件反馈*/
  307. .szhf{ background: #fef8f2; padding:10px 20px; margin: 10px 20px; border:solid 1px #ccc;}
  308. .zjfk p,.szhf p{ padding: 10px 0px; border-bottom: solid 1px #eee; line-height: 1.8; font-size: 2.4rem;}
  309. .zjfk p b{ font-size: 2.4rem; letter-spacing: 20px; font-weight: bold;}
  310. .szhf p{ border: none;}
  311. .szhf p b{font-size: 2.4rem; font-weight: bold; margin-right: 20px;}
  312. /*内容页*/
  313. .newscont{ padding: 0 20px; margin-bottom: 170px;}
  314. .newscont h1{ font-size: 2.4rem; text-align: center; color: #4a4949; }
  315. .newscont p.ly{ text-align: center; color: #666; margin: 20px auto; overflow: hidden; text-indent: 0px; font-size: 2.4rem;}
  316. .newscont p{ text-indent: 40px; line-height: 1.6; font-size: 1.8rem; margin: 10px auto;}
  317. /*水费 ——支付宝*/
  318. .jfhead{ height: 110px; line-height: 110px; width: 100%; position: fixed; top: 0px; z-index: 9999; color: #207ad1; font-size: 3rem; border-bottom: solid 1px #ccc; text-align: center; background: #fff;}
  319. .jfhead b{ font-weight: bold;}
  320. .jfhead a{ display: block; width: 30px; float: left; margin-left: 20px; margin-top: 5px;}
  321. .jfcont h2{ height: 130px; line-height: 130px; border-bottom: solid 1px #ccc; background: #fff; color: #404040; font-size: 2.8rem;}
  322. .jfcont h2 img{ float: left; margin: 20px 20px; width: 8%; height: auto; }
  323. .jfcont p{ background: #fff; border-bottom: solid 1px #ccc; height: 120px; line-height: 120px; padding: 0 20px; position: relative; color: #666; font-size: 2.4rem;}
  324. .mt50{ margin-top: 50px;}
  325. .jfcont p b{ float: left; font-size: 2.4rem; font-weight: bold; color: #404040; display: block; width: 30%; }
  326. .jfcont p i{ float: right; display: block; width: 70%; text-align: right;}
  327. .jfcont p .zhtext{height: 46px; line-height: 46px; width:100%; border: none; text-align: right; color: #666; font-size: 2.4rem;}
  328. .bortop{ border-top: solid 1px #ccc;}
  329. .cxbtn{ height: 120px; line-height: 120px; width: 90%; margin: 0 5%; background: #46ade8; border: none; border-radius: 5px; color: #fff; font-size:2.6rem; margin-top: 50px; letter-spacing: 10px; cursor: pointer; font-weight: bold;}
  330. .yzmtext,.searchtext{height: 86px; line-height: 86px; width:70%; border: none; text-align: left; color: #666; font-size: 2.4rem;}
  331. .yhtext{height: 46px; line-height: 46px; width:100%; border: none; text-align: left; color: #666; font-size: 2.4rem;}
  332. .yzm{ display: block; width: 30%; float: right; margin-top: 10px;}
  333. .ylzf p i{ text-align: left;}
  334. .serachbtn{ background: url(../images/ssjg_03.png) 0 10px no-repeat; width: 50px; height: 50px; border: none; cursor: pointer; margin-top: 15px;}
  335. .dq h3{ height: 60px; line-height: 60px; background: #d1d5d8; padding: 0 15px; font-size: 2.4rem;}
  336. .jfcont select{ font-size: 2.4rem;}
  337. /*手机充值*/
  338. .jfcont p.wxts{ background: #f6f5fa; height: 90px; line-height: 90px; color: #3c91cd;}
  339. .czje{ background: #fff; overflow: hidden; padding: 30px 10px; margin-top: 30px; border-top: solid 1px #ccc;border-bottom: solid 1px #ccc;}
  340. .czje ul li{ float: left; width: 47%; margin: 1% 0 1% 2%; border: solid 1px #ccc; padding: 15px 0; border-radius: 5px;}
  341. .czje ul li p{ border: none; height: auto; line-height: 1.6; text-align: center; font-size: 2.4rem; color: #999;}
  342. /*图片列表*/
  343. .img_list{ width: 47%; float: left; margin: 10px 10px; overflow: hidden;}
  344. .img_list dd{ overflow: hidden;}
  345. .img_list dd a{ width: 100%; display:block; }
  346. .img_list dt { height: 100px; font-size: 2.4rem;}
  347. .img_list dd a img{ width: 100%; transition: all 1s;}
  348. .img_list dd a img:hover{ transform: scale(1.1);}
  349. .align_center{ margin:10px 0px 30px 0px;}
  350. /*手机充值*/
  351. .jfcont p.wxts{ background: #f6f5fa; height: 90px; line-height: 90px; color: #3c91cd; font-size: 2.8rem; border: none;}
  352. .czje{ background: #fff; overflow: hidden; padding: 30px 10px; margin-top: 10px; border-top: solid 1px #ccc;border-bottom: solid 1px #ccc;}
  353. .czje ul li{ float: left; width: 47%; margin: 1% 0 1% 2%; border: solid 1px #ccc; padding: 15px 0; border-radius: 5px;}
  354. .czje ul li p{ border: none; height: auto; line-height: 1.6; text-align: center; font-size: 2.4rem; color: #999;}
  355. /*任职通知*/
  356. .rztz{ padding: 0 20px; margin-top: 20px;}
  357. .rztz .tzk{ border: solid 1px #ccc; padding: 20px; font-size: 2.4rem; color: #999; margin-bottom: 50px;}
  358. .rztz .tzk p{ line-height: 2.4;font-size: 2.4rem; }
  359. .tznr h2{ text-align: center; font-size: 3.2rem;}
  360. .tznr h3{ text-align: center; font-size: 2.8rem; font-weight: normal; margin-bottom: 50px;}
  361. .tznr h4{ font-weight: normal; font-size: 2.4rem;}
  362. .tznr p{ font-size: 2.4rem; text-indent: 100px; line-height: 1.6;}
  363. .tznr p.jy{ text-align: right;}
  364. /*审批指南*/
  365. .spzncont h2{ font-size: 2.6rem; color: #1e78d0; margin-bottom: 15px; background: url(../images/spzf_11.png) 20px 25px no-repeat; text-indent: 40px; margin-top: 30px;}
  366. .xmxx{ border: solid 1px #999; border-radius: 10px; padding: 20px 20px 0 20px; margin: 0 20px;}
  367. .xmxx p{ background: #fff; border-bottom: solid 1px #999; overflow: hidden; padding: 20px 0; position: relative; color: #666; font-size: 2.4rem;}
  368. .xmxx p b{ float: left; font-size: 2.4rem; font-weight: normal; color: #404040; display: block; width: 30%; }
  369. .xmxx p i{ float: right; display: block; width: 70%;}
  370. .spznxl ul li h2 b{ display: block; float:right; width:40px; height: 40px; margin-right: 20px; background: url(downarrow.png) 0 0px no-repeat;background-size: cover; -moz-background-size: cover;-webkit-background-size: cover;}
  371. .spznxl ul li h2 b:hover{ background: url(uparrow.png) 0 0px no-repeat; background-size: cover; -moz-background-size: cover;-webkit-background-size: cover;}
  372. .spznxl ul li div{ overflow: hidden; font-size: 2.4rem; padding:0 20px; display: none;}
  373. .spznxl ul li .sltj p{ line-height: 1.8; border-bottom: solid 1px #999; padding: 20px 0; text-indent: 80px;}
  374. .xline{ clear: both; height: 2px; background: #ccc; width: 100%; margin: 10px auto;}
  375. .bllc p{ padding: 20px 0;}
  376. .spznxl ul li:hover div{ display: block;}
  377. /*预审填写表单*/
  378. .bdcont p{ margin: 20px 40px; border-radius: 10px; border: solid 1px #999; padding: 20px; font-size: 2.4rem; overflow: hidden; }
  379. .bdcont p b{ width: 22%; display: block; float: left;}
  380. .bdcont p i{ width: 78%; display: block; float: right;}
  381. .bdcont p i input[type="text"]{ width: 100%; padding: 20px 0; border: none; font-size: 2.4rem;}
  382. .bdcont p i select{ font-size: 2.4rem; border: none; float: right;}
  383. .bdcont h3 .btn{ width: 100%; text-align: center; font-size: 2.6rem; background: #ccc; border: solid 1px #999; padding: 30px 0; cursor: pointer;}
  384. .bsfwnews p b{ padding-top: 18px;}
  385. /*个人信息*/
  386. .grxxcont{margin:130px 20px; background:#fff; padding:20px 0; font-size:2.4rem; border-radius:20px;}
  387. .grxxcont p{ border-bottom:solid 1px #999; padding:30px 20px;}
  388. .grxxcont p i{ width:20px; height:50px; margin-top:10px; float:right; background:url(../images/yhzx_08.png) right center no-repeat; background-size:cover; -moz-background-size: cover;-webkit-background-size: cover;}
  389. /*手机绑定*/
  390. .sjbdcont{ padding:30px; font-size:2.8rem; margin-top: 90px;}
  391. .sjbdcont ul{ overflow:hidden; background:url(../images/ulbg.png) 0 140px repeat-x;}
  392. .sjbdcont ul li{ width:33%; font-size:3.0rem; height:180px; margin:50px 0 20px 0; }
  393. .sjbdcont ul li.li1{ background:url(../images/small.png) left 60px no-repeat; }
  394. .sjbdcont ul li.li2{ background:url(../images/small.png) center 60px no-repeat; text-align:center; }
  395. .sjbdcont ul li.li3{ background:url(../images/small.png) right 60px no-repeat; text-align:right; }
  396. .sjbdcont ul li p{ margin-top:70px; font-weight:bold; }
  397. .sjbdcont p{margin:40px auto;}
  398. .sjbdcont p i{ color:#f00; font-size:2.8rem;}
  399. .sjbdcont p input[type=text]{ font-size:2.8rem; width:100%; border-radius:10px; border:solid 1px #999; padding:20px;}
  400. .sjbdcont h3 .btn{ width: 98%; text-align: center; font-size: 2.6rem; color:#fff; border-radius:10px; background: #00558e; border: solid 1px #999; padding: 30px 0; margin:50px 1%; cursor: pointer;}
  401. .li1act{ background:url(../images/big.png) left 60px no-repeat; }
  402. .li2act{ background:url(../images/big.png) center 60px no-repeat; text-align:center;}
  403. .li3act{ background:url(../images/big.png) right 60px no-repeat; text-align:right;}
  404. .yzm{width:98%; border-radius:10px; border:solid 1px #999; padding:20px 10px; background:#fff; margin:0 1%}
  405. .yzm input#yzmtext{ width:70%; float:left; padding:5px 20px; border:none;}
  406. .yzm input#yzmbtn{ width:30%; float:right; text-align:center; background:#00558e; border-radius:10px; cursor:pointer; color:#fff; font-size:2.4rem; border:none; padding:10px 0;}
  407. .bluefont{ color:#00558e;}
  408. .typ{ font-size:2.2rem}
  409. .checkbox{ width:35px; height:35px; border:solid 1px #333; margin-right:20px;}
  410. .xjcont{ margin-top: 150px; margin-bottom: 140px;}
  411. /*新用户中心*/
  412. .xtx{ overflow: hidden; padding: 100px 0px;}
  413. .xtximg dl dt{ width: 25%; float: left; margin:0 100px; }
  414. .xtximg dl dt img{ width: 100%;}
  415. .xtximg dl dd p{ font-size: 2.6rem; height: 60px; border: none; }
  416. /*登陆*/
  417. .logincont{margin-top: 160px;}
  418. .logintit img{display: block; margin: 100px auto;}
  419. .logincont p{margin: 80px 50px; border: solid 1px #999; border-radius: 10px; overflow: hidden; }
  420. .logincont p img{ float: left;}
  421. .logincont p input[type=text]{ width: 85%; height: 94px; line-height: 94px; font-size: 2.4rem; padding: 0 30px; border: none; background: #f6f6f6; color: #333;}
  422. .logincont h2 .lgbtn{ width: 40%; margin: 50px 5%; height: 120px; line-height: 120px; border-radius: 10px; font-size: 2.6rem; letter-spacing: 10px;}
  423. .loginbtn{ color: #fff; background: #1c60a9; border: none; }
  424. .regbtn{ background: #fff; border: solid 1px #333;}
  425. .logincont h3{ float: right; margin-right: 100px; font-size: 2.4rem; font-weight: normal; }
  426. .logincont h3 .radiobox{ width: 35px; height: 35px;}
  427. .lgfooter{ position: fixed; bottom: 0px; width: 100%;}
  428. .lgfooter img{ width: 100%;}
  429. /*结果公示*/
  430. .jggsdiv{ overflow: hidden; background: url(../images/yjt.png) right center no-repeat; padding-right: 30px; margin: 40px 20px 20px 0;}
  431. /*结果公示详细*/
  432. .jggsxx{ font-size: 2.2rem; margin: 40px; padding: 20px; border: solid 1px #ccc; }
  433. .jggsxx p{ text-indent: 100px; line-height: 2.0;}
  434. .tcgg{ text-align: center; margin: 40px auto;}
  435. .jggsxx .ph{ margin-bottom: 30px;}
  436. /*网上预约*/
  437. .wsyy{ overflow: hidden; border: solid 1px #ccc; border-radius: 20px; padding: 20px 20px 0px 20px; margin: 40px;}
  438. .wsyy h2{ color: #207ad1; border-bottom: solid 1px #ccc; font-size: 2.6rem; height: 90px; line-height: 90px;}
  439. .wsyy p{ font-size: 2.4rem; border-bottom: dashed 2px #ccc; line-height: 100px; background: url(yj.png) right center no-repeat;}
  440. .wsyy p b{ border-left: solid 10px #207ad1;border-right: solid 10px #207ad1; padding: 0 20px; margin-right: 30px;}
  441. .wsyy p u{ color: #207ad1; border: solid 2px #207ad1; padding:0 20px; border-radius: 20px; margin-left: 30px;}
  442. /*返回顶部*/
  443. .fhdb{ background:url(../images/fhdb.png) no-repeat center;width:30px;height:30px;position:fixed;bottom:30px;right:20px; display:none;}
  444. .ulpd{ padding: 0 20px;}
  445. .mui-active{
  446. color:blue;
  447. }
  448. .mui-control-item{
  449. width: 500px; text-align: center;
  450. font-size: 2.6rem; font-weight: bold;
  451. }
  452. .mui-pull-caption{
  453. font-size: 2rem;text-align: center;
  454. }
  455. .nav .navleft ul li a:link {
  456. color: #000000;
  457. text-decoration: none;
  458. }
  459. .nav .navleft ul li a:visited {
  460. color: #000000;
  461. text-decoration: none;
  462. }
  463. .nav .navleft ul li a:hover {
  464. color: #000000;
  465. text-decoration: none;
  466. }
  467. /*上传文件*/
  468. #twopage{ padding: 20px;}
  469. #twopage h2{ width: 100%; height: 96px; line-height: 96px; font-size: 2.8rem; background: #CBCBCB url(../images/jianh.png) 20px center no-repeat;cursor: pointer; text-indent: 70px; font-weight: normal;}
  470. #twopage span{ display: block; width: 100%; overflow: hidden; padding: 10px; border-bottom: solid 1px #ccc;}
  471. #twopage span p{ border: none; margin: 0px; padding: 10px 0px;}
  472. #twopage span input[type=radio]{ width: 30px; height: 30px; float: left; margin-top: 25px; margin-right: 10px;}
  473. .licenter li{
  474. text-align: center;
  475. }
  476. /*当前版本*/
  477. .jfhead .bbfh{ margin-top: 10px;}
  478. .mui-backdrop {
  479. position: fixed;
  480. top: 0;
  481. right: 0;
  482. bottom: 0;
  483. left: 0;
  484. z-index: 998;
  485. background-color: rgba(0,0,0,.3);
  486. }
  487. /*网上办事预审*/
  488. #twopage span p.wjm{ width: 92%; line-height: 2; margin: 0 20px; font-size: 2.4rem;}
  489. .fjnr .wjm em{width: 60%;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-style: normal; color: #666; font-size: 2.4rem; margin:0 15px; float: left;}
  490. .fjnr p a{ display: block; float: left; width: 28%; margin: 0 2%; height: 70px; line-height: 70px; text-align: center; }
  491. .fjnr p .bluebg{ background: #e6e9ed; color: #333;}
  492. .fjnr p .organbg{ background: #aab2bd;}
  493. .fjnr p u{ float: left;width: 17%;}
  494. .fjnr p i{ width: 18%; float: left; color: #f00; line-height:80px;}
  495. /*政府领导*/
  496. .ldcont{ padding: 20px; margin-top: 150px;}
  497. .ldcont h2{ font-size: 2.8rem; color: #626679; text-indent: 10px; margin: 10px auto;}
  498. .ldcont dl{ overflow: hidden; border-bottom: solid 1px #ccc; padding: 20px 0;}
  499. .ldcont dl dd em{ height: 50px; display: block; font-style: normal;}
  500. .ldcont dl dd{ width: 120px; float: left; font-size: 2.4rem; font-weight: bold; line-height:240px ;}
  501. .ldcont dl dt{ width:85%; display: block; float: right;}
  502. .ldcont dl dt p{ display: block; width: 210px; float: left; margin: 10px; font-size: 2.4rem; text-align: center;}
  503. .ldcont dl dt img{ width: 100%; margin: 10px auto; }