syrc-index.css 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  1. .main{ overflow:hidden; margin:0 0 20px 0;}
  2. /***********************通知公告tab*******************************/
  3. .rsj_news_tab_01{width:810px;overflow: hidden;height: 267px;border:solid 1px #ccc;}
  4. .rsj_news_tab_01 .div_tab_01{ width:50px; background:#f5f6f8; float:left;}
  5. .rsj_news_tab_01 .div_tab_01 a{display:block;font-weight:bold;font-size:20px;color:#333;font-family:"Microsoft YaHei";text-align:center;padding:20px 10px;width:30px;text-align:center;padding: 16px 10px;}
  6. .rsj_news_tab_01 .div_tab_01 a.df_on{ color:#318ddc;background:#fff;}
  7. .rsj_news_tab_01 .tab_cont{ float:left; width:730px; padding:15px;}
  8. .first_news{width:730px;height: 240px;margin:0 auto;display:block;}
  9. .first_news img{ width:100%; height:100%;}
  10. .zjyq_tu{ width:390px; height:240px; display:block; margin:0 10px 0 0;position: relative;}
  11. .zjyq_tu span{ font-size: 14px;
  12. color: #fff;
  13. position: absolute;
  14. left: 10px;
  15. bottom:5px;
  16. }
  17. .zjyq_tu img{ width:100%; height:100%;}
  18. .zjyq_title{ font-size:18px; color:#333; margin:80px 0 0 0; line-height:36px; display:block; width:260px;}
  19. /***********************登录tab*******************************/
  20. .rsj_news_tab_dl{width:350px;overflow: hidden;height: 257px;border:solid 1px #ccc;padding: 5px 0;}
  21. .rsj_news_tab_dl .div_tab_dl{ width:100%; height:36px;}
  22. .rsj_news_tab_dl .div_tab_dl a{display:block; font-weight:bold;float: left;font-size:18px;color:#333;font-family:"Microsoft YaHei";margin:0 30px; width:94px; text-align:center; line-height:36px;background:url(../images/sy-index_45.png) no-repeat left center; padding:0 0 0 20px;}
  23. .rsj_news_tab_dl .div_tab_dl a.df_on{ color:#095ba6;background:url(../images/sy-index_42.png) no-repeat left center;}
  24. .rsj_news_tab_dl .tab_dlcont{
  25. text-align: center;
  26. }
  27. .name{border:solid 1px #ccc;width:308px;height: 40px;margin: 16px auto 10px auto;}
  28. .name .name_pic{float:left;width:54px;height: 40px;border-right:solid 1px #ccc;}
  29. .name .name_pic img{display:block;margin: 4px auto 0 auto;}
  30. .name input{width:253px;height: 40px;border:none;line-height:58px;}
  31. .mima{width:310px;margin:0 auto;overflow:auto;margin-bottom: 16px;}
  32. .mima a{ font-size:14px; color:#666;}
  33. .mima a input{ margin:4px 5px 0 0; float:left;}
  34. .denglu{/* width: 115px; *//* height: 45px; */text-align:center;line-height: 45px;background:#053b91;color:#fff;margin: 0px 20px 0px 0px;font-style:18px;/* display:block; */border-radius:5px;padding: 8px 14px;}
  35. .zhuce{/* width:248px; *//* height:50px; */text-align:center;line-height:50px;background:#ff8201;color:#fff;margin: 15px auto 0 auto;font-style:18px;/* display:block; */border-radius:5px;padding: 8px 14px;}
  36. .xczp_box{ width:580px; float:left;}
  37. /***********************公示公告 现场招聘tab*******************************/
  38. .rsj_news_tab_zx1{width:580px;overflow: hidden;}
  39. .rsj_news_tab_zx1 .div_tab_zx1{ width:100%; background:#f5f6f8; height:46px;}
  40. .rsj_news_tab_zx1 .div_tab_zx1 a{display:block; font-weight:bold;float: left;font-size:18px;color:#333;font-family:"Microsoft YaHei";margin:0 20px 0 0; width:97px; text-align:center; line-height:46px;}
  41. .rsj_news_tab_zx1 .div_tab_zx1 a.df_on{ color:#095ba6;background:url(ly-zsj-index_40.png) no-repeat bottom center;}
  42. .rsj_news_tab_zx1 ul{}
  43. /***********************资讯和招聘tab*******************************/
  44. .rsj_news_tab_zx{width:580px;overflow: hidden;}
  45. .rsj_news_tab_zx .div_tab_zx{ width:100%; background:#f5f6f8; height:46px;}
  46. .rsj_news_tab_zx .div_tab_zx a{display:block; font-weight:bold;float: left;font-size:18px;color:#333;font-family:"Microsoft YaHei";margin:0 20px 0 0; width:97px; text-align:center; line-height:46px;}
  47. .rsj_news_tab_zx .div_tab_zx a.df_on{ color:#095ba6;background:url(ly-zsj-index_40.png) no-repeat bottom center;}
  48. .rsj_news_tab_zx ul{}
  49. .zt_box{ overflow:hidden;margin-bottom: 20px;}
  50. .bmks, .zxbm, .lyfk {
  51. width: 386px;
  52. height: 114px;
  53. float: left;
  54. text-align: center;
  55. line-height: 114px;
  56. font-size: 22px;
  57. color: #fff;
  58. font-weight: bold;}
  59. .bysjy{ background:url(../images/sy-index_60.png) no-repeat;background-size: 100% 100%;}
  60. .zxbm{ background:url(../images/sy-index_62.png) no-repeat;background-size: 100% 100%;}
  61. .lyfk{ background:url(../images/sy-index_64.png) no-repeat;background-size: 100% 100%;margin: 0px 10px;}
  62. .bmks{ background:url(../images/sy-index_66.png) no-repeat; background-size: 100% 100%;}
  63. .zt_box a{
  64. display:block;
  65. }
  66. .zt_box dd:hover a{
  67. text-shadow: 0px 0px 5px #ccc;
  68. }
  69. /********************图片轮播************************/
  70. .ly_01_01{width: 1180px;height:190px; margin:20px 0;}
  71. .ly_01_01_box{width: 1180px;height:190px;position: relative;}
  72. .ly_01_01_box ul{width: 1180px;height:190px;}
  73. .ly_01_01_box ul li{width: 1180px;height:190px;position: relative;float:left;}
  74. .ly_01_01_box ul li p{width: 1180px;height:190px;background: #ffffff url(df_loading.gif) center center no-repeat;}
  75. .ly_01_01_box ul li p img{width: 100%;height: 100%;}
  76. .ly_01_01_box ol{position: absolute;bottom:10px;right: 8px;z-index: 3;}
  77. .ly_01_01_box ol li {width:16px;height:16px;line-height: 16px;margin-right:8px;text-align: center;cursor: pointer;position: relative;overflow: hidden;float: left;}
  78. .ly_01_01_box ol li a {width: 100%;height: 100%;font-size:12px;color: #333;background:#fff;float:left;}
  79. .ly_01_01_box ol a:hover,.ly_01_01_box ol li.df_on a {color: #ffffff;background: #1a469b;}
  80. .ly_01_01_box .df_next,.ly_01_01_box .df_prev {width: 20px;height: 40px;margin-top:-20px;position: absolute;top: 50%;filter: alpha(opacity=50);opacity: 50;z-index:2;}
  81. .ly_01_01_box .df_prev {background: url(df_prev.png) no-repeat;left: 15px;}
  82. .ly_01_01_box .df_next {background: url(df_next.png) no-repeat;right: 15px;}
  83. /********************名企************************/
  84. .rsj_news_tab_mq{width:1180px;overflow: hidden;}
  85. .rsj_news_tab_mq .div_tab_mq{ width:100%;background:#f5f6f8; height:46px;}
  86. .rsj_news_tab_mq .div_tab_mq a{display:block; font-weight:bold;float: left;font-size:18px;color:#333;font-family:"Microsoft YaHei";margin:0 20px 0 0; width:97px; text-align:center; line-height:46px;}
  87. .rsj_news_tab_mq .div_tab_mq a.df_on{ color:#095ba6;background:url(ly-zsj-index_40.png) no-repeat bottom center;}
  88. .rsj_news_tab_mq ul{ overflow:hidden;}
  89. .rsj_news_tab_mq ul li{ float:left; margin:20px 11px 0 11px; width:270px; height:160px; border:solid 1px #ccc;}
  90. .rsj_news_tab_mq ul li a img{ width:100%; height:100%;}
  91. /*********************相关链接*****************************/
  92. .xglj{ width:1178px; border-top:solid 1px #ccc;border-bottom:solid 1px #ccc; margin:20px auto; height:58px; overflow:hidden;}
  93. .xglj p{ font-size:16px; font-weight:bold; color:#318ddc; line-height:60px; margin:0 40px; float:left;}
  94. .xglj ul{ float:left;}
  95. .xglj ul li{ float:left; line-height:60px; margin:0 20px 0 0;}
  96. .xglj ul li a{ color:#333; font-size:16px; }
  97. .xglj select{ border:none; font-size:16px; line-height:60px; color:#333; height:60px; outline:none;background-color: white;}
  98. /*个人 登录后*/
  99. .ind_img{
  100. width: 80px;
  101. height: 80px;
  102. border-radius: 50%;
  103. overflow: hidden;
  104. margin: 12px 30px;
  105. display: block;
  106. }
  107. .ind_txt a{
  108. display: block;
  109. height: 35px;
  110. line-height: 25px;
  111. color: #0050B4;
  112. font-size: 12px;
  113. font-weight: 900;
  114. letter-spacing: 1px;
  115. margin-top: 21px;
  116. }
  117. .ind_txt span{
  118. display: block;
  119. height: 35px;
  120. line-height: 50px;
  121. color: #747474;
  122. font-size: 16px;
  123. }
  124. .ind_btn {
  125. padding: 5px 15px;
  126. margin-bottom: 10px;
  127. }
  128. .ind_btn .xz_div{
  129. display:block;
  130. float:left;
  131. width: 48%;
  132. font-size: 16px;
  133. color: #333;
  134. text-align: center;
  135. padding: 5px 0px;
  136. background: #fafafa;
  137. margin: 0px 1%;
  138. }
  139. .ind_btn .xz_div span{
  140. text-align: center;
  141. color: #318ddc;
  142. font-size: 26px;
  143. margin: 0px 5px;
  144. }
  145. .ind_btn .xz_div i{
  146. color: #666;
  147. font-size: 14px;
  148. display: block;
  149. padding: 5px 0px;
  150. }
  151. .ind_bjbtn{
  152. width: 95px;
  153. height: 35px;
  154. line-height: 35px;
  155. border: 1px solid #318ddc;
  156. color: #318ddc;
  157. border-radius: 5px;
  158. display: block;
  159. float:left;
  160. text-align: center;
  161. padding-left: 20px;
  162. margin: 18px 20px;
  163. }
  164. .ind_bjbtn:hover{
  165. border: 1px solid #115793;
  166. }
  167. .ind_bjjl{
  168. background: url(../images/qyzx_icon_30.png) no-repeat 11px 10px;
  169. }
  170. .ind_bjsc{
  171. background: url(../images/jlzx_con_39.png) no-repeat 8px 3px;
  172. }
  173. .ind_ssrc{
  174. background: url(../images/qyzx_icon_31.png) no-repeat 8px 8px;
  175. }
  176. .ind_grzx{
  177. display: inline-block;
  178. padding: 10px 119px;
  179. font-size: 15px;
  180. color: #fff;
  181. text-align: center;
  182. cursor: pointer;
  183. background: #318ddc;
  184. border: 1px solid #318ddc;
  185. border-radius: 2px;
  186. margin: 20px 10px;
  187. }
  188. .ind_grzx:hover{
  189. background: #1f79c6;
  190. border: 1px solid #094476;
  191. }
  192. /*八个按钮*/
  193. .div_btn{
  194. margin-bottom:20px;
  195. }
  196. .div_btn .btn_a{
  197. float:left;
  198. margin: 5px;
  199. width:22%;
  200. height: 35px;
  201. line-height: 35px;
  202. background: #f1fdff;
  203. padding: 1%;
  204. font-size: 18px;
  205. overflow: hidden;
  206. position: relative;
  207. z-index: 9;
  208. border-radius: 3px;
  209. color: #333;
  210. }
  211. .div_btn .btn_a::after{
  212. content: '';
  213. background:url(../images/fuwu.png) no-repeat right;
  214. display: block;
  215. position: absolute;
  216. bottom: -15px;
  217. right: 0.6rem;
  218. width: 64px;
  219. height: 64px;
  220. z-index: -1;
  221. }
  222. .div_btn .btn_a:hover{
  223. background: #d7e9ec;
  224. }