@charset "utf-8";
@import "bootstrap.min.css";
/* CSS Document */
/*********************************************全局**************************************/
*{ margin:0; padding:0; list-style:none; font-family:"arial";}
body{ font-size:14px; color:#333; background:#f2f2f2;}
a{ text-decoration:none; color:#333; border:none; outline:none;}
a:hover{ text-decoration:none; color:#ff8503;}
a:link{ text-decoration:none;}
img{ border:none;}
input{ border:none; outline:none;}
textarea{ border:none; outline:none; resize:none;}
.clear{ clear:both;}
/*头部导航*/
.tianjihr-top-nav{ width:100%; background:#ffffff; height:130px; border-bottom:2px solid #c82728;}
.tianjihr-top-nav .tj-top-container{ width:71%; margin:0 auto; height:130px; position:relative;display: flex;justify-content: space-around;} 
.tianjihr-top-nav .tj-top-container .logo{ margin:5px 0 0 0px;}
/* .tianjihr-top-nav .tj-top-container .middle-container{float:left;} */
.tj-cont-seach{ height:36px; background:#FFF; margin-top:17px;}
/* .tj-cont-seach .seach-block{ width:720px;} */
.tj-cont-seach .menu{float: left; color: #c82728; font-size: 16px; line-height: 36px;  text-align: left;  position: relative;
}
.logo .logo_link{
  display: block;
  position: relative;
}
.logo .logo_link {
  content: "";
  position: absolute;
  left: -100px;
  top: 35px;
  width: 100px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  transform: rotate(-45deg);
  animation: searchLights 1.5s ease-in 1s infinite;
}

 @keyframes searchLights {
   0% {
     left: -80px;
     top: 35px;
   }
   to {
     left: 180px;
     top: 35px;
   }
 }
#menutag label{ font-weight:normal}
.tj-cont-seach .menu h2{width: 111px; height: 36px; line-height: 32px; font-size: 16px; font-weight: normal;  border: 2px solid #c82728; cursor: pointer; text-align: center;  overflow: hidden; letter-spacing: 10px; float:left; margin-top:0px; margin-bottom:0px;}
.tj-cont-seach .menu h2 span{ display: inline-block; width: 14px; height: 7px;  vertical-align: middle;  background: url(jobSearch-form-pic.png) no-repeat top left; margin-left: -2px;}
.tj-cont-seach .menu ul{width: 113px; border: 1px solid #f51414; border-top: 0; background: #fff;  position: absolute;
top: 36px; left: 0; display:none;}
.tj-cont-seach .menu ul li{font-size: 14px; line-height: 24px; color: #858585; margin-bottom: 4px; text-indent: 10px;
 cursor: pointer;}
.tj-cont-seach .menu ul li:hover{ background:#ffe7cc;}
.tj-cont-seach .menu .text{float:left;  width: 428px; height: 36px; line-height:1.5; font-size: 14px;  color: #303030; padding: 8px 20px 8px 20px; background: #fff; border: 2px solid #c82728;  border-left: 0; border-right: 0;}
.tj-cont-seach .seach {  width: 100px; height: 36px;  background: url(jobSearch-form-seach.png) no-repeat center center #c82728; cursor: pointer;}
.tj-cont-hotseach{ font-size: 12px; height: 41px; line-height: 38px; color: #999999; overflow: hidden;}
.tj-cont-hotseach a { color: #999999; margin-right: 14px;  display: inline-block;}
.tj-cont-hotseach a:hover{ color:#f51414;}
.tj-top-nav{ overflow:hidden; margin-top:5px; position:absolute; left:21%}
.tj-top-nav ul{ margin-left:0px;}
.tj-top-nav ul li{ float: left; width: auto; padding-right:22px; height: 29px;}
.tj-top-nav ul li a{display: block; font-family:"arial";font-size: 18px;  color: #353434;  text-align: center;
    height: 29px; }
.tj-top-nav ul li a.title:hover{color: #c82728;}
.tj-top-nav ul li.active a.title{color: #c82728;}
.tj-top-nav ul li.for{ width:auto;}
/*二维码*/
/* .tj-qr-block { position:absolute; top:10px; right:0px; z-index:99999; } */
.tj-qr-block img { float:left; display:block; width:219px; margin-top:5px;}
.tj-qr-block .text-block { line-height:20px; font-size:14px; padding:44px 0 0 10px;text-align: center; }
/*.tj-qr-block img:hover { transform:scale(2,2); border:1px solid #e7e7e7;}*/
.m-seach-block{ display:none}

/*banner-css*/
.tj-banner{ width:100%; height:300px; position:relative;}
.tj-banner .tj-left-nav{ position:relative; z-index:10;  width:1200px; margin:0 auto; height:0px; left:0px; top:0px;}
.tj-banner .tj-left-nav .nav-cant{ position:relative; left:0px; top:0px;width:252px; height:300px; font-size:16px; color:#FFF; line-height:30px; background:rgba(0,0,0,.55);}
.tj-banner .tj-left-nav .nav-cant .nav-title{ width:100%; height:34px; background:#c82728;}
.tj-banner .tj-left-nav .nav-cant .nav-title .cantent{background: url(nav-ioc.png) no-repeat 12px 7px; height:31px; margin-left:35px;}
.tj-banner .tj-left-nav .nav-cant .nav-title .cantent span{padding-left: 49px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul{ line-height:34px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant{ width:254px; height:35px; position:relative;margin-bottom: 20px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .tpp{ background: url(nav-ioc.png) no-repeat 12px -35px;   margin-left: 35px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .tpp span{padding-left: 38px; font-size: 14px; line-height:33px;}
.nav-ul-cant a{ color:#fff}
.nav-ul-cant:hover a{ color:#f0821b }
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-03{ background: url(nav-ioc.png) no-repeat 12px -68px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-04{ background: url(nav-ioc.png) no-repeat 12px -100px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-05{ background: url(nav-ioc.png) no-repeat 12px -257px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-06{ background: url(nav-ioc.png) no-repeat 12px -225px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-07{ background: url(nav-ioc.png) no-repeat 12px -196px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-08{ background: url(nav-ioc.png) no-repeat 12px -227px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-09{ background: url(nav-ioc.png) no-repeat 12px -260px;}
/*.tj-banner .tj-left-nav .nav-cant .look-mor{ line-height:36px;}*/
.tj-banner .tj-left-nav .nav-cant .look-mor a{ display:block; width:100%; height:36px; text-align:center; color:#FFF; font-size:14px;}
.tj-banner .tj-left-nav .nav-cant .look-mor a:hover{color:#f0821b;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant:hover{ cursor:pointer; background:#FFF; color:#f0821b;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-show{ width:801px; height:300px; background: #fff;  padding: 0 50px;  overflow: hidden; position: absolute;  left: 252px; top: -26px;    z-index: 11; display:none;  }
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .show-01 {top:-14px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .show-02{top:-79px}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .show-03{top:-132px}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .show-04{top:-185px}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .show-05{top:-238px}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .show-06{top:-165px}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .show-07{top:-198px}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .show-08{top:-231px}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-show .box-relative{ width:100%; height:100%; position:relative;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant:hover .nav-show{ display:block;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-show .nav-show-ul{ padding: 0 0 1px 0; overflow: hidden;    margin: 5px auto;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-show .nav-show-ul ul{width: 794px;  margin-left: -16px;  overflow: hidden;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-show .nav-show-ul li{  float: left;    font-size: 13px;    color: #333;    line-height: 28px;}

.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-show .nav-show-ul li a{    padding: 0 16px;  background: url(user-top-line.png) no-repeat left center;   color: #333;   white-space: nowrap;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-show .nav-show-ul li a:hover{ color:#f0821b;}
.nav-show-logo{ position:absolute; bottom:18px; left:0px;}
.nav-show-logo .e-img{ width:197px; height:79px; float:left; margin-left:-1px;margin-top: -1px;}
.nav-show-logo .e-img a{ display: block; width: 100%; height: 100%; } 
.nav-show-logo img{ width:100%; height:100%;}
.tj-personality{ position:absolute;  z-index: 10; margin: 0 auto; height: 0px; right: 0px; top: 0px;}
.tj-personality ul li{ margin-top:12px;}
.tj-personality ul li a{ display: block; width:260px; height:80px;}
.tj-personality ul li img{width:260px; height:80px;}

.tj-banner .banner-img{position:relative; width:100%; height:300px; z-index: 0;}
.tj-banner .banner-img img{ width:100%; height:300px;}
/*轮播 banner*/
.tj-banner .banner-img {overflow: hidden;z-index: 0;height: 300px;}
.flexslider {	width: 100%;position: relative;height: 300px;overflow: hidden;zoom: 1;}
.flex-viewport {max-height: 2000px;	-webkit-transition: all 1s ease;	-moz-transition: all 1s ease;	transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav a {	width: 60px;height: 90px;line-height: 99em;	overflow: hidden;	margin: -60px 0 0;	display: block;	background: url(ad_ctr.png) no-repeat;	position: absolute;	top: 50%;	z-index: 10;	cursor: pointer;	opacity: 0;
	filter: alpha(opacity=0);	-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {	background-position: 0 -90px;	right: 0;}
.flex-direction-nav .flex-prev {	left: 0;}
.flexslider:hover .flex-next {	opacity: 0.8;	filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {	opacity: 0.8;	filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {	opacity: 1;	filter: alpha(opacity=50);}
.flex-control-nav {	width: 100%;position: absolute;bottom: 8px;text-align: center;}
.flex-control-nav li {margin: 0 5px;	display: inline-block;	zoom: 1;
*display:inline;}
.flex-control-paging li a {	background: url(dot.png) no-repeat 0 -18px;	display: block;	height: 16px;overflow: hidden;
	text-indent: -99em;width: 16px;	cursor: pointer;}
.flex-control-paging li a.flex-active {	background-position: 0 0;background: url(dot.png) no-repeat 0 -0px;}
.tianjihr-hotjob .title li.active,.tianjihr-friendlink .title li,.tianjihr-hotjob .title li:hover{ height:39px;}
.tianjihr-hotjob .title,.tianjihr-friendlink .title{ margin-bottom:0px}
/*广告区*/
.tj-main-advertisement{ width:1200px; margin:0 auto 0; }
.tj-gold-screen{ background:#f2f2f2}
.tj-main-advertisement .tj-gold-screen .hot-title{ margin-top:0px; font-size: 18px; line-height: 1.8; color: #353434; text-indent:10px;overflow: hidden;font-family:"arial"}
.tj-main-advertisement .tj-gold-screen .hot-title p{ float:left;}
.tj-main-advertisement .tj-gold-screen ul li{ float:left; margin:0 6px 4px 0; width:380px; height:150px;}
.tj-main-advertisement .tj-gold-screen ul li img{ width:100%; height:100%;}
.tj-main-advertisement .tj-gold-screen ul li.active{ margin-right:0px;}

/*钻石广告*/
.tj-diamonds-screen{ padding-top:28px; clear:both; overflow:hidden;}
.tj-diamonds-screen ul{padding: 1px;}
.tj-diamonds-screen ul li{ width:383px; height:150px; float:left;  background: #fff; border: 1px solid #d2d2d2; margin: -1px 0 0 -1px;  position: relative;}

.tj-diamonds-screen ul li .logo{ width: 200px;  height: 100px;  padding: 10px 0 0 0;  margin: 0 auto;}
.tj-diamonds-screen ul li .logo img{display: block;width: 200px;height: 100px;}
.tj-diamonds-screen ul li h3{font-size: 14px;  line-height: 24px;  font-weight: normal;  text-align: center; color: #333;}
.tj-diamonds-screen ul .right_fadeIn{ width: 382px; }

.tj-diamonds-screen ul li .best-show{ width:383px; height:152px;background:#4995e1;position: absolute;top: -1px;left: -1px;overflow: hidden;cursor: pointer;z-index:2; opacity:0; transition:all 0.3s;}
.tj-diamonds-screen ul li .best-show .left{width:383px; height:150px;border:1px solid #4995e1;background-color:#fff;}
.tj-diamonds-screen ul li .best-show .left img{width:100%;height:100%;}
.tj-diamonds-screen ul li .best-show .left img.default{width:200px;height:100px;padding: 10px 0 0 0; margin: 0 auto;display: block;}
.tj-diamonds-screen ul li.last .best-show .left img.default{width:200px;height:100px;padding-top: 40px; padding-left:8px;}
.tj-diamonds-screen ul li .best-show .right{width:383px; height:150px;color:#FFF; position:absolute; left:385px; top:0; transition:all 0.3s;}
.tj-diamonds-screen ul li .best-show .right .title{font-size:16px;padding-top:14px;padding-left:17px;margin-bottom: 8px;}
.tj-diamonds-screen ul li .best-show .right .main_li{ float:left;width:182px; height: 36px;background: url(moandmo.png) no-repeat 162px 12px;}
.tj-diamonds-screen ul li .best-show .right .main_li a{width: 120px;height:36px;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#FFF;text-decoration:none;line-height:36px;padding-left:17px;}
.tj-diamonds-screen ul li .best-show .right .whole{width: 206px;height:26px;line-height:26px;position:absolute;bottom:5px;font-size:12px;text-align:right;}
.tj-diamonds-screen ul li .best-show .right .main_li:hover{background: url(moandmo.png) no-repeat 162px 12px #569fe9;}
.tj-diamonds-screen ul li .best-show .right .whole a{color:#FFF;text-decoration:none;}

.tj-diamonds-screen ul li .best-show .best-show-block {overflow:hidden; position:relative;}
.tj-diamonds-screen ul li:hover .best-show{ display:block; width:768px; opacity:1;z-index:9;}

.tj-diamonds-screen ul li.right_fadeIn .best-shows{right:-1px;top:-1px; left: inherit;}
.tj-diamonds-screen ul li.right_fadeIn .left{ float:right; background-color:#fff; position:relative; z-index:2;}
.tj-diamonds-screen ul li.right_fadeIn .right{ left:0;}

.tj-bronze-screen{ margin:28px auto 0;overflow:hidden}
.tj-bronze-screen ul li{ float:left; margin-right:6px;}
.tj-bronze-screen ul li img{ width:380px; height:150px;}
.tj-bronze-screen ul li.active{ margin-right:0px;}

/*黄金*/
.tj-god-screen{margin-top:0px; clear:both; overflow:hidden; margin-left:1px}
.tj-god-screen ul{ padding:1px;}
.tj-god-screen ul li{ width:304.6px; height:152px; float:left;  background: #fff; border: 1px solid #d2d2d2; margin: -1px 0 0 -1px;  position: relative;}
.tj-god-screen ul .right_fadeIn{ width:287px;}
.tj-god-screen ul .right_fadeIn0{ width: 287px; float:right}
.tj-god-screen ul li .logo{ width: 200px;  height: 100px;   margin: 0 auto;}
.tj-god-screen ul li .logo img{display: block;width: 200px;height: 100px;}
.tj-god-screen ul li h3{font-size: 14px;  line-height: 24px;  font-weight: normal;  text-align: center; color: #333;}
.tj-god-screen ul li .best-show{ width:287px; height:153px;background:#4995e1;position: absolute;top: -1px;left: -1px;overflow: hidden;cursor: pointer;z-index:2; opacity:0; transition:all 0.3s;}
.tj-god-screen ul li .best-show .left{width:287px; height:151px;border:1px solid #4995e1;background-color:#fff;}
.tj-god-screen ul li .best-show .left img{width:100%;height:100%;}
.tj-god-screen ul li .best-show .left img.default{width:200px;height:100px; margin: 0 auto;display: block;}
.tj-god-screen ul li.last .best-show .left img.default{width:200px;height:100px;padding-top: 40px; padding-left:8px;}
.tj-god-screen ul li .best-show .right{width:286px; height:153px;color:#FFF; position:absolute; left:288px; top:0; transition:all 0.3s;}
.tj-god-screen ul li .best-show .right .title{font-size:16px;padding-top:8px;padding-left:17px;margin-bottom: 6px;}
.tj-god-screen ul li .best-show .right .main_li{ width:285px; height: 36px;background: url(moandmo.png) no-repeat 247px 12px;}
.tj-god-screen ul li .best-show .right .main_li a{width: 215px;height:36px;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#FFF;text-decoration:none;line-height:36px;padding-left:17px;}
.tj-god-screen ul li .best-show .right .whole{width: 252px;height:26px;line-height:26px;position:absolute;bottom:6px;font-size:12px;text-align:right;}
.tj-god-screen ul li .best-show .right .main_li:hover{background: url(moandmo.png) no-repeat 247px 12px #569fe9;}
.tj-god-screen ul li .best-show .right .whole a{color:#FFF;text-decoration:none;}
.tj-god-screen ul li .best-show .best-show-block {overflow:hidden; position:relative;}
.tj-god-screen ul li:hover .best-show{ display:block; width:577px; opacity:1;z-index:9;}
.tj-god-screen ul li.right_fadeIn .best-shows{right:-1px;top:-1px; left: inherit;}
.tj-god-screen ul li.right_fadeIn .left{ float:right; background-color:#fff; position:relative; z-index:2;}
.tj-god-screen ul li.right_fadeIn .right{ left:0;}
.container{ width:1200px; padding:0px;}
.tlbtl li{ float:left; margin-bottom:5px; margin-left:1px; margin-top:5px;}
.tlbtl .li{ margin-right:0px; margin-left:7px}
.jjzp{ clear:both; min-height:500px;}
.jjzp .header .on{ border-bottom:2px solid #FF0000}
.jjzp .header{}
.jp-recommend{ width:1200px; margin:10px auto 17px; clear:both; margin-top:0px; margin-bottom:0px;}
.jp-recommend .header{ height:46px;}
.jp-recommend .header .name{ width: 102px; height: 28px;  float: left; color:#353434;margin-top: 18px;  font-size: 18px;
   text-align: center;   line-height: 20px; font-family:"arial" ;cursor:pointer}
.jp-recommend .jp-main{ clear:both; }
.jp-recommend .jp-main ul li{ float:left; height:102px;background:#FFF; border:1px solid #d9d9d9; padding:0px;margin: -1px 0px 0px -1px;}
.jp-recommend .jp-main ul li.active{ width:25%}
.jp-recommend .jp-main ul li .box{ overflow:hidden; padding:24px;}
.jp-recommend .jp-main ul li .box .top{ margin-bottom:10px; overflow:hidden}
.jp-recommend .jp-main ul li .box .top .left a{display: block;  width: 155px;  float: left;  overflow: hidden;  text-overflow: ellipsis;   white-space: nowrap;   font-size: 16px;  color: #337ab7;}
.jp-recommend .jp-main ul li .box .top .left a:hover{ color:#c82728;}
.jp-recommend .jp-main ul li .box .top .right{float: right;  font-size: 16px; font-weight:bold;  color: #c82728;}
.jp-recommend .jp-main ul li .box .el-name{ margin-bottom:10px; margin-top:15px;font-size:14px; color:#999999;}
.jp-recommend .jp-main ul li .box .el-name a{ display:block; width:251px; height:19px;overflow: hidden;color:#999999;  text-overflow: ellipsis;   white-space: nowrap;}

.jp-recommend .jp-main ul li .box .welfare ul li{ float:left; width:auto; padding:1px; height:20px; border:1px solid #c82721; color:#c82721; border-radius:3px; margin-right:9px; line-height:16px; text-align:center;}

.main-div-left{ max-width:590px; width:100%; height:329px; float:left; background:#fff; margin-top:3px; margin-left:1px;overflow:hidden}
.main-div-left .wen{ padding:0px; padding-left:10px;}
.main-div-left li{ height:387px  !important; overflow:hidden; float:left}
.main-div-left .flex-direction-nav{ display:none}
.main-div-left .wen h4{ color:#333333; font-size:18px; height:20px;overflow:hidden;font-weight:normal;font-family:"arial"}
.main-div-left .wen p{ color:#999999; font-size:14px; line-height:1.5;}
.main-div-right{ width:600px; float:right; margin-top:1px; margin-right:-1px;}
.main-div-right ul li{ background:#fff; border:1px solid #dddddd; padding:17px 0; margin-top:2px !important; margin-bottom:10px !important;width:100% !important;clear:both}
.main-div-right ul li.li{ margin-top:0; width:100%}
.main-div-right ul li .li_left{ float:left; max-width:95px; width:100%;}
.main-div-right ul li .li_left h1{ color:#999999; font-size:52px; text-align:center; font-weight:bold; margin-top:5px}
.main-div-right ul li .li_left h5{ color:#999999; font-size:16px; text-align:center;}
.main-div-right ul li .li_right{ float:left; max-width:480px; width:100%; padding-left:20px;}
.main-div-right ul li .li_right h4{ color:#333333; font-size:18px; line-height:1.5; font-weight:normal;font-family:"arial"}
.main-div-right ul li .li_right p{ color:#999999; font-size:14px; line-height:1.5;}
.slideBox{ position:relative; width:590px; height:387px; margin-left:0px; margin-top:0px;}
.slideBox ol{ height:20px !important; bottom:130px; display:flex !important; justify-content:center; display:inline}
.slideBox ol a{ display:inline-block;}
.slideBox ol li{ height:auto !important;}
.slideBox li{ border:none !important; padding:0px !important; margin:0px !important;}
.gdmm{ clear:both;top:20px;}
.gdmm a{  clear:both;margin-top:20px; margin-right:20px; width:100px;margin:0 auto; display:block; color:#FF0000; background:#fff; border: #FF0000 1px solid; padding:5px; margin-top:10px; clear:both; text-align:center}
/*排行榜*/
.panel{ float:left; width:50%; background-color:#fff}
.jp-phb{ height:200px;}
.he10{ height:10px; clear:both;}
.hotjob,.hotcom{ text-align:left}
.hotjob .panel,hotcom .panel{ border:none !important; padding-left:10px;}
.panel-heading{ background:none  !important; font-weight:bold; border:none; padding:6px;}
.panel-heading a{ float:right; margin-top:-30px}
.panel-body{ border:1px solid #eee;box-shadow: 1px 1px 1px 1px #eee; padding:6px}
.hotjob .list-group li,.hotcom .list-group li{ margin-top:20px;}
.hotjob .list-group li span,.hotcom .list-group li span{ font-size:18px; color:#c73333; padding-right:10px;}
.hotjob .panel-title,.hotcom .panel-title{ background:url(rbook.png) no-repeat; height:40px; text-indent:60px; color:#c73333; font-size:18px; line-height:40px;}
.hotcom .panel-title{ background:url(wwx.png) no-repeat; margin-left:10px;}
.panel-heading a{ color:#767676; font-size:16px;}
.panel-body a{ color:#707070; font-size:16px;}
.panel-body .list-group li a span{  color:#ed532e; font-size:16px;}
.panel-default { border:none}
.newslb{ padding-top:10px; clear:both; height:180px}
.newslb div a{ line-height:2.5; color:#c73333;}
.list-group-item{ margin-left:15px;}
.tianjihr-about-title h2{ margin-top:0px;}
<!--直聘-->

/*地产*/
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-dc-cant{ height: 90px; }
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-dc-cant .dpp{background: url(ioc-dc.png) no-repeat 12px 10px;  height: 31px; margin-left: 23px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-dc-cant .dpp span{ padding-left: 38px; font-size: 14px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-dc-cant .nav-03{background: url(ioc-dc.png) no-repeat 12px -87px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-dc-cant .nav-04{background: url(ioc-dc.png) no-repeat 12px -200px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-dc-cant .show-02{top:-104px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-dc-cant .show-03{top:-194px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-dc-cant .child{ width: 210px; height: 62px; padding: 0 0 0 34px; overflow: hidden;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-dc-cant .child ul li{ float: left; font-size:12px; line-height: 22px; margin-right:10px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-dc-cant .child ul li a{ color: #FFF; font-weight:100; }
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-dc-cant:hover .child ul li a{color: #666666;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-dc-cant .child ul li a:hover{ color:#2974f5;}

            /*全屏霸屏css*/
            .tj-PA-screen{ position:fixed; z-index:99999; width:100%; height:100%; top:0px; left:0px; background:url(box-fliex-bj.png) repeat;}
            .tj-PA-screen .fiex-box{ margin:0 auto; width:1050px; height:560px; margin-top:6%;}
            .tj-PA-screen .fiex-box img{  width:1050px; height:560px;}
.navbar,.nophone{ display:none}
@media (max-width: 767px){
#imgConac{ display:none}
.tianjihr-nav .logo img{ margin-top: -43px}
.jd100year{ width:100% !important; height:110px !important; background:url(/images/ak3min.jpg) no-repeat center !important;background-size:cover; overflow:hidden}
.right_fadeIn0{ width:49.5% !important}
.nophone,.m-seach-block{ display:block}
.m-seach-block{ clear:both}
.main-div-left .wen{ display:none}
.tianjihr-about-nav,#kefu_pf,#imgDiv{ display:none}
.m-seach-block .menu h2{width: 82px; height: 36px; line-height: 32px; font-size: 14px; font-weight: normal;  border: 2px solid #c82728; cursor: pointer; text-align: center;  overflow: hidden; letter-spacing: 10px; float:left; margin-top:0px; margin-bottom:0px;}
.m-seach-block .menu h2 span{ display: inline-block; width: 14px; height: 7px;  vertical-align: middle;  background: url(jobSearch-form-pic.png) no-repeat top left; margin-left: -2px;}
.m-seach-block .menu ul{width: 113px; border: 1px solid #f51414; border-top: 0; background: #fff;  position: absolute;
top: 36px; left: 0; display:none;}
.m-seach-block .menu ul li{font-size: 14px; line-height: 24px; color: #858585; margin-bottom: 4px; text-indent: 10px;
 cursor: pointer;}
.m-seach-block .menu ul li:hover{ background:#ffe7cc;}
.m-seach-block .menu .text{float:left; height: 36px; width:56%;line-height: 36px; font-size: 14px;  color: #303030;background: #fff; border: 2px solid #c82728;  border-left: 0; border-right: 0;text-indent: 5px;}
.m-seach-block .seach { position:absolute; right:0px;width: 100px; height: 36px;  background: url(jobSearch-form-seach.png) no-repeat center center #c82728; cursor: pointer;}
.jp-recommend .jp-main ul li .box .top .left a{ width:auto; padding-right:10px;}
.jp-recommend .jp-main ul li{ width:49.5%; margin-left:1px; height:auto}
.tianjihr-about-cont{ width:100%; position:relative;}
.tianjihr-about-cont-main{ width:100%}
.img-block img{ width:100% !important}
.tj-god-screen ul li .logo,.jp-recommend .jp-main ul li .box .el-name a{ width:auto;}
.jp-recommend .jp-main ul li .box{ padding:8px;}
.hot-title{ margin-top:-10px;}
.bantong li{ width:48.9%;}
#jjzp{ margin-top:-20px}
#jjzp .header .name:nth-child(2){ display:none}
#floating1578{ display:none}
.gdmm a{ font-size:10px;}
#moreManu{ font-size:10px;}
.tj-god-screen ul li .logo img{ width:100%}
.tj-god-screen ul .right_fadeIn{ width:49.5%;}
.main-div-right{ margin-right:-1px}
.tj-god-screen ul li{ width:49.5%; margin-left:0.1%; overflow:hidden}
.tj-qr-block,.best-show{ display:none}
.tj-god-screen ul li h3{ font-size:12px;}
.jp-recommend .jp-main ul li .box .top .right{ float:none; height:15px;}
.jp-recommend .jp-main ul li .box .welfare{ font-size:10px; display:none}
.jp-recommend{ margin-top:-70px}
.tj-banner{ top:-60px; height:130px !important;}
.flexslider{ height:130px;}
/* .logo{ height:91px;} */
.logo img{ width: 85%;}
.tj-banner .banner-img{ height:130px; margin-top:-12px}
.jp-recommend .header .name{ font-size:16px; margin-top:16px;}
.tj-gold-screen{ background:none}
#slideBox .slides li{ width:100%; height:157px !important}
.slides li{ height:125px !important;}
.slides li a{ height:120px !important;background-size:100% 100% !important;}
.nav-cant,.tj-top-nav,.tj-cont-seach,.tj-cont-hotseach{ display:none}
.tianjihr-head .head-login{ padding-right:10px;}
.navbar{ display:block}
.tianjihr-nav-cont,.tianjihr-head-cont{ width:100%;}
.resume,.resume_main_left,.main-div-right{ width:100%}
.main-div-right ul li .li_right{ width:275px; font-size:12px}
.li_right p{ display:none}
.resume{ position:relative;}
.resume_main_right{ width:100%; margin-top:25px;padding-left:0px}
.tianjihr-jobdetails-deliver-cont{ display:none}
.tianjihr-jobdetails-deliver{ display:none !important}
.news_show_content img{max-width:100%;}
.tianjihr-footer-cont,.tj-main-advertisement,.jp-recommend,.tianjihr-hotjob,.tianjihr-friendlink{ width:100%}
.function-cont,.downapp,.tianjihr-hotjob{ display:none}
.tianjihr-nav-cont ul{ display:none}
.tianjihr-head-cont .head-link{ padding-left:5px}
.tianjihr-head-cont .head-link .mobile_hide{ display: none;}
.tianjihr-qr-block,.resume_title1_2{ display:none}
.tianjihr-footer .information-cont{ padding:10px;}
.jp-recommend .jp-main ul li .box .top .left a,.jp-recommend .jp-main ul li .box .top .right{ font-size:10px;}
.jp-recommend .jp-main ul li .box .el-name a{ font-size:8px;}
.navbar{ border:none; background:none; position:relative; top:-104px} /*4471aa cc2622*/
.navbar-nav{background:#fff; margin-top:50px}
.slideBox{ width:100%; height:157px;}
.slideBox ol{ bottom:0px}
.main-div-left{ height:auto}
.tianjihr-top-nav{ border-bottom:none; }
.navbar-inverse .navbar-toggle{ border:none;background:#f2f2f2}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background:#e4e7eb}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color:#fff; border:none}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{background:#e4e7eb; color:#000}
.navbar-inverse .navbar-nav>li>a{ color:#000}
.navbar-inverse .navbar-nav>li{ border-bottom:1px solid #eee;}
.tianjihr-footer-cont{ padding:10px; margin-top:-10px}
.tianjihr-footer-cont p{ font-size:10px}
.tianjihr-top-nav .tj-top-container,.container{ width:100%;display: block;}
.cd-main-header{position:relative;z-index:99;top:0;left:0;height:45px;width:100%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.tianjihr-footer .touch-cont,.tianjihr-footer .scan-cont{ display:none}
.cd-main-header::after{clear:both;content:"";display:table}
}