@charset "utf-8";
@import "bootstrap.min.css";
/* CSS Document */
/*********************************************ȫ��**************************************/



.q220{
	font-size:14px; padding:5px 10px 5px 10px;
	background-color:#FFFFFF; color:#333;
	border: 1px solid #F0F0F0;border-radius:5px 0px 0px 5px; margin-left:2px; margin-right:2px;
}
.q220:hover{ background-color:#fa7320; color:#FFFFFF;}
.q221{
	font-size:14px; padding:5px 10px 5px 10px;
	background-color:#FFFFFF; color:#333;
	border: 1px solid #F0F0F0;border-radius:0px 5px 5px 0px; margin-left:2px; margin-right:2px;
}
.q221:hover{ background-color:#fa7320; color:#FFFFFF;}
.page-num{
	font-size:14px; padding:7px 10px 7px 10px;
	background-color:#fff; color:#333;
	border: 1px solid #F0F0F0; margin-left:2px;
}
.page{
	text-align:center;
	line-height:25px;
	overflow:hidden;
	font-size:10px;
	font-size:14px;
	padding-top:20px;
	padding-bottom:20px;
}
.tj-top-nav li dl{    position: absolute;
    z-index: 999;display:none;
    text-align: center;
    width: 180%;
    left: -40%;
    background-color: #ffffffb5;}
.tj-top-nav li dl dd{}
.tj-top-nav li dl dd a{    font-weight: 500;
    font-size: 16px;
    line-height: 35px;
    height: auto;}
.tj-top-nav li dl dd a:hover{color: #3790D0}

.duanbox img{max-width:100% !important;}


*{ margin:0; padding:0; list-style:none; }
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;    text-decoration-line: none !important;}
a:link{ text-decoration:none;}
a{    text-decoration-line: none !important; }
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 #3790D0;}
.tianjihr-top-nav .tj-top-container{ width:1200px; margin:0 auto; height:130px; position:relative;} 
.tianjihr-top-nav .tj-top-container .logo{ float:left; margin:5px 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: #3790D0; font-size: 16px; line-height: 36px;  text-align: left;  position: relative;
}
#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 #3790D0; 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(../Images/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: 36px; font-size: 14px;  color: #303030; padding: 8px 20px 8px 20px; background: #fff; border: 2px solid #3790D0;  border-left: 0; border-right: 0;}
.tj-cont-seach .seach {  width: 100px; height: 36px;  background: url(../Images/jobsearch-form-seach.png) no-repeat center center #3790D0; 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{   width: 1200px;    margin-top: 28px; margin-left: -300px;}
.tj-top-nav ul{     display: flex;
    justify-content: space-between;
    flex-wrap: wrap;margin-bottom: 0px;}
.tj-top-nav ul li{ float: left; position: relative;}
.tj-top-nav ul li a{display: block;
    padding: 0px 5px;
    font-size: 18px;
    color: #353434;
    text-align: center;
    height: 29px;
    line-height: 24px;
    font-weight: 600;}
.tj-top-nav ul li a.title:hover{color: #3790D0;}
.tj-top-nav ul li.active a.title{color: #3790D0;}
.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 #e7e7e7;}

.cont2{width:100%;max-width:1920px;margin:0 auto;}
.cont2 .swiper-container {
  width: 100%;
  /* height: 100%; */
}
.cont2 .swiper-wrapper{height:auto}
.cont2 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: auto;width: 100%;
}


.cont2 .swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}
.cont2 .swiper-pagination-bullet{
    width: 35px;
    height: 5px;
    background-color: #028CD5;
    font-size: 17px;
    line-height: 38px;    border-radius: 2px;    opacity: 1;
}
.cont2 .swiper-pagination{bottom: 10px !important;}
.cont2 .swiper-pagination-bullet-active{
    background-color: #FB974C;
}
.cont2 .swiper-button-next,.cont2 .swiper-button-prev{
    background-color: #ffffff57;
}

.cont2 .swiper-slide-box img{display: block;
    width: 100%;
    }

/*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:-34px;width:252px; height:334px; 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:#3790D0;}
.tj-banner .tj-left-nav .nav-cant .nav-title .cantent{background: url(../Images/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/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}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-03{ background: url(../Images/nav-ioc.png) no-repeat 12px -68px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-04{ background: url(../Images/nav-ioc.png) no-repeat 12px -100px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-05{ background: url(../Images/nav-ioc.png) no-repeat 12px -257px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-06{ background: url(../Images/nav-ioc.png) no-repeat 12px -225px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-07{ background: url(../Images/nav-ioc.png) no-repeat 12px -196px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-08{ background: url(../Images/nav-ioc.png) no-repeat 12px -227px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-ul-cant .nav-09{ background: url(../Images/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/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;}
.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; font-weight: bold; color: #353434; text-indent:10px;overflow: hidden;font-family:"����"}
.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: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 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;}
.container{ width:1200px; padding:0px;}
.tlbtl li{ float:left; margin-bottom:5px; margin-left:1px}
.tlbtl .li{ margin-right:0px; margin-left:7px}
.jjzp{ clear:both;}
.jjzp .header .on{ border-bottom:2px solid #3790d0}
.jjzp .header{}
.jp-recommend{ width:1200px; margin:10px auto 17px; clear:both; margin-top:15px; margin-bottom:0px;}
.jp-recommend .header{ height:46px;}
.jp-recommend .header .name{ width: auto;
    height: 28px;
    float: left;
    font-weight: bold;
    color: #353434;
    margin-top: 18px;
    font-size: 18px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    margin-right: 10px;
    padding: 0px 10px;}
.jp-recommend .jp-main{ clear:both; }
.jp-recommend .jp-main ul li{ float:left; height:115px;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: #000000;}
.jp-recommend .jp-main ul li .box .top .left a:hover{ color:#3790D0;}
.jp-recommend .jp-main ul li .box .top .right{float: right;  font-size: 16px; font-weight:bold;  color: #FB974C;}
.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;}
.add{
            clear: both;
            margin-top: 20px;
            margin-right: 20px;
            width: 100px;
            margin: 0 auto;
            display: block;
            color: #FB974C;
            background: #fff;
            border: #FB974C 1px solid;
            padding: 5px;
            margin-top: 10px;
            clear: both;
            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:"����"}
.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:470px; 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:"����"}
.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{position:relative; top:20px;}
.gdmm a{  clear:both;margin-top:20px; margin-right:20px; width:100px;margin:0 auto; display:block; color:#08c5b7; background:#fff; border: #08c5b7 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(../Images/rbook.png) no-repeat; height:40px; text-indent:60px; color:#c73333; font-size:18px; line-height:40px;}
.hotcom .panel-title{ background:url(../Images/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(../Images/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/ioc-dc.png) no-repeat 12px -87px;}
.tj-banner .tj-left-nav .nav-cant .nav-ul .nav-dc-cant .nav-04{background: url(../Images/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/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}
.nophone{ display:block}
.main-div-left .wen{ display:none}
.tianjihr-about-nav,#kefu_pf,#imgDiv{ display:none}
.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; top:-60px;}
.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 .header .name:nth-child(2){ display:none}
#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{}
.tj-banner{ top:-60px; height:180px !important;}
.flexslider{ height:180px;}



#slideBox .slides li{ width:100%}
.slides li{ height:195px !important;}
.slides li a{ height:180px !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; top:-70px;}
.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:15px}
.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:-64px} /*4471aa cc2622*/
.navbar-nav{background:#fff}
.slideBox{ width:100%; height:167px;}
.slideBox ol{ bottom:0px}
.main-div-left{ height:auto}
.tianjihr-top-nav{ border-bottom:none; height:80px; overflow:hidden}
.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%}
.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}
}


/*侧边栏*/
.sidebar{ position: fixed;top: 50%;padding: 20px 0 25px;right: 10px;width: 80px;z-index: 905;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 40px;background: #fff;box-shadow: 0 0 10px rgba(152, 164, 211, .2);}
.sidebar li{ margin-bottom: 20px;position: relative;}
.sidebar li:last-child{ margin-bottom: 0;}
.sidebar a{ display: block;text-align: center;color: #fff;transition: .5s;}
.sidebar .sidebar_ico{ display: flex;align-items: center;justify-content: center;margin: 0 auto 5px;width: 50px;height: 50px;border-radius: 50%;box-shadow: 0 0 10px rgba(152, 164, 211, .2);transition: .5s;}
.sidebar .sidebar_ico img { height: 20px;}
.sidebar .sidebar_ico img:nth-child(2){ display: none;}
.sidebar a:hover .sidebar_ico{ background: #004892;}
.sidebar a:hover .sidebar_ico img:nth-child(1){ display: none;}
.sidebar a:hover .sidebar_ico  img:nth-child(2){ display: inline-block;}
.sidebar .sidebar_txt{ font-size: 14px;line-height: 24px;color: #666;}
.sidebar .sidebar_wx{ position: absolute;top: 0;right: 90px;margin-top: 0;display: flex;text-align: center;padding: 0 0;align-items: center;justify-content: center;width: 120px;height: 120px;color: #fff;background: #ffffff;box-shadow: 0 0 10px rgba(152, 164, 211, .2);white-space: nowrap;font-weight: bold;font-size: 20px;visibility: hidden;opacity: 0;transition: .5s;}
.sidebar a:hover .sidebar_wx{ visibility: visible;opacity: 1;}
.sidebar .sidebar_wx img{ width:110px;}
.sidebar .sidebar_phone{ position: absolute;top: 0;right: 90px;margin-top: 0;display: flex;padding: 0 20px;align-items: center;justify-content: center;width: 200px;height: 50px;color: #fff;border-radius: 26px;background: #004892;box-shadow: 0 0 10px rgba(152, 164, 211, .2);white-space: nowrap;font-weight: bold;font-size: 20px;visibility: hidden;opacity: 0;transition: .5s;}
.sidebar a:hover .sidebar_phone{ visibility: visible;opacity: 1;}

.btn-msgts{
  color: #FB974C;
  animation: blink 1s linear infinite;
  -webkit-animation: blink 1s linear infinite;
  -moz-animation: blink 1s linear infinite;
  -ms-animation: blink 1s linear infinite;
  -o-animation: blink 1s linear infinite;
}
@keyframes blink {
    0% {
        color: #FB974C;
    }

    50% {
        color: transparent;
    }

    100% {
        color: #FB974C;
    }
}