@charset "utf-8";
/* CSS Document */
/*********************************************全局**************************************/
*{ margin:0; padding:0; list-style:none; font-family:"微软雅黑";}
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 #f4a154;}
.tianjihr-top-nav .tj-top-container{ width:1153px; margin:0 auto; height:130px; position:relative;} 
.tianjihr-top-nav .tj-top-container .logo{ float:left; margin:14px 0 0 0px; width:252px;}
.tianjihr-top-nav .tj-top-container .middle-container{float:left; margin-left:32px; width:720px;}
.tj-cont-seach{ height:36px; background:#FFF; margin-top:10px;}
.tj-cont-seach .seach-block{ width:720px;}
.tj-cont-seach .menu{float: left; color: #f0821b; font-size: 16px; line-height: 36px;  text-align: left;  position: relative;
}
.tj-cont-seach .menu h2{width: 111px; height: 32px; line-height: 32px; font-size: 16px; font-weight: normal;  border: 2px solid #ff8502; cursor: pointer; text-align: center;  overflow: hidden; letter-spacing: 10px; float:left;}
.tj-cont-seach .menu h2 span{ display: inline-block; width: 14px; height: 7px;  vertical-align: middle;  background: url(../images/default/jobSearch-form-pic.png) no-repeat top left; margin-left: -2px;}
.tj-cont-seach .menu ul{width: 113px; border: 1px solid #fab162; 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: 16px; line-height: 16px; font-size: 14px;  color: #303030; padding: 8px 20px 8px 20px; background: #fff; border: 2px solid #ff8502;  border-left: 0; border-right: 0;}
.tj-cont-seach .seach {  width: 100px; height: 36px;  background: url(../images/default/jobSearch-form-seach.png) no-repeat center center #f0821b; 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:#ff8503;}
.tj-top-nav{ overflow:hidden; margin-top:15px;}
.tj-top-nav ul{ margin-left:115px;}
.tj-top-nav ul li{ float: left; width: 107px; height: 29px;}
.tj-top-nav ul li a{display: block; font-size: 18px; font-weight: bold;  color: #333;  text-align: center;
    height: 29px;line-height: 24px;}
.tj-top-nav ul li a.title:hover{color: #ff8502;}
.tj-top-nav ul li.active a.title{color: #ff8502;}
.tj-top-nav ul li.for{ width:79px;}
/*二维码*/
.tj-qr-block { position:absolute; top:10px; right:0; z-index:99999; }
.tj-qr-block img { float:left; display:block; width:82px; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; transform:scale(1,1); transition:all 0.3s;}
.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 #ff8302;}


/*banner-css*/
.tj-banner{ width:100%; height:300px; position:relative;}
.tj-banner .tj-left-nav{ position:relative; z-index:10;  width:1153px; margin:0 auto; height:0px; left:0px; top:0px;}
.tj-banner .tj-left-nav .nav-cant{  position:relative; left:0px; top:-34px;width:252px; height:334px; font-size:16px; color:#FFF; line-height:30px; background:rgba(0,0,0,.75);}
.tj-banner .tj-left-nav .nav-cant .nav-title{ width:100%; height:34px; background:#fd7a22;}
.tj-banner .tj-left-nav .nav-cant .nav-title .cantent{background: url(../images/default/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:33px; position:relative;margin-bottom: 20px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .tpp{ background: url(../images/default/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;}

.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-03{ background: url(../images/default/nav-ioc.png) no-repeat 12px -68px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-04{ background: url(../images/default/nav-ioc.png) no-repeat 12px -100px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-05{ background: url(../images/default/nav-ioc.png) no-repeat 12px -257px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-06{ background: url(../images/default/nav-ioc.png) no-repeat 12px -225px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-07{ background: url(../images/default/nav-ioc.png) no-repeat 12px -196px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-08{ background: url(../images/default/nav-ioc.png) no-repeat 12px -227px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-09{ background: url(../images/default/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(../images/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(../images/default/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(../images/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;}

/*广告区*/
.tj-main-advertisement{ width:1153px; margin:0 auto 0;}
.tj-main-advertisement .tj-gold-screen .hot-title{    font-size: 22px; line-height: 58px; padding: 10px 0 0 0; font-weight: bold; color: #666666;
 overflow: hidden;}
.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(../images/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(../images/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:28px; clear:both; overflow:hidden;}
.tj-god-screen ul{ padding:1px;}
.tj-god-screen ul li{ width:287px; height:152px; float:left;  background: #fff; border: 1px solid #d2d2d2; margin: -1px 0 0 -1px;  position: relative;}
.tj-god-screen ul .right_fadeIn{ width:286px;}
.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(../images/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(../images/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;}


.jp-recommend{ width:1153px; margin:28px auto 17px; background:#FFF;}
.jp-recommend .header{ height:46px; background:#fd7a22;}
.jp-recommend .header .name{font-weight:bold; width: 102px; height: 22px;  float: left;  margin-left: 16px;  margin-top: 16px;  font-size: 20px;
    color: #FFF;  text-align: center;   line-height: 20px;  border-left: 6px solid #FFF;}
.jp-recommend .jp-main{  border:1px solid #fd7a22; overflow:hidden;}
.jp-recommend .jp-main ul li{ float:left; width:287px; height:111px; border:1px solid #d9d9d9;    margin: -1px 0 0 -1px;background:#FFF;}
.jp-recommend .jp-main ul li.active{ border-right:none;}
.jp-recommend .jp-main ul li .box{ overflow:hidden; padding:18px;}
.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: #666666;}
.jp-recommend .jp-main ul li .box .top .left a:hover{ color:#f0821b;}
.jp-recommend .jp-main ul li .box .top .right{float: right;  font-size: 16px; font-weight:bold;  color: #f0821b;}
.jp-recommend .jp-main ul li .box .el-name{ margin-bottom:10px; 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 #f0821b; color:#f0821b; border-radius:3px; margin-right:9px; line-height:20px; text-align:center;}



/*地产*/
.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(../images/default/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(../images/default/ioc-dc.png) no-repeat 12px -87px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-dc-cant .nav-04{background: url(../images/default/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(../images/default/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;}


.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-bottom {margin-bottom:0px;}