/*css 初始化 */ html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; } fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; } input[type='button'] {cursor: pointer;} ul, ol { list-style:none; } input { padding-top:0; padding-bottom:0;} select, input { vertical-align:middle;} select, input, textarea { margin:0; } textarea { resize:none; } /*防止拖动*/ img {border:0; vertical-align:middle; } /* 去掉图片低测默认的3像素空白缝隙*/ img[src=""],img:not([src]){opacity:0;} table { border-collapse:collapse; } body { font-size:14px;width:100%; font-family: "Microsft YaHei","微软雅黑"; color:#585858; background-color:#fff; } .clearfix:before,.clearfix:after { content:""; display:table; _font-size:0px; } .clear{content:""; display:table;clear: both} .clearfix:after{clear:both;} .rt{ float: right; } .lf{float:left} .clearfix{ *zoom:1;/*IE7/6*/ } a {color:#4B4B4B; text-decoration:none; } h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;} s,i,em{font-style:normal;text-decoration:none;} .flex{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex-align-end { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .flex-align-start { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .flex-pack-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-pack-end { -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .flex-pack-between { -webkit-box-pack:space-between ; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; } .flex1{ flex: 1; } .flex2{ flex: 2; } .hAll{ height: 100%; } .wAll{ width: 100% !important; } .main{ width: 1200px; margin: 0 auto; } .u-cc{ color:#cccccc; } .u-red { color: #ee1b25; } .bold{ font-weight: bold; } .textLeft{ text-align: left; } .textRight{ text-align: right; } .textCenter{ text-align: center; } .w80 { width: 80%; } .w50{ width: 50%; } .w25{ width: 25%; } .w33{ width: 33.3%; } .marB16 { margin-bottom: 16px; } .block{display: block;} .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .font12{ font-size: 12px; } .font-15{ font-size: 15px; } .font-16{ font-size: 16px !important; } .font-18{ font-size: 18px; } .font-24{ font-size: 24px !important; } .font-20{ font-size: 20px !important; } .font-22{ font-size: 22px !important; } .font-28{ font-size: 28px !important; } .font-30{ font-size: 30px !important; } .font-32{ font-size: 32px !important; } .font-34{ font-size: 34px !important; } .font-36{ font-size: 36px !important; } .none{ display: none; } .pointer{ cursor: pointer; } /*首页*/ .main { width: 1200px; margin: 0 auto; position: relative; } .main .leftList a { display: block; margin-bottom: 5px; } .main .tt { padding: 30px 20px; } .main .top { position: relative; width: 650px; height: 365px; margin-right: 18px; } .main .top a { display: block; } .main .top a img { width: 650px; height: 365px; } .main .center { width: 530px; height: 365px; } .main .top p { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #fff; padding-right: 30%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 50px; line-height: 50px; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-left: 25px; } .main .dyList { margin-top: 20px; } .main .dyList a:hover p{ color:#2e71c9; } .main .dyList a:hover img{ transform: rotateY(360deg); transition: transform .8s; } .main .dyList .dyzj { width: 185px; } .main .dagl { width: 268px; } .main .dagl .b { padding: 23px 25px 30px 25px; } .main .dagl .b a { padding: 10px; border: 1px solid #dedede; margin-bottom: 10px; margin-right: 10px; } .main .rsdl { width: 508px; } .main .rsdl span { display: block; } .main .rsdl .b { padding-left: 35px; padding-top: 20px; } .main .rsdl .b a { margin-right: 20px; margin-bottom: 30px; text-align: center; } .main .rsdl .b a img { margin: 0 auto; } .main .rsdl .b .ml22 { margin-left: -22px; } .main .jxjj span { display: block; } .main .jxjj a { height: auto; } .main .zt { position: relative; margin: 20px 0; } .main .zt span { position: absolute; font-size: 32px; } .main .zxjj { padding: 20px; } .main .zxjj .box .t { position: relative; margin-bottom: 10px; } .main .zxjj .box .b { position: relative; } .main .zxjj .box .b p { padding-left: 15px; } .main .zxjj .slideTxtBox2 { position: relative; width: 386px; margin-left: 10px; } .main .zxjj .slideTxtBox2 .left { top: 20px; } .main .zxjj .slideTxtBox2 .hd ul { padding-left: 90px; border-bottom: 1px solid #dedede; } .main .zxjj .slideTxtBox2 .hd ul li { width: 85px; cursor: pointer; } .main .zxjj .slideTxtBox2 .hd .on { color: #2e71c9; border-bottom: 2px solid #2e71c9; } .main .zxjj .slideTxtBox2 .bd li { padding-left: 10px; position: relative; } .main .zxjj .slideTxtBox2 .bd li:before { display: block; width: 3px; height: 3px; background: #aacffc; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 2px; } .dygx { white-space: pre-wrap; height: 21px; line-height: 20px; display: inline-block; width: 65px; margin-top: -23px; vertical-align: middle; text-align: left; } .jxjj2{ width: 178px; } .indexWys{ position: fixed; top: 58%; } .link .main{ display: flex; justify-content: center; } .link .main .sel:last-child{ margin-right:0; } .zxjj li span:hover{ color:#2e71c9; cursor: pointer; } .link { border-bottom: 2px solid #2e71c9; margin-top: 30px; } .link .main { padding: 10px 90px; } body { background: #fff; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } footer .b { padding: 50px 0; } footer .b p { height: 25px; line-height: 20px; } .head .top{ background-color:#fff; } .head .top a { color:#888; } .head .center { height: 165px; } .head .center .left { position: absolute; left: 30px; top: 57px; } .rightBox { position: fixed; right: 0px; top: 65%; width: 45px; z-index: 10; } .rightBox li { width: 45px; height: 45px; margin-bottom: 5px; position: relative; } .rightBox li a{ line-height: 45px; text-align: center; font-size: 24px; color:#ADADAD; } .rightBox li a:hover .codeApp{ display: block; } .codeApp{ display: none; position: absolute; right: 45px; bottom: 0; z-index: 20; padding:15px; border-radius: 5px; background: #fff; } .rightBox .codeApp img{ width: 150px; height:150px; } .rightBox li:hover{ background: #2e71c9; } .rightBox li:hover .codeApp{ display: block; } .rightBox li:hover img{ display: block; } .rightBox li:hover a{ color:#fff; } .rightBox li:hover .qc { display: block; } .rightBox li .qc { position: absolute; left: -320%; top: -60%; display: none; } .headImg { background: url("../img/bgm.png") top center no-repeat; width: 100%; top: 0px; } .main .searchBox { width: 459px; background:transparent; height: 45px; border-radius: 5px; position: absolute; right: 0; top: 45px; } .main .searchBox .l, .main .searchBox .r { height: 45px; line-height: 45px; } .main .searchBox .l { width: 339px; padding-left: 20px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: rgba(255,255,255,.85); } .main .searchBox .l:focus { border:0 !important; } .main .searchBox .r { width: 100px; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } nav { margin-bottom: 10px; } nav ul li:hover, nav ul li.active{ background-color: #127E67; } nav{ background-color: #226959; } nav li { width: 180px; font-size: 16px; height: 50px; line-height: 50px; position: relative; } nav li a { color: #ffffff; display: block; cursor: pointer; } .flex-justify-around { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-justify-start { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-justify-between { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex-justify-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .slideTxtBox { overflow: hidden; position: relative; } .slideTxtBox .radio { position: absolute; bottom: 20px; right: 0; z-index: 99; margin:0; } .slideTxtBox .radio li { width: 14px; height: 14px; border-radius: 7px; margin: 0px 5px; background: #fff; } .slideTxtBox .radio .on { background: #fa9d24; } .f12 { font-size: 12px; } .f14 { font-size: 14px; } .f16 { font-size: 16px; } .f18 { font-size: 18px; } .f20 { font-size: 20px; } .f22 { font-size: 22px; } .f24 { font-size: 24px; } .fb { font-weight: bold; } .b8 { color: #888; } .c5 { color: #585858; } .c6 { color: #666666; } .c8 { color: #888888; } .c9 { color: #999999; } .cf { color: #ffffff; } .bgf5 { background: #f5f5f5; } .blue { color: #2e71c9; } .bgb { background: #3e61b9; } .bge { background: #eeeeee; } .bgf { background: #ffffff; } .e7 { color: #E7E7E7; } .h30 { height: 30px; line-height: 30px; } .h35 { height: 35px; line-height: 35px; } .h40 { height: 40px; line-height: 40px; } .h50 { height: 50px; line-height: 50px; } .mt30 { margin-top: 30px; } .marT20 { margin-top: 20px; } .mr10 { margin-right: 10px; } .mr20 { margin-right: 20px; } .mr30 { margin-right: 30px; } .ml10 { margin-left: 10px; } .ml20 { margin-left: 20px; } .mr50 { margin-right: 50px; } .vt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .ell { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .transform { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .transformY { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .bq a { display: block; -moz-box-sizing: border-box; box-sizing: border-box; height: 76px; padding: 15px; } .bq a img { margin-right: 5px; } .ipb { display: block; width: 100px; height: 30px; line-height: 30px; border-radius: 10px; margin-top: 5px; border: 1px solid #2e71c9; } .ipr { display: block; width: 100px; height: 30px; line-height: 30px; border-radius: 10px; margin-top: 5px; border: 1px solid #ee1b25; } .sel { width: 178px; padding: 0 5px; height: 35px; line-height: 35px; margin-right: 30px; background-color: #ffffff; border: 1px solid #dedede; } .dl { position: fixed; width: 100px; /*background: #f3f3f3;*/ /*border: 1px solid #d4d4d4;*/ z-index: 5; } .dl p { height: 25px; line-height: 25px; cursor: pointer; } .zdl { left:1%; top:234px; } .ydl { right: 1%; top:234px; } .title { height: 55px; line-height: 55px; border-bottom: 1px solid #dedede; } .title:before { content: ""; display: inline-block; width: 5px; height: 20px; background: #2e71c9; margin-right: 5px; margin-bottom: 1px; vertical-align: sub; } .zxlist li { cursor: pointer; padding-left: 10px; position: relative; } .zxlist li a { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .zxlist li a span:nth-child(1) { width: 420px; } .zxlist li:before { display: block; width: 3px; height: 3px; background: #e4e4e4; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 2px; } .xfy-pageBox { text-align: center; } .xfy-pageBox a, .xfy-pageBox span { display: inline-block; height: 28px; line-height: 28px; color: #888; margin-right: 5px; } .xfy-pageBox a { padding: 0 10px; border: 1px solid #E7E7E7; } .xfy-pageBox a.active, .xfy-pageBox a:hover { color: #2e71c9; border: 1px solid #2e71c9; background: #f5f9ff; } .xfy-pageBox span { color: #888888; height: 30px; line-height: 30px; display: inline-block; margin: 0 15px; } .xfy-pageBox input[type='text'] { height: 28px; line-height: 28px; border: 1px solid #E7E7E7; width: 46px; } .xfy-pageBox input[type='button'] { width: 46px ; border: 1px solid #e7e7e7; height: 28px; line-height: 28px; background: #fff; color: #888; cursor: pointer; margin-left: 5px; } .xfy-pageBox i { display: inline-block; height: 30px; line-height: 30px; color: #888; } .more { position: relative; } .more a { position: absolute; right: 10px; font-size: 14px; } .pd20 { padding: 20px; } .mb20 { margin-bottom: 20px; } .marR10{ margin-right: 10px; } @media screen and (max-width: 1378px) { .zdl { left: 0%; } .ydl { right: 0%; } } /*个人中心*/ .center-right{ width: 202px; background: #fff; } .center-Left{ width: 982px; box-sizing: border-box; padding:40px 50px; background: #fff; min-height: 905px; } /*右侧*/ .tc .w50.on{ background-color: #3e61b9; background-image: none; color: #fff; } .tc .on{ color: #026bbd; font-weight: bold; background: url('../img/onBg.png') top center no-repeat; } .tc li{ color: #999; cursor: pointer; } .login-tabBox { margin: 5px 20px; } .login-puInput{ border: 1px solid #dcdcdc; height: 42px; line-height: 42px; } .loginBtn { background-color: #3e61b9; color: #fff; height: 40px; line-height: 40px; font-size: 16px; } .w230{width: 230px;} .padL10{ padding-left: 10px; } .padL20{padding-left: 20px;} .padL40{ padding-left: 40px; } .relative {position: relative;} .input-icon { position: absolute; left: 10px; top: 10px; font-size: 26px!important; color: #999; } .uTheme{ color: #3e61b9; } .border{border: 1px solid #dcdcdc;} /*最新消息*/ .slideTxtBox3 .tc li,.slideTxtBox5 .tc li,.slideTxtBox6 .tc li{ width: 130px; font-size: 20px; display: inline-block; } .slideTxtBox3 .tc,.slideTxtBox5 .tc,.slideTxtBox6 .tc{ display: flex; background-color: #f2f2f2; color: #888888; } .slideTxtBox3 .bd ul,.slideTxtBox5 .bd ul,.slideTxtBox6 .bd ul,.indexZxList .bd ul { padding: 5px; } .slideTxtBox3 .bd ul li,.slideTxtBox5 .bd ul li,.slideTxtBox6 .bd ul li,.indexZxList .bd ul li{ height:38px; line-height: 38px; list-style-type: none; width: 100%; } .slideTxtBox3 .bd ul li a,.slideTxtBox5 .bd ul li a,.slideTxtBox6 .bd ul li a,.indexZxList .bd ul li a{ width: 100%;color: #6a6a6a; display: flex;justify-content: space-between; font-size: 16px; } .slideTxtBox3 .bd ul li div ,.slideTxtBox5 .bd ul li div,.slideTxtBox6 .bd ul li div,.indexZxList .bd ul li div{ width: 75%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; padding-left: 20px; position: relative; } .slideTxtBox3 .bd ul li div::before,.slideTxtBox5 .bd ul li div::before,.slideTxtBox6 .bd ul li div::before,.indexZxList .bd ul li div::before{ content: ''; width: 5px; height: 5px; border-radius: 5px; background-color: #dfdfdf; position: absolute; top: 15px; left: 5px; } .slideTxtBox3 .bd ul li:hover div , .slideTxtBox5 .bd ul li:hover div, .slideTxtBox6 .bd ul li:hover div,.indexZxList .bd ul li:hover div{ color: #026bbd; } .slideTxtBox3 .bd,.slideTxtBox5 .bd,.slideTxtBox6 .bd ,.indexZxList .bd{overflow: hidden;} .slideTxtBox3 .bd ul li span,.slideTxtBox5 .bd ul li span,.slideTxtBox6 .bd ul li span ,.indexZxList .bd ul li span{ float: right; color: #999999; } /*datingCont 大厅*/ .datingCont .w50{ height: 50px; line-height: 50px; } .borR{border-right: 1px solid #dcdcdc;} .u-9{color: #999;} .padB50{padding-bottom: 50px;} /*最新职位*/ .newJobtitle{ border-bottom: 1px solid #d8d8d8;height: 60px;line-height: 60px; position: relative; } .newJobtitle .item{font-size: 20px;margin-right: 20px; color: #585858; cursor: pointer;} .newJobtitle .on{border-bottom: 3px solid #226959;color: #226959; font-weight: bold;} .newJobtitle .more{position: absolute; right: 5px;} .bgUl{width: 100%;} .bgUl ul{ width: 1188px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #f6f6f8; margin-top: 20px; padding: 20px 6px; color: #fff;} .bgUl ul li{width: 237px; height: 146px; margin-bottom: 20px; font-size: 16px; position: relative;} .bgUl ul li a{ color: #fff;} .bgUl ul li img {position: absolute; z-index: 0; top: 0; left: 0; } /* .bgUl ul li div{position: absolute; z-index: 1; right: 30px; width: 100px; text-align: center; line-height: 28px;margin-top: 50px;} */ .bgUl ul li div{position: absolute; z-index: 1; right: 30px; width: 100px; text-align: center; height: 132px; display: flex;align-items: center;justify-content: center; top: 2px;} #corpCont{ display: none;} .slideTxtBox4 .radio { position: absolute; bottom: 20px; left: 540px; z-index: 99; margin: 0; } .slideTxtBox4 .radio .on { background: #f26b01; } .slideTxtBox4 .radio li { width: 50px; height: 8px; margin: 0px 5px; background: #b2b2b2; } .fuliList span{border: 1px solid #eaeeed; color: #999;padding: 5px 8px;} .u-7 {color: #777;} /*名牌企业*/ .xx-work-info { list-style: none; width: 100%; margin: 0 auto; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; } .xx-work-info li { float: left; width: 384px; height: 103px; background: #fff; margin: 0 24px 20px 0; position: relative; } .xx-work-info li img{ position: absolute; top: 0; left: 0; } .xx-work-info li:nth-child(3n+0){ margin-right: 0; } .xx-work-info li div { padding: 10px 2%; border: 1px solid rgba(255,255,255,0.5); margin: 28px 18%; width: 60%; font-size: 20px; font-weight: bold; text-align: center; position: absolute; z-index: 1; color: #fff; } .u-yellow{ color: #f26b01;} .u-8{color: #888;} /*= Reset CSS ============= */ .text-desc{ position: absolute; left: 0; top: 0; opacity: 0.7; width: calc(100% - 20px); height: calc(100% - 20px); background: rgba(255,255,255,.8); color:#026bbd; } /* effect-3 css */ .port-3{ width: 100%; height: 100%; position: relative; overflow: hidden; text-align: center; perspective: 500px;} .port-3 img{ transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; } .port-3.effect-2 .text-desc{ padding:10px; cursor: pointer; z-index: -1; top: auto;bottom: 0; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; transform: rotateX(50deg); -webkit-transform: rotateX(50deg); -moz-transform: rotateX(50deg); transform-origin: center bottom 0; -webkit-transform-origin: center bottom 0; -moz-transform-origin: center bottom 0; } .port-3.effect-2:hover .text-desc{ opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; z-index: 1; } /* .port-3.effect-2:hover img , .port-3.effect-2:hover .image-box{ transform: translateY(-200%); -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); } */ .port-3.effect-1 .text-desc{ z-index: 1; padding: 45px 20px 20px; opacity: 1; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; transform: rotateX(80deg); -webkit-transform: rotateX(80deg); -moz-transform: rotateX(80deg); transform-origin: center top 0; -webkit-transform-origin: center top 0; -moz-transform-origin: center top 0; } .port-3.effect-1:hover .text-desc{ transform: none; -webkit-transform: none; -moz-transform: none; } .port-3.effect-1:hover img{ opacity: 0; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); } /*找工作*/ .bgf7{ background-color: #f7f7f9;} .tabHead{ height: 122px; width:100%; box-sizing: border-box; } .padR10{padding-right: 10px;} .tabHead li{width:33.3333333%;height: 100%; cursor: pointer;} .btm1 {width: 20px;height: 3px;background-color: #0bb892;} /*.tit1 {color: #0bb892;}*/ .btm2 {width: 20px;height: 3px;background-color: #fb7414;} /*.tit2 {color: #fb7414;}*/ .shubiao {background: url("../img/shubiao.png") no-repeat top center;} .shubiao.active{background: url("../img/shubiao1.png") no-repeat top center;} .tit1, .tit2 {color: #fff;} .active .btm1,.active .btm2{background-color: #fff;} .hui{background: url("../img/hui.png") no-repeat top center;} .hui.active{background: url("../img/hui1.png") no-repeat top center;} .rencai{background: url("../img/rencai.png") no-repeat top center;} .rencai.active{background: url("../img/rencai1.png") no-repeat top center;} .index-tabItem{ display: none; } .index-tabItem.active{ display: block; } .tab-container{ background: #fff; height: 400px; width:100%; box-sizing: border-box; padding:30px 50px 30px 50px; } .index-SortItem { height: 80px; margin-top: 20px; cursor: pointer; } .font46{font-size: 46px!important;} .font40{ font-size: 40px!important; } .padT20{padding-top: 20px;} .padB20{padding-bottom: 20px;} /*找工作*/ .w .index-HySort{ width: 100%; } .index-HySort h1,.index-hotJob h1{ line-height: 40px; } .index-hotJob{ width: 220px; } .index-HySort h1 del{ color:#d8d8d8; } .index-SortItem{ height: 80px; margin-top:20px; cursor: pointer; } .index-SortItem:hover span{ color: #3E62BA !important; } .index-SortItem:hover i{ -webkit-transform:translateY(-8px); -o-:translateY(-8px); -ms-:translateY(-8px); -moz-:translateY(-8px); transition: width .3s; -moz-transition: all .3s; /* Firefox 4 */ -webkit-transition: all .3s; /* Safari 和 Chrome */ -o-transition: all .3s; /* Opera */ -ms-transition: all .3s; /* Opera */ } .index-hotJob li{ width: 100%; height: 86px; } .index-hotJob li img{ width: 100%; height: 86px; } .index-hotJob li a{ position: absolute; color:#fff; } .index-hotJob li:nth-child(2){ margin:10px 0; } .index-hotJob li a p{ height: 30px; line-height: 30px; text-align: center; background: rgba(0,0,0,.5); bottom:0; left:0; position: absolute; } .index-zphTab{ height: 236px; box-sizing: border-box; border:1px solid #d4d4d4; } .index-zphTabLf{ width: 52px; border-right:1px solid #d4d4d4; background: #F3F3F3; } .index-zhphUp,.index-zhphDown{ text-align: center; height: 15px; line-height: 15px; } .index-zhphTabHead{ height: 204px; position: relative; overflow: hidden; } .tabHeadBox{ position: absolute; left:0; width: 0; top:0; } .index-zhphBrief h1{ line-height: 40px; } .zphBriefItem{ width: 200px; border:1px solid #D8D8D8; background:#F5F5F5 ; box-sizing: border-box; height: 50px; margin-right:25px; margin-top: 25px; } .index-zhphBrief .zphBriefItem:last-child{ margin-right:0; } .zphBrief-title{ height: 48px; width: 100%; box-sizing: border-box; text-align: center; line-height: 46px; background:#FFFFFF; font-size: 18px; } .zphBrief-info{ padding:5px 15px 20px 15px; color:#888; line-height: 20px; overflow: hidden; box-sizing: border-box; width: 100%; height: 108px; } /*友情链接*/ .xf-friendshipLink-box{ background: url('../img/frindBg.png') center center no-repeat; background-size: 100% 100%; } .xf-friendshipLink-content{ padding:20px 0; /*border:1px solid #D8D8D8;*/ font-size: 15px; } .xf-friendshipLink-content p{ font-size: 16px; letter-spacing: 2px; margin-bottom: 15px; } .xf-friendshipLink-content span{ margin-bottom:15px; } .xf-friendshipLink-content span a{ color:#666; margin-right:20px; letter-spacing: 2px; } /*主页底部背景*/ .xf-footer-box { padding: 0 20px; box-sizing: border-box; height: 200px; } .indexFooterBg{ background-color: #313131; border-right:0; border-left:0; /* margin-top: -13px; */ } /*.indexFooterBg .xf-footer-list a{*/ /*color:#fff;*/ /*}*/ .xf-input-big{ padding:0 10px 0 20px; width: calc(100% - 30px); font-size: 14px; } .plHodleU9::-webkit-input-placeholder{ color:#999; font-size: 14px; } .plHodleU9::-ms-input-placeholder{ color:#999; font-size: 14px; } .plHodleU9::-moz-placeholder{ color:#999; font-size: 14px; } .w739{ width: 739px !important; } .xf-input-big::-webkit-input-placeholder, .xf-input-middle::-webkit-input-placeholder, .xf-code-input::-webkit-input-placeholder, .xf-placeholder-c5::-webkit-input-placeholder { color:#c5c5c5; letter-spacing: 2px; } .xf-input-big::-moz-placeholder, .xf-input-middle::-moz-placeholder, .xf-code-input::-moz-placeholder, .xf-placeholder-c5::-moz-placeholder{ color:#c5c5c5; letter-spacing: 2px; } .xf-input-middle:-ms-input-placeholder, .xf-input-big:-ms-input-placeholder, .xf-code-input::-moz-placeholder, .xf-placeholder-c5::-moz-placeholder { color:#c5c5c5; letter-spacing: 2px; } .xf-input-middle{ padding:0 10px 0 20px; width: calc(50% - 30px); height: calc(100% - 2px); font-size: 14px; border:1px solid #dbdbdb; box-sizing: border-box; } /*友情链接*/ .jobTypeFound { margin-top: 30px; line-height: 40px; } .marB60 { margin-bottom: 60px !important; } .linkBoxWeb{ position: relative; display: flex; flex-wrap: wrap; border:1px solid #ccc; } .linkTab a { margin-right: 10px; margin-bottom: 10px; line-height: 28px; width: 228px; /*height: 53px;*/ } .linkTab a:nth-child(5n+0) { margin-right: 0; } .xf-service-time { /* color: #fff; */ letter-spacing: 1px; font-size: 16px; } .xf-footer-tel { color: #ee1b25; font-size: 24px; padding-left: 20px; } .flex3 { flex: 3; } .xf-footer-list { padding: 20px 40px 0 40px; box-sizing: border-box; border-right: 1px solid #ccc; } .xf-footer-list div div { margin: 0 auto; } .xf-footer-list a{ display: block; opacity: .8; line-height: 28px; } .xf-footer-list h3{ font-size: 16px; /*color:#fff;*/ letter-spacing: 2px; margin-bottom:20px; } .bg70 {background-color: #707070;} /*招聘会*/ .swiper-container { width: 100%; height: 100%; } .index-zphTabLf{ width: 54px; height: 200px; padding:17px 0; overflow: hidden; position: relative; } .index-zphTabLf .swiper-slide{ box-sizing: border-box; border-bottom:1px solid #d8d8d8; cursor: pointer; } .index-zphTabLf .swiper-slide.active{ background: #3E62BA; } .index-zphTabLf .swiper-slide.active p, .index-zphTabLf .swiper-slide.active span{ color:#fff; } .index-zphTabLf .swiper-button-next, .index-zphTabLf .swiper-button-prev{ width:100%; height: 17px; margin:0; cursor: pointer; opacity: 1; background: none; text-align: center; line-height: 17px; } .index-zphTabLf .swiper-button-prev i{ transform: rotate(180deg); } .index-zphTabLf .swiper-button-prev { left:0; top:0; box-sizing: border-box; border-bottom:1px solid #d8d8d8; } .index-zphTabLf .swiper-button-next{ top:217px; left:0; } .index-zphTabLf .swiper-button-next:focus, .index-zphTabLf .swiper-button-prev:focus{ outline: none; border:none; } .index-zphDateBox{ box-sizing: border-box; padding:0 3px; } .index-zphDateBox p{ border-bottom:1px solid #D1D1D1; font-size: 19px; text-align: center; line-height: 28px; color:#585858; } .index-zphDateBox span{ font-size: 12px; color:#8d8c8c; } .index-zphTabBox{ width: 1123px; box-sizing: border-box; } .index-zphTabBox .index-zphItem{ display: none; position: relative; padding:23px 60px 22px 0; box-sizing: border-box; } .index-zphTabBox .index-zphItem.active{ display: block; } .zph-showPic{ width:232px ; height: 188px; } .zph-showPic img{ width: 100%; height: 100%; } .zph-showInfo{ box-sizing: border-box; width: 820px; padding-left:20px; } .zph-showInfo p{ color:#6b6b6b; } .zph-showInfo a{ border:1px solid #226959; padding:0 25px; border-radius: 5px; font-size: 16px; height: 36px; color:#226959; line-height: 36px; } .redContent {padding: 5px 10px; background-color: #ffecec;border: 1px solid #ed5050; color: #ed5050; width: 50%; } .index-zphStatus{ position: absolute; right:0; top:0; } .themeColor { color: #3E62BA!important; } .themeBg { background: #3E62BA; } .u-f { color: #fff !important; } .marT10 { margin-top: 10px; } .marLeft20 { margin-left: 20px; } .line24 { line-height: 24px; } .recommendBodyItem{ width:350px; height: 125px; box-sizing: border-box; border:1px solid #DBDBDB; margin:0 25px 25px 0; padding:15px 36px 20px 32px; } .recommendBody .recommendBodyItem:nth-child(3n){ margin-right:0; } .indexRctjHeader img{ width: 80px; height: 80px; border-radius: 50%; } .recommendBodyItem:hover{ border: 1px solid #3e62ba; } .recommendBodyItem:hover h3{ color:#3e62ba; } .marT40 { margin-top: 40px; } .flex-wrap { flex-wrap: wrap; } .w70 { width: 70%; } .indexRctjHeader img { width: 80px; height: 80px; border-radius: 50%; } .u-blue{color: #3E62BA;} .sys-codeLogin{ width: 216px; height: 263px; background:url("../img/indexCodeBg.png") no-repeat; box-sizing: border-box; transform: scale(0); right:-80px; bottom:-43px; padding: 18px 28px 15px 18px; position: absolute; /*border:1px solid #dedede;*/ } .sys-codeLogin img{ width: 100%; max-height: 175px; } .trans{ -moz-transition:all .5s; -ms-transition: all .5s; -o-moz-transition: all .5s; -webkit-moz-transition: all .5s; transition: all .5s; } /*服务事项*/ .bgfef7{ background-image: linear-gradient(to bottom, #fbfbfc, #fff 40%, #fbfbfc 50%, #fbfbfc 60%, #f8f8fa 80%);} .fwTitle{width: 240px;} .fwTitle ul li{height:66px; line-height: 66px; background-color: #fafafa; color: #888;text-align: center;} .fwTitle ul .active{background-color: #fff; color: #3e61b9;border-left: 2px solid #3e61b9;} .fwCont{width:920px;min-height: 450px;} .fwCont ul{ margin: 10px 50px;} .fwCont ul li{text-align: center; margin-top: 40px;width:20%;} .fwCont ul li img{margin-bottom: 10px;} /*常见问题*/ .queCont{width:920px;min-height: 450px;} .queCont .queTitle{ border-bottom: 1px solid #dedede;} .queCont .queTitle .quet{border-bottom: 3px solid #3e61b9; width: 10%;padding-left: 20px;} .queList ul li{line-height: 50px;font-size: 16px;color: #585858;} .detail {display: none; font-size: 14px;color: #666;padding: 0 40px;border-top: 1px solid #dedede;line-height: 40px;} .detail.active{display: block;} /*政务信息*/ .info-cont{ border: 1px solid #e4e3e3; } .info-title{ line-height: 50px; height: 50px; padding: 0 20px; border-bottom: 1px solid #e4e3e3; } .info-title .ttInfo{ padding-left: 5px; font-size: 20px; } .info-title .ttInfo:before{ content: '|'; height: 20px; width: 5px; background-color: #3e61b9; margin-right: 10px; } .info-title ul li { display: inline-block; width: 105px; text-align: center; font-size: 16px; cursor: pointer; } .info-title ul li.active { border-bottom:2px solid #3e61b9; color: #3e61b9; font-weight: bold; } .info-ul { padding: 20px 30px; border-bottom: 1px solid #e4e3e3; } .info-ul li{ color: #666; line-height: 36px; height: 36px; } .info-ul li a i { content: '.'; width: 5px; height: 5px; border-radius: 5px; background-color: #666; vertical-align: middle; display: inline-block; margin-right: 10px; } .info-ul li a{ color: #666;} .info-ul li:hover a{ color: #3e61b9;} .indent2em{ text-indent: 2em; } .w830 { width: 830px; } /*新一版样式*/ .login-btn { border: 1px solid #3e61b9; padding: 10px 20px; font-size: 18px; } .h60{ height: 60px; } .padT10{ padding-top: 10px; } .phone{ background: url(../img/phone.png) left center no-repeat; padding-left: 20px;} .phone1{ background: url(../img/phone1.png) left center no-repeat; padding-left: 20px;} .title-searchBox { padding-left: 20px; height: 48px; line-height: 48px; background-color: rgba(255,255,255,0.9); text-align: center; border-radius: 10px; } .title-searchBox input[type="text"] { width: 200px; padding-right: 25px; height: 40px; margin: 5px 0; font-size: 16px; background-color:transparent; color: #888; } .wypx-select { width: 100px; font-size: 16px; color: #888; cursor: pointer; } .marT60{ margin-top: 60px;} .title-searchBox input[type="button"] { height: 48px; float: left; width: 100px; font-size: 16px; letter-spacing: 3px; cursor: pointer; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-color: #226959; } .select-box:hover .show-jobType {display: block;} .show-jobType { position: absolute; background-color: #fff; border: 1px solid #ccc; z-index: 111; display: none; cursor: pointer; } .show-jobType ul li:not(:last-child){ border-bottom: 1px solid #ccc; padding: 0 10px; } .zthdCont { overflow: hidden; position: relative; } .zthdCont img { height: 106px; } .swiper-button-prev3{ width:35px; height: 35px; cursor: pointer; position: absolute; left: 20px; top: 35px; z-index: 111; background: url('../img/left.png') center center no-repeat; } .swiper-button-prev3:hover,.swiper-button-next3:hover,.swiper-button-prev3:focus,.swiper-button-next3:focus{ outline: none; } .swiper-button-next3{ width:35px; height: 35px; cursor: pointer; position: absolute; right: 20px; top: 35px; z-index: 111; background: url('../img/right.png') center center no-repeat; } /* search */ .search-cont { background-color: #f0f0f0; text-align: center; padding: 32px 0; margin: 30px 0 30px 0; z-index: 1; width: 1200px; } .newwypx-search { width: 920px; margin: 0 auto; border: 1px solid #e8e8e8; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #fff; } .wypx-search input[type="text"] { width:726px; padding: 0 25px; height: 49px; font-size: 14px; line-height: 49px; } .wypx-select { width: 110px; } .wypx-search input[type="button"] { height: 49px; float: left; width: 83px; font-size: 16px; letter-spacing: 3px; cursor: pointer; background-color: #226959; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .searchListCont ul{ border-top: 1px solid #f0f0f0; } .searchListCont ul li { border-bottom: 1px solid #f0f0f0; } .searchListCont ul li a{ display: flex; justify-content: space-between; height: 70px; line-height: 70px; } .searchListCont ul li a:hover div{color: #3E62BA;} .select-box{ height: 49px; line-height: 49px; } /* searchend */ /* index Rightmenu */ .xf-show-menu p{ height: 36px; line-height: 18px; text-align: center; color:#fff; margin-top:12px; } .xf-show-menu li:hover .xf-rightNav-code{ transform: scale(1); } .xf-show-menu ul li:last-child{ background: #3E62BA; padding:10px 0 !important; } .xf-show-menu ul li:last-child a{ color:#fff; } .xf-showMenu-fixed{ width: 40px; position:fixed; right: 0; top:0; height: calc(100% - 100px); background: #f3f3f3; z-index: 1000; padding-top:100px; } .xf-show-menu li, .xf-asideRight-menu li { cursor: pointer; text-align: center; margin-bottom: 15px; } xf-asideRight-menu li a, .xf-show-menu li a { color: #B6B6B6; position: relative; display: block; } .xf-show-menu li a:hover { color: #fff; } .xf-show-menu li a:hover { background: #3E62BA; } .xf-show-menu li a:hover .sys-codeLogin { width: 216px; height: 263px; right: 40px; transform: scale(1); -moz-transition: all .1s; -ms-transition: all .1s; -o-moz-transition: all .1s; -webkit-moz-transition: all .1s; transition: all .1s; } .sys-codeLogin { width: 216px; height: 263px; background: url(../img/indexCodeBg.png) no-repeat; box-sizing: border-box; transform: scale(0); right: -80px; bottom: -43px; padding: 18px 28px 15px 18px; position: absolute; /* border: 1px solid #dedede; */ } /* index Rightmenu end */ .zxzn{color: #ed3b3d; font-size: 20px; background: url('../img/zxzn.png') center center no-repeat; text-align: center;width: 100%;display: block; height: 85px; margin-bottom: 10px;line-height: 85px;} .lxwm{color: #1369c0; font-size: 20px; background: url('../img/lxwm.png') center center no-repeat; text-align: center;width: 100%;display: block; height: 157px;line-height: 157px; } /* webZph */ .statusBtn { position: absolute; right: 0; top: 0; width: 61px; height: 61px; z-index: 2; } .ellipsis2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .zphCardbtn a{ padding: 5px 0; margin: 0 auto; text-align: center; border-radius: 15px; } .boderC{border: 1px solid #ccc;} .zphImgName { background-color: #1d72fd; } .swiper-button-prev4{ width:28px; height: 71px; cursor: pointer; position: absolute; left: 0px; top: 108px; z-index: 111; background: url('../img/right1.png') center center no-repeat; } .swiper-button-prev6{ width:28px; height: 71px; cursor: pointer; position: absolute; left: 0px; top: 155px; z-index: 111; background: url('../img/right1.png') center center no-repeat; } .swiper-button-prev4:hover,.swiper-button-next4:hover,.swiper-button-prev4:focus,.swiper-button-next4:focus,.swiper-button-prev6:focus,.swiper-button-next6:focus{ outline: none; } .swiper-button-next4{ width:28px; height: 71px; cursor: pointer; position: absolute; right: 0px; top: 108px; z-index: 111; background: url('../img/left1.png') center center no-repeat; } .swiper-button-next6{ width:28px; height: 71px; cursor: pointer; position: absolute; right: 0px; top: 155px; z-index: 111; background: url('../img/left1.png') center center no-repeat; } .padT25{padding-top: 25px;} .padB25{padding-bottom: 25px;} /* webZph end */ /* link */ .linkTitle div{ margin-left:30px; color:#585858; cursor: pointer; } .linkBoxWeb div{ /*border:1px solid #ccc;*/ background-color: #fff; width: 100%; padding: 20px 25px 10px 25px; } .linkTitle .active{ color: #1369c0; border-bottom: 1px solid #1369c0; } /* link end */ .bgmBigbgm{ background:url('../img/frindBg.png')bottom center no-repeat; } /* lydy */ .lddyRed .title-searchBox input[type="button"]{ background-color: #e40f00; } .lddyRed .headImg { background: url(../img/bgmRed.png) top center no-repeat;} .lddyRed .u-blue, .lddyRed .hover-3E62BA:hover{ color:#e80f00!important; } .lddyRed .xfy-pageBox a.active, .lddyRed .xfy-pageBox a:hover{ color: #e80f00; border: 1px solid #e80f00; } .lddyRed nav,.lddyRed .indexZx ul li.active { background-color: #e80f00; } .lddyRed nav ul li:hover, .lddyRed nav ul li.active{ background-color: #cb0d00; } /*wlZphCont start*/ .wlZphCont .zph_top{ background: rgb(32, 125, 254); height: 125px; color: #fff; position: relative; } .wlZphCont .zph_top .zp_title{ width: 85%; line-height: 24px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 50px; padding-top: 28px; text-align: center; font-size: 16px; margin: 0 auto; } .wlZphCont .zph_top .jj{ text-align: center; margin-top: 10px; } .wlZphCont .zph_top img{ position: absolute; top: 0px; right: 0px; width: 48px; } .wlZphCont .zph_info{ text-align: center; margin-top: 5px; font-size: 15px; } .wlZphCont .zph_info span{ color: rgb(15, 111, 179); font-size: 22px; margin: 0 3px; } .wlZphCont .zph_but{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .wlZphCont .zph_but div{ /*padding: 7px 18px;*/ margin: 10px 8px; text-align: center; /*border-radius: 18px;*/ cursor: pointer; } .wlZphCont .zph_but .lt{ } .wlZphCont .zph_but .rt{ background: rgb(13, 111, 184); color: #fff; } .wlZphCont .zph_but .wbm{ color: #fff; } .swiper-button-prev5{ width:30px; height: 80px; cursor: pointer; position: absolute; left: 0px; top: 185px; z-index: 111; background: url('../img/left3.png') center center no-repeat; } .swiper-button-prev5:hover,.swiper-button-next5:hover,.swiper-button-prev5:focus,.swiper-button-next5:focus{ outline: none; } .swiper-button-next5{ width:30px; height: 80px; cursor: pointer; position: absolute; right: 0px; top: 185px; z-index: 111; background: url('../img/right3.png') center center no-repeat; } /* lydy end */