body{background:url(../images/bg3.jpg) center top no-repeat fixed; background-size: 100%;}/*红色ff0000 - 橙色ff6600 - 黄色F90 - 绿色693 - 青色6FF － 蓝色69F － 紫色90F*/
.icon_bg{background:#039be5; width:18px;height:18px; margin-right:10px; margin-top: 7px; *line-height:0.2em;}
.main .myfix1{background:#039be5; width:60px; height:60px; line-height:60px; margin:18px 5px auto auto;}
.main h2	{ color:#039be5; font-size:1.7em; text-align:left;}

.round_photo{-webkit-animation: fadeIn 1s forwards;
-moz-animation: fadeIn 1s forwards;
-o-animation: fadeIn 1s forwards;-ms-animation: fadeIn 1s forwards;}

.grid{background:url(../images/grey.png) center top no-repeat;}
.bg_header{background:url(../images/company_bg_main_top.png) no-repeat bottom center; }
.sub_left{ width:60%; float:left;}
.sub_right{ width:40%; float:right;}
.bg_copyright{ background-color:#FFF;border-top: #ccc solid 1px;}

.copyright	{line-height:3em; text-align:center; color:#393c4b; font-size:1em; }/*pc端copyright的设置*/
.copyright_m { display:none;}

.wrapper { margin:0 auto;width:1000px;overflow:hidden;} 
.header{}
.banner{opacity:0;-webkit-animation: fadeIn 1s 1.5s forwards;-moz-animation: fadeIn 1s 1.5s forwards;-o-animation: fadeIn 1s 1.5s forwards;-ms-animation: fadeIn 1s 1.5s forwards;}
.content{}

.company_title { margin:20px 0px 0px 10px;}
.company_title h1{ text-align:left; color:#fff; font-size:2.4em;opacity:0;-webkit-animation: floatLeft 1s  forwards;-moz-animation: floatLeft 1s  forwards;-o-animation: floatLeft 1s  forwards;-ms-animation: floatLeft 1s  forwards;}
.company_title h2{ text-align:left; color:#fff; font-size:1.6em;opacity:0;-webkit-animation:floatLeft 0.5s 0.6s  forwards;-moz-animation:floatLeft 0.5s 0.6s  forwards;-o-animation:floatLeft 0.5s 0.6s  forwards;-ms-animation:floatLeft 0.5s 0.6s  forwards;}

.menu .icon_company{ background:url(../images/icon_bg.png) no-repeat 0px 0px; padding:3px 8px;*padding:0px 8px;}
.menu .icon_job{ background:url(../images/icon_bg.png) no-repeat -28px 0px; padding:3px 8px;*padding:0px 8px;}
.menu .icon_conus{ background:url(../images/icon_bg.png) no-repeat -56px 0px; padding:3px 8px;*padding:0px 8px;}

.dropDownList{margin:20px 0px 0px 10px;opacity: 0;-webkit-animation: fadeInY 0.8s 1s forwards;-moz-animation: fadeInY 0.8s 1s forwards;-o-animation: fadeInY 0.8s 1s forwards;-ms-animation: fadeInY 0.8s 1s forwards;}/*  导航栏总背景图  */
.dropDownList:after {clear: both;display: block;visibility: hidden;height: 0;line-height: 0;content: '';}
.dropDownList li {float:left; margin:0 10px 0 0; width:6em;} /* - 菜单默认样式 -*/
.dropDownList li:nth-last-child(1){} /* - 菜单最后一列样式 -*/
.dropDownList li a {color:#fff;line-height:1.5em; display:block; float:right;} /* 链接颜色 */
.dropDownList li a:hover{color:#fff; float:right;} /* 导航栏鼠标经过 */
.dropDownList li a.active{color:#fff; float:right;} /* 当前页面 */

.company_bg_main_bottom{max-width:1440px; *width:100%; margin:0 auto; background-color:#FFF;}
.company_bg_main_center {}
.main h2 p	{ line-height:2em; margin:20px 0 40px 0;}
.main .info	{ margin:auto 10px 0px 0px; text-align:left; line-height:2em;}
.main .company{background:url(../images/title_icon.png) no-repeat 0px 0px; padding:14px 26px 15px 26px;*padding:14px 25px 14px 27px;_padding:0px 25px;}
.main .job{background:url(../images/title_icon.png) no-repeat -60px 0px; padding:14px 26px 15px 26px;*padding:14px 25px 14px 27px;_padding:0px 25px;}
.main .contact{background:url(../images/title_icon.png) no-repeat -120px 0px; padding:14px 26px 15px 26px;*background:url(../images/title_icon.png) no-repeat -115px 0px; *padding:14px 25px 14px 27px;_padding:0px 25px;}
.job_bg_main_center{overflow:hidden}
.job_bg_main_top{ background:url(../images/job_bg_main_top.png) no-repeat top;}

.jobcl{ width:100%; margin-bottom:1em; float:left;}
.jobtl { line-height:1.7em; color:#FFF; background:url(../images/job_title.png);padding:10px;*padding-bottom:3px; border-bottom: 2px solid #333;}
.jobtitle{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*强制不换行，超出显示省略号*/ display:block;border-bottom: 1px dashed #DFDFDF;}
.jobtl .myfix3{ background:url(../images/job_title2.png); color:#FFF; float:right; padding:0 5px;}
.quantity{font-size:12px;}
.jobcn{font-size:1em; line-height:1.7em; color:#FFF; background:url(../images/job_cnt.png); padding:10px; float:left;width: 29%; margin: 1em auto auto 1em; *margin: 1em auto auto 0.8em; border: 1px solid #fff; overflow:hidden;}
.jobcn:hover{opacity:0.8;}
.jobcn a{color:white;}
.job_button{ background:url(../images/job_title2.png); color:#FFF; width:98%; margin:1em 1%; color:#FFF; line-height:2em; text-align:center;}


.contactus_bg_main_center	{background-color:#FFF; padding-top:2em;}
.contactus_bg_main_center .info{margin:auto 10px 0px 10px; padding-bottom:15px; text-align:left; line-height:2em;}
.icon_address{
	background:url(../images/icon_bg2_tr.png) no-repeat 0px 0px;
	padding:8px 9px;*padding:19px 11px 0px 3px;
	*margin:0px -10px -2px 0px;
}
.icon_zip{
	background:url(../images/icon_bg2_tr.png) no-repeat -18px 0px;
	padding:8px 9px;*padding:19px 11px 0px 3px;
	*margin:0px -10px -2px 0px;
}
.icon_tel{
	background:url(../images/icon_bg2_tr.png) no-repeat -38px 0px;
	padding:8px 9px;*padding:19px 11px 0px 3px;
	*margin:0px -10px -2px 0px;
}
.icon_fax{
	background:url(../images/icon_bg2_tr.png) no-repeat -56px 0px;
	padding:8px 9px;*padding:19px 11px 0px 3px;
	*margin:0px -10px -2px 0px;
}
.icon_dept{background:url(../images/icon_bg3.png) no-repeat 0px 0px; padding:10px 7px; display:inline-block; margin-right:10px; vertical-align:middle; *padding:5px 7px;}
.icon_city{background:url(../images/icon_bg3.png) no-repeat -14px 0px; padding:10px 7px; display:inline-block; margin-right:10px; vertical-align:middle; *padding:5px 7px;}
.icon_type{background:url(../images/icon_bg3.png) no-repeat -28px 0px; padding:10px 7px; display:inline-block; margin-right:10px; vertical-align:middle; *padding:5px 7px;}
.city{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*强制不换行，超出显示省略号*/ display:block;}

/* ----------  页面工具盒   ----------- */
.backToTop{display:none;width:38px;position:fixed;_position:absolute;right:30px;bottom:55px;_bottom:'auto';display:none;cursor:pointer;}
.tools{display:none;}
.modal{position:fixed;top:0;height:100%;width:100%;z-index:100;}
.modal .close_btn{cursor:pointer;width:1em; /* height:2em; */text-align:center;line-height:1em;color:#fff;position:absolute;right:0.4em;top:0.5em;font-size:2em;}
.modal .mask{position:fixed;top:0;width:100%;height:100%;background:none;opacity:0.5;filter:alpha(opacity=0);}
.modal .sharebox,.modal .loginpane,.modal .regpane,.modal .userpane,.modal .hotjobs{position:absolute;bottom:0;width:30%;/* height:30%; */background:rgba(0,163,228,0.8);padding:2%;right:80px;bottom:55px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; border:#dcdcdc solid 1px;}
.modal .sharebox .code{width:15%;float:right;}
.modal .sharebox .code p{color:#fff;width:100%;text-align:center;line-height:2em;font-size:.5em;}
.modal .sharebox .code img{width:100%;}
.modal .sharebox.floatbottom{-webkit-animation:floatBottom .4s ease forwards;-moz-animation:floatBottom .4s ease forwards;-o-animation:floatBottom .4s ease forwards;-ms-animation:floatBottom .4s ease forwards;}
.bdsharebuttonbox{width:100%;float:left;margin-left: 1.5em;
margin-top: 0.5em;}
.sharebox .bdshare-button-style0-32 a,.bdsharebuttonbox a{float:left;width:15%;height:auto;background:none;margin:1% 1% 1% 1%;text-indent:0;}
.shareboxtif { color:#fff; font-size:1.4em;background: url(../images/share.png) left center no-repeat;
padding-left: 20px;}
.modal .loginpane,.modal .regpane{color:#fff;min-width:45%;font-size:1em;}
.modal .regpane{min-width:25%;width:25%;}
.modal .regpane{display:none;}
.modal .regpane p{font-size:.8em;right:5%;color:#eee;text-align:center;margin-top:1em;}
.modal .regpane p a{color:#eee;}
.modal .loginpane h3,.modal .regpane h3{color: #fff;
font-size: 1.5em;
background: url(../images/login.png) left center no-repeat;
padding-left: 20px;/* display:block; */}
.modal .loginpane form{width:60%;font-size:.8em;float:left;}
.modal .regpane form{font-size:.8em;width:100%;}
.modal .loginpane form a,.modal .regpane form a{color:#fff; text-decoration::underline;}
.modal .loginpane input.fill_field,.modal .regpane input.fill_field{display:block;margin:6px 5% 0;line-height:2;vertical-align:middle;width:60%;color:#666;}
.modal .regpane input.fill_field{width:90%;}
.modal .loginpane input.fill_field:focus,.modal .regpane input.fill_field:focus{color:#333;}
.modal .loginpane input.fill_field.password{display:inline-block;}
.modal .loginpane input.fill_field.validateimg{width:20%;display:inline;}
.modal .loginpane input[type=checkbox],.modal .regpane input[type=checkbox]{margin-left:5%;}
.modal .loginpane input[type=submit],.modal .regpane input[type=submit],.modal .loginpane input[type=button]{width: 62%;
font-size: 1.2em;
height: 2em;
background: #FFF;
border: 0;
color: #6B6B6B;
display: block;
margin: 1em auto 0 1em;}
.modal .loginpane input.to_reg_btn{display:none;}
.modal .loginpane .regbox{width: 39%;
height: 100%;
background: rgba(0,0,0,0.2);
float: right;
vertical-align: top;}
.modal .loginpane .regbox p{margin:1em;font-size:.9em;line-height:1.5;}
.modal .loginpane .regbox p strong{color: #FFFFFF;
line-height: 2.5;
font-size: 18px;}
.modal .loginpane .regbox a.to_reg_btn{display: block;
background: #054764;
color: #FFF;
width: 70%;
text-align: center;
line-height: 2;
margin: .8em 15%;
font-size: 1em;}
.modal .userpane{width:auto;}
.modal .userpane .avatar,.modal .userpane .info,.modal .resume_status{float:left;}
.modal .userpane .info ul{list-style:none;margin:0 1em;color:#fff;}
.modal .userpane .info ul li{font-size:.8em;line-height:1.5;}
.modal .resume_status ul{width:100%;}
.modal .resume_status ul li{float: left;
border-right: 1px solid #FFFFFF;
height: 100%;
font-size: 3em;
padding: .2em .4em;
text-align: center;
line-height: 1;
color: #FFFFFF;
width: 22%;}
.modal .resume_status ul li:nth-last-child(1){border-right:none;}
.modal .resume_status ul li span{font-size:.3em;text-align:center;display:block;margin-top:1em;}
.modal .userpane .info ul li h4{font-size:2em;}
.modal .hotjobs{width:40%;}
.modal .hotjobs h4{color:#fff;font-size:1.5em; background:url(../images/hot.png) left center no-repeat; padding-left: 20px;}
.modal .hotjobs ul{color:#fff;margin:1em;}
.modal .hotjobs ul li{width:100%;line-height:2;margin:.2em 0;height:2.5em;text-indent:.5em; font-size:0.8em;}
.modal .hotjobs ul li:nth-child(2n){background:rgba(0,0,0,0.15);}
.modal .hotjobs ul li a{float:right;background:#F4F4F4;text-align:center;width:100px;color:#747474;margin:.2em .2em 0 0;text-indent:0;}
.toolbox{width:150px;height:46px;overflow:hidden;position:absolute;bottom:4px;right:60px;/*opacity:0;*/;display: none;}
.toolbtn{position: relative;z-index: 2;}
.toolbox a{width:50px;height:46px;background:;float:right;}
.toolbox.animate{display:block;}
.toolbox.animate a{-webkit-animation:floatRight .5s forwards;-moz-animation:floatRight .5s forwards;-o-animation:floatRight .5s forwards;-ms-animation:floatRight .5s forwards;}

/*johnny*/
.error { display: block; margin-left: 5%; width: 400px; color:#054764;height: 20px; }
.modal .loginpane .validateimgdiv{overflow: hidden;}
.modal .loginpane .validateimgdiv input.fill_field{width: 35%;
float: left;
margin-right: 3%;}
.modal .loginpane .validateimgdiv a{display: block;float: left;margin-top: 9px;}
.modal .loginpane .validateimgdiv a img{margin-right: 3px;;vertical-align: middle;}
.version{ font-size:0.5em; color:#BDE3FF; cursor:pointer; text-decoration:underline; font-family:"Microsoft Yahei";position: absolute;
bottom: 0.5em;
right: 2em;}


/* 标签 */
.label ul{text-align:right;}
.label ul li{display:inline-block; _zoom:1; *display:inline; text-align:center; padding:5px 10px; margin:0; cursor:pointer;}
.label ul li.type1{background:#ffe886; border-top-right-radius:5px; border-top-left-radius:5px;}
.label ul li.type2{background:#99daf9; border-top-right-radius:5px; border-top-left-radius:5px;}
.label ul li.active{background:#FFFFFF; border-top-right-radius:5px; border-top-left-radius:5px;}
.jobtype{background:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px;  border-top-left-radius:10px; padding:20px;}
.jobtype h3{font-size:24px; color:#363636; border-bottom:1px solid #e3e3e3; font-weight:bold; line-height:50px; }
.jobtype a{color:#515151; text-decoration:none;}
.jobtype a:hover{text-decoration:underline;}
.jobtype li{line-height:2em; padding:5px 0; border-bottom:1px dashed #E1E1E1;}
.jobtype li:hover{background:#d9f0fb; transition:0.5s;}
.jobtype li .jobname{width:60%; display:inline-block;}
.jobtype li .jobq{width:30%; display:inline-block;}
.jobtype li .apply{width:20%; background:#039be5; color:#fff; text-align:center; padding:5px 10px;}
.jobtype li .apply a{color:#fff; text-decoration:none;}

/*动画*/
@-webkit-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-o-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-MS-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes fadeInY{
	0%{-webkit-transform: translateY(30px);opacity:0;}
	100%{-webkit-transform: translateY(0px);opacity:1;}
}
@-moz-keyframes fadeInY{
	0%{-moz-transform: translateY(30px);opacity:0;}
	100%{-moz-transform: translateY(0px);opacity:1;}
}
@-o-keyframes fadeInY{
	0%{-o-transform: translateY(30px);opacity:0;}
	100%{-o-transform: translateY(0px);opacity:1;}
}
@-MS-keyframes fadeInY{
	0%{-ms-transform: translateY(30px);opacity:0;}
	100%{-ms-transform: translateY(0px);opacity:1;}
}

@-webkit-keyframes floatLeft{
	0%{-webkit-transform: translateX(500px);opacity:0;}
	100%{-webkit-transform: translateX(0);opacity:1;}
}
@-moz-keyframes floatLeft{
	0%{-moz-transform: translateX(500px);opacity:0;}
	100%{-moz-transform: translateX(0);opacity:1;}
}
@-o-keyframes floatLeft{
	0%{-o-transform: translateX(500px);opacity:0;}
	100%{-o-transform: translateX(0);opacity:1;}
}
@-ms-keyframes floatLeft{
	0%{-ms-transform: translateX(500px);opacity:0;}
	100%{-ms-transform: translateX(0);opacity:1;}
}

@-webkit-keyframes flipx{
	0% { -webkit-transform: perspective(300px) rotateY(90deg); opacity: 0; }
	100% { -webkit-transform: perspective(300px) rotateY(0deg); opacity: 1; }
}
@-moz-keyframes flipx{
	0% { -moz-transform: perspective(300px) rotateY(90deg); opacity: 0; }
	100% { -moz-transform: perspective(300px) rotateY(0deg); opacity: 1; }
}
@-o-keyframes flipx{
	0% { -o-transform: perspective(300px) rotateY(90deg); opacity: 0; }
	100% { -o-transform: perspective(300px) rotateY(0deg); opacity: 1; }
}
@-ms-keyframes flipx{
	0% { -ms-transform: perspective(300px) rotateY(90deg); opacity: 0; }
	100% { -ms-transform: perspective(300px) rotateY(0deg); opacity: 1; }
}

@-webkit-keyframes scale{
	0%{-webkit-transform: scale(1);}
	30%{-webkit-transform: scale(0.7);}
	70%{-webkit-transform: scale(1.1);}
	100%{-webkit-transform: scale(1);}
}
@-moz-keyframes scale{
	0%{-moz-transform: scale(1);}
	30%{-moz-transform: scale(0.7);}
	70%{-moz-transform: scale(1.1);}
	100%{-moz-transform: scale(1);}
}
@-o-keyframes scale{
	0%{-o-transform: scale(1);}
	30%{-o-transform: scale(0.7);}
	70%{-o-transform: scale(1.1);}
	100%{-o-transform: scale(1);}
}
@-ms-keyframes scale{
	0%{-ms-transform: scale(1);}
	30%{-ms-transform: scale(0.7);}
	70%{-ms-transform: scale(1.1);}
	100%{-ms-transform: scale(1);}
}
.toolbtn.scale{-webkit-animation: scale 1s;-moz-animation: scale 1s;-o-animation: scale 1s;-ms-animation: scale 1s;}