index_new2.css 30 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108
  1. /*遮罩*/
  2. body{
  3. position:relative;
  4. }
  5. .index_cover{
  6. position:absolute;
  7. left:0;
  8. top:0;
  9. width:100%;
  10. height:100%;
  11. background:rgba(0,0,0,.7);
  12. z-index:99999;
  13. }
  14. .index_cover .wide{
  15. position:relative;
  16. }
  17. .index_cover .wide .cover_content{
  18. position:absolute;
  19. right:-177px;
  20. top:0;
  21. width:506px;
  22. }
  23. .index_cover .wide .cover_content .guide_txt{
  24. width:506px;
  25. height:359px;
  26. background:url(../images/index/cover_guide_txt.png) no-repeat center;
  27. }
  28. .index_cover .wide .cover_content .guide_btn{
  29. width:102px;
  30. height:44px;
  31. background:url(../images/index/cover_guide_btn.png) no-repeat center;
  32. margin-left:130px;
  33. }
  34. .index_cover .wide .cover_content .guide_btn:hover{
  35. cursor: pointer;
  36. }
  37. /*浮动二维码*/
  38. .index_floatmenu{position:fixed;bottom:140px;left:15px;z-index:5000; border-radius:6px;font-size:14px;
  39. -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
  40. -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
  41. box-shadow: 0 0 10px rgba(0,0,0,.2);
  42. }
  43. .index_floatmenu .float_box{ border:1px solid #ddd;text-align:center;padding: 10px 5px; background-color:#fff; }
  44. .index_floatmenu .float_box p{ font-size:12px;}
  45. .index_floatmenu .float_box img{width:76px;}
  46. .index_floatmenu .menu_content{position:relative;}
  47. .index_floatmenu .menu_close{opacity:0.9;cursor:pointer;position:absolute;top:-12px;right:-12px;width: 24px;height: 24px;margin: 0 auto; background: url("../images/71.png") no-repeat;background-position: 2px 2px;}
  48. .index_floatmenu .menu_close:hover{opacity:1;}
  49. .wide *{
  50. -webkit-box-sizing: border-box;
  51. -moz-box-sizing: border-box;
  52. box-sizing: border-box;
  53. }
  54. /*导航*/
  55. .home_logo_nav{
  56. height:90px;
  57. overflow:hidden;
  58. min-width:1200px;
  59. }
  60. .home_logo_nav .logobox{
  61. padding-top:16px;
  62. float:left;
  63. }
  64. .home_logo_nav .logobox img{
  65. height:58px;
  66. }
  67. .home_logo_nav .home_navlist{
  68. float:left;
  69. height:90px;
  70. margin-left:40px;
  71. }
  72. .home_logo_nav .home_navlist a{
  73. display:block;
  74. float:left;
  75. line-height:90px;
  76. height:90px;
  77. padding:0 13px;
  78. font-size:16px;
  79. color:#333333;
  80. position:relative;
  81. margin-right:4px;
  82. }
  83. .home_logo_nav .home_navlist a.select,.home_logo_nav .home_navlist a:hover{
  84. color:#d5000c;
  85. background-color:#fff6f6;
  86. }
  87. .home_logo_nav .home_navlist a::before{
  88. content:'';
  89. position:absolute;
  90. top:0;
  91. left:0;
  92. height:4px;
  93. width:0;
  94. background: #d5000c;
  95. }
  96. .home_logo_nav .home_navlist a.select::before,.home_logo_nav .home_navlist a:hover::before{
  97. width:100%;
  98. }
  99. .home_top{
  100. min-width:1200px;
  101. height:450px;
  102. background:url(../images/index/home_top_bg.jpg) no-repeat center;
  103. position: relative;
  104. }
  105. .home_top .top_content{
  106. position:absolute;
  107. top:70px;
  108. left:0;
  109. min-width:1200px;
  110. width:100%;
  111. }
  112. /*顶部背景*/
  113. .home_top .slide-box{ position: relative;}
  114. .home_top .slide-box.slide-container{width: 100%;height: 450px;overflow: hidden;position: relative;}
  115. .home_top .slide-box.slide-container .bd,
  116. .home_top .slide-box.slide-container ul,
  117. .home_top .slide-box.slide-container ul li,
  118. .home_top .slide-box.slide-container ul li .silde-item,
  119. .home_top .slide-box.slide-container ul li .silde-item a,
  120. .home_top .slide-box.slide-container ul li .silde-item a img{
  121. width:100%;height:100%;text-align:center
  122. }
  123. .home_top .slide-box.slide-container .silde-item a{display:block;}
  124. .home_top .slide-box.slide-container .hd{position: absolute;bottom: 40px;z-index: 99;width:100%;}
  125. .home_top .slide-box.slide-container .hd ul{text-align: center;width: 100%;}
  126. .home_top .slide-box.slide-container .hd ul li{display: inline-block;background:#fff; opacity: 1;width: 10px;height: 10px;border-radius: 10px;margin: 0 4px;cursor: pointer;}
  127. .home_top .slide-box.slide-container .hd ul li.on{background: #ef4a52;width:20px; opacity: 1;}
  128. /* 搜索*/
  129. .home_top .sobox{ width:785px; margin:0 auto;}
  130. .home_top .sobox .inputbg{ width:785px; height:50px;position:relative;border-radius: 5px;overflow:hidden; }
  131. .home_top .sobox .inputbg .selecttype,.index_head .sobox .inputbg .selecttype_down .down_list{ width:75px; height:50px; line-height:50px; padding-left:10px; padding-right:8px; font-size:13px;}
  132. .home_top .sobox .inputbg .selecttype_down .down_list{ width:74px;}
  133. .home_top .sobox .inputbg .selecttype_down{ border-color:#dd4250; top:30px;}
  134. .home_top .sobox .inputbg .inoputbox{ position:absolute;left:0px; width:668px; height:50px;}
  135. .home_top .sobox .inputbg .inoputbox input{ border:0;width:668px; height:50px; padding-left:10px; font-size:14px;}
  136. .home_top .sobox .inputbg .sobut{border:0;color:#fff; width:120px; height:50px; line-height:50px; font-size:16px; padding-left:35px; letter-spacing:3px; background:#bc2b34 url('../images/index/index_sobox_bg.png') no-repeat 25px center; position:absolute;right:0;top:0;}
  137. .home_top .sobox .inputbg .sobut:hover{ cursor:pointer;background-color: #f13a45;}
  138. .home_top .sobox-bq{margin-bottom: 3px;}
  139. .home_top .sobox-botton{width: 72px;height: 50px; border: none;font-size: 15px;background: none; font-family: "Microsoft YaHei";color: #fff;}
  140. .home_top .sobox .bottom-active{background: url(../images/index/sobox-active.png) no-repeat center 10px;color:white;;cursor: pointer}
  141. .home_top .botton-left{margin-left:-1px}
  142. .home_top .sobox button:hover{ cursor: pointer;}
  143. .home_top .top_link_box{margin-top:45px;text-align:center;}
  144. .home_top .top_link_box .link_item{
  145. display:inline-block;
  146. width:154px;
  147. height:154px;
  148. position:relative;
  149. }
  150. .home_top .top_link_box .link_item .link_bg{
  151. width:100%;
  152. height:100%;
  153. transition: all 0.3s;
  154. -moz-transition: all 0.3s;
  155. -o-transition: all 0.3s;
  156. -webkit-transition: all 0.3s;
  157. }
  158. .home_top .top_link_box .link_item:hover .link_bg{
  159. transform:rotate(180deg);
  160. -webkit-transform:rotate(180deg);
  161. -ms-transform:rotate(180deg);
  162. -o-transform:rotate(180deg);
  163. }
  164. .home_top .top_link_box .link_item.link1 .link_bg{background:url(../images/index/index_top_bg1.png) no-repeat center;}
  165. .home_top .top_link_box .link_item.link2 .link_bg{background:url(../images/index/index_top_bg2.png) no-repeat center;}
  166. .home_top .top_link_box .link_item.link3 .link_bg{background:url(../images/index/index_top_bg3.png) no-repeat center;}
  167. .home_top .top_link_box .link_item.link4 .link_bg{background:url(../images/index/index_top_bg4.png) no-repeat center;}
  168. .home_top .top_link_box .link_item.link5 .link_bg{background:url(../images/index/index_top_bg5.png) no-repeat center;}
  169. .home_top .top_link_box .link_item.link6 .link_bg{background:url(../images/index/index_top_bg6.png) no-repeat center;}
  170. .home_top .top_link_box .link_item.link7 .link_bg{background:url(../images/index/index_top_bg7.png) no-repeat center;}
  171. .home_top .top_link_box .link_item .link_txt{
  172. position:absolute;
  173. top:0;
  174. left:0;
  175. text-align: center;
  176. width:100%;
  177. height:100%;
  178. color:#fff;
  179. font-size:13px;
  180. padding-top:82px;
  181. }
  182. .home_top .top_link_box .link_item.link1 .link_txt{background:url(../images/index/index_top_icon1.png) no-repeat center 30px;}
  183. .home_top .top_link_box .link_item.link2 .link_txt{background:url(../images/index/index_top_icon2.png) no-repeat center 30px;}
  184. .home_top .top_link_box .link_item.link3 .link_txt{background:url(../images/index/index_top_icon3.png) no-repeat center 30px;}
  185. .home_top .top_link_box .link_item.link4 .link_txt{background:url(../images/index/index_top_icon4.png) no-repeat center 30px;}
  186. .home_top .top_link_box .link_item.link5 .link_txt{background:url(../images/index/index_top_icon5.png) no-repeat center 30px;}
  187. .home_top .top_link_box .link_item.link6 .link_txt{background:url(../images/index/index_top_icon6.png) no-repeat center 30px;}
  188. .home_top .top_link_box .link_item.link7 .link_txt{background:url(../images/index/index_top_icon7.png) no-repeat center 30px;}
  189. /*介绍*/
  190. .web_intro_box{
  191. width:750px;
  192. height:290px;
  193. float:left;
  194. background:url(../images/index/web_intro_box_bg.jpg) no-repeat center;
  195. margin-top:30px;
  196. }
  197. .web_intro_box .box_img{
  198. width:265px;
  199. height:290px;
  200. float:left;
  201. padding-top:27px;
  202. padding-left:25px;
  203. }
  204. .web_intro_box .box_content{
  205. width:465px;
  206. height:290px;
  207. float:left;
  208. padding-top:25px;
  209. }
  210. .web_intro_box .box_content .content_title{
  211. text-align:right;
  212. font-size:24px;
  213. font-weight:bold;
  214. color:#bc2b34;
  215. }
  216. .web_intro_box .box_content .content_title_label{
  217. text-align:right;
  218. margin-top:6px;
  219. }
  220. .web_intro_box .box_content .content_title_label span{
  221. font-size:14px;
  222. background-color:#bc2b34;
  223. padding:3px 10px;
  224. color:#fff;
  225. }
  226. .web_intro_box .box_content .intro_title{
  227. font-size:13px;
  228. color:#333333;
  229. font-weight:bold;
  230. height:28px;
  231. line-height:28px;
  232. }
  233. .web_intro_box .box_content .intro_info{
  234. font-size:13px;
  235. color:#666666;
  236. line-height:20px;
  237. margin-bottom:5px;
  238. }
  239. .web_intro_box .box_content .info_tag .tag_item{
  240. font-size:12px;
  241. color:#666666;
  242. padding:4px 8px;
  243. background:#fff;
  244. border-radius:3px;
  245. margin-right:10px;
  246. margin-bottom:5px;
  247. float:left;
  248. border:1px solid #ececec;
  249. }
  250. /*人才预判*/
  251. .home_policy_match{
  252. width:431px;
  253. height:290px;
  254. background:url(../images/index/policy_match_bg.png) no-repeat center;
  255. float:right;
  256. margin-top:30px;
  257. padding-top:25px;
  258. }
  259. .home_policy_match .box_title{
  260. text-align:center;
  261. font-size:24px;
  262. font-weight:bold;
  263. color:#bc2b34;
  264. }
  265. .home_policy_match .box_content{
  266. height:168px;
  267. background:url(../images/index/policy_match_box_content.png) no-repeat center;
  268. }
  269. .home_policy_match .box_link{
  270. display:block;
  271. font-size:14px;
  272. letter-spacing: 1px;
  273. color:#fff;
  274. font-weight:bold;
  275. background:#bc2b34;
  276. border:1px solid #bc2b34;
  277. width:160px;
  278. height:33px;
  279. line-height:31px;
  280. border-radius:33px;
  281. text-align:center;
  282. margin:0 auto;
  283. }
  284. .home_policy_match .box_link:hover{
  285. color:#bc2b34;
  286. background-color:transparent;
  287. }
  288. /*广告*/
  289. .aix-ad-1200-160{width: 1200px;margin: 0 auto;margin-top: 20px; }
  290. .aix-ad-1200-160 .ad-li{margin-bottom: 7px;width: 1200px; }
  291. .aix-ad-1200-160 .ad-li img{width: 1200px; }
  292. .aix-ad-1200-80{width: 1200px;margin: 0 auto; margin-top:5px;}
  293. .aix-ad-1200-80 .ad-li{margin-bottom: 7px;width: 1200px; }
  294. .aix-ad-1200-80 .ad-li img{width: 1200px; }
  295. /*标题*/
  296. .home_title{
  297. text-align:center;
  298. position:relative;
  299. padding:30px 0;
  300. }
  301. .home_title .title_ch{
  302. font-size:36px;
  303. font-weight:bold;
  304. color:#333333;
  305. }
  306. .home_title .title_en{
  307. font-size:18px;
  308. color:#999999;
  309. margin-top:5px;
  310. }
  311. .home_title .title_more{
  312. display:block;
  313. width:70px;
  314. height:23px;
  315. line-height:23px;
  316. text-align:center;
  317. background-color:#bc2b34;
  318. color:#fff;
  319. position:absolute;
  320. bottom:35px;
  321. right:0;
  322. }
  323. .home_title .title_more:hover{
  324. background-color: #ea3743;
  325. }
  326. /*图片新闻*/
  327. .home_pic_news{
  328. width:365px;
  329. height:465px;
  330. background:#f5f5f5;
  331. float:left;
  332. }
  333. .home_pic_news img{
  334. width:365px;
  335. height:230px;
  336. }
  337. .home_pic_news .news_info{
  338. padding:10px 30px;
  339. }
  340. .home_pic_news .news_info .news_title{
  341. color:#333333;
  342. font-size:18px;
  343. font-weight:bold;
  344. height: 40px;
  345. }
  346. .home_pic_news .news_info .title_line{
  347. width:45px;
  348. height:5px;
  349. background:#bc2c34;
  350. margin:10px 0;
  351. }
  352. .home_pic_news .news_info .news_content{
  353. color:#666666;
  354. line-height:28px;
  355. }
  356. .home_pic_news .news_info .news_more{
  357. display:block;
  358. width:60px;
  359. height:30px;
  360. background:url(../images/index/news_more_icon.png) no-repeat 18px center #bc2c34;
  361. transition: all 0.3s;
  362. -moz-transition: all 0.3s;
  363. -o-transition: all 0.3s;
  364. -webkit-transition: all 0.3s;
  365. margin-top:15px;
  366. }
  367. .home_pic_news .news_info .news_more:hover{
  368. background-position:22px center;
  369. background-color: #ec3b45;
  370. }
  371. /*新闻列表*/
  372. .home_news_list{
  373. width:800px;
  374. float:right;
  375. }
  376. .home_news_list .home_news_item{
  377. height:104px;
  378. width:800px;
  379. border:1px solid #ececec;
  380. background:url(../images/index/home_news_item_icon.png) no-repeat bottom right;
  381. margin-bottom:16px;
  382. }
  383. .home_news_list .home_news_item:hover{
  384. border:1px solid #dd4250;
  385. background:url(../images/index/home_news_item_hover_icon.png) no-repeat bottom right;
  386. }
  387. .home_news_list .home_news_item .news_time{
  388. height:104px;
  389. width:140px;
  390. float:left;
  391. background:#f5f5f5;
  392. color:#999999;
  393. text-align:center;
  394. padding-top:10px;
  395. }
  396. .home_news_list .home_news_item .news_time .news_day{
  397. font-size:40px;
  398. margin-bottom:5px;
  399. }
  400. .home_news_list .home_news_item .news_time .news_year{
  401. font-size:18px;
  402. }
  403. .home_news_list .home_news_item:hover .news_time{
  404. background:#dd4250;
  405. color:#fff;
  406. }
  407. .home_news_list .home_news_item .news_info{
  408. padding:13px 30px;
  409. float:left;
  410. width:655px;
  411. }
  412. .home_news_list .home_news_item .news_info .news_title{
  413. font-size:16px;
  414. color:#333333;
  415. font-weight:bold;
  416. max-width:590px;
  417. display:block;
  418. margin-bottom:5px;
  419. }
  420. .home_news_list .home_news_item .news_info .news_title:hover{
  421. color:#dd4250;
  422. }
  423. .home_news_list .home_news_item .news_info .news_content{
  424. font-size:14px;
  425. color:#666666;
  426. line-height: 25px;
  427. height:50px;
  428. overflow:hidden;
  429. }
  430. /*标题*/
  431. .home_title_white{
  432. text-align:center;
  433. position:relative;
  434. padding:40px 0 30px;
  435. }
  436. .home_title_white .title_ch{
  437. font-size:36px;
  438. font-weight:bold;
  439. color:#fff;
  440. }
  441. .home_title_white .title_en{
  442. font-size:18px;
  443. color:#fff;
  444. margin-top:5px;
  445. }
  446. /*人才服务模块*/
  447. .home_service_part{
  448. width:100%;
  449. min-width:1200px;
  450. height:740px;
  451. background:url(../images/index/home_service_bg.jpg) no-repeat center;
  452. margin-top:30px;
  453. }
  454. .home_service_part .service_group{
  455. width:1200px;
  456. height:520px;
  457. background:#fff;
  458. margin:0 auto;
  459. border-radius:5px;
  460. padding:35px 40px;
  461. }
  462. .home_service_part .service_group .group_line{
  463. height:130px;
  464. margin-bottom:30px;
  465. }
  466. .home_service_part .service_group .group_line .group_title{
  467. height:130px;
  468. width:130px;
  469. float:left;
  470. }
  471. .home_service_part .service_group .group_line .group_box{
  472. width:960px;
  473. height:130px;
  474. float:left;
  475. margin-left:30px;
  476. position: relative;
  477. }
  478. .home_service_part .single {
  479. width: 960px;
  480. height: 100%;
  481. position: relative;
  482. font-size: 0;
  483. padding-left:60px;
  484. }
  485. .home_service_part .single .scroll_box{
  486. width: 840px;
  487. height: 100%;
  488. overflow:hidden;
  489. border-radius:3px;
  490. }
  491. .home_service_part .single ul {
  492. list-style: none;
  493. white-space: nowrap;
  494. display: inline-block;
  495. }
  496. .home_service_part .single ul li {
  497. display: inline-block;
  498. width:130px;
  499. height:130px;
  500. }
  501. .home_service_part .single ul li a{
  502. display: block;
  503. width:100%;
  504. height:100%;
  505. }
  506. .home_service_part .single ul li a .li_img{
  507. width:100%;
  508. height:90px;
  509. background-repeat:no-repeat;
  510. background-position:center;
  511. -webkit-transition: all 0.3s;
  512. -moz-transition: all 0.3s;
  513. transition: all 0.3s;
  514. }
  515. .home_service_part .single ul li a:hover .li_img{
  516. -webkit-transform: rotateY(180deg);
  517. -moz-transform: rotateY(180deg);
  518. -ms-transform: rotateY(180deg);
  519. -o-transform: rotateY(180deg);
  520. transform: rotateY(180deg);
  521. }
  522. .home_service_part .single ul li a .li_txt{
  523. width:100%;
  524. height:15px;
  525. line-height:15px;
  526. font-size:14px;
  527. text-align:center;
  528. }
  529. .home_service_part .single ul li a:hover .li_txt{
  530. font-weight: bold;
  531. }
  532. .home_service_part .single.red_single .scroll_box{
  533. background:#fff6f7;
  534. }
  535. .home_service_part .single.red_single li .li_txt{
  536. color:#ff6363;
  537. }
  538. .home_service_part .single.blue_single .scroll_box{
  539. background:#f6faff;
  540. }
  541. .home_service_part .single.blue_single li .li_txt{
  542. color:#27bdfb;
  543. }
  544. .home_service_part .single.purple_single .scroll_box{
  545. background:#f7f8ff;
  546. }
  547. .home_service_part .single.purple_single li .li_txt{
  548. color:#a080fc;
  549. }
  550. .home_service_part .pre {
  551. position: absolute;
  552. left:0;
  553. top:20px;
  554. width: 30px;
  555. height: 90px;
  556. background-color: rgba(0, 0, 0, 0.5);
  557. cursor: pointer;
  558. border-radius:2px;
  559. }
  560. .home_service_part .pre:hover {
  561. background-color: rgba(0, 0, 0, 0.7);
  562. }
  563. .home_service_part .pre::before {
  564. content: "";
  565. width: 12px;
  566. height: 12px;
  567. border: solid #fff;
  568. border-width: 2px 0 0 2px;
  569. transform: translate(-50%, -50%) rotate(-45deg);
  570. position: absolute;
  571. left: 64%;
  572. top: 50%;
  573. }
  574. .home_service_part .next {
  575. position: absolute;
  576. top:20px;
  577. right:0;
  578. width: 30px;
  579. height: 90px;
  580. background-color: rgba(0, 0, 0, 0.5);
  581. cursor: pointer;
  582. border-radius:2px;
  583. }
  584. .home_service_part .next:hover {
  585. background-color: rgba(0, 0, 0, 0.7);
  586. }
  587. .home_service_part .next::before {
  588. content: "";
  589. width: 12px;
  590. height: 12px;
  591. border: solid #fff;
  592. border-width: 0 2px 2px 0;
  593. transform: translate(-50%, -50%) rotate(-45deg);
  594. position: absolute;
  595. left: 40%;
  596. top: 50%;
  597. }
  598. /*聚才动态*/
  599. .home_jucai_trends{
  600. background:#fff;
  601. padding-bottom:40px;
  602. }
  603. .home_jucai_trends .active_trends{
  604. margin-bottom:30px;
  605. }
  606. .home_jucai_trends .active_trends .classify_item{
  607. width:140px;
  608. height:40px;
  609. line-height:40px;
  610. text-align:center;
  611. border:1px solid #cccccc;
  612. border-radius:3px;
  613. margin-right:10px;
  614. float:left;
  615. font-size:15px;
  616. color:#333333;
  617. background:#fafafa;
  618. cursor: pointer;
  619. }
  620. .home_jucai_trends .active_trends .classify_item.active{
  621. border-color:#bc2c34;
  622. background:#bc2c34;
  623. color:#fff;
  624. }
  625. .home_jucai_trends .trends_box {
  626. width: 50%;
  627. }
  628. .home_jucai_trends .trends_box .box_item{
  629. width:285px;
  630. height:350px;
  631. background:#fafafa;
  632. border-radius:5px;
  633. overflow:hidden;
  634. float:left;
  635. margin-right:20px;
  636. }
  637. .home_jucai_trends .trends_box .box_item:nth-child(4n){
  638. margin-right: 0;
  639. }
  640. .home_jucai_trends .trends_box .box_item:hover{
  641. -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
  642. -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
  643. box-shadow: 0 0 10px rgba(0,0,0,.2);
  644. }
  645. .home_jucai_trends .trends_box.box_item .pic_box,.home_jucai_trends .trends_box .box_item .pic_box img{
  646. width:285px;
  647. height:205px;
  648. }
  649. .home_jucai_trends .trends_box .box_item .news_info{
  650. padding:10px 15px;
  651. }
  652. .home_jucai_trends .trends_box .box_item .news_info .news_title {
  653. text-overflow: -o-ellipsis-lastline;
  654. overflow: hidden;
  655. text-overflow: ellipsis;
  656. display: -webkit-box;
  657. -webkit-line-clamp: 2;
  658. line-clamp: 2;
  659. -webkit-box-orient: vertical;
  660. }
  661. .home_jucai_trends .trends_box .box_item .news_info .news_title a{
  662. font-size:16px;
  663. color:#333333;
  664. }
  665. .home_jucai_trends .trends_box .box_item .news_info .news_title a:hover{
  666. color:#bc2c34;
  667. }
  668. .home_jucai_trends .trends_box .box_item .news_info .news_content{
  669. font-size:14px;
  670. color:#666666;
  671. margin-top:5px;
  672. height:40px;
  673. line-height:20px;
  674. }
  675. .home_jucai_trends .box_more{
  676. width:320px;
  677. height:45px;
  678. line-height:45px;
  679. text-align:center;
  680. border-radius:3px;
  681. font-size:16px;
  682. display:block;
  683. margin:30px auto 0;
  684. border-color:#bc2c34;
  685. background:#bc2c34;
  686. color:#fff;
  687. }
  688. /*新版新闻*/
  689. .home_jucai_trends .lw-news-box {
  690. display:flex;
  691. justify-content:space-between;
  692. }
  693. .home_jucai_trends .lw-news-box .title-box {
  694. display:flex;
  695. padding-left: 10px;
  696. padding-right: 30px;
  697. height: 30px;
  698. }
  699. .home_jucai_trends .lw-news-box .title-box a{
  700. font-size:14px;
  701. color:#bc2c34;
  702. margin-left: auto;
  703. }
  704. .home_jucai_trends .lw-news-box .title-box a:hover{
  705. text-decoration:underline;
  706. }
  707. .home_jucai_trends .lw-news-box .lw-recruit,.home_jucai_trends .lw-news-box .lw-news{
  708. box-sizing: border-box;
  709. }
  710. .home_jucai_trends .lw-news-box .lw-recruit{
  711. width: 285px;
  712. position:relative;
  713. }
  714. .home_jucai_trends .lw-news-box .lw-recruit .line {
  715. position:absolute;
  716. border-right:1px solid #c0c0c0;
  717. height: 610px;
  718. top: 0;
  719. right: -5px;
  720. }
  721. .home_jucai_trends .lw-news-box .lw-news {
  722. width: 915px;
  723. }
  724. .home_jucai_trends .recruit-box .box_item{
  725. width:275px;
  726. height: 130px;
  727. border-radius:5px;
  728. border: 1px solid #c0c0c0;
  729. margin-top:20px;
  730. box-sizing:border-box;
  731. padding: 5px 10px;
  732. }
  733. .home_jucai_trends .recruit-box .box_item:first-child{
  734. margin-top:0;
  735. }
  736. .home_jucai_trends .recruit-box .box_item .news_title {
  737. overflow: hidden;
  738. text-overflow: ellipsis;
  739. display: -webkit-box;
  740. -webkit-line-clamp: 2;
  741. line-clamp: 2;
  742. -webkit-box-orient: vertical;
  743. }
  744. .home_jucai_trends .recruit-box .box_item.begin {
  745. border: 2px solid #DD4250;
  746. }
  747. .home_jucai_trends .recruit-box .box_item .news_title a{
  748. font-size:16px;
  749. color:#333333;
  750. }
  751. .home_jucai_trends .recruit-box .box_item .news_title a:hover{
  752. color:#bc2c34;
  753. }
  754. .home_jucai_trends .lw-news-box .lw-news .news-box {
  755. display:flex;
  756. justify-content:space-between;
  757. width:915px;
  758. flex-wrap: wrap;
  759. }
  760. .home_jucai_trends .lw-news-box .lw-news .box_item {
  761. width: 285px;
  762. height: 130px;
  763. border-radius:5px;
  764. border: 1px solid #c0c0c0;
  765. margin-top:20px;
  766. margin-left: 20px;
  767. box-sizing:border-box;
  768. padding: 5px 10px;
  769. }
  770. .home_jucai_trends .news-box .box_item:nth-child(-n + 3) {
  771. margin-top:0;
  772. }
  773. .home_jucai_trends .lw-news .box_item .news_title {
  774. height: 63px;
  775. overflow: hidden;
  776. text-overflow: ellipsis;
  777. display: -webkit-box;
  778. -webkit-line-clamp: 3;
  779. -webkit-box-orient: vertical;
  780. }
  781. .home_jucai_trends .lw-news .box_item .news_title a {
  782. font-size: 16px;
  783. color: #333333;
  784. }
  785. .home_jucai_trends .lw-news .box_item .news_title a:hover{
  786. color:#bc2c34;
  787. }
  788. .home_jucai_trends .lw-news .box_item .news_content {
  789. margin-top: 30px;
  790. }
  791. /*.home_jucai_trends .lw-news-box .lw-news .news-box {*/
  792. /*width:860px;*/
  793. /*margin: 0 auto;*/
  794. /*}*/
  795. /*.home_jucai_trends .lw-news-box .lw-news .news-box .news-item{*/
  796. /*display: flex;*/
  797. /*justify-content: space-between;*/
  798. /*height:48px;*/
  799. /*line-height:48px;*/
  800. /*border-bottom:1px dashed #c0c0c0;*/
  801. /*}*/
  802. /*.home_jucai_trends .lw-news-box .lw-news .news-box .news-item div {*/
  803. /*width: 680px;*/
  804. /*white-space: nowrap;*/
  805. /*overflow: hidden;*/
  806. /*text-overflow: ellipsis;*/
  807. /*}*/
  808. /*.home_jucai_trends .lw-news-box .lw-news .news-box .news-item div a {*/
  809. /*font-size: 16px;*/
  810. /*color:#333;*/
  811. /*}*/
  812. /*.home_jucai_trends .lw-news-box .lw-news .news-box .news-item div a:hover {*/
  813. /*color:#bc2c34;*/
  814. /*}*/
  815. /*人才活动*/
  816. .home_actives_part{
  817. background:#fff;
  818. padding-bottom:40px;
  819. }
  820. .home_actives_part .active_classify{
  821. margin-bottom:30px;
  822. }
  823. .home_actives_part .active_classify .classify_item{
  824. width:140px;
  825. height:40px;
  826. line-height:40px;
  827. text-align:center;
  828. border:1px solid #cccccc;
  829. border-radius:3px;
  830. margin-right:10px;
  831. float:left;
  832. font-size:15px;
  833. color:#333333;
  834. background:#fafafa;
  835. cursor: pointer;
  836. }
  837. .home_actives_part .active_classify .classify_item.active{
  838. border-color:#bc2c34;
  839. background:#bc2c34;
  840. color:#fff;
  841. }
  842. .home_actives_part .active_show{
  843. width:1230px;
  844. }
  845. .home_actives_part .active_show .active_box{
  846. display:none;
  847. }
  848. .home_actives_part .active_show .active_box .box_item{
  849. width:285px;
  850. height:305px;
  851. background:#fafafa;
  852. border-radius:5px;
  853. overflow:hidden;
  854. float:left;
  855. margin-right:20px;
  856. }.home_actives_part .active_show .active_box .box_item:hover{
  857. -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
  858. -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
  859. box-shadow: 0 0 10px rgba(0,0,0,.2);
  860. }
  861. .home_actives_part .active_show .active_box .box_item .pic_box,.home_actives_part .active_show .active_box .box_item .pic_box img{
  862. width:285px;
  863. height:205px;
  864. }
  865. .home_actives_part .active_show .active_box .box_item .news_info{
  866. padding:10px 15px;
  867. }
  868. .home_actives_part .active_show .active_box .box_item .news_info .news_title a{
  869. font-size:16px;
  870. color:#333333;
  871. }
  872. .home_actives_part .active_show .active_box .box_item .news_info .news_title a:hover{
  873. color:#bc2c34;
  874. }
  875. .home_actives_part .active_show .active_box .box_item .news_info .news_content{
  876. font-size:14px;
  877. color:#666666;
  878. margin-top:5px;
  879. height:40px;
  880. line-height:20px;
  881. }
  882. .home_actives_part .active_show .active_box .box_more{
  883. width:320px;
  884. height:45px;
  885. line-height:45px;
  886. text-align:center;
  887. border-radius:3px;
  888. font-size:16px;
  889. display:block;
  890. margin:30px auto 0;
  891. border-color:#bc2c34;
  892. background:#bc2c34;
  893. color:#fff;
  894. }
  895. /*名企招聘*/
  896. .home_famous_recruit{
  897. background:#f5f5f5;
  898. padding-bottom:40px;
  899. }
  900. .home_latestjobs_trade{ height:50px;background:#bc2c34;}
  901. .home_latestjobs_trade span{ display:inline-block; padding:0px 2px;font-size:14px;color:#fff; height:50px;overflow:hidden; line-height:50px; margin-left:45px;position:relative;}
  902. .home_latestjobs_trade span.cur,.home_latestjobs_trade span:hover{ color:#fff;cursor: pointer; }
  903. .home_latestjobs_trade span.cur:after,.home_latestjobs_trade span:hover:after{ content:'';width:100%;height:5px;background:#fff;position:absolute;left:0;bottom:0;}
  904. .home_famous_recruit .J_change_result{width:1220px;}
  905. .home_famous_recruit .J_change_result .top_ad .ad_item{
  906. width:291px;
  907. height:105px;
  908. background:#fff;
  909. float:left;
  910. margin-right:12px;
  911. margin-top:13px;
  912. }
  913. .home_famous_recruit .J_change_result .top_ad .ad_item img{
  914. width:291px;
  915. height:105px;
  916. }
  917. .home_famous_recruit .J_change_result .top_ad .ad_item:hover{
  918. -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  919. -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
  920. box-shadow: 0 0 15px rgba(0,0,0,.1);
  921. }
  922. .index_company_item{ position:relative;float:left; width:291px;background:#fff; height:136px;margin-right:12px;margin-top:13px; padding:10px 15px; }
  923. .index_company_item:hover{
  924. -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  925. -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
  926. box-shadow: 0 0 15px rgba(0,0,0,.1);
  927. }
  928. .index_company_item .line-one{font-size:16px;line-height:25px; }
  929. .index_company_item .line-one .job_info{font-size:12px;line-height:30px;height:33px; color:#999999;}
  930. .index_company_item .line-one img{float:left;position:relative;top:3px;}
  931. .index_company_item .line-one span.salary{width:95px;float:right;font-size:15px;color:#ff4c4c;text-align:right;}
  932. .index_company_item .line-one .jobs_name{max-width:160px;color:#296ecc; height:25px;line-height:25px;float:left;}
  933. .index_company_item .line-one .jobs_name a{ color: #296ecc; }
  934. .index_company_item .line-one .jobs_name a:hover{color: #5390e5;}
  935. .index_company_item .line-two{padding-top:10px;border-top:1px dashed #eee;}
  936. .index_company_item .line-two .company_logo{
  937. width:45px;height:45px;border-radius:45px;overflow:hidden;margin-right:6px;float:left;
  938. -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
  939. -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
  940. box-shadow: 0 0 5px rgba(0,0,0,.1);
  941. }
  942. .index_company_item .line-two .company_logo img{ width:45px;height:45px; }
  943. .index_company_item .line-two .company_name{ width:200px; height:45px;line-height:45px;margin-left:5px;float:left;}
  944. .index_company_item .line-two .company_name a:hover{ color:#296ecc;}
  945. /*人才风采*/
  946. .home_personal_appearance{
  947. width:100%;
  948. min-width:1390px;
  949. height:686px;
  950. background:url(../images/index/home_personal_appearance_bg.png) no-repeat center;
  951. }
  952. .home_personal_appearance *{
  953. -webkit-box-sizing: border-box;
  954. -moz-box-sizing: border-box;
  955. box-sizing: border-box;
  956. }
  957. .home_personal_appearance .pre {
  958. position: absolute;
  959. left:0;
  960. top:175px;
  961. width: 40px;
  962. height: 130px;
  963. background-color: rgba(0, 0, 0, 0.5);
  964. cursor: pointer;
  965. border-radius:2px;
  966. }
  967. .home_personal_appearance .pre:hover {
  968. background-color: rgba(0, 0, 0, 0.7);
  969. }
  970. .home_personal_appearance .pre::before {
  971. content: "";
  972. width: 12px;
  973. height: 12px;
  974. border: solid #fff;
  975. border-width: 2px 0 0 2px;
  976. transform: translate(-50%, -50%) rotate(-45deg);
  977. position: absolute;
  978. left: 64%;
  979. top: 50%;
  980. }
  981. .home_personal_appearance .next {
  982. position: absolute;
  983. top:175px;
  984. right:0;
  985. width: 40px;
  986. height: 130px;
  987. background-color: rgba(0, 0, 0, 0.5);
  988. cursor: pointer;
  989. border-radius:2px;
  990. }
  991. .home_personal_appearance .next:hover {
  992. background-color: rgba(0, 0, 0, 0.7);
  993. }
  994. .home_personal_appearance .next::before {
  995. content: "";
  996. width: 12px;
  997. height: 12px;
  998. border: solid #fff;
  999. border-width: 0 2px 2px 0;
  1000. transform: translate(-50%, -50%) rotate(-45deg);
  1001. position: absolute;
  1002. left: 40%;
  1003. top: 50%;
  1004. }
  1005. .home_personal_appearance .style_move {
  1006. width:1390px;
  1007. margin:0 auto;
  1008. height:482px;
  1009. padding-left:83px;
  1010. position:relative;
  1011. }
  1012. .home_personal_appearance .style_move .scroll_box{
  1013. border-radius:3px;
  1014. width:1224px;
  1015. height:482px;
  1016. overflow:hidden;
  1017. }
  1018. .home_personal_appearance .style_move ul {
  1019. list-style: none;
  1020. white-space: nowrap;
  1021. display: inline-block;
  1022. width:10000px;
  1023. }
  1024. .home_personal_appearance .style_move ul li.style_item {
  1025. width:275px;
  1026. height:480px;
  1027. background:#f5f5f5;
  1028. display: block;
  1029. float:left;
  1030. margin-right:35px;
  1031. }
  1032. .style_item img{
  1033. width:275px;
  1034. height:214px;
  1035. }
  1036. .style_item .news_info{
  1037. padding:10px 30px;
  1038. }
  1039. .style_item .news_info .news_title{
  1040. color:#333333;
  1041. font-size:18px;
  1042. font-weight:bold;
  1043. height: 40px;
  1044. line-height: 40px;
  1045. }
  1046. .style_item .news_info .title_line{
  1047. width:45px;
  1048. height:5px;
  1049. background:#bc2c34;
  1050. margin:10px 0;
  1051. }
  1052. .style_item .news_info .news_content{
  1053. color:#666666;
  1054. line-height:28px;
  1055. white-space: initial;
  1056. height:112px;
  1057. }
  1058. .style_item .news_info .news_more{
  1059. display:block;
  1060. width:60px;
  1061. height:30px;
  1062. background:url(../images/index/news_more_icon.png) no-repeat 18px center #bc2c34;
  1063. transition: all 0.3s;
  1064. -moz-transition: all 0.3s;
  1065. -o-transition: all 0.3s;
  1066. -webkit-transition: all 0.3s;
  1067. margin-top:15px;
  1068. }
  1069. .style_item .news_info .news_more:hover{
  1070. background-position:22px center;
  1071. background-color: #ec3b45;
  1072. }
  1073. /*背调测评*/
  1074. .backgroundcheck {display:flex;justify-content: space-between;}
  1075. .backgroundcheck img {width: 380px;}