index_new2.css 32 KB

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