/*
@author: 5400
@update:5400(2014-2-12)
*/
@font-face{font-family: Gabriola;src: url('/about/images/Gabriola.ttf');}
body{background:#fbfbfb; font-size:12px;font-family: \5FAE\8F6F\96C5\9ED1,Tahoma,Arial,SimSun;}
*{ margin:0px; padding:0px; list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.hide,.hidden{display:none;}
.fl{float:left;}
.fr{float:right;}
.pointer{cursor:pointer;}
.inline-block{display:inline-block;zoom:1;*display:inline;}
.vam{vertical-align:middle;}
label.vam{vertical-align:middle;font-family:tahoma;}
.about_width{ width:1190px; margin:0px auto;}
.relative{position:relative;}


/* header */
.header .logo_menu{ padding:30px 0px;}
.header .logo_menu .logo{ float:left;}
.header .logo_menu .logo h1{ float:left;}
.header .logo_menu .logo h1 a{ background:url("/about/images/logo.png") no-repeat 0px center;width:230px; height:60px;display:block;overflow:hidden; text-indent:-300px; }
.header .logo_menu .logo .portrait{ float:left;}
.header .logo_menu .logo .portrait i{ float:left;border-left:1px solid #dedede; height:50px; margin-top:5px;}
.header .logo_menu .logo .portrait img{ width:56px; height:56px; border-radius:50%;margin-left:29px;}
.header .logo_menu .logo .noLoin{ display:none;}

.header .logo_menu .menu{ float:right; margin-top:10px; position:relative;}
.header .logo_menu .menu li{ float:left; font-size:16px; padding:0px 40px 10px 0px; border-bottom:3px solid #ececec; position:relative;}
.header .logo_menu .menu li.menu_ct{padding-right:0px;}
.header .logo_menu .menu li.active .websites {display: block;}
.header .logo_menu .menu li s{ position:absolute; bottom:-3px;left:0; width:65px;}
.header .logo_menu .menu li.active s{border-bottom:3px solid #e85148;}
.header .logo_menu .menu li.active a{ color:#e85148;}
.header .logo_menu .menu a{ color:#74767b;font-family:"\5FAE\8F6F\96C5\9ED1";}
.header .logo_menu .menu a:hover{ text-decoration:none;}
.header .logo_menu .menu li a i{ background:url("/about/images/menu_line.png") no-repeat; width:7px; height:4px; position:absolute; right:28px;bottom:18px;_bottom:0px; display:block; cursor:pointer;transition: transform ease .3s;-webkit-transition: -webkit-transform ease .3s;}
.header .logo_menu .menu li a:hover i{ background:url("/about/images/menu_line.png") no-repeat;_bottom:20px;-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.header .logo_menu .menu li a i.lineactive{_bottom:20px; -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}

.header .logo_menu  .websites{ position:absolute;left:-50px;top:45px;font-size:14px;width:250px; display:none;}
.header .logo_menu  .websites a,.header .logo_menu  li.active .websites a{ float:left; line-height:26px;color:#74767b; margin-right:20px;}
.header .logo_menu  .websites a:hover,.header .logo_menu  li.active .websites a:hover{color:#000;}
.header .logo_menu .menu li.active .ser_active {color:#444; font-weight:bold; }
.header .logo_menu  .lise_menu{ position:absolute;right:0;top:45px;font-size:14px;width:130px;}
.header .logo_menu .menu li.active .lise_menu a{ color:#74767b;}
.header .logo_menu .menu li.active .lise_menu a:hover{ color:#e85148;}
.header .logo_menu  .lise_menu a{ float:left; line-height:26px;}
.header .logo_menu  .lise_menu a:hover{ color:#e85148;}

/* footer */
.footer{ background:#fff; margin-top:100px; height:130px;border-top:1px solid #eee}
.footer .btm_l{ width:760px; float:left; margin-top:25px;}
.footer .btm_l ul li span{ color:#cccccc; padding:0px 0px 0px 10px;}
.footer .btm_l ul li{float:left; line-height:30px; margin-right:10px;}
.footer .btm_l ul li a{ color:#6a6a71;}
.footer .btm_l .copyright{ float:left;color:#a3a3a8;}
.footer .btm_l .copyright a{color:#a3a3a8;}
.footer .btm_r{float:right; width:300px;}
.footer .btm_r div li{ width:120px; line-height:18px;}
.footer .btm_r li a{background:url("/about/images/about_line.png") no-repeat 30px 35px; width:100px; height:120px;float:left; cursor:pointer;}
.footer .btm_r a.weibo,.footer .btm_r a.weibo:hover{background-position:30px -67px;}
.footer .btm_r a.weixin,.footer .btm_r a.weixin:hover{background-position:30px -165px;}
.footer .sina:hover,.footer .weibo:hover,.footer .weixin:hover{display:block;}
.footer .btm_r li{ float:left; width:100px;position:relative;}
.footer .btm_r a{ text-decoration:none;}
.footer .btm_r li .sina_layer,.footer .btm_r li .weibo_layer,.footer .btm_r li .weixin_layer{position:absolute; left:-30%; bottom:120px;padding:20px 20px 20px 20px; font-size:14px; color:#666; z-index:0;background:#fff; box-shadow:0 2px 3px #F1F1F1;border:1px solid #F0F0F0; border-radius:5px;}
.footer .btm_r li div a{ background:none;height:auto; color:#F1AB5F;}
.footer .btm_r li div a:hover{ text-decoration:underline;}
.footer .btm_r li .sina_layer,.footer .btm_r li .weibo_layer{ padding:20px 20px 6px 20px;}
.footer .btm_r .sina_layer .color,.footer .btm_r .weibo_layer .color{font-family:verdana;color:#f1ab5f; margin-bottom:15px; font-weight:bold;}
.footer .btm_r li .weixin_layer dt{ margin-bottom:10px; width:130px; text-align:center;  }
.footer .btm_r li .weixin_layer dd.wx{  width:130px; height:130px;background:url("/about/images/weixin.png") no-repeat;}




/* banner */
.posterTvGrid{position:relative;height:310px; }
.posterTvGrid img{max-width:none;max-height:none;border:0 none;background:#888;}
.posterTvGrid .contentHolder{position:relative;overflow:hidden;}
.posterTvGrid .contentHolderUnit{cursor:pointer;position:absolute;width:640px;height:270px;}
.posterTvGrid .contentHolderUnit a.elementLink{display:block;overflow:hidden;z-index:3;position:absolute;left:0;right:0;width:100%;height:100%;}
.posterTvGrid .contentHolderUnit img{width:100%;height:100%;}
.posterTvGrid .contentHolderUnit .elementOverlay{z-index:1;position:absolute;top:0;left:0;background:#000;width:100%;height:100%;opacity:0;filter:opacity=0;}
.posterTvGrid .leftNav,.posterTvGrid .rightNav{cursor:pointer;z-index:10;position:absolute;top:50%;width:45px;height:45px;margin-top:-43px;}
.posterTvGrid .leftNav{left:7px;background:url("/about/images/prev_btn.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/prev_btn.png");}
.posterTvGrid .rightNav{right:7px;background:url("/about/images/next_btn.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/next_btn.png");}
.posterTvGrid .bottomNav{z-index:140;position:absolute;width:100%;height:10px;margin-top:270px;padding:10px 0 0;text-align:center;}
.posterTvGrid .bottomNavButtonOFF{cursor:pointer;overflow:hidden;display:inline-block;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;vertical-align:top;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#c3c3c3;}
.posterTvGrid .bottomNavButtonOFF:hover{background:#aaa;}
.posterTvGrid .bottomNavButtonON,
.posterTvGrid .bottomNavButtonON:hover{background:#fff; border:1px solid #c3c3c3; width:9px; height:9px;}


/* public jobcn toolbar fr */
html {_background:url(about:blank) fixed; } 
.jobcn_toolbar_fr{bottom:140px;right:7px;position:fixed;width:47px;z-index:400;_position:absolute;_top:expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight-400)); }
.jobcn_toolbar_fr li{padding-top:5px;}
.jobcn_toolbar_fr a{display:block;width:47px;height:47px;line-height:47px;line-height:50px\9;_line-height:47px;background:url("/commImage/10.2/ui/icon/25.png") no-repeat;_background:url("/commImage/10.2/ui/icon/25_ie6.png") no-repeat;text-indent:-100px;overflow:hidden;border-radius:5px;}
.jobcn_toolbar_fr .top_triangle a{background-position:0 0;}
.jobcn_toolbar_fr .fenxiang a{background-position:0 -50px;}
.jobcn_toolbar_fr .proposal a{background-position:0 -100px;}
.jobcn_toolbar_fr .message a{background-position:0 -150px;}
.jobcn_toolbar_fr a:hover{text-decoration:none;background:#E85148;text-indent:0;text-align:center;color:#FFF1E7;font-weight:bold;}
.jobcn_toolbar_fr .fenxiang{position:relative;_zoom:1;}
.jobcn_toolbar_fr #bdshare a.share{width:110px;height:47px;position:absolute;bottom:0;left:0;padding-top:0;opacity:0;filter:alpha(opacity=0);left:-70px}




