@import "../font/font_3139728_0imx7470v9mk/iconfont.css"; /* * reset css */ html,body,div,dl,dd,ul,li,ol,h1,h2,p,input,textarea { padding:0; margin:0;} body{ font-family:微软雅黑,宋体, arial, helvetica, sans-serif; font-size:14px; color:#000; background: #f4f4f4 } ul,ol,li{ list-style:none; padding:0; margin:0;zoom:1} img{ border:0; padding:0; margin:0; font-size:0; vertical-align:top} .clearfix {clear:both;} .clearfix:after { display:block; clear:both; content:""; visibility:hidden; height:0; } .fl{ float:left} .fr{ float:right} .clear{ clear:both} a:link,a:visited{ text-decoration:none;} a:hover{ text-decoration:none;} .nolist { text-align: center; color: #333; height: auto; overflow: hidden; margin: 0 auto; padding: 312px 0 185px; background: no-repeat center 82px; font-size: 16px; } .fontcolor{ color: #0090ff !important;} .bgcolor{ background-color: #0090ff !important; color: #fff !important;} .bdcolor{ border-color: #0090ff !important;} .bghover:hover{ background-color:#0090ff !important; color:#fff !important;} /*头部*/ .header { position: relative; min-width: 1200px; font: 14px "microsoft yahei"; z-index: 998; } .header a{font-family:"microsoft yahei" !important;color:#333;text-decoration:none} .header a:visited,.header a:active,.header a:link{color:#333} .header a:hover{color:#00b38a !important} .header .bar { height: 32px; line-height: 32px; font-size: 14px; background-color: #00b38a; z-index: 2; } .header .in { width: 1002px; margin: 0 auto; } .header .bar .in{ width: 1034px; } .header .tel{ float: left; color: #fff; margin-left: 16px; } .header .app{float:right;width:106px;height:32px;color:#fff;text-align:center} .header .app ul{position:absolute;height:32px;overflow:hidden} .header .app ul:hover{height:153px;background-color:#00a57f;} .header .app li{font-size:14px;padding:12px 12px 5px;cursor:pointer;background-color:#fff;border:1px solid #e8e8e8;border-top:0 none} .header .app li:first-child{padding:0;background-color:transparent;border:0 none} .header .app li>a,.header .app li>a:hover{color:#fff !important} .header .app em{font-size: 15px; margin-right: 4px;} .header .app img{vertical-align:top} .header .app p{width:80px;height:18px;line-height:18px;color:#666;text-align:center;clear:both;padding-top:5px} .header .app p a{color:#666} .header .uer .op{float:right;width:84px;height:32px;font-size:14px;color:#fff;text-align:center;background-color:#00b38a} .header .uer .op a{color:#fff} .header .uer .op a:hover{color:#fff !important;text-decoration:underline} .header .nag,.header .snag{height:56px;line-height:56px;background-color:#fff;border-bottom:1px solid #e8e8e8} .header .nag .logo{float:left;margin-top:2px} .header .nag .nlink{float:right} .header .nag .nlink a{float:left;height:56px;font-size:16px;margin-left:40px} .header .nag .nlink .on{height:52px;font-weight:bold;color:#00b38a;border-bottom:4px solid #00b38a} .header .nag .nlink.n2 a{font-size:14px;margin-left:30px} .header .nag .nlink.n2 .on{border-bottom:0 none} .header .nag .tl{float:left;font-size:22px;color:#333} /*main*/ .main { margin-top: 18px; } .main .in { position: relative; width: 1002px; margin: 0 auto; } .main .banner { position: relative; width: 730px; height: 261px; overflow: hidden; margin-bottom: 14px; } .main .banner .owl .owl-prev { background: 0 0; border-radius:1px; width: 36px; height: 61px; font-size: 0; top: calc(50% - 30px); left: 0; } .main .banner .owl .owl-next { background: 0 -70px; border-radius:1px; width: 36px; height: 61px; font-size: 0; top: calc(50% - 30px); right: 0; } .main .banner .ss { position: relative; float: left; width: 730px; height: 100%; } .main .banner .ss .tt { position: absolute; width: 100%; height: 45px; line-height: 45px; font-size: 20px; color: #fff; text-indent: 34px; left: 0; bottom: 0; background-color: #000; background-color: rgba(0,0,0,.35); filter: alpha(opacity=35); -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=35)"; } .title { position: relative; height: 26px; line-height: 26px; margin-bottom: 10px; padding-left: 10px; font-size: 20px; font-weight: 400; color: #626262; } .title i { position: absolute; left: 0px; top: 6px; width: 3px; height: 16px; background-color: #00b38a; } .title .a_t { color: #626262; } .title .a_m { float: right; height: 26px; line-height: 26px; font-size: 14px; color: #00b38a; } .ibox{padding:11px 0} .ibox .txt{position:relative;height:35px;line-height:35px;overflow:hidden;padding:0 47px 0 12px;background-color:#f0f0f0} .ibox .txt input{display:block;width:100%;height:35px;line-height:35px;background-color:#f0f0f0; border: none; outline: none} .ibox .txt .search{position:absolute;width:35px;height:100%;cursor:pointer;right:0;top:0;color:#fff;background-color:#00b38a;background-position:-50px 0; border: none; outline: none} /* ban */ .hban { margin-bottom: 10px; } /* 热门标签 */ .htag{width:240px;height:261px;margin-bottom:14px;padding:0 10px;background-color:#fff; overflow: hidden;} .htag .name{margin-top:-7px; border-bottom: none; color: #00b38a; font-size: 14px; padding-left: 0; line-height: 30px} .htag .tags{overflow:hidden;padding:0 0 7px} .htag .tags a{float:left;height:26px;line-height:26px;font-size:14px;color:#3c3c3c;text-align:center;margin:0 10px 0 0;} .htag .tags .s:hover{color:#00b38a;border-color:#00b38a} .htag .tags .more{width:206px} .htag .overview div {height:30px; line-height:30px; vertical-align: middle} .htag .overview i {color:#00b38a; font-size: 24px; vertical-align: middle;} .htag .overview span {color:#00b38a} /* 热门企业 */ .hcompany { padding: 0 0 10px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; min-height: 560px; border: 1px solid #f0f0f0; position: relative; } .hcompany:before { content: ""; display: block; width: 100%; height: 3px; position: relative; top: 0; background-color:#00b38a ; opacity: 0.5; } .hcompany .name { padding: 25px 0; border-bottom: 1px dashed #ebebeb; position: relative; font-size: 20px; margin: 0 30px; } .hcompany .name i{ font-size: 20px; margin-right: 5px; vertical-align: middle; line-height: 30px; } .hcompany strong { color: #00b38a; font-size: 18px; font-weight: 600; vertical-align: bottom; } .hcompany span { font-size: 14px; color: #999; max-width: 168px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .hcompany .list { margin: 0 15px; } .hcompany .list .item { overflow: hidden; position: relative; display: block; float: left; width: 323px; } .hcompany .list .item img { width: 54px; height: 54px; border: 1px solid rgba(0,0,0,.04); border-radius: 5px; position: absolute; top: 20px; left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .hcompany .list .item .content { margin: 0 15px; font-size: 14px; position: relative; padding: 25px 0 25px 64px; border-bottom: 1px dashed #ebebeb; } .hcompany .list .item .content .content-name { display: inline-block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 100%; font-size: 16px; color: #333; line-height: 20px; } .hcompany .list .item .content .experience { color: #999; line-height: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; } .hcompany .list .item .content .experience span { display: inline-block; max-width: 135px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; color: #999; } /*视频*/ .hvideo { padding-top: 20px; } .hvideo .title { } .hvideo .list{ padding-bottom: 0; } .hvideo .item { float: left; width: 242.5px; height: 200px; margin-left: 10px; margin-bottom: 10px; background: #fff; } .hvideo .item:nth-child(4n 1) { margin-left: 0; } .hvideo .item a { display: block; position: relative; height: 31px; padding-top: 153px; } .hvideo .item a .timg { position: absolute; width: 100%; height: 153px; top: 0; left: 0; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .hvideo .item a .timg:after { content: ''; position: absolute; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 15px 0px 15px 30px; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px; } .hvideo .item a img { position: absolute; left: 50%; height: 100%; -webkit-transform: translatex(-50%); transform: translatex(-50%); } .hvideo .item a .j_name { position: absolute; bottom: 0; left: 0; text-indent: 15px; line-height: 21px; font-size: 14px; color: #333; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*热门职位*/ .hjob{ margin-top: 20px; } .hjob .list{ padding-bottom: 0; } .hjob .item { position: relative; padding: 0 15px; width: 296px; background-color: #fff; float: left; margin: 0 0 10px 10px; } .hjob .item:nth-child(3n 1){ margin-left:0; } .hjob .ta { display: block; padding: 20px 0; border-bottom: 1px solid #e8e8e8; } .hjob .ta p { float: left; height: 30px; width: 166px; line-height: 30px; font-size: 16px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .hjob .ta strong { float: right; height: 30px; max-width: 124px; line-height: 30px; font-size: 16px; color: #ff5959; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .hjob .ta .p2 { font-size: 14px; color: #999; } .hjob .at { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hjob .ta .s2 { font-weight: 400; font-size: 14px; color: #999; } .hjob .sa { display: block; position: relative; padding: 10px 0; } .hjob .sa img { position: absolute; width: 50px; height: 50px; } .hjob .sa p { width: 150px; height: 50px; line-height: 50px; padding-left: 60px; font-size: 14px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .hjob .ap { position: absolute; right: 15px; bottom: 20px; width: 66px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ff1c1c; font-size: 14px; color: #ff0000; -webkit-border-radius: 10px; border-radius: 10px; } /*简历*/ .hresume { padding-top: 20px; } .hresume .list{ padding-bottom: 0;} .hresume .item { position: relative; padding: 0 15px; width: 296px; background-color: #fff; float: left; margin: 0 0 10px 10px; } .hresume .item:nth-child(3n 1){ margin-left:0; } .hresume .ta { display: block; } .hresume .item img { width: 54px; height: 54px; border: 1px solid rgba(0,0,0,.04); border-radius: 27px; position: absolute; top: 20px; left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .hresume .item .content{ font-size: 14px; position: relative; padding: 25px 0 15px 68px; } .hresume .item .content p { height: 30px; line-height: 20px; color: #999; } .hresume .item .content .name { font-size: 16px; color: #333; float: left; margin-right: 5px; } .hresume .item .content .intent { font-size: 14px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .hresume .item .content .p2 span { font-size: 14px; } /*新闻*/ .hnews{ background: #fff; margin-top: 20px; } .hnews a{color:#bbb;font-size:14px} .hnews .in{ padding: 20px 0; } .hnews .list{ margin-left: -30px; } .hnews .item { float: left; width: 485px; padding: 8px 0 8px 30px; } .hnews .ls{ position: relative; } .hnews .item .timg{position:absolute;top:0;width:147px;height:113px;overflow:hidden} .hnews .timg img{position:absolute;left:50%;height:100%; -webkit-transform:translatex(-50%);transform:translatex(-50%)} .hnews .cinfo{height:113px;padding-left:169px} .hnews .cinfo .cj span{display:block;line-height:24px;font-size:16px;color:#333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .hnews .cinfo .csp{padding-top:10px;line-height:24px} .hnews .cinfo .rm{position:absolute;right:0;bottom:0;float:right;line-height:22px} /*技能培训*/ .htrain { padding-top: 20px; } .htrain .list{margin-bottom:0; margin-left: -10px} .htrain .item{float:left;width:190px;height:156px;margin:0 0 10px 10px;background-color:#fff;border:1px solid #e5e5e5} .htrain .timg{height:120px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .htrain .timg img{display:block;width:100%;height:100%;object-fit:cover;font-family:'object-fit:cover'} .htrain .ptit{height:38px;line-height:38px;padding:0 10px;font-size:14px;text-align:center;color:#2a2a2a;border-top:1px solid #e5e5e5} .htrain .ptit span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} /*应届生*/ .hstu { padding-top: 20px; } .hstu .list{ background: #fff; padding-bottom: 0} .stu_avatar { width:345px; float:left; padding-left: 15px; padding-right: 10px; padding-top:20px; } .stu_avatar ul{ } .stu_avatar ul li { float:left; margin:0 15px 20px 0; } .stu_avatar ul li img{ width:54px; height:54px; border-radius:27px; } .stu_avatar ul li a{ font-size:12px; color:#999; text-align:center; } .stu_avatar ul li span{ display:block; text-align:center; width:100%; overflow:hidden; padding:5px 0 0 0; } .stu_job ul li{ width:301px; float:left; margin-right:15px; padding:16px 0 12px 0; } .stu_job ul li .info { margin-right: 6px; width: 226px; float: left; } .stu_job ul li .info .jobtitle { color: #000; font-size: 16px; line-height: 25px; margin-bottom: 5px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; word-wrap: normal; } .stu_job ul li .info .comname { color: #999; font-size: 14px; line-height: 25px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; word-wrap: normal; } .stu_job ul li .info p { text-overflow: ellipsis; overflow: hidden; } .stu_job ul li .apply { width: 66px; float: left; } .stu_job ul li .apply a { border: 1px solid #ff1c1c; border-radius: 10px; color: #ff0000; font-size: 12px; height: 30px; letter-spacing: 0; line-height: 30px; margin-top: 11px; text-align: center; width: 66px; display:block; } /*友情链接*/ .flink{background: #fff;} .flink .in{padding: 20px 0;} .flink .list{ line-height: 30px;} .flink li{float:left; margin-right: 20px;} .flink .list a{display:block; font-size: 14px; color: #333;} .flink .list a:hover {color: #00b38a;} /*搜索条*/ .searchbar{ margin-top: 10px; } .searchbar .search_container{ width: 662px; height: 130px; margin-bottom: 10px; padding: 27px 20px 0; background-color: #fff; } .searchbar .d_search { margin-bottom: 20px; position: relative; height: 38px; } .searchbar .d_search .el { border: 2px solid #00b38a; position: relative; float: left; height: 34px; line-height: 34px; } .searchbar .d_search .el ul { position: absolute; width: 72px; height: 34px; line-height: 34px; color: #333; overflow: hidden; cursor: pointer; top: 0; left: 0; border: 1px solid transparent; z-index: 1; } .searchbar .d_search .el li { font-size: 14px; text-indent: 16px; } .searchbar .d_search .el li a{display:block;height:33px;font-size:14px;color:#333} .searchbar .d_search .el li:hover{background-color:#eee} .searchbar .d_search .el ul em { position: absolute; width: 10px; height: 6px; top: 15px; right: 8px; background-position: -170px -60px !important; } .dicon { background: no-repeat; } .searchbar .d_search .ipt { width: 480px; position: relative; float: left; height: 24px; padding: 5px 0 5px 0; background-color: #fff; } .searchbar .d_search .mytxt { float: left; width: 100%; height: 24px; line-height: 24px; font: 14px/24px "microsoft yahei"; color: #333; text-align: left; text-indent: 12px; padding: 0; border: 0 none; outline: none; } .searchbar .d_search button { width: 100px; height: 38px; font-size: 16px; color: #fff; cursor: pointer; background-color: #00b38a; border: 0 none; outline: 0 none; margin: 0; } .searchbar .d_search .a2 { position: absolute; line-height: 14px; font-size: 12px; color: #00b38a; top: 12px; right: 0; } .searchbar .ht { height: 30px; line-height: 30px; font-size: 14px; color: #666; overflow: hidden; margin-bottom: 25px; } .searchbar .ht a { display: inline-block; font-size: 14px; color: #666; white-space: nowrap; margin-left: 15px; } .searchbar .ht a:hover{color:#00b38a} .searchbar .usr_container { width: 288px; height: 130px; margin-bottom: 10px; padding: 15px 0 12px; background-color: #fff; } .searchbar .d_usr{ text-align: center; } .searchbar .d_usr .avatar{ width: 50px; height: 50px; line-height: 50px; border-radius: 25px; background-color: #e8e8e8; margin: 0 auto; } .searchbar .d_usr .avatar i{ font-size: 36px; color: #fff; } .searchbar .d_usr .tips{ padding: 8px 0; } .searchbar .d_usr .op{ padding: 10px 0; } .searchbar .d_usr .op .btn-login{ border: 1px solid #00b38a; background-color: #00b38a; padding: 7px 20px; color: #ffffff; border-radius: 3px; margin: 0 8px; } .searchbar .d_usr .op .btn-reg{ border: 1px solid #00b38a; padding: 7px 20px; color: #00b38a; border-radius: 3px; margin: 0 8px; } /*职位列表*/ .indextab{ height:50px; overflow:hidden; font-size:0; line-height:0; margin-top:10px; position:relative} .indextab ul{ border-bottom:2px solid #ddd; height:48px;} .indextab li{ display:inline-block; line-height:48px; position:relative; font-size:16px; padding:0 0; color:#666; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear;} .indextab li i{ position:absolute; width:0; height:2px; bottom:-2px; left:0; z-index:3; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear;} .indextab li.fontcolor{ color:#00b38a} .indextab li.fontcolor i,.indextab li.fontcolor i{ width:100%;} .indextab .bgcolor {background-color: #00b38a;color: #fff} .indextab .r{ position:absolute; line-height:48px; font-size:14px; color:#000; right:0; top:0} /*.indextab .r .a1{ float:left; height:30px; line-height:30px; font-size:14px; background:#5bbf5a; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:0 20px; margin-top:8px;}*/ /*.indextab .r .a1:hover{ background:#3cac3b}*/ /* 招聘列表 */ .list { padding-bottom: 20px;} .list .fl{ float:left; width:700px;} .joblist{ position:relative; background:#fff;} .joblist li{ padding:25px 20px; border-bottom:1px solid #eee; position:relative} .joblist li .z-index{ position: relative; z-index: 3;} .joblist li .t1{ float:left; width:260px;} .joblist li .tt1{ height:20px; line-height:20px; width:430px;} .joblist li .tt1 .a1{ float:left; max-width:300px; height:20px; line-height:20px; font-weight:bold; font-size:16px; color:#000;} .joblist li .tt1 .s1{ float:left; line-height:16px; margin-top:2px; margin-left:5px; background:#ff5159; color:#fff; font-size:12px; padding:0 6px 0 6px; border-radius:20px 20px 20px 10px; -webkit-border-radius:20px 20px 20px 10px; -moz-border-radius:20px 20px 20px 10px; } .joblist li .tt1 .s2{ float:left; line-height:16px; margin-top:2px; margin-left:5px; background:#ffa344; color:#fff; font-size:12px; padding:0 6px 0 6px; border-radius:20px 20px 20px 10px; -webkit-border-radius:20px 20px 20px 10px; -moz-border-radius:20px 20px 20px 10px; } .joblist li .tt1 .a2{ float:left; max-width:240px; font-size:14px; line-height:20px; color:#000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /*.joblist1 li .tt1 a:visited{ color:#999;}*/ .joblist li .tt1 .img1{ float:left; height:16px; margin-left:5px; margin-top:2px;} .joblist li .tt1 .time{ float:left; line-height:20px; font-size:12px; color:#666; margin-left:10px;} .joblist li .tt2{ margin-top:10px; line-height:20px; height:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .joblist li .tt2 .price{ float:left; line-height:20px; font-size:16px; color:#ff5159; font-weight:bold} .joblist li .tt2 .s2{ font-size:12px; margin-left:10px; color:#000;} .joblist li .t2{ float:left; width:300px;} .joblist li .tt4{ height:20px; margin-top:10px; overflow:hidden; width:300px;} .joblist li .tt4 span{ float:left; height:18px; line-height:18px; padding:0 6px; font-size:12px; background:#fff; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-right:5px; margin-bottom:10px; color:#666} .joblist li .t3{ position:absolute; width:50px; height:50px; right:20px; top:25px; line-height:0} .joblist li .t3 img{ width:50px; height:50px;} .joblist li .time{ position:absolute; line-height:20px; right:20px; bottom:25px; font-size:12px; color:#999} .joblist li .bg{ position:absolute; width:100%; height:100%; opacity:.05; filter:alpha(opacity=5); left:0; top:0; display:none} .joblist li:hover .bg{ display:block;} /* 招聘列表右侧 */ .list .fr{ float:right; width:288px;} .list .fr .jobright{ margin-bottom:20px} .list .fr .jobright .tit { height:40px; line-height:28px; font-size:20px; font-weight:bold; color:#000; padding:0 20px; position:relative; margin-top:10px;} .list .fr .jobright .txt { padding:20px 20px; line-height:1.8; height:auto; overflow:hidden; background:#fff;} .list .fr .jobright .txt p { border-bottom:1px dotted #ccc; padding:0 0 10px; margin:0 0 10px; height:auto; width:100%; overflow:hidden;} .list .fr .jobright .txt .jobrbtn{ text-align: center} .list .fr .jobright .txt .jobrbtn a { border: 1px solid #00b38a; background: #00b38a; color: #fff; line-height: 30px; text-align: center; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; display: inline-block; font-size: 14px; margin: 0 5px; padding: 0 20px; cursor: pointer; } /* 简历列表 */ .rmlist{ background:#fff; position:relative; margin-bottom: 20px} .rmlist li{ padding:25px 20px; position:relative; border-bottom:1px solid #eee} .rmlist li .z-index{ position: relative; z-index: 3;} .rmlist li .img{ float:left; width:60px; height:60px; line-height:0} .rmlist li .img img{ width:60px; height:60px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;} .rmlist li .t1{ float:left; width:700px; margin-left:20px; min-height:60px;} .rmlist li .tt1{ line-height:30px; height:30px; padding-top:2px;} .rmlist li .tt1 .a1{ float:left; line-height:30px; font-size:18px; font-weight:bold; color:#000; width:95px;} .rmlist li a:visited .tt1 .a1{ color:#999} .rmlist li .tt1 .a2{ color:#000; width:800px; float:left;} .rmlist li .tt1 .s1{ float:left; line-height:20px; color:#000; margin-top:8px;} .rmlist li .tt1 .s2{ float:left; line-height:20px; color:#000; margin-top:8px; margin-left:50px;} .rmlist li .tt2{ line-height:14px; font-size:14px; color:#666; margin-left:-12px; margin-top:10px; position:relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .rmlist li .tt2 span{ padding:0 12px; line-height:12px; border-right:1px solid #ddd;} .rmlist li .tt2 span:nth-last-child(3){ border-right:0} .rmlist li .tt2 i{ float:left; width:4px; height:12px; background:#fff; margin-left:-2px; display:none} .rmlist li .t2{ position:absolute; right:0; top:0; width:110px; text-align:center} .rmlist li .t2 .rm_num{ text-align:right; line-height:20px; padding-top:8px; color:#ff5159; font-weight: bold;} .rmlist li .t2 .time{ color:#999; font-size:12px; line-height:14px; margin-top:12px; text-align:right} .rmlist li .t2 .btn{ display:block; border:1px solid #fd6b1c; color:#fd6b1c; line-height:31px; height:31px; margin-top:5px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#fff; cursor:pointer; font-size:15px;} .rmlist li .t2 .btn i{ float:left; line-height:31px; font-size:20px; width:20px; text-align:center; margin-left:-2px; margin-right:2px;} .rmlist li .t2 .btn:hover,.rmlist li .t2 .btn.on{ background:#fd6b1c; color:#fff;} .rmlist li .tt2 span.s1{ margin-left:12px; line-height:16px; display:inline-block; font-size:12px; padding:0 6px; background:#ffedee; color:#ff5159; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-top:-6px; border:0} .rmlist li .newtt1{ line-height:30px; height:30px; padding-top:2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .rmlist li .newtt1 .a1{ float:left; line-height:30px; font-size:18px; font-weight:bold; color:#000; min-width:90px; margin-right:10px;} .rmlist li .newtt1 .a1 i{ float:left; padding-right:5px; font-style: normal} .rmlist li .newtt1 .a1 .tagimg{ float:left; height:16px; margin-left:5px; margin-top:7px;} .rmlist li a:visited .newtt1 .a1{ color:#999} .rmlist li .newtt1 .a2{ color:#000; position:relative; top:2px;} .rmlist li .bg{ position:absolute; width:100%; height:100%; opacity:.05; filter:alpha(opacity=5); left:0; top:0; display:none} .rmlist li:hover .bg{ display:block;} .rmlist li .rm_tag{ text-align: right; font-size:0;} .rmlist li .rm_tag .rm_tag1{ float:left; margin-left:70px;} .rmlist li .rm_tag .s1{ display:inline-block; border:1px solid #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; font-size:12px; line-height:24px; margin-left:6px; padding:0 8px; color:#000; margin-top:10px} .rmlist li .rm_tag .biaoji{ display:inline-block; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; font-size:12px; line-height:26px; margin-left:6px; padding:0 9px; color:#000; position:relative; margin-top:10px} .rmlist li .rm_tag .biaoji .s2{ position:relative; z-index:10;} .rmlist li .rm_tag .biaoji .bg3{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; opacity: 0.1; filter: alpha(opacity=10); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } /*文章列表*/ .articlelist{ background:#fff; margin-bottom: 20px;} .articlelist li{ padding:30px 30px; border-bottom:1px solid #eee; position:relative} .articlelist li .bg{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:.05; filter:alpha(opacity=5); z-index:1; display:none} .articlelist li:hover .bg{ display:block;} .articlelist li .img{ float:left; width:200px; height:110px; position:relative; z-index:3; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden} .articlelist li .img img{ width:200px; height:110px;} .articlelist li .t{ position:relative; margin:0 0 0 220px; height:110px; z-index:3;} .articlelist li .t .t1{ font-size:20px; font-weight:bold;} .articlelist li .t .t1 a{ color:#000; display:block; line-height:30px;} .articlelist li .t .t2{ line-height:24px; font-size:14px; height:48px; overflow:hidden; color:#666; margin-top:5px;} .articlelist li .t .t3{ position:absolute; left:0; bottom:0; line-height:20px;} .articlelist li .t .t3 span{ float:left; color:#666; line-height:20px; margin-right:20px;} .articlelist li .t .t3 i{ font-size:18px; float:left; line-height:20px; margin-right:2px;} .articlelist li .t .t3 .ico2{ font-size:22px;} .articlelist li.noimg .img{ display:none} .articlelist li.noimg .t{ margin-left:0; height:auto;} .articlelist li.noimg .t .t2{ height:auto; margin-top:8px;} .articlelist li.noimg .t .t3{ position:relative; margin-top:10px;} /*文章详情*/ .breadcrumb { color: #555555; } .breadcrumb a:link, .breadcrumb a:visited{ color: #555555; } .article{ margin-top:20px; margin-bottom: 20px; background:#fff; padding:50px 50px 100px; box-shadow:0px 8px 28px rgba(0, 0, 0, 0.06); -webkit-box-shadow:0px 8px 28px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 8px 28px rgba(0, 0, 0, 0.06);} .article .tit{ font-size:30px; font-weight:bold; line-height:40px;} .article .info1{ height:40px; margin-top:15px; border-bottom:1px dashed #ccc; margin-bottom:20px;} .article .info1 span{ float:left; color:#666; line-height:20px; margin-right:20px;} .article .info1 i{ font-size:18px; float:left; line-height:20px; margin-right:2px;} .article .info1 .ico2{ font-size:22px;} .article .txtinfo{ line-height:2; font-size:16px;} .article .txtinfo{ position:relative; min-height:600px; overflow:hidden } .article .txtinfo img{ max-width: 902px;} .article .txtinfo .bg{ position:absolute; width:100%; height:100%; left:0; top:0; background:#fff; opacity:.97; filter:alpha(opacity=97);} .article .txtinfo .txt{ position:absolute; width:600px; left:50%; top:50%; text-align:center; z-index:3; margin-left:-300px; margin-top:-40px;} .article .txtinfo .txt .t1{ line-height:30px; font-size:16px; color:#888; text-align:center; margin-bottom:10px;} .article .txtinfo .txt .t2 a{ display:inline-block; height:40px; line-height:40px; padding:0 40px; font-size:16px; background:#0666c5; color:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .article_ext{ margin-bottom: 20px; } .article_ext .tit { position: relative; height: 39px; margin-top: 8px; border-bottom: 1px solid #eee; line-height: 20px; } .article_ext .tit .s1 { position: relative; z-index: 4; background: #fff; padding-right: 14px; font-size: 18px; font-weight: bold; color: #000; } .article_ext .items{ background: #fff; border-top: 2px solid #fff; padding: 20px 20px; border-color: #0090ff; width: 450px; } .article_ext .items ul li { padding: 10px 0; position: relative; } .article_ext .items ul li .a1{ display: block; line-height: 20px; font-size: 14px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*公司详情*/ .shop_main1{ margin-top:20px; margin-bottom: 20px;} .shop_top { background:#fff; height:auto; width:1002px; overflow:hidden; margin:0 0 20px; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .shop_btn1 { position:absolute; right:35px; top:33px;} .shop_btn1 a.a1 { display: inline-block; color:#ff4466; padding:0 15px; background:#fff; border:1px solid #ff4466; font-size:16px; height:35px; line-height:35px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .shop_btn1 a.a1:hover { background:#ffecef; color:#ff4466; text-decoration:none;} .shop_btn1 a.a2 { display: inline-block; color:#fff; padding:0 15px; background:#f46; border:1px solid #ff4466; font-size:16px; height:35px; line-height:35px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .shop_btn1 a.a2:hover { background:#e22754; color:#fff; border:1px solid #e22754; text-decoration:none;} .shop_btn1 i.ico_fav1 { background: no-repeat 0 -531px; height:39px; width:18px; display:inline-block; margin-right:7px; vertical-align:middle;} .shop_btn1 i.ico_fav2 { background: no-repeat 0 -471px; height:39px; width:18px; display:inline-block; margin-right:7px; vertical-align:middle;} .shop_btn1 .btn1{ float:left; height:30px; line-height:30px; border:1px solid #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:0 12px; font-size:14px; cursor:pointer} .shop_btn1 .btn1:hover,.shop_btn1 .btn1.on{ background:#fd6b1c; color:#fff; border:1px solid #fd6b1c} .shop_btn1 .btn1 i{ float:left; line-height:30px; font-size:18px;} .shop_top .logo { float:left; width:152px; height:150px; overflow:hidden; padding:35px;} .shop_top .logo img { border:1px solid #eee; width:150px; max-height:150px;} .shop_top .info { float:left; width:780px; height:auto; overflow:hidden;} .shop_top .qymc { font-size:24px; padding:31px 0 12px; line-height:28px;} .shop_top .qymc .t1{ padding-right:220px;} .shop_top .qymc span { color:#666; font-size:14px; padding-left:8px;} .shop_top .qymc .img1{ float:left; height:20px; margin-top:4px; margin-right:10px;} .shop_top .qyxcy { font-size:16px; color:#666; padding:0 0 14px;} .shop_top .qyfl { width:100%; height:36px; overflow:hidden;} .shop_top .qyfl span { color: #ff8000; font-size:12px; padding:5px 12px; display:inline-block; margin:0 10px 10px 0; background:#fed; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;} .shop_top .qycs { width:100%; height:auto; overflow:hidden; padding:10px 0 25px;} .shop_top .qycs li { float:left; padding:0 30px; text-align:center; color:#666; border-right:1px solid #eee;} .shop_top .qycs li span { display:block; font-size:18px; padding:0 0 5px; color:#1a75ca;} .shop_top .qycs li:last-child { border-right:none;} .shop_top .qyrz { border-top:1px solid #eee; padding:25px 0; width:100%; overflow:hidden;} .ico_zz_yyzz,.ico_zz_sfz,.ico_zz_wx,.ico_zz_mobile,.ico_zz_email { display:inline-block; height:20px; overflow:hidden; vertical-align:middle;} .ico_zz_yyzz { background: no-repeat 0 -720px; width:32px; } .ico_zz_sfz { background: no-repeat 0 -600px; width:36px; } .ico_zz_wx { background: no-repeat 0 -780px; width:28px;} .ico_zz_mobile { background: no-repeat 0 -840px; width:22px;} .ico_zz_email { background: no-repeat 0 -660px; width:36px; } /*店左侧*/ .shop_main2_l { float:left; width:682px; height:auto; overflow:hidden; background:#fff; margin-right:20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .shop_main2_l .t1 { font-size:16px; height:50px; line-height:50px; font-weight:bold; padding-left:30px; width:612px; margin:0 auto; border-bottom:1px solid #eee;} .shop_main2_l .txt1 { width:612px; margin:0 auto; padding:20px 0 30px; line-height:2;} .icon_about { background: no-repeat 0 -288px;} .icon_job { background: no-repeat 0 -228px;} .icon_photo { background: no-repeat 0 -348px;} .icon_culture { background: no-repeat 0 -408px;} .shop_main2_l .tabjob span{ padding-right:20px; float:left; height:20px; margin-top:15px; line-height:20px; font-weight:normal; color:#666; cursor:pointer} .shop_main2_l .tabjob span.on,.tabjob span:hover{ color:#000; font-weight:bold} .shop_main2_l .tabjob .jianzhi{ padding:0 20px; border-left:1px solid #ddd; } /*岗位列表*/ .shop_joblist { width:612px; height:auto; overflow:hidden; margin:0 auto 30px;} .shop_joblist li { float:left; height:auto; overflow: hidden; width:602px; border-bottom:1px dashed #ddd; padding:20px 0px 20px 10px; position:relative;} .shop_joblist li:hover { background:#f9f9f9;} .shop_joblist li:last-child { border-bottom:none;} .shop_joblist .btn1 { position:absolute; right:10px; top:25px;} .shop_joblist .btn1 a { display:inline-block; color:#fd6b1c; background:#fff; border:1px solid #fd6b1c; text-decoration:none; padding:0 20px; height:35px; line-height:35px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition:all .15s linear; -webkit-transition:all .15s linear; -moz-transition:all .15s linear;} .shop_joblist .btn1 a:hover { background:#fd6b1c; color:#fff; } .shop_joblist h1 { font-size:16px; font-weight:bold; padding:0 0 8px; line-height:21px; height:21px;} .shop_joblist h1 a{ float:left; margin-right:5px;} .shop_joblist h1 a span{ float:left;} .shop_joblist h1 a .img1{ width:15px; height:16px; float:left; margin-top:2px;} .shop_joblist h1 .img2{ float:left; height:16px; margin-top:2px; margin-right:5px;} .shop_joblist h1 .s1{ float:left; line-height:16px; margin-top:2px; margin-right:5px; background:#ff5159; color:#fff; font-size:12px; padding:0 6px 0 6px; border-radius:20px 20px 20px 10px; -webkit-border-radius:20px 20px 20px 10px; -moz-border-radius:20px 20px 20px 10px; font-weight:normal} .shop_joblist h1 .s2{ float:left; line-height:16px; margin-top:2px; margin-right:5px; background:#ffa344; color:#fff; font-size:12px; padding:0 6px 0 6px; border-radius:20px 20px 20px 10px; -webkit-border-radius:20px 20px 20px 10px; -moz-border-radius:20px 20px 20px 10px; font-weight:normal} .info_null { text-align:center; color:#666; height:auto; overflow:hidden; width:810px; margin:0 auto; padding:180px 0 60px; background:url(/uploads/image/simages/noinfo.gif) no-repeat center 36px;} /*店右侧*/ .shop_m2_r { float:left; width:300px; height:auto;} .shop_m2_con { width:300px; height:auto; overflow:hidden; margin:0 0 20px; background:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .shop_m2_r .t2 { font-size:16px; height:50px; line-height:50px; font-weight:bold; width:233px; padding-left:27px; margin:0 auto 15px; border-bottom:1px solid #eee;} .shop_m2_r ul { width:260px; margin:0 auto 10px; height:auto; overflow:hidden;} .shop_m2_r li { float:left; list-style:none; height:auto; overflow:hidden; width:185px; padding:0 0 15px 75px; position:relative; word-wrap:break-word; line-height:20px;} .shop_m2_r li .txt a{ padding-left:10px; cursor:pointer} .shop_m2_r li .txt .s1{ float:left; height:18px; border:1px solid #fff; line-height:18px; padding:0 5px; margin-right:5px; margin-bottom:5px; font-size:12px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;} .shop_m2_r label { width:75px; display:inline-block; color:#666; text-align:left; position:absolute; left:0; top:0;} .icon_info { background: no-repeat 0 -166px;} .icon_contact { background: no-repeat 0 -106px;} .icon_map { background: no-repeat 0 -47px;} .shop_m2_r .map1 { width:260px; height:auto; overflow:hidden; margin:0 auto; padding-bottom: 20px;} .shop_m2_r .map2 { text-align:center; padding:20px 0; font-weight:bold;} .shop_m2_r .t2.userv_t{ width:260px; padding-left:0; background:none !important} .shop_m2_r .t2 .i1{ float:left; font-weight:normal; font-size:24px; width:24px; height:24px; line-height:24px; margin-top:13px; color:#666; font-size:22px; border-radius:12px; text-align:center; margin-right:3px;} .shop_m2_r .uservideo1{ width:260px; margin:0 auto 10px; position:relative; line-height:0; font-size:0} .shop_m2_r .uservideo1 .vbg{ position:absolute; width:100%; height:100%; left:0; top:0; background:#000; opacity:.5; filter:alpha(opacity=50); z-index:1} .shop_m2_r .uservideo1 .videoico{ position:absolute; width:40px; height:40px; background:rgba(0,0,0,.5); color:#fff; box-shadow:2px 2px 8px #aaa; -webkit-box-shadow:2px 2px 8px #aaa; -moz-box-shadow:2px 2px 8px #aaa; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; line-height:40px; text-align:center; z-index:10; font-size:24px; left:50%; top:50%; margin:-20px 0 0 -20px;} /* 招聘详情页 */ .jobshow{ margin-top:20px; margin-bottom:20px;} .jobshow .l{ float:left; width:702px; } .jobshow .r{ float:right; width:280px; } .jobshow1{ background:#fff; padding:20px; } .jobshow1 .t1{ font-size:12px; color:#666; position:relative} .jobshow1 .t1 span{ margin-right:20px;} .jobshow1 .t1 .btn{ position:absolute; right:0; top:0} .jobshow1 .t1 .btn .btn1{ float:left; height:30px; line-height:30px; border:1px solid #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:0 12px; font-size:14px; cursor:pointer} .jobshow1 .t1 .btn .btn1:hover,.jobshow1 .t1 .btn .btn1.on{ background:#fd6b1c; color:#fff; border:1px solid #fd6b1c} .jobshow1 .t1 .btn .btn1 i{ float:left; line-height:30px; font-size:18px;} .jobshow1 .info1{ padding:0 0 0;} .jobshow1 .info1 .t2{ font-size:30px; color:#000; font-weight:bold; line-height:35px;} .jobshow1 .info1 .t2 .s3{ float:left; margin-right:10px;} .jobshow1 .info1 .t2 .s1{ float:left; line-height:20px; margin-top:2px; margin-left:5px; background:#ff5159; color:#fff; font-size:12px; padding:0 10px 0 8px; border-radius:20px 20px 20px 10px; -webkit-border-radius:20px 20px 20px 10px; -moz-border-radius:20px 20px 20px 10px; font-weight:normal; margin-top:8px; } .jobshow1 .info1 .t2 .s2{ float:left; line-height:20px; margin-top:2px; margin-left:5px; background:#ffa344; color:#fff; font-size:12px; padding:0 10px 0 8px; border-radius:20px 20px 20px 10px; -webkit-border-radius:20px 20px 20px 10px; -moz-border-radius:20px 20px 20px 10px; font-weight:normal; margin-top:8px; } .jobshow1 .info1 .t3{ line-height:30px; margin-top:10px; font-weight:bold; color:#ff5159; font-size:20px; margin-bottom:10px;} .jobshow1 .info1 .t4 span{ float:left; height:26px; line-height:26px; padding:0 12px; border:1px solid #eee; background:#f2f5fa; margin-right:10px; margin-bottom:10px; font-size:14px;} .jobshow1 .info2{ border-top:1px dashed #ccc; margin-top:20px; padding-top:20px;} .jobshow1 .info2 .tit{ font-size:20px; font-weight: bold; line-height:30px;} .jobshow1 .info2 .tit i{ float:left; width:4px; height:18px; margin-top:6px; margin-right:10px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;} .jobshow1 .info2 .ul1{ padding:10px 0 0 14px;} .jobshow1 .info2 .ul1 li{ float:left; width:160px; padding:7px 0 7px 75px; color:#000; font-size:15px; position:relative; line-height:24px;} .jobshow1 .info2 .ul1 li span{ position:absolute; left:0; top:7px; line-height: 24px; color:#999;} .jobshow1 .info2 .ul1 li.auto{ width:770px;} .jobshow1 .info2 .ul1 li .address{ display:inline-block; position:relative} .jobshow1 .info2 .ul1 li .address i{ float:right; font-size:24px; line-height:24px;} .jobshow1 .info2 .txt1{ padding:10px 0 0 14px; font-size:15px; position:relative} .jobshow1 .info2 .txt1 .items{ padding:7px 0 7px 75px; color:#000; position:relative; line-height:24px;} .jobshow1 .info2 .txt1 .items .s1{ position:absolute; left:0; top:7px; line-height:24px; color:#999;} .jobshow1 .info2 .txt1 .items .s2{ color: #fd6b1c; font-size:20px; font-weight:bold; position:relative} .jobshow1 .info2 .txt1 .items .s2 .tip{ position:absolute; height:33px; background:#a6a6a6; color:#fff; line-height:33px; width:200px; text-align:center; left:115%; top:-3px; font-weight:normal; font-size:14px; z-index:5} .jobshow1 .info2 .txt1 .items .s2 .tip .arrows{ position:absolute; width:12px; height:24px; top:4px; background-position: 0 -130px; left:-8px;} .jobshow1 .info2 .txt1 .items .s3{ color: #fd6b1c} .jobshow1 .info2 .txt1 .items i{ font-size:13px; color:#999; padding:0 5px;} .jobshow1 .info2 .txt1 .items .s3 .icon-coordinates_fill{ float:left; line-height:24px; padding:0} .jobshow1 .info2 .txt1 .btn{ position:absolute; right:0; bottom:10px} .jobshow1 .info2 .txt1 .btn .btn1{ float:left; height:50px; line-height:50px; padding:0 30px; font-size:16px; background:#fd6b1c; color:#fff; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; cursor:pointer} .jobshow1 .info2 .txt1 .btn .btn1:hover{ background:#ff7f00} .jobshow1 .info2 .txt1 .btn .btn2{ float:left; height:48px; line-height:48px; padding:0 20px; font-size:16px; color:#fd6b1c; border:1px solid #fd6b1c; margin-left:10px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; cursor:pointer} .jobshow1 .info2 .txt1 .btn .btn2 i{ float:left; line-height:48px; font-size:24px; } .jobshow1 .info2 .txt1 .btn .btn2:hover{ background:#fd6b1c; color:#fff;} .jobshow1 .info2 .txt2{ margin-left:14px; height:100px;border:1px #ccc dashed;margin-top:30px;position:relative; margin-bottom:10px;} .jobshow1 .info2 .txt2 .sttit{width:95px;height:25px;line-height:25px;background-color:#fff;position:absolute;left:20px;top:-15px;text-align:center;font-size:16px;} .jobshow1 .info2 .txt2 .stli{width:280px;border-right:1px #ccc dashed;height:70px;float:left;margin-top:15px;} .jobshow1 .info2 .txt2 .stli.last{border-right-width:0px;} .jobshow1 .info2 .txt2 .stli .slitit{text-align:center;font-size:18px;color:#fd6b1c;height:30px;padding-top:12px;} .jobshow1 .info2 .txt2 .stli .slitxt{text-align:center;font-size:14px;height:23px; line-height:23px; position:relative} .jobshow1 .info2 .txt2 .stli .slitxt i{ float:right; line-height:23px; font-size:23px; color:#bbb; margin-left:5px;} .jobshow1 .info2 .txt2 .stli .slitxt .tip{ position:absolute; height:36px; background:#a6a6a6; color:#fff; line-height:36px; width:200px; text-align:center; left:140px; top:35px; display:none} .jobshow1 .info2 .txt2 .stli .slitxt .tip .arrows{ position:absolute; width:24px; height:12px; top:-10px; background-position: 0 -100px; left:25px;} .jobshow1 .info2 .txt2 .stli .slitxt:hover i{ color:#aaa} .jobshow1 .info2 .txt2 .stli .slitxt:hover .tip{ display:block} .jobshow2{ background:#fff; margin-top:20px; padding:20px;} .jobshow2 .tit{ font-size:20px; font-weight: bold; line-height:30px;} .jobshow2 .tit i{ float:left; width:4px; height:18px; margin-top:6px; margin-right:10px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;} .jobshow2 .txt{ padding:20px 14px 10px; line-height:2; font-size:14px;} .jobshow2 .job_warning{ padding:20px 14px 10px; line-height:2; font-size:14px;} .jobshow2 .job_warning strong{ font-size:16px;} .jobshow4{ background:#fff; margin-top:20px;} .jobshow4 .tit{ font-size:20px; font-weight: bold; line-height:30px; padding:20px 20px 0;} .jobshow4 .tit i{ float:left; width:4px; height:18px; margin-top:6px; margin-right:10px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;} .jobshow4 .tit span{ margin-right: 20px;} .jobshow4 .tit .notabact{ font-weight: normal; color: #999} .jobshow4 .indextab{ padding-top: 10px; margin: 0 20px;} .jobshow4 .indextab li{ padding: 0; margin-right: 20px; cursor: pointer} .jobshow3{ background:#fff; padding:20px; position:relative} .jobshow3 .lv{ position:absolute; width:80px; height:80px; z-index:5; right:0; top:0;} .jobshow3 .lv img{ width:80px; height:80px;} .jobshow3 .img{ border:1px solid #ddd; width:150px; margin:11px auto 0; line-height:0; padding:3px;} .jobshow3 .img img{ width:150px;} .jobshow3 .name{ text-align:center; font-size:16px; font-weight:bold; margin-top:10px; line-height:24px;} .jobshow3 .txt1{ border-top:1px dashed #ccc; margin-top:20px; padding-top:15px;} .jobshow3 .txt1 li{ float:left; width:160px; padding:5px 0 5px 70px; color:#000; font-size:14px; position:relative; line-height:24px;} .jobshow3 .txt1 li .s1{ position:absolute; left:0; top:5px; line-height: 24px; color:#999;} .jobshow5{ background:#fff; margin-top:20px;} .jobshow5 .txt2{ } .jobshow5 .txt2 .tit{ font-size:16px; line-height:50px; font-weight:bold; color:#000; border-bottom:1px solid #ccc; padding:0 20px;} .jobshow5 .txt2 .ul1{ padding:0 20px;} .jobshow5 .txt2 .ul1 li{ padding:15px 0; position:relative; border-bottom:1px dashed #ccc;} .jobshow5 .txt2 .ul1 li:last-child{ border-bottom:0} .jobshow5 .txt2 .ul1 li .t1{ height:20px} .jobshow5 .txt2 .ul1 li .t1{ height:20px; line-height:20px;} .jobshow5 .txt2 .ul1 li .t1 .a1{ float:left; max-width:140px; height:20px; line-height:20px; font-weight:bold; font-size:14px; color:#000;} .jobshow5 .txt2 .ul1 li .price{ position:absolute; right:0; top:15px; line-height:20px; font-size:14px; color:#ff5159; font-weight:bold} .jobshow5 .txt2 .ul1 li .t2{ font-size:12px; color:#666; line-height:20px; margin-top:5px;} /* 招聘列表 */ .list1 .l{ float:left; width:920px;} .joblist1{ position:relative; background:#fff;} .joblist1 li{ padding:25px 20px; border-bottom:1px solid #eee; position:relative} .joblist1 li .t1{ float:left; width:260px;} .joblist1 li .tt1{ height:20px; line-height:20px; width:430px;} .joblist1 li .tt1 .a1{ float:left; max-width:300px; height:20px; line-height:20px; font-weight:bold; font-size:16px; color:#000;} .joblist1 li .tt1 .a1 h1{ font-weight:bold} .joblist1 li .tt1 .s1{ float:left; line-height:16px; margin-top:2px; margin-left:5px; background:#ff5159; color:#fff; font-size:12px; padding:0 6px 0 6px; border-radius:20px 20px 20px 10px; -webkit-border-radius:20px 20px 20px 10px; -moz-border-radius:20px 20px 20px 10px; } .joblist1 li .tt1 .s2{ float:left; line-height:16px; margin-top:2px; margin-left:5px; background:#ffa344; color:#fff; font-size:12px; padding:0 6px 0 6px; border-radius:20px 20px 20px 10px; -webkit-border-radius:20px 20px 20px 10px; -moz-border-radius:20px 20px 20px 10px; } .joblist1 li .tt1 .a2{ float:left; max-width:240px; font-size:14px; line-height:20px; color:#000;} /*.joblist1 li .tt1 a:visited{ color:#999;}*/ .joblist1 li .tt1 .img1{ float:left; height:16px; margin-left:5px; margin-top:2px;} .joblist1 li .tt1 .time{ float:left; line-height:20px; font-size:12px; color:#666; margin-left:10px;} .joblist1 li .tt2{ margin-top:10px; line-height:20px; height:20px;} .joblist1 li .tt2 .price{ float:left; line-height:20px; font-size:16px; color:#ff5159; font-weight:bold} .joblist1 li .tt2 .s2{ float:left; font-size:12px; margin-left:10px; color:#000;} .joblist1 li .t2{ float:left; width:300px;} .joblist1 li .tt4{ height:20px; margin-top:10px; overflow:hidden; width:300px;} .joblist1 li .tt4 span{ float:left; height:18px; line-height:18px; padding:0 6px; font-size:12px; background:#fff; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-right:5px; margin-bottom:10px; color:#666} .joblist1 li .t3{ position:absolute; width:50px; height:50px; right:20px; top:25px; line-height:0} .joblist1 li .t3 img{ width:50px; height:50px;} .joblist1 li .time{ position:absolute; line-height:20px; right:20px; bottom:25px; font-size:12px; color:#999} .joblist1 li .bg{ position:absolute; width:100%; height:100%; opacity:.05; filter:alpha(opacity=5); left:0; top:0; display:none} .joblist1 li:hover .bg{ display:block;} /*视频列表*/ .videolist { padding: 20px 0; } .videolist .clearfix{margin-left: -10px;} .videolist .item { float: left; width: 242.5px; height: 200px; margin-left: 10px; margin-bottom: 10px; background: #fff; } .videolist .item a { display: block; position: relative; height: 31px; padding-top: 153px; } .videolist .item a .timg { position: absolute; width: 100%; height: 153px; top: 0; left: 0; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .videolist .item a .timg:after { content: ''; position: absolute; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 15px 0px 15px 30px; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px; } .videolist .item a img { position: absolute; left: 50%; height: 100%; -webkit-transform: translatex(-50%); transform: translatex(-50%); } .videolist .item a .j_name { position: absolute; bottom: 0; left: 0; text-indent: 15px; line-height: 21px; font-size: 14px; color: #333; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*分页*/ .pagination { text-align: center; background:#fff; padding:30px 0;} .pagination a,.pagination span.current { display: inline-block; min-width:14px; height: 30px; line-height: 30px; padding: 0 10px; overflow: hidden; background:#ffffff; margin-left: 4px; font-size: 14px; vertical-align: top; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; border:1px solid #dddddd; color:#737373 } .pagination a:hover { background:#00b38a;border:1px solid #00b38a; color:#fff} .pagination span.current {background:#00b38a;border:1px solid #00b38a;color: #fff } .pagination .disabled { margin-left: 4px;} .pagination .disabled .dots { padding: 0 5px; } .pagination-tips { margin-top: 10px; color: #999; text-align: center } /*底部*/ .footer{clear:both;width:100%;min-width:1002px;font:12px "microsoft yahei";background-color:#fff} .footer{color:#999;padding:20px 0;border-top:1px solid #e8e8e8} .footer a,.footer *{font-size:12px !important;font-family:"microsoft yahei" !important} .footer a{text-decoration:none} .footer img{vertical-align:top} .footer .in{width:1002px;margin:0 auto} .footer .nag{margin-bottom:15px} .footer .nag a{color:#999} .footer .nag a:hover{color:#00b38a} .footer .nag .e{float:left;width:150px;line-height:24px;} .footer .nag .e_first{position:relative;width:180px;padding-left:74px;margin-right:30px} .footer .nag label{position:absolute;width:70px;font-size:14px;text-align:right;left:0;*margin-top:-5px} .footer .nag strong{font-size:14px !important;font-weight:normal;color:#333} .footer .code{float:left;width:80px;padding-top:5px} .footer .code span{display:block;text-align:center;margin-top:10px} .footer .c_first{margin:0 40px 0 44px} .footer .note{position:relative;line-height:24px;text-align:center;margin:0;padding:0} .footer .note span{position:relative;display:inline-block;font-size:12px;padding:0 5px;z-index:2} .footer.f2{border-top:0 none} .footer.fixbottom{position:absolute;width:100%;bottom:0;left:0} .extrawrap{position:fixed;right:8px;top:70%;z-index:8; -webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);-moz-box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);-ms-box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);-o-box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);box-shadow:0 2px 8px 0 rgba(0,0,0,0.08)} #gotop{display:none;width:46px;height:46px;font-size:0;cursor:pointer;background:#fff url(/uploads/image/simages/pc_top.png) center 20px no-repeat; -webkit-background-size:22px auto;-moz-background-size:22px auto;-ms-background-size:22px auto;-o-background-size:22px auto;background-size:22px auto} #gotop:hover{background-position:center -10px} .dw_fb,.goapp{display:block;width:46px;height:38px;line-height:16px;font-size:0 !important;text-align:center;cursor:pointer;padding-top:8px;background:#fff url(/uploads/image/simages/feedback.png) center no-repeat; -webkit-background-size:22px auto;-moz-background-size:22px auto;-ms-background-size:22px auto;-o-background-size:22px auto;background-size:22px auto} .dw_fb:hover,.appbox:hover .goapp{font-size:12px !important;color:#fff;background:#00b38a} .goapp{background-image:url(/uploads/image/simages/pc_qrcode_on.png)} .ecode{position:absolute;left:-156px;top:-8px;display:none;width:110px;height:190px;text-align:center;padding:22px 27px 0 19px;background:url(/uploads/image/simages/pc_codebg.png) center top no-repeat; -webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto} .ecode img{vertical-align:top} .ecode .txt{line-height:24px;font-size:12px;color:#fff;margin-top:24px} .ecode .txt .go{font-size:14px;font-weight:bold;color:#fff} .ecode .txt .go:hover{text-decoration:underline} .appbox{position:relative} .appbox:hover .ecode,.goapp.on~.ecode{display:block}