@charset "utf-8";
/* CSS Document */
.w1100{width:1100px; margin:0 auto}
body{ background-color:#f8f8f8;}
/*left sidebar*/
.hy_leftsidebar{width:265px; float:left}
 .yun_Index_leftsidebar_tit{width:100%;height:45px; line-height:45px; text-indent:20px; font-size:16px;color:#fff; position:relative}
.yun_Index_leftsidebar_icon{width:21px;height:18px; display:block; background:url(../images/index_nav_bg.png) no-repeat; position:absolute;right:13px;top:13px;}
.dn { display: none;}
 .fixed {position:fixed !important;top:0 !important;}
.menu_box{
	width:1100px;
	float:left;
	margin-top:20px;
	background-image: url(../images/j_s_t_bj.png);
	background-repeat: repeat-y;
	background-position: left top;
	background-color:#FFF;
}
.menu_main a{ color:#FFF;}
.menu_main a:hover{color:#FFF;}
.hp_head_search_text_i{
	border:2px solid #39F;
	width:600px;
	height:40px;
	color:#999;
	line-height:35px;
	background:#fff;
	text-indent:10px;
}
.fl_i{ float:left; margin-left:220px; margin-top:30px; margin-bottom:30px;}
.hp_head_search_sr_i{color:#fff;font-size:16px;height:44px;line-height:44px;background:#3399ff;width:100px;cursor:pointer;text-align:center;border:none;}
.menu_box h2{
	background:url(../images/j_s_t.png) 0 0 no-repeat;
	width:241px;
	float:left;
	display:block;
	height:69px;
	line-height: 45px;
	text-align: left;
	text-indent: 20px;
	color:#ffffff;
	font-size:18px;
}
.menu_box .menu_box_l{width:241px; float:left; display:block;}
.menu_box_job{ width:844px; padding-left:15px; float:right;   padding-top:20px; background-color:#FFF;}
  .menu_main{width:212px; float:left;   padding: 7px 13px 12px;    overflow:hidden;position:relative;}
 .menu_main h2{font-size:16px;height:30px; line-height:30px;font-weight:500;position:relative;color:#666; padding-left:5px;}
 .menu_main h2 span{width:13px;height:17px;background:url(../images/arr.png) 0 0 no-repeat;display:inline-block;position:absolute;top:35px;right:0px; }
  .menu_main_b_h{width:100%; overflow:hidden}
 .menu_main a{float:left;white-space:nowrap; line-height:30px;padding:0 5px;*padding:0 6px;}
 .current .menu_main{background:#fff; border:2px solid #c9cbce; border-right:none; z-index:102;}
 .menu_sub{width:540px;padding:15px 30px 5px 30px; position:absolute;top:0;left:238px; z-index:101; border:2px solid #c9cbce;background:#fff;}
 .menu_sub dl{width:540px;margin:0 0 20px;position:relative;}
 .menu_sub dt{width:70px;font-size:14px;margin:0;text-align:right;position:absolute;left:0;}
 .menu_sub dt a{padding:0; color:#333;line-height:28px;text-decoration:underline;}
 .menu_sub dt a:hover{color:#3c80a7; text-decoration:underline;}
 .menu_sub dd{width:450px;margin-left:100px;overflow:hidden;}
 .menu_sub dd a{white-space:normal;display:inline-block;padding:0 10px;background:url(../images/arr.png) -29px center no-repeat; color:#777;line-height:28px;margin-left:-1px;}
 .menu_sub dd a:hover{color:#3c80a7; text-decoration:underline;}
 .menu_sub dd a.curr{color:#3c80a7;background-position:-29px center !important;}
 .subscribe{display:block;font-size:18px;height:46px;line-height:46px;background:#fafafa;margin-top:12px;border-bottom:2px solid #00b38a;}
 .subscribe a{display:block;clear:both;width:100%;height:100%;}
 .subscribe a span{float:left;margin-left:20px;}
 .subscribe i#n_rss{display:block;float:right;margin-right:20px;margin-top:14px;width:21px;background: url(../images/arr_btn.png) 0px -19px no-repeat}
 .menu_sub dd a:hover{color:#3c80a7; text-decoration:underline;}
 .menu_sub dd a.curr{color:#3c80a7;background-position:-29px center !important;}
 .subscribe{display:block;font-size:18px;height:46px;line-height:46px;background:#fafafa;padding:0;margin-top:12px;border-bottom:2px solid #3c80a7;}
 .menu_sub dd a:hover{color:#3c80a7; text-decoration:underline;}
 .menu_sub dd a.curr{color:#3c80a7a;background-position:-29px center !important;
background:#fafafa;padding:0 0px 0 20px;margin-top:12px;border-bottom:2px solid #00b38a;}
 .subscribe a{display:block;float:left;margin-bottom:-32px;width:210px;}
 .subscribe a#n_rss{display:block;float:right;margin-right:20px;margin-top:0;width:21px;background: url(../images/arr_btn.png) 0px -19px no-repeat}
#slides {position: relative;width:680px;height:300px;float:left;}
.slides_container {overflow:hidden;position:relative;display:none;width:680px;height:300px;}
.slides_container div.slide {width:680px;height:300px;display:block;}
.slides_container img {width:680px;height:300px;display: block;}
#slides .prev {margin-right: 5px;float:left;}
#slides .next {margin-right: 5px;float:left;}
.pagination {margin:6px 0 0;list-style: none;z-index:9999;position: absolute;bottom: 15px;left:50%;}
.pagination li {float: left;margin: 0 3px;}
.pagination li a {display: block;width:10px;height:0; padding-top:10px;background:#828183;float: left;overflow: hidden;border-radius:50%;}
.pagination li.current a, .pagination li.current a:hover { background:#12619c}
.pagination li a:hover { background-position: 0px -0px }
#slides a:link, #slides a:visited { color: #333 }
#slides a:hover, #slides a:active { color: #9e2020 } 
.hy_gw{width:100%; background:#fff; float:left;color:#949191}
.hy_gw_h1{width:100%;height:40px; line-height:40px;border-bottom:1px solid #eee; font-weight:bold;color:#000 }
.hy_gw_h1_s{ display:inline-block;padding-left:10px;}
.hy_gw_touch{border-bottom:1px solid #eee; padding:10px 10px 10px 55px; background:url(../images/hy_touch.png) no-repeat 10px center}
.hy_gw_qq{ padding:10px 10px 5px 55px; float:left;}
.hy_gw_gjz{ float:left; height:235px; overflow:hidden; width:100%;}
.hy_gw_gjz a{ padding:4px; margin-left:15px; margin-right:5px; display:block; float:left; margin-bottom:2px;}
.hy_gw_p{ line-height:22px; padding-top:5px}
/*right*/
.yun_hy_indexright{width:820px; background-color:#FFF; height:328px; overflow:hidden;}
/*search*/
.hy_search{width:100%; float:left; margin-top:20px;}
.hp_head_search_job{width:87px;border:2px solid #3cb0ed;height:34px;line-height:34px;background:#fff; position:relative; z-index:300}
.index_header_seach_find_list{width:87px;border:2px solid #3cb0ed;background:#fff; position:absolute;left:-2px;top:34px;}
.index_header_seach_find_list a{ display:block; padding-left:10px;height:30px; line-height:30px;}
.index_header_seach_find_list a:hover{background:#EFF5FC;color:#666;text-decoration:none;}
.hp_head_search_job_b{padding-left:10px;background:url(../images/ee.png) no-repeat 67px;display:block;cursor:pointer;}
.hp_head_search_text{border:2px solid #3cb0ed;border-left:none;border-right:none;width:460px;height:34px;color:#999;line-height:34px;background:#fff;text-indent:10px;}
.hp_head_search_sr{color:#fff;font-size:16px;height:38px;line-height:38px;background:#3cb0ed;width:90px;cursor:pointer;text-align:center;border:none;}
.hy_wx_r{width:158px;height:37px;   text-align:center; position:relative; z-index:100;}
.hy_wx_r a{width:158px;height:37px; line-height:37px;color:#fff; background:#00ca78  url(../images/jobewm.png) no-repeat 130px center; float:right;color:#fff; text-align:center;}
.hy_wx_box{
	width:156px;
	background:#fff;
	padding-bottom:10px;
	padding-top:10px;
	position:absolute;
	left:0px;
	top:-131px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #00ca78;
	border-right-color: #00ca78;
	border-left-color: #00ca78;
}
.hy_wx_r a:hover{color:#fff; text-decoration:none;}
.hywx{width:22px;height:22px; background:url(../images/hywx.png) no-repeat; display:inline-block; position:absolute;left:7px;top:10px;}
.hy_hotsearch{width:100%;height:55px; line-height:55px; overflow:hidden;color:#878685}
.hy_hotsearch a{color:#878685; margin-right:5px; display:inline-block}
/*名企*/
.yunFamousenterprises{width:100%;}
.index_left15560 {float: left;text-align: right; width:1110px; margin-right:-10px;}
.Famous_recruitment_cont float: left;   _overflow:hidden }
.Famous_recruitment_cont_box{width:820px;float:left; _overflow:hidden}
.Famous_recruitment_cont .tlogo li {width:212px; height:100px;background: #fff;float: left; text-align:center;border-right:none;border-top:none; padding:10px 0;  margin-top:20px; margin-right:10px; }
.yunFamousenterprises_comname{ width:180px;height:25px; line-height:25px; text-align:center;color:#666; padding-left:10px; padding-right:10px; overflow:hidden}
.Famous_recruitment_act {position: relative}
#mainids .tlogo ul li.current1 {list-style-type: none;position: relative;width:212px;z-index:1000}
#mainids .tlogo ul li.current1 .on {position: relative;z-index: 1003;}
#mainids .tlogo ul li .show {display: none;left:0px;position: absolute;
text-align: left;top:-2px;width:212px;;box-shadow: 4px 2px 6px #eee;;    border: 2px solid #3b8ee3;overflow:hidden}
#mainids .tlogo .show .area {width:100%;background:#fff;overflow: hidden;padding:85px 0 0;float: left}
#mainids .tlogo ul li.current1 .show {display: block;}
#mainids .area_left {width:185px;float: left; }
#mainids .area_left a {color:#333;;overflow: hidden; display:inline-block;border:1px solid #eee;border-radius:15px; padding:0px 10px;height:24px; line-height:24px; margin-top:5px; margin-left:5px;}
#mainids .area_left a:hover {border:1px solid #3B8EE3;color: #3B8EE3;text-decoration:none}
#mainids .area_right {float: left;width:175px;overflow: hidden;padding-left: 5px;line-height: 22px;color: #333;white-space: normal; word-break: break-all; }
#mainids .area_right a {width: 100%;height: 22px;line-height: 22px;overflow: hidden;text-align: center;display: block;color:#3B8EE3;font-weight: bold}
#mainids .area_right a:hover {color: #333;text-decoration: underline}
#mainids .area_left_bot {width:93px;background-color: #EEEEEE;float: left;height: 22px;line-height: 22px;margin-top: 5px;text-align: center;}
#mainids .area_left_bot a {color: #333;}
#mainids .area_right_bot{width:91px;background-color: #EEEEEE;float: left;height: 22px;line-height: 22px;margin-top: 5px;text-align: center;border-left:1px solid #fff;}
#mainids .area_right_bot a {color: #333}
#mainids .w160 {width: 160px;}
#mainids .w170 {width: 173px;}
#mainids .tlogo ul li .show_ban {background: #EAE8E8;border: 1px solid #65A9E6;display: none;left: -1px;padding: 1px;position: absolute;text-align: left;top: -1px;width: 313px;}
#mainids .tlogo ul li.current1 .show_ban {display: block;}
#mainids .tlogo .show_ban .area {background: #FFFFFF;overflow: hidden;padding: 55px 0 0;float: left}
#mainids .tlogo ul li.current2 {list-style-type: none;position: relative;width: 313px;}
#mainids .tlogo ul li.current2 .on {position: relative;z-index: 1003;}
/*急聘*/
.hy_jp_box{width:100%; background:#fff; float:left; padding:5px 0; margin-top:20px; overflow:hidden}
.hy_jp_box_left{width:30px;height:85px; float:left; background:url(../images/jobjpleft.png) no-repeat center center}
.hy_jp_box_right{width:30px;height:85px; float:right; background:url(../images/jobjpright.png) no-repeat center center}
.hy_jp_content{width:740px; float:left; padding-top:10px; }
.hy_jp_box .hy_jp_box_list{width:260px; float:left;}
.hy_jp_box_jobname{width:100%;height:30px; line-height:30px; overflow:hidden; font-size:16px;}
.hy_jp_box_jobxz{color:#f6850d; padding:5px 0;}
.hy_jp_box_conmane a{color:#827676}
.rollBox{width:100%;overflow:hidden;}
.rollBox .Cont{width:1040px;overflow:hidden; float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox #List1,.rollBox #List2{float:left;}
.s_job{
	width:280px;
	margin-left:-1px;
	margin-top:-1px;
	float:left;
	height:50px;
	overflow:hidden;
 }
.s_j_name{
	font-size: 14px;
 	color: #1c99ef;
 	display:block
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	 
	
}
.s_j_name_jp{
	font-size: 14px;
	color: #1c99ef;
 	display:block
	
	white-space:nowrap; 	overflow:hidden;
	text-overflow:ellipsis;
	background-image: url(../images/jp.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 30px;	
}
.s_j_n_s{	width:280px;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.s_job span{
	font-size: 15px;
	font-weight: bold;
	color: #F60;
}
.s_c_name{
	width:280px;
	font-size: 12px;
 	color: rgb(211, 211, 211);
	text-align: left;
	float:left;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*推荐职位*/
.hy_job_tit{width:100%;border-bottom:1px solid #eeeeee; float:left;height:40px;}
.hy_job_tit ul li{width:80px; float:left; line-height:40px; font-size:16px;color:#7f7d7d; text-align:center; position:relative; margin-left:15px;}
.hy_job_tit_cur .hy_job_tit_icon{width:80px;height:3px; background:#3cb0ed; display:block; position:absolute;left:0px;bottom:-1px;}
.hy_tj_box{width:100%; background:#fff; float:left; margin-top:20px;}
.hy_tj_jobcont{width:100%; float:left}
.hy_tj_box .hy_tj_jobcontlist{width:100%; float:left}
.hy_tj_box .hy_tj_jobcontlist li{width:100%;border-bottom:1px solid #eeeeee; float:left; padding:15px 0;}
.hy_tj_jobleft{width:330px; float:left; padding-left:15px;}
.hy_tj_jobname a{ font-size:16px;}
.hy_tj_jobdate{width:160px; float:left;color:#7f7d7d}
.hy_tj_jobright{width:310px; float:left}
.hy_tj_com_name a{ font-size:16px;color:#7f7d7d}
.hy_tj_jobp{color:#949292; padding:10px 0 0 0}
.hy_tj_line{ font-size:12px;color:#949292; padding:0px 5px;}
.hy_tj_jobmore{width:100%; text-align:center; font-size:14px; padding:15px 0; float:left}
.hy_tj_jobmore a{color:#3cb0ed;}
.hy_tj_jobxz{color:#f6850d; padding-top:12px;}
/*资讯*/
.hy_index_news{width:100%; background:#fff; float:left; margin-top:20px;}
.hy_index_news_left{width:110px; float:left; padding:10px;}
.hy_index_news_right{width:680px; float:left; padding:10px 0;}
.hy_index_news_right ul li{width:310px; height:25px; line-height:25px;  overflow:hidden; float:left; padding-left:25px; position:relative}
.hy_index_news_right ul li a{color:#949191}
.hy_index_news_right ul li a:hover{color:#F00}
.hy_index_news_icon{width:4px;height:4px; background:#666666; position:absolute;left:10px;top:10px; display:inline-block}
.hy_index_tit{width:100%; float:left;padding:10px 0px 5px 0px;}
.hy_index_tit_s{font-size:16px;color:#7f7d7d; padding:0px 0px 0px 10px; float:left}
.hy_index_tit_more{ float:right; margin-right:10px;color:#3cb0ed; font-size:12px;}
/*link*/
.hy_link_banner{width:100%; float:left}
.hy_link_banner li{width:115px; float:left; margin-left:10px; margin-top:10px;}
.hy_link_P{width:100%; float:left; padding:10px 0;}
.hy_link_P a{ display:inline-block; padding:4px 5px 4px 10px;color:#7f7d7d; word-break:break-all}
/*home banner*/
#home_banner{width:820px;height:252px;position:relative;overflow:hidden;}
#home_banner .banner_bg{float:left;list-style:none;margin:0;padding:0;width:645px;height:252px;overflow:hidden;position:relative;left:0}
.banner_bg li{display:block;width:645px;height:252px;}
#home_banner .banner_control{float:right;width:158px;height:260px;position:relative;right:0;top:0px}
#home_banner .banner_control em{width:166px;height:78px;background:url(../images/control_current.png) 0 0 no-repeat;position:absolute;z-index:21;top:0;left:-8px}
#home_banner .thumbs{list-style:none;margin:0;padding:0}
#home_banner .thumbs { width:178px; position:absolute;left:0px;top:-8px;}
#home_banner .thumbs li{width:150px;height:70px;border:4px solid #d3d3d3;position:relative; margin-top:8px;}
#home_banner .thumbs li i{width:150px;height:70px;position:absolute}
#home_banner .thumbs li.current i{background:0}
#home_banner .thumbs li.thumbs_1,#home_banner .thumbs li.thumbs_2{}
.index_banner{width:100%; float:left;}
.index_banner img{ margin-top:15px;}




 
.wrapper{
    max-width:900px;
    margin:0px auto;
}
.wrapper li{
    position: relative;
    width: 150px;
    height: 150px;
    list-style:none;
    margin: 5px;
    display: inline-block;
    perspective: 300px;
  }
  .picBox{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform-style: preserve-3d;
    transform-origin: 50% 50% -75px;
    animation: 200ms ease-out 0ms 1 normal forwards;
  }

.show,
.hide{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
.hide{
    color:#fff;
    background-color:#0085da;
    text-align:center;
     transform: translate3d(0,0,-1px);
    /* 3D空间内移动一个元素的位置 */
}
.hide .ad_c_r{
	color:#FFF;
	display:block;
	width:100%;
	height:110px;
	line-height:30px;
	font-size:18px;
	overflow:hidden;
	font-weight: bold;
	text-decoration: none;
	margin-top:10px;
}
 .hide .ad_c_zr{
	color:#FFF;
	display:block;
	width:100%;
	height:20px;
	line-height:20px;
	font-size:16px;
	overflow:hidden;
	font-weight: bold;
	text-decoration: none;
	margin-top:10px;
}

.hide .ad_c_n{ color:#FFF; display:block; width:100%; height:40px; bottom:0px; line-height:20px; overflow:hidden; position:absolute;}
.hide .ad_c_n:hover{ color:#FFF;}
.in-top .hide,
.out-top .hide
 {
    transform-origin: 0% 100%;
    transform: translate3d(0, -100%, 0) rotate3d(1,0,0,90deg);
}
.in-top .picBox{
    animation-name: in-top;
    animation-play-state: running;
}
.out-top .picBox{
    animation-name: out-top;
    animation-play-state: running;
}
@keyframes in-top {
    from  {transform: rotate3d(0,0,0,0deg)}
    to    {transform: rotate3d(-1,0,0,90deg)}
} 

@keyframes out-top {
    from {transform: rotate3d(-1,0,0,90deg)}
    to   {transform: rotate3d(0,0,0,0deg)}
}
.in-right .hide,
.out-right .hide {
          transform-origin: 0% 0%;
          transform: translate3d(100%, 0, 0) rotate3d(0,1,0,90deg);
}
.in-right .picBox{
    animation-name: in-right;
    animation-play-state: running;
}
.out-right .picBox{
    animation-name: out-right;
    animation-play-state: running;
}
@keyframes in-right {
    from  {transform: rotate3d(0,0,0,0deg)}
    to    {transform: rotate3d(0,-1,0,90deg)}
}

@keyframes out-right {
    from  {transform: rotate3d(0,-1,0,90deg)}
    to    {transform: rotate3d(0,0,0,0deg)}
}

.in-bottom .hide,
.out-bottom .hide {
          transform-origin: 0% 0%;
          transform: translate3d(0, 100%, 0) rotate3d(-1,0,0,90deg);
}
.in-bottom .picBox{
    animation-name: in-bottom;
    animation-play-state: running;
}
.out-bottom .picBox{
    animation-name: out-bottom;
    animation-play-state: running;
}
@keyframes in-bottom {
    from  {transform: rotate3d(0,0,0,0deg)}
    to    {transform: rotate3d(1,0,0,90deg)}
}
@keyframes out-bottom {
    from  {transform: rotate3d(1,0,0,90deg)}
    to    {transform: rotate3d(0,0,0,0deg)}
}
.in-left .hide,
.out-left .hide {
          transform-origin: 100% 0;
          transform: translate3d(-100%,0,0) rotate3d(0,-1,0,90deg);
}
@keyframes in-left {
    from  {transform: rotate3d(0,0,0,0deg)}
    to    {transform: rotate3d(0,1,0,90deg)}
}
@keyframes out-left {
    from  {transform: rotate3d(0,1,0,90deg)}
    to    {transform: rotate3d(0,0,0,0deg)}
}
.in-left .picBox{
          animation-name: in-left;
          animation-play-state: running;
}
.out-left .picBox{
          animation-name: out-left;
          animation-play-state: running;
}