zhx_xxgk_20170313.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. @charset "utf-8";
  2. /* CSS Document */
  3. /*自己的css*/
  4. .floatLeft {float: left;}
  5. .floatRight {float: right;}
  6. .hidden {display: none}
  7. .clearFix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
  8. .clearFix {display: inline-block;}
  9. .relative {position: relative;}
  10. .absolute {position: absolute;}
  11. .alignRight {text-align: right;}
  12. .alignCenter {text-align: center;}
  13. .cuso{ cursor:pointer;}
  14. .overflow{ overflow:hidden;}
  15. .f12{ font-size:12px;}
  16. .f14{ font-size:14px;}
  17. .f16{ font-size:16px;}
  18. .f18{ font-size:18px;}
  19. .marginauto{ margin-left:auto; margin-right:auto;}
  20. .inline{ display:inline;}
  21. .weight{ font-weight:bold;}
  22. .indent{text-indent:2em;}
  23. /*信息公开子页*/
  24. .zhx_xxgk_left{ float:left; width:844px;}
  25. .zhx_xxgk_right{ float:right;}
  26. /*左侧*/
  27. .zhx_xxgk_left_top{ margin-top:29px; margin-bottom:29px; margin-left:23px;}
  28. #zhx_searcht_text{ height:30px; line-height:30px; color:#acacac; border:solid 1px #e8e7e7; text-indent:8px; width:280px; margin-left:12px 0;}
  29. .zhx_xxgk_left_top select{height:32px; border:solid 1px #e8e7e7; margin-right:0!important; border-radius:1px!important; width:110px!important; margin-left:8px; text-indent:8px;}
  30. #zhx_searcht_button{ width:68px; height:32px; line-height:32px; color:white; background:url(zhx_searchbag.png)/*tpa=http://www.jlqi.gov.cn/images/zhx_searchbag.png*/ no-repeat 8px 9px #ff7800; text-indent:18px; font-size:14px; margin-left:7px; cursor:pointer;}
  31. .zhx_xxgk_left_bottom thead{ background-color:#dbf8fb; color:#a09a57;}
  32. .zhx_xxgk_left_bottom table{ text-align:center; margin-left:22px;line-height:1.5; border:2px solid #fff;}
  33. .zhx_xxgk_left_bottom table th { font-size:16px; text-align:center; border:2px solid #fff;}
  34. .zhx_xxgk_left_bottom table td{ padding:0 7px; border:2px solid #fff;}
  35. .zhx_tr1{ background-color:#f5f5f5;}
  36. .zhx_tr2{ background-color:#dbf3fb;}
  37. /* 类别 */
  38. .xxgkml-lb-rainbow { width:844px; float:left; height:auto; overflow:hidden; margin-left:25px;}
  39. .xxgkml-lb-rainbow .lb-title-rainbow { padding-left:40px; width:94%; height:40px; padding-bottom:4px; border-bottom:1px solid #d8d8d8; background:url(xxgkml_lb_icon_0320.jpg)/*tpa=http://www.jlqi.gov.cn/images/xxgkml_lb_icon_0320.jpg*/ 3px 5px no-repeat; font-size:24px;}
  40. .xxgkml-lb-rainbow .lb-content { float:left; margin-left:25px; width:94%; font-size:16px; margin:15px 0;}
  41. .xxgkml-lb-rainbow .lb-content span { float:left; margin:10px 15px;}
  42. .xxgkml-lb-rainbow .lb-content span a { color:#666;}
  43. .xxgkml-lb-rainbow .lb-content span a:hover { color:#166ddb;}
  44. /*右侧*/
  45. .zhx_xxgk_right{ margin-top:90px; width:240px; margin-right:31px;}
  46. .zhx_xxgk_right_one h1{ font-size:18px; color:#666666; font-weight:bold; margin-top:2px;}
  47. .zhx_xxgk_right_one ul li{ height:42px; line-height:42px; background-color:#f5f5f5; margin-top:13px;}
  48. .zhx_xxgk_right_one ul li a{ padding-left:14px; border-left:solid 1px #cdcdcd; vertical-align:top; }
  49. .zhx_xxgk_right_one ul li img{ margin-left:14px; margin-right:14px; margin-top:10px; *margin-top:0px; vertical-align:top;}
  50. .zhx_xxgk_right_one ul li:hover img{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); transition:all 0.7s;}
  51. .zhx_xxgk_right_one ul li:hover a{ color:#ff7800;}
  52. .zhx_xxgk_right_two{ margin-top:24px;}
  53. .zhx_xxgk_right_two ul li{ line-height:42px; background-color:#f5f5f5; margin-top:7px;}
  54. .zhx_xxgk_right_two ul li a{ margin-left:13px; vertical-align:middle;}
  55. .zhx_xxgk_right_two ul li img{ margin-left:23px; vertical-align:middle;}
  56. .zhx_xxgk_right_two ul li:hover img{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); transition:all 0.7s;}
  57. .zhx_xxgk_right_two ul li:hover a{color:#ff7800;}
  58. .zhx_xxgk_right_three{ margin:32px 0;}
  59. .zhx_xxgk_right_three_top{ background-color:#dee1e1;}
  60. .zhx_xxgk_right_three_top img{ vertical-align:middle; margin-left:24px;}
  61. .zhx_xxgk_right_three_top:hover img{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); transition:all 0.7s;}
  62. .zhx_xxgk_right_three_top h1{ line-height:62px; display:inline-block; font-size:18px; color:#525252; margin-left:10px; vertical-align:middle;}
  63. .zhx_xxgk_right_three_bottom{ background-color:#f5f5f5; padding-bottom:7px;}
  64. .zhx_xxgk_right_three_bottom P{ font-size:14px; font-weight:bold; color:#3f3f3f; line-height:38px; margin-left:17px;}
  65. .zhx_xxgk_right_three_bottom input[type='radio']{ margin:0px 5px -1px 14px; margin-right:6px;}
  66. .zhx_xxgk_right_three_bottom input[type='radio']:first-child{ margin-left:17px; margin-right:6px; }
  67. .zhx_xxgk_right_three_bottom input[type='text']{ width:207px; height:30px; line-height:30px; border:solid 1px #dddddd; margin-left:17px; margin-top:10px; margin-bottom:7px; background:url(zhx_search2bag1.png)/*tpa=http://www.jlqi.gov.cn/images/zhx_search2bag1.png*/ no-repeat 12px center white; text-indent:2.5em;}
  68. .zhx_xxgk_right_three_bottom input[type='password']{ width:207px; height:30px; line-height:30px; border:solid 1px #dddddd; margin-left:17px; margin-top:7px; margin-bottom:7px; background:url(zhx_search2bag2.png)/*tpa=http://www.jlqi.gov.cn/images/zhx_search2bag2.png*/ no-repeat 12px center white; text-indent:2.5em;}
  69. .zhx_yanzheng{ width:121px !important; background-image:none !important; text-indent:0.5em !important; vertical-align:middle;}
  70. .zhx_xxgk_right_three_bottom img{ margin-left:8px; border:solid 1px #dddddd; vertical-align:middle; height:30px; margin-top:3px;}
  71. .zhx_xxgk_right_three_bottom input[type='button']{ width:209px; margin-left:17px; margin-top:7px; line-height:32px; background-color:#ff6201; text-align:center; color:white; letter-spacing:3px;}
  72. /*图片新闻子页*/
  73. .zhx_main{ width:1135px;}
  74. .zhx_main_left,.zhx_main_right{ margin-top:46px;}
  75. .zhx_main_left{ width:258px;}
  76. .zhx_main_left_top{ height:73px; line-height:37px; background-color:#166ddb; border-top-left-radius:7px; border-top-right-radius:7px;}
  77. .zhx_main_left_top h1{ font-size:24px; color:white; text-align:center; line-height:73px;}
  78. .zhx_main_left_bottom{ background-color:#f7f7f7; padding-top:26px; padding-bottom:80px;}
  79. .zhx_main_left ul li{ border-bottom:solid 1px #e5e5e5; width:100%; line-height:57px; font-size:18px; text-align:center; background:url(zhx_tpxwbag1.png)/*tpa=http://www.jlqi.gov.cn/images/zhx_tpxwbag1.png*/ no-repeat 62px center; -webkit-transition:all 0.3s;}
  80. .zhx_main_left ul li a{ color:#666666; line-height:57px; display:inline-block; width:100%; -webkit-transition:all 0.3s;}
  81. .zhx_main_left ul li:hover{ background-image:url(zhx_tpxwbag1_hover.png)/*tpa=http://www.jlqi.gov.cn/images/zhx_tpxwbag1_hover.png*/; background-position:82px center; -webkit-transition:all 0.3s;}
  82. .zhx_main_left ul li:hover a{ color:#166ddb; margin-left:20px; -webkit-transition:all 0.3s;}
  83. .zhx_main_right{ width:835px;}
  84. .zhx_main_right_top{ border-bottom:solid 1px #dfdfdf; padding-bottom:13px;}
  85. .zhx_main_right_top h1{ color:#166ddb; vertical-align:middle; margin-left:12px;}
  86. .zhx_main_right_top img{ vertical-align:middle; margin-left:9px;}
  87. .zhx_main_right_bottom ul{ padding-top:22px;}
  88. .zhx_main_right_bottom ul li{ float:left; margin-left:34px; background-color:#f7f7f7; margin-top:42px; width:245px;}
  89. .zhx_tpxw_li_div2_p1{ text-align:center;}
  90. .zhx_tpxw_li_div2_p1 a{ max-width:90%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-left:auto; margin-right:auto; margin-top:8px; margin-bottom:17px; color:#666666;}
  91. .zhx_tpxw_li_div2_p1 a:hover{ color:#166dbb;}
  92. .zhx_tpxw_li_div2_p2{ padding-bottom:13px;}
  93. .zhx_tpxw_li_div2_p2 span{ color:#888888; margin-left:17px; transition:all 0.3s;}
  94. /*.zhx_tpxw_li_div2_p2 span:hover{ transform:rotateY(360deg); transition:all 0.3s;}*/
  95. .zhx_tpxw_li_div2_p2 i{ float:right; margin-right:12px; *margin-top:-30px;}
  96. .zhx_tpxw_li_div2_p2 i:hover{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); transition:all 0.7s;}
  97. .zhx_tpxw_li_div1{ overflow:hidden;}
  98. .zhx_tpxw_li_div1 img{ width:100%; height:183px; -webkit-transition:all 0.3s;}
  99. .zhx_tpxw_li_div1 img:hover{ transform: scale(1.3) rotate(1deg); -moz-transform: scale(1.3) rotate(1deg);-webkit-transform: scale(1.3) rotate(1deg);-ms-transform: scale(1.3) rotate(1deg); -o-transform: scale(1.3) rotate(1deg);transition: all 0.6s; cursor:pointer;}
  100. /* 新闻列表 */
  101. .news-raibow-all { width:100%; margin-bottom:20px; float:left;}
  102. .news-raibow-all ul { float: left; padding:20px 0; border-bottom:1px dashed #ddd; width:100%;}
  103. .news-raibow-all ul li {width:100%; background-color:#fff; float:left; line-height:36px; margin-left:0; margin-top:0;}
  104. .news-raibow-all ul li a {width:83%; float:left; padding-left:16px; background:url(frist_line_news_zj_li_dot.jpg)/*tpa=http://www.jlqi.gov.cn/images/frist_line_news_zj_li_dot.jpg*/ 0 16px no-repeat; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
  105. .news-raibow-all ul li a:hover { color:#f60;}
  106. .news-raibow-all ul li span { width:14%; float:right; color:#999; text-align:right;}
  107. /* 三级页 */
  108. .sajiye-content-rainbow { float:left; width:100%;}
  109. .longxiang_sanjineirong_lv { width:93%; margin:0 auto;}
  110. .longxiang_sanji_biaoti_lv { width:100%; border-bottom:1px solid #e7e7e7; text-align:center; color:#666; font-size:20px; font-weight:800; line-height:50px; padding-top:35px;}
  111. .longxiang_sanji_second_lv { width:100%; color:#999; font-size:12px; margin:0 auto; text-align:center; padding-top:14px; padding-bottom:70px; margin:0 auto;}
  112. .longxiang_sanji_second_lv ul { margin:15px 0 0 18%; width:80%; float:left;}
  113. .longxiang_sanji_second_lv li { float:left; line-height:14px;}
  114. .longxiang_sanji_second_lv li a {color:#999;}
  115. .longxiang_sanji_li01_lv { background:url(longxiang_sanjipic03_lv_20161115.png)/*tpa=http://www.jlqi.gov.cn/images/longxiang_sanjipic03_lv_20161115.png*/ no-repeat; padding-left:24px; padding-right:48px;}
  116. .longxiang_sanji_li02_lv { background:url(longxiang_sanjipic04_lv_20161115.png)/*tpa=http://www.jlqi.gov.cn/images/longxiang_sanjipic04_lv_20161115.png*/ no-repeat; padding-left:24px; padding-right:48px;}
  117. .longxiang_sanji_li03_lv { background:url(longxiang_sanjipic05_lv_20161115.png)/*tpa=http://www.jlqi.gov.cn/images/longxiang_sanjipic05_lv_20161115.png*/ no-repeat; padding-left:24px; padding-right:48px;}
  118. .longxiang_sanji_li04_lv { background:url(longxiang_sanjipic06_lv_20161115.png)/*tpa=http://www.jlqi.gov.cn/images/longxiang_sanjipic06_lv_20161115.png*/ no-repeat; padding-left:24px; padding-right:48px;}
  119. .longxiang_sanji_third_lv { line-height:32px; font-size:14px;}
  120. .longxiang_sanji_thirdimg_lv { margin:0 auto; text-align:center; width:100%; padding-top:56px; padding-bottom:60px;}
  121. .longxiang_sanji_thirdimg_lv img { max-width:100%;}
  122. .longxiang_sanji_updown { line-height:36px; font-size:16px; padding-bottom:15px; margin:20px 0 20px 36px;}
  123. .longxiang_sanji_updown span { color:#166ddb;}
  124. .longxiang_sanji_updown a { color:#666;}
  125. .longxiang_sanji_updown a:hover { color:#166ddb; text-decoration:underline;}
  126. .longxiang_sanji_share { line-height:16px; float:right; padding-bottom:25px; border-bottom:1px solid #ddd; width:100%;}
  127. .longxiang_sanji_share div { float:right; height:30px; line-height:30px;}
  128. /*页码*/
  129. .pageszly{ width:100%; margin:0 auto; padding:60px 0 60px 0; text-align:center;}
  130. .pageszly a{
  131. border: 1px solid #DDD;
  132. padding: 5px 10px;
  133. margin-left: 10px;
  134. border-radius: 2px;
  135. color:#555;
  136. }
  137. .pageszly a:hover{
  138. border: 1px solid #DDD;
  139. padding: 5px 10px;
  140. margin-left: 10px;
  141. border-radius: 2px;
  142. color:#fff;
  143. background-color:#166dbb;}