/*
@author: 5400
@update:5400(2018-3-28)
*/
@font-face {
 font-family:ProximaNova;
 src:url("/about/v2/en/font/proxima-nova-thin.woff?p") format("woff");
 font-weight:100;
 font-style:normal
}
@font-face {
 font-family:ProximaNova;
 src:url("/about/v2/en/font/proxima-nova-light.woff?p") format("woff");
 font-weight:300;
 font-style:normal;
}
@font-face { 
 font-family:ProximaNova;
 src:url("/about/v2/en/font/proxima-nova-regular.woff?p") format("woff");
 font-weight:400;
 font-style:normal;
}
@font-face {
 font-family:ProximaNova;
 src:url("/about/v2/en/font/proxima-nova-semibold.woff?p") format("woff");
 font-weight:600;
 font-style:normal;
}
@font-face {
 font-family:ProximaNova;
 src:url("/about/v2/en/font/proxima-nova-bold.woff?p") format("woff");
 font-weight:700;
 font-style:normal;
}
@font-face {
 font-family:ProximaNova;
 src:url("/about/v2/en/font/proxima-nova-extrabold.woff?p") format("woff");
 font-weight:800;
 font-style:normal;
}
@font-face {
 font-family:ProximaNova;
 src:url("/about/v2/en/font/proxima-nova-black.woff?p") format("woff");
 font-weight:900;
 font-style:normal;
}
@font-face{font-family: Gabriola;src: url('/about/v2/images/Gabriola.ttf');}
body{background:#f4f4f4; font-size:12px;font-family: ProximaNova,Helvetica Neue,Arial,sans-serif; padding-top: 108px;}
*{ 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_screen{ width:100%;}
.about_width{ width:1190px; margin:0px auto; padding:0;}
.relative{position:relative;}
.about_title{ height:50px; width:100%; }
.title_banner{ width:100%;min-width:1190px}
/* header */
.header{ width:100%; background:#fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1); position:absolute; top: 28px; left:0; z-index: 101;min-width:1190px;}
.header .about_width{ padding:0; width:1190px;}
.header .logo_menu{ height: 80px;}
.header .logo_menu .logo{ float:left;margin-top: 10px;}
.header .logo_menu .logo h1{ float:left;}
.header .logo_menu .logo h1 a{ background:url("/about/v2/en/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;  position:relative;margin-top:25px;}
.header .logo_menu .menu li{ float:left; font-size:16px; position:relative;}
.header .logo_menu .menu li.menu_ct{padding-right:0px;}
.header .logo_menu .menu li.active a{ color:#f26b01; background:url("/about/v2/en/images/icon_line.png") center 37px no-repeat;}
.header .logo_menu .menu a{ color:#222222;height: 50px;line-height: 30px;padding: 0 14px;margin:0px 10px;border-radius:15px;display: inline-block; }
.header .logo_menu .menu li:hover a{ text-decoration:none;color:#f26b01;}

.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;min-width:1190px;}
.footer .jobcn_index{padding-top:30px;padding-bottom:35px;width:1190px;margin:0 auto;}
.footer_service ul{text-align:center;padding: 0 44px;}
.footer_service li{float:left;margin:0 65px;}
.footer_service_text{color:#333;font-size:20px;}
.footer_service_title{line-height:14px;font-size:14px;}
.footer_service dl{}
.footer_service li.vfs_03{width:260px;}
.footer_service li.vfs_03 dl{padding-right:0;}
.footer_service dt{float:left;}
.footer_service li.vfs_02 dt i{background-position:-50px 0px}
.footer_service li.vfs_03 dt i{background-position:-100px 0px}
.footer_service dd{color:#555555;font-size:22px;line-height:24px;}
.footer_menu{text-align:center;padding-top:15px;}
.footer_menu_box{display:inline-block;*zoom:1;*display:inline;}
.footer_menu li{float:left;}
.footer_menu li a{color:#888;font-size:14px;}
.footer_menu span{padding: 0 13px;color:#888;font-size:12px;}
.footer_copyright{text-align:center;padding-top:8px;color:#888;}
.footer_copyright a{color:#888;font-size:14px;}
.footer_copyright span{color:#888;font-size:14px;}



/* banner */
.vas_product_banner{height:420px;text-align:center;overflow:hidden;position:relative;z-index:1;min-width:1190px;}
.vas_product_banner dl{padding-top:70px;color:#fff;display:none;}
.vas_product_banner dt,.vas_product_banner dt em{ font-size:68px;  text-shadow:0px 2px 4px #666; }
.vas_product_banner dt em{ color:#fff600; font-style:normal}
.vas_product_banner dd{ font-size:48px; line-height:100px; }
.vas_product_banner dd.illustrator{ font-size:18px ;line-height:30px }
.vas_product_banner ul li{width:100%;}
.vas_product_banner .bg{position:relative;height:640px;}
.vas_product_banner .bg a{ display:block;width: 100%;height: 100%;}
.vas_product_banner .bx-window a{width:990px;margin:0 auto;display:block;text-indent:-2000px;overflow:hidden;height:390px;}
.vas_product_banner .img1{background:url("/about/v2/en/images/banner_02.jpg") center top no-repeat;}
.vas_product_banner .img2{background:url("/about/v2/en/images/banner_01.jpg") center top no-repeat;}
.vas_product_banner .bx-prev{display:none;}
.vas_product_banner .bx-next{display:none;}
.vas_product_banner .bx-pager{height:18px;width:80px;margin:0 auto;text-align:center;overflow:visible;position:absolute;bottom:226px;left:50%;    margin-left: -12px;z-index:100;}
.vas_product_banner .pager-link{width:8px;height:8px;line-height:8px;background:#fff;border-radius:50%;margin:0 5px;cursor:pointer;position:absolute;display:block; display:inline-block;text-indent:-1000px;overflow:hidden;}
.vas_product_banner .pager-1{left:0;}
.vas_product_banner .pager-2{left:20px;}
.vas_product_banner .pager-active{width:20px;background:#f26b01;text-decoration: none;border-radius:4px;margin-left:-1px;}

/* 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}

/* jobcn site nav */
.nav_bar{ background:#f5f5f5;position:absolute; top:0px;z-index: 102; width:100%;border-bottom:1px solid #eee;height:28px;overflow: visible;left:0;}
.site_nav{ width:1190px; margin:0 auto;}
.site_nav div{overflow: visible;}
.site_nav .sn_logo{float:left;line-height:28px;height:28px;padding:0 10px;}
.site_nav .sn_logo a{color:#666;font-size:12px;}
.site_nav .sn_nav{float:left;line-height:28px;height:28px;}
.site_nav .sn_nav li{padding:0 10px;}
.site_nav .sn_nav li a{color:#666666;font-size:12px;}
.site_nav .sn_quick_menu{float:left;}
.site_nav .menu_item{float:left;position:relative;height:28px;margin-right:-1px}
.site_nav .site_cont{float:left;width:90px}
.site_nav .sn_service_center{display:none;}
.site_nav .sn_sitemap{display:none;}

.site_nav .sn_login_info .per_not_login ul{float:right;}
.site_nav .sn_login_info .per_not_login li{float:left;padding:0 12px;background:url("/commImage/10.2/ui/icon/31.png") no-repeat -299px -42px;}
.site_nav .sn_login_info .per_not_login li.per_not_login_info{background:none;}
.site_nav .sn_login_info .per_not_login a{color:#666;}
.site_nav .sn_login_info{}
.site_nav .sn_login_info .menu_hd{padding-right:15px;text-align:right;background-image:none;}
.site_nav .sn_login_info .menu_hd span{padding:0 3px;margin:0 3px;border-radius:2px;color:#818181;}
.site_nav .sn_login_info .menu_hd a{color:#666666;}
.site_nav .sn_login_info .menu-bd{width:128px;line-height:20px;overflow:hidden;}
.site_nav .sn_login_info .menu-bd ul{width:98px;margin:0 auto;border-top:1px solid #EEE;padding:4px 0;}
.site_nav .sn_login_info .menu-bd li{line-height:20px;height:20px;width:auto;padding:0;position:relative;}
.site_nav .sn_login_info .menu-bd ul.sn_login_info_msg{border-top:0;}
.site_nav .sn_login_info .menu-bd a{color:#727272;}
.site_nav .sn_login_info .menu-bd span{position:absolute;top:0;right:0;}
.site_nav .sn_login_info .sn_login_info_exit{position:absolute;top:0;right:0;color:#b1b1b1;}
.site_nav .sn_login_info .sn_login_info_name{float:left;margin-right:12px;width:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.site_nav .sn_login_info .sn_login_info_number{float:left;}
.site_nav .sn_login_info .sn_login_info_number i{display:inline-block;width:14px;height:14px;background:url("/about/v2/en/images/icon_msg.png");margin:8px 2px 0 0;vertical-align:top;}
.site_nav .sn_login_info .sn_login_info_number a{color:#f26b01;}
.site_nav .sn_nav li{float:left;line-height:28px;height:28px;background: url("/commImage/10.2/ui/icon/31.png") no-repeat -299px -42px;}
.site_nav .sn_quick_menu{float:right;line-height:28px;height:28px;}
.site_nav .menu-bd{position:absolute;top:28px;right:0;border:1px solid #eee;background:#FFF;z-index:2;}
.site_nav .menu_hd{ color:#666; font-family:microsoft yahei;font-weight:normal;margin:0;line-height:28px;height:28px;padding:0 1px 0 15px;background:url("/commImage/10.2/ui/icon/31.png") no-repeat -299px -42px;cursor:pointer;font-size: 12px;}
.site_nav .menu_hd b{background:url("/commImage/10.2/ui/icon/31.png") no-repeat -48px 6px;padding:0 2px;margin-left:3px;}
.site_nav .menu_hd i.phone{background:url("/commImage/10.2/ui/icon/31.png") no-repeat -100px 2px;padding:2px 5px;}
.site_nav .sn_mobile .menu-bd{width:310px;padding:16px 8px 8px 8px;}
.site_nav .sn_mobile img{display:block;}
.site_nav .sn_mobile .mobile_item_text{}
.site_nav .sn_mobile .mobile_item_text a{color:#727272;}
.site_nav .sn_mobile .mobile_item_text i{background:url("/commImage/10.2/ui/icon/31.png") no-repeat;padding:2px 8px;margin-right:2px;}
.site_nav .sn_mobile .sn_mobile_wx i{background-position:-152px 0;padding:3px 10px;}
.site_nav .sn_mobile .sn_mobile_Android i{background-position:-200px 0;}
.site_nav .sn_mobile .sn_mobile_iPhone i{background-position:-250px 0;}
.site_nav .mobile_item{float:left;padding:0 8px}
.site_nav .sn_sitemap .menu-bd{width:600px;padding:15px 0;}
.site_nav .sn_sitemap ul{border-left:1px solid #EEE;margin-left:-1px;line-height:28px;}
.site_nav .menu-bd li{width:73px;padding-left:15px;line-height:28px;height:28px;}
.site_nav .menu-bd li a{color:#727272;}
.site_nav .sn_sitemap li a{color:#727272;}
.site_nav .sn_sitemap h3{font-weight:bold;color:#535353;padding:0 0 5px 15px;}
.site_nav .site_job_search li{float:left;width:75px;padding-left:15px;}
.site_nav .site_hot_area li{float:left;width:45px;padding-left:15px;}
.site_nav .site_job_sort{width:180px;}
.site_nav .site_job_sort li{float:left;width:75px;padding-left:15px;}
.site_nav .site_hot_area{width:240px;}
.site_nav .sn_menu{position:relative;}
.menu_item_active .menu-bd{display:block;}
.menu_item_active .menu_hd{background:#FFF;height:29px;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;position:absolute;top:0;left:0;z-index:3;padding:0 0 0 14px;}
.menu_item_active .menu_hd b{background-position:2px 6px;}