@charset "UTF-8";
  html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	font-size:100%;
	color:#000;
	background-color:#FFF
}
body {
	margin:0;
	word-wrap:break-word
}
:active {
	outline:0
}
:visited {
	outline:0
}
:link,:visited,ins {
	text-decoration:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display:block
}
audio,video,canvas {
	display:inline-block;
	*display:inline;
	*zoom:1
}
audio:not([controls]) {
	display:none
}
[hidden] {
	display:none
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,select,textarea,p,blockquote,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0
}
fieldset,iframe {
	border:0 none
}
img {
	border:0 none;
	-ms-interpolation-mode:bicubic;
	vertical-align:middle
}
address,caption,cite,code,dfn,em,i,th,var,optgroup {
	font-style:normal;
	font-weight:normal
}
h1,h2,h3,h4,h5,h6,code,kbd,samp,tt,sup,sub,small,input,button,textarea,select {
	font-size:100%
}
abbr,acronym {
	border:0 none;
	font-variant:normal
}
input,button,textarea,select,optgroup,option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit
}
textarea {
	overflow:auto;
	vertical-align:top;
	resize:vertical
}
ol,ul,menu {
	list-style:none outside none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
td {
	vertical-align:top
}
caption,th {
	text-align:left
}
sup {
	vertical-align:text-top
}
sub {
	vertical-align:text-bottom
}
blockquote,q {
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none
}
mark {
	background-color:#FF6
}
del {
	text-decoration:line-through
}
abbr[title],dfn[title] {
	border-bottom:1px dotted;
	cursor:help
}
input,select,button {
	vertical-align:middle
}
button {
	width:auto;
	cursor:pointer;
	overflow:visible
}
td {
	vertical-align:top
}
input[type=reset],input[type=button],input[type=submit] {
	cursor:pointer;
	overflow:visible
}
input[type=checkbox],input[type=radio] {
	box-sizing:border-box
}
.clearfix:before,.clearfix:after {
	content:'';
	display:table
}
.clearfix:after {
	clear:both
}
.clearfix {
	zoom:1
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	height:0
}
.fr {
	display:inline;
	float:right !important
}
.fl {
	display:inline;
	float:left !important
}
.show {
	display:block
}
.hide {
	display:none
}
.hidden {
	display:none !important;
	visibility:hidden
}
.highlight {
	color:#f60 !important
}
.important {
	font-weight:700 !important
}
.center {
	text-align:center !important
}
.left {
	text-align:left !important
}
.right {
	text-align:right !important
}
.indent {
	text-indent:2em
}
.blank5,.blank10,.blank15,.blank20 {
	display:block;
	clear:both;
	overflow:hidden
}
.blank5 {
	height:5px
}
.blank10 {
	height:10px
}
.blank15 {
	height:15px
}
.blank20 {
	height:20px
}
.pas {
	padding:5px
}
.pam {
	padding:10px
}
.pal {
	padding:20px
}
.pts {
	padding-top:5px
}
.ptm {
	padding-top:10px
}
.ptl {
	padding-top:20px
}
.prs {
	padding-right:5px
}
.prm {
	padding-right:10px
}
.prl {
	padding-right:20px
}
.pbs {
	padding-bottom:5px
}
.pbm {
	padding-bottom:10px
}
.pbl {
	padding-bottom:20px
}
.pls {
	padding-left:5px
}
.plm {
	padding-left:10px
}
.pll {
	padding-left:20px
}
.phs {
	padding-left:5px;
	padding-right:5px
}
.phm {
	padding-left:10px;
	padding-right:10px
}
.phl {
	padding-left:20px;
	padding-right:20px
}
.pvs {
	padding-top:5px;
	padding-bottom:5px
}
.pvm {
	padding-top:10px;
	padding-bottom:10px
}
.pvl {
	padding-top:20px;
	padding-bottom:20px
}
.mas {
	margin:5px
}
.mam {
	margin:10px
}
.mal {
	margin:20px
}
.mts {
	margin-top:5px
}
.mtm {
	margin-top:10px
}
.mtl {
	margin-top:20px
}
.mrs {
	margin-right:5px
}
.mrm {
	margin-right:10px
}
.mrl {
	margin-right:20px
}
.mbs {
	margin-bottom:5px
}
.mbm {
	margin-bottom:10px
}
.mbl {
	margin-bottom:20px
}
.mls {
	margin-left:5px
}
.mlm {
	margin-left:10px
}
.mll {
	margin-left:20px
}
.mhs {
	margin-left:5px;
	margin-right:5px
}
.mhm {
	margin-left:10px;
	margin-right:10px
}
.mhl {
	margin-left:20px;
	margin-right:20px
}
.mvs {
	margin-top:5px;
	margin-bottom:5px
}
.mvm {
	margin-top:10px;
	margin-bottom:10px
}
.mvl {
	margin-top:20px;
	margin-bottom:20px
}
.fss {
	font-size:10px
}
.fsm {
	font-size:12px
}
.fsl {
	font-size:14px
}
.fsxl {
	font-size:16px
}
.fsxxl {
	font-size:18px
}
.fwn {
	font-weight:400
}
.fwb {
	font-weight:700
}
.no-border {
	border:0 none !important
}
.transparent {
	opacity:.0;
	filter:alpha(opacity=0)
}
small,.small {
	-webkit-text-size-adjust:none
}
body {
	-webkit-text-size-adjust:none
}
* {
	-webkit-tap-highlight-color:rgba(0,0,0,0.4)
}
html {
	overflow-y:scroll
}
body {
	font:14px/1.5 Tahoma, "Microsoft YaHei";
	color:#666
}
a {
	color:#666
}
a:hover {
	color:#000
}
.btn-join {
	padding:0 22px;
	height:38px;
	line-height:38px;
	overflow:hidden;
	background:#f60;
	color:#fff;
	display:inline-block;
	font-size:16px;
	border:0 none;
	font-weight:700
}
.btn-join:hover {
	color:#fff;
	background:#FF7415
}
@-webkit-keyframes fadeInDown {
	0% {
	opacity:0;
	-webkit-transform:translateY(-30px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0)
}
}@-moz-keyframes fadeInDown {
	0% {
	opacity:0;
	-moz-transform:translateY(-30px)
}
100% {
	opacity:1;
	-moz-transform:translateY(0)
}
}@keyframes fadeInDown {
	0% {
	opacity:0;
	transform:translateY(-30px)
}
100% {
	opacity:1;
	transform:translateY(0)
}
}@-webkit-keyframes fadeInLeft {
	0% {
	opacity:0;
	-webkit-transform:translateX(50px)
}
100% {
	opacity:1;
	-webkit-transform:rotate(-43deg) translateY(-47px) translateX(-78px)
}
}@-moz-keyframes fadeInLeft {
	0% {
	opacity:0;
	-moz-transform:translateX(50px)
}
100% {
	opacity:1;
	-moz-transform:rotate(-43deg) translateY(-47px) translateX(-78px)
}
}@-webkit-keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translateY(150px) translateX(80px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0) translateX(0)
}
}@-moz-keyframes fadeInUp {
	0% {
	opacity:0;
	-moz-transform:translateY(150px) translateX(80px)
}
100% {
	opacity:1;
	-moz-transform:translateY(0) translateX(0)
}
}@-webkit-keyframes fadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translateX(150px)
}
100% {
	opacity:1;
	-webkit-transform:translateX(0)
}
}@-moz-keyframes fadeInRight {
	0% {
	opacity:0;
	-moz-transform:translateX(150px)
}
100% {
	opacity:1;
	-moz-transform:translateX(0)
}
}@-webkit-keyframes waves {
	0% {
	-webkit-transform:translateX(0px)
}
100% {
	-webkit-transform:translateX(-1900px)
}
}@-moz-keyframes waves {
	0% {
	-moz-transform:translateX(0px)
}
100% {
	-moz-transform:translateX(-1900px)
}
}.header {
	height:80px;
	border-bottom:2px solid #CEE4F0
}
.header .logo {
	width:311px;
	height:80px;
	line-height:102;
	overflow:hidden;
	float:left;
}
.header .logo a {
	display:block;
	height:80px;
	cursor:pointer
}
.header .open-nav {
	display:none
}
.header .nav {
  width: 640px;
  height:80px;
  overflow: hidden;
  float: right;
  text-align: right;
}
.header .nav a.current {
  color: #fff;
  height:80px;
  background-color: #f00;
}
.header .nav a {
  display: inline-block;
  margin: 0 2px;
  padding: 0 20px;
  font-size: 16px;
  vertical-align: top;
  line-height:80px;
  text-decoration: none;
}
.header .nav a:hover {
  color: #fff;
  background-color: #f00;
}
.header .nav li {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}.header .nav a.btn {
	width:104px;
	height:34px;
	line-height:34px;
	overflow:hidden;
	padding:0;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	background:url(../images/hr/btns-join.png) no-repeat;
	opacity:.9
}
.header .nav a.btn i {
	width:6px;
	height:34px;
	margin-left:8px;
	display:inline-block;
	vertical-align:middle;
	background:url(../images/hr/icons.png) no-repeat 0 10px
}
.header .nav a.btn:hover {
	opacity:1
}
.banner {
	height:440px;
	border-top:5px solid #CEF4FE;
	background:url(../images/hr/bg-banner.png) no-repeat center top
}
.banner .content {
	height:440px;
	position:relative;
	zoom:1
}
.banner .slogan-1,.banner .debris,.banner .slogan-2,.banner .figure {
	position:absolute;
	right:0;
	top:30px;
	z-index:3
}
.banner .slogan-1 {
	-webkit-animation:fadeInDown 1s .8s ease both;
	-moz-animation:fadeInDown 1s .8s ease both;
	animation:fadeInDown 1s .8s ease both
}
.banner .debris {
	right:128px;
	top:280px;
	z-index:2;
	-webkit-animation:fadeInDown 0.5s 1s ease both;
	-moz-animation:fadeInDown 0.5s 1s ease both;
	animation:fadeInDown 0.5s 1s ease both
}
.banner .slogan-2 {
	top:320px;
	z-index:1;
	-webkit-animation:fadeInDown 0.5s 1.3s ease both;
	-moz-animation:fadeInDown 0.5s 1.3s ease both;
	animation:fadeInDown 0.5s 1.3s ease both
}
.banner .figure {
	bottom:0;
	top:auto;
	left:10px;
	-webkit-animation:fadeInUp .8s .2s ease both;
	-moz-animation:fadeInUp .8s .2s ease both;
	animation:fadeInUp .8s .2s ease both
}
.content {
	width:1000px;
	margin:auto;
	overflow:hidden;
	zoom:1
}
.content .aside {
	width:115px;
	float:left;
	margin-right:30px
}
.content .main {
	width:803px;
	padding:25px;
	float:left;
	border:1px solid #eee;
	background:#fff
}
.content .main .main-hd {
	border-bottom:1px solid #ddd;
	margin-bottom:20px
}
.content .main .main-hd h2 {
	font-size:18px;
	font-weight:700;
	display:inline-block;
	*display:inline;
	*zoom:1;
	border-bottom:1px solid #2ae;
	margin-bottom:-1px;
	padding-bottom:5px;
	position:relative
}
.page {
	background:#d1eaf6 url(../images/hr/bg-page.png) no-repeat center top;
	overflow:hidden;
	zoom:1
}
.recommend {
	height:165px;
	background:#65B9E8
}
.recommend dl {
	width:500px;
	float:left
}
.recommend dl dt {
	height:50px;
	line-height:50px;
	overflow:hidden;
	text-align:center;
	font-size:16px;
	color:#fff
}
.recommend dl a {
	text-align:center;
	color:#fff
}
.recommend dl a i {
	display:inline-block
}
.recommend dl .hot {
	padding:8px 0 0 5px
}
.recommend dl .hot a {
	width:105px;
	height:32px;
	line-height:32px;
	overflow:hidden;
	background:#fff url(../images/hr/icons.png) no-repeat 0 -25px;
	display:inline-block;
	color:#08b;
	margin:0 0 12px 20px
}
.recommend dl .hot a:hover {
	color:#f60
}
.celerity {
	padding:8px 0 0 20px
}
.celerity a {
	width:63px;
	display:inline-block;
	margin:0 0 0 19px
}
.celerity a i {
	position:relative;
	width:65px;
	height:65px;
	display:inline-block;
	background:url(../images/hr/icons-sort.png) no-repeat;
	-webkit-border-radius:50%;
	border-radius:50%;
	position:relative
}
.celerity a i:after {
	position:absolute;
	width:65px;
	height:65px;
	-webkit-border-radius:50%;
	border-radius:50%;
	top:0;
	left:0;
	padding:0;
	z-index:-1;
	box-shadow:0 0 0 2px rgba(255,255,255,0.1);
	opacity:1;
	content:"";
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-ms-transform:scale(0.9);
	transform:scale(0.9)
}
.celerity a i.jishu {
	background-position:-65px 0
}
.celerity a i.meishu {
	background-position:-130px 0
}
.celerity a i.chanpin {
	background-position:-195px 0
}
.celerity a i.zhineng {
	background-position:-260px 0
}
.celerity a i.yunying {
	background-position:-260px 0
}
.celerity a i.shichang {
	background-position:-195px 0
}
.celerity a i:hover {
	-webkit-transform:scale(0.93);
	-moz-transform:scale(0.93);
	-ms-transform:scale(0.93);
	transform:scale(0.93)
}
.celerity a i:hover:after {
	-webkit-animation:sonarEffect 1s ease-out 75ms;
	-moz-animation:sonarEffect 1s ease-out 75ms;
	-ms-animation:sonarEffect 1s ease-out 75ms;
	animation:sonarEffect 1s ease-out 75ms
}
@-webkit-keyframes sonarEffect {
	0% {
	opacity:0.3
}
40% {
	opacity:0.5;
	box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #9beaff,0 0 0 10px rgba(255,255,255,0.5)
}
100% {
	box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #9beaff,0 0 0 10px rgba(255,255,255,0.5);
	-webkit-transform:scale(1.3);
	opacity:0
}
}@-moz-keyframes sonarEffect {
	0% {
	opacity:0.3
}
40% {
	opacity:0.5;
	box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #9beaff,0 0 0 10px rgba(255,255,255,0.5)
}
100% {
	box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #9beaff,0 0 0 10px rgba(255,255,255,0.5);
	-moz-transform:scale(1.3);
	opacity:0
}
}@keyframes sonarEffect {
	0% {
	opacity:0.3
}
40% {
	opacity:0.5;
	box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #9beaff,0 0 0 10px rgba(255,255,255,0.5)
}
100% {
	box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #9beaff,0 0 0 10px rgba(255,255,255,0.5);
	transform:scale(1.3);
	opacity:0
}
}#company-nav {
	width:115px;
	right:20px;
	list-style:none;
	margin:0;
	position:fixed;
	top:105px;
	text-align:center;
	background:#4391C7;
	padding:0 20px
}
#company-nav li {
	border-bottom:1px solid #3277AB;
	border-top:1px solid #80ACCB
}
#company-nav li.current a {
	color:#fff;
	font-size:18px
}
#company-nav a {
	color:#fff;
	display:block;
	font-size:14px;
	padding:8px 0;
	text-decoration:none;
	text-transform:uppercase
}
.company-intro {
	background:url(../images/hr/bg-white-repeat.png) repeat;
	overflow:hidden;
	zoom:1
}
.company-intro .company-intro-hd {
	text-align:center;
	margin-top:30px
}
.company-intro .company-intro-hd h2 {
	font-size:30px;
	font-weight:400;
	color: #FFF;
}
.company-intro .company-intro-hd p {
	font-size:14px;
	color:#999
}
.company-intro .company-intro-hd p span {
	font:700 16px/1.5 Arial;
	margin:0 10px
}
.company-intro .intro {
	background:url(../images/hr/bg-intro.jpg) no-repeat center 0;
	height:622px;
	position:relative;
	overflow:hidden;
	zoom:1
}
.company-intro .intro .company-intro-hd {
	padding-right:566px
}
.company-intro .intro .intro-text {
	width:450px;
	height:503px;
	margin:0 515px 100px 0;
	position:relative;
	zoom:1;
	z-index:1
}
.company-intro .intro .intro-text p {
	margin:20px 0;
	text-indent:2em
}
.company-intro .photos {
	height:690px;
	padding-top:23px;
	background:url(../images/hr/bg-photos.jpg) no-repeat center 0
}
.company-intro .welfare {
	position:relative
}
.company-intro .welfare ul {
	width:795px;
	margin:auto;
	background:url(../images/hr/bg-welfare.png) no-repeat 44px 25px;
	padding:50px 0 100px 205px
}
.company-intro .welfare ul li {
	color:#999;
	margin-bottom:20px
}
.company-intro .welfare ul li em {
	font-size:20px;
	color:#666
}
.company-intro .welfare ul li.w-1 {
	padding:0 0 0 212px;
	margin-bottom:15px
}
.company-intro .welfare ul li.w-2 {
	padding:0 0 0 195px;
	margin-bottom:15px
}
.company-intro .welfare ul li.w-3 {
	padding:0 0 0 170px
}
.company-intro .welfare ul li.w-4 {
	padding:0 0 0 132px
}
.company-intro .welfare ul li.w-5 {
	padding:0 0 0 88px;
	margin-bottom:12px
}
.company-intro .welfare ul li.w-6 {
	padding:0 0 0 43px
}
.company-intro .welfare ul li.w-7 {
	margin-bottom:10px
}
.company-intro .welfare ul li.w-9 {
	padding:0 0 0 25px
}
.company-intro .welfare ul li.w-10 {
	padding:0 0 0 45px
}
.company-intro .welfare .adorn {
	background:url(../images/bgs.png) no-repeat;
	position:absolute
}
.company-intro .welfare .adorn-line-l {
	width:326px;
	height:192px;
	background-position:0 -360px;
	bottom:0;
	left:0
}
.company-intro .welfare .adorn-line-r {
	width:477px;
	height:234px;
	background-position:0 -597px;
	bottom:0;
	right:0
}
.company-intro .welfare .adorn-plane-l {
	width:85px;
	height:70px;
	background-position:0 -190px;
	bottom:75px;
	left:275px
}
.company-intro .welfare .adorn-plane-r {
	width:162px;
	height:80px;
	background-position:0 -270px;
	bottom:185px;
	right:205px
}
.company-intro .welfare .adorn-logo {
	width:120px;
	height:120px;
	background-position:0 -70px;
	bottom:315px;
	right:5px
}
.menu li {
	width:100%;
	float:left;
	height:35px;
	border-top:1px solid #2B5788;
	border-bottom:1px solid #2B5788;
	font-size:16px
}
.menu li a {
	line-height:35px;
	display:block;
	padding-left:10px;
	cursor:pointer;
	color:#2e6380
}
.menu li.current {
	background:#2b5788 url(../images/hr/icons.png) no-repeat 98px 13px
}
.menu li.current a {
	color:#fff
}
.search {
	margin-bottom:20px
}
.search input {
	background:#ccc;
	color:#fff;
	height:26px;
	line-height:26px;
	overflow:hidden;
	border:0 none;
	padding:0 5px
}
.search button {
	background:#f60;
	color:#fff;
	padding:0 10px;
	height:26px;
	border:0 none
}
.post-list .post-list-hd {
	margin-bottom:20px
}
.post-list .post-list-hd li {
	display:inline-block;
	*display:inline;
	*zoom:1
}
.post-list .post-list-hd li a {
	padding:3px 13px;
	margin-right:3px;
	cursor:pointer
}
.post-list .post-list-hd a.selected {
	background:#2ae;
	color:#fff
}
table {
	width:100%
}
table tr th {
	background:#ddd;
	line-height:42px;
	color:#333;
	padding:0 10px;
	font-weight:700
}
table tr td {
	line-height:35px;
	padding:0 10px
}
table tr td i.new {
	width:30px;
	height:23px;
	display:inline-block;
	margin:3px 0 0 5px;
	background:url(../images/hr/icons.png) no-repeat 0 -65px
}
table tr.even td {
	background:#eee
}
.pagination {
	text-align:right;
	margin:20px 0
}
.pagination a {
	padding:3px 8px
}
.pagination a.current {
	color:#f60;
	font-weight:700
}
.pagination a.arrow {
	font-family:SimSun;
	font-weight:700
}
.post-hd {
	border-bottom:1px dashed #ddd;
	height:35px;
	line-height:35px;
	overflow:hidden;
	margin-bottom:20px
}
.post-hd h3 {
	color:#f60;
	font-size:18px
}
.form div {
	margin-bottom:15px
}
.form .need {
	color:red;
	margin-right:5px;
	font-size:12px
}
.form .input,.form select {
	border:1px solid #eee;
	padding:0 5px;
	width:230px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	color:#999
}
.form select {
	border:1px solid #eee;
	padding:6px;
	width:242px
}
.studio .banner {
	height:560px;
	border:none;
	background:url(../images/hr/bg-studio.png) no-repeat center top
}
.studio .banner .content {
	height:auto
}
.studio .banner .icon-pic {
	width:500px;
	height:560px;
	float:left;
	-webkit-animation:fadeInDown 1s .2s ease both;
	-moz-animation:fadeInDown 1s .2s ease both;
	animation:fadeInDown 1s .2s ease both
}
.studio .banner .cehua {
	background:url(../images/hr/bg-cehua.png) no-repeat center center
}
.studio .banner .jishu {
	background:url(../images/hr/bg-jishu.png) no-repeat center bottom
}
.studio .banner .yunying {
	background:url(../images/hr/bg-yunying.png) no-repeat center center
}
.studio .banner .zhineng {
	background:url(../images/hr/bg-zhineng.png) no-repeat center center
}
.studio .banner .meishu {
	background:url(../images/hr/bg-meishu.png) no-repeat center center
}
.studio .banner .intro {
	width:302px;
	height:109px;
	color:#fff;
	font-size:17px;
	padding:30px 55px 0 65px;
	margin:38px 0 50px 0;
	background:url(../images/hr/bg-studio-intro.png) no-repeat;
	-webkit-animation:fadeInDown 1s .2s ease both;
	-moz-animation:fadeInDown 1s .2s ease both;
	animation:fadeInDown 1s .2s ease both
}
.studio .banner .intro em {
	color:#fff89a;
	font-size:21px
}
.studio .banner .menu {
	width:448px;
	line-height:0;
	margin-left:40px
}
.studio .banner .menu a {
	width:145px;
	height:145px;
	background:#D0E896;
	text-align:center;
	color:#fff;
	font-size:16px;
	float:left;
	margin:0 4px 4px 0;
	overflow:hidden;
	position:relative;
	-webkit-border-radius:3px;
	border-radius:3px
}
.studio .banner .menu a i {
	width:90px;
	height:93px;
	display:inline-block;
	margin-top:12px;
	background:url(../images/hr/icons-sort.png) no-repeat 0 -75px;
	position:relative;
	z-index:1
}
.studio .banner .menu a i.skill {
	background-position:-90px -75px
}
.studio .banner .menu a i.art {
	background-position:-180px -75px
}
.studio .banner .menu a i.run {
	background-position:-270px -75px
}
.studio .banner .menu a i.function {
	background-position:-360px -75px
}
.studio .banner .menu a em {
	width:100%;
	height:40px;
	line-height:40px;
	overflow:hidden;
	display:inline-block;
	background:#8FC31F;
	position:relative;
	z-index:1
}
.studio .banner .menu a .dot {
	width:12px;
	height:12px;
	position:absolute;
	top:100px;
	left:48%;
	z-index:2;
	background:url(../images/hr/icons-sort.png) no-repeat -422px 0
}
.studio .banner .menu a:before {
	content:" ";
	display:none;
	width:200px;
	height:200px;
	background:#B3D465;
	position:absolute;
	top:0;
	left:0;
	z-index:0
}
.studio .banner .menu a:hover {
	*background:#B3D465;
	-webkit-box-shadow:0 1px 3px 0 #92C48C;
	box-shadow:0 1px 3px 0 #92C48C
}
.studio .banner .menu a:hover:before {
	display:inline-block;
	-webkit-animation:fadeInLeft .6s .1s ease both;
	-moz-animation:fadeInLeft .6s .1s ease both;
	animation:fadeInLeft .6s .1s ease both
}
.studio .banner .menu a.current {
	*background:#B3D465;
	-webkit-box-shadow:0 1px 3px 0 #92C48C;
	box-shadow:0 1px 3px 0 #92C48C
}
.studio .banner .menu a.current:before {
	display:inline-block;
	-webkit-animation:fadeInLeft .6s .1s ease both;
	-moz-animation:fadeInLeft .6s .1s ease both;
	animation:fadeInLeft .6s .1s ease both
}
.studio .banner .menu .red a {
	background:#F0D5C8
}
.studio .banner .menu .red a .dot {
	background-position:-422px -40px
}
.studio .banner .menu .red a em {
	background:#EF9465
}
.studio .banner .menu .red a:before {
	background:#ECB597
}
.studio .banner .menu .red a:hover,.studio .banner .menu .red a.current {
	*background:#ECB597
}
.studio .recommend {
	height:auto
}
.studio .recommend dl {
	width:100%;
	text-align:center
}
.studio .recommend dl dt {
	background:url(../images/hr/icons.png) no-repeat center -200px;
	color:#fff;
	padding:30px 0 0 0;
	height:46px;
	line-height:46px;
	overflow:hidden;
	font-size:22px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:auto
}
.studio .recommend dl .hot {
	padding:40px 0
}
.studio .recommend dl .hot a {
	font-size:16px;
	width:128px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	background:#fff;
	border-bottom:4px solid #eee;
	margin:0 15px 12px 15px
}
.studio .recommend dl .hot a:hover {
	border-color:#F6F82D
}
.campus .header .logo {
	background-position:0 -102px
}
.campus .header .nav .btn {
	background-position:0 -34px
}
.campus .banner {
	position:relative;
	overflow:hidden;
	zoom:1;
	height:540px;
	border:none;
	background:url(../images/hr/campus-banner.png) no-repeat center top
}
.campus .banner .content {
	height:526px;
	overflow:visible
}
.campus .banner .btn {
	position:absolute;
	left:20px;
	bottom:85px;
	height:50px;
	line-height:50px;
	overflow:hidden;
	font-size:24px;
	font-weight:700;
	color:#fff;
	padding:0 15px;
	background:#84D139;
	-webkit-border-radius:4px;
	border-radius:4px
}
.campus .banner .btn i {
	width:25px;
	height:50px;
	display:inline-block;
	margin-left:8px;
	background:url(../images/hr/icons.png) no-repeat 0 -104px;
	vertical-align:middle
}
.campus .banner .btn:hover {
	background:#8BDB40
}
.campus .banner .waves {
	width:200%;
	_width:100%;
	height:14px;
	background:url(../images/hr/bg-waves.png) repeat-x;
	-webkit-animation:waves 80s .2s ease infinite;
	-moz-animation:waves 80s .2s ease infinite
}
.campus .banner .rocket {
	width:303px;
	height:351px;
	background:url(../images/hr/rocket.png) no-repeat;
	position:absolute;
	top:63px;
	left:167px;
	-webkit-animation:fadeInUp .8s .2s ease both;
	-moz-animation:fadeInUp .8s .2s ease both
}
.campus .banner .slogan {
	width:485px;
	height:226px;
	background:url(../images/hr/campus-slogan.png) no-repeat;
	position:absolute;
	top:185px;
	left:305px;
	-webkit-animation:fadeInRight .8s .5s ease both;
	-moz-animation:fadeInRight .8s .5s ease both
}
.campus .banner .campus-debris {
	width:557px;
	height:305px;
	background:url(../images/hr/campus-debris.png) no-repeat;
	position:absolute;
	top:80px;
	right:-365px;
	-webkit-animation:fadeInRight .8s .8s ease both;
	-moz-animation:fadeInRight .8s .8s ease both
}
.campus .recommend {
	height:130px;
	background:#1871A4;
	_margin-top:-5px
}
.campus .recommend .content {
	width:960px;
	overflow:visible
}
.campus .recommend .col {
	background:#53B1E6;
	color:#fff;
	margin-top:-60px;
	position:relative;
	width:480px;
	float:left
}
.campus .recommend .col .col-hd {
	height:36px;
	line-height:36px;
	overflow:hidden;
	background:#83D8FF;
	padding:0 15px
}
.campus .recommend .col .col-hd em {
	float:left;
	font-size:18px
}
.campus .recommend .col .col-hd .more {
	width:20px;
	height:36px;
	float:right;
	background:url(../images/hr/icons.png) no-repeat 0 -154px
}
.campus .recommend a.col:hover {
	background:#52B7F0
}
.campus .recommend .celerity {
	height:115px
}
.campus .recommend .celerity a {
	color:#fff;
	text-align:center;
	margin:10px 0 0 34px
}
.campus .recommend a.col {
	width:217px
}
.campus .recommend a.col .col-hd {
	width:187px;
	display:inline-block
}
.campus .recommend a.col .icon {
	width:100%;
	height:115px;
	display:inline-block;
	background:url(../images/hr/icons-sort.png) no-repeat 0 -160px
}
.campus .recommend a.col .route {
	background-position:-225px -160px
}
.footer {
	color:#999;
	text-align:center;
	line-height:22px;
	padding:20px 0;
	clear:both
}
.footer p span {
	margin:0 8px;
	color:#ddd
}
.footer p a {
	color:#999
}
@media screen and (max-width: 640px) {
	* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.footer p {
	padding:0;
	text-align:center
}
.footer p:last-child {
	display:none
}
.header {
	height:auto;
	border-width:1px;
	position:relative;
	z-index:1
}
.header .logo {
	width:96px;
	height:54px;
	-webkit-background-size:96px 102px;
	background-size:96px 102px
}
.header .open-nav {
	float:right;
	display:block;
	padding:5px 15px;
	background:#ddd;
	margin:12px;
	cursor:pointer;
	-webkit-border-radius:6px;
	border-radius:6px
}
.header .open-nav:hover {
	background:#eee;
	text-decoration:none
}
.header .nav {
	width:100%;
	height:auto;
	margin:0;
	float:none;
	line-height:1;
	display:none
}
.header .nav a {
	height:38px;
	line-height:38px;
	width:100%;
	border-top:1px solid #ddd;
	margin:0;
	padding:0;
	text-align:center
}
.header .nav a.current {
	height:40px;
	line-height:40px
}
.header .nav a.btn {
	width:100%;
	background-position:center 0;
	background-color:#FF7A1A
}
.content {
	width:100%;
	padding-top:0 !important
}
.content .aside {
	width:100%;
	margin:0;
	float:none
}
.content .aside .menu li {
	border-top:0 none
}
.content .main {
	width:auto;
	float:none;
	padding:10px 5px;
	clear:both
}
.content .main img {
	max-width:100%
}
.banner {
	height:220px;
	-webkit-background-size:700px 220px;
	background-size:700px 220px
}
.banner .content {
	height:215px
}
.banner .figure,.banner .figure img {
	width:257px;
	height:212px;
	z-index:10
}
.banner .slogan-1 {
	top:15px
}
.banner .slogan-1,.banner .slogan-1 img {
	width:230px;
	height:138px
}
.banner .debris {
	top:141px;
	right:4px
}
.banner .debris,.banner .debris img {
	width:256px;
	height:66px
}
.banner .slogan-2 {
	top:160px
}
.banner .slogan-2,.banner .slogan-2 img {
	width:134px;
	height:49px
}
.recommend {
	width:100%;
	height:auto;
	padding-bottom:20px
}
.recommend dl {
	width:100%;
	float:none
}
.recommend dl .hot {
	text-align:center;
	padding:10px 0 0 0
}
.recommend dl .hot a {
	margin:0 10px 10px 10px
}
.recommend dl .celerity {
	text-align:center;
	padding:10px 0 0 0
}
.recommend dl .celerity a {
	margin:5px 14px
}
.studio .banner {
	height:280px;
	-webkit-background-size:700px 280px;
	background-size:700px 280px
}
.studio .banner .icon-pic {
	display:none
}
.studio .banner .fl {
	width:100%
}
.studio .banner .intro {
	width:241px;
	height:100px;
	padding:18px 40px 0 30px;
	-webkit-background-size:241px 100px;
	background-size:241px 100px;
	font-size:12px;
	margin:5px auto 15px auto
}
.studio .banner .intro em {
	font-size:14px
}
.studio .banner .menu {
	margin:0 auto;
	width:231px
}
.studio .banner .menu a {
	width:73px;
	height:73px
}
.studio .banner .menu a i {
	width:45px;
	height:47px;
	margin-top:6px;
	background-position:0 -37px;
	-webkit-background-size:217px 129px;
	background-size:217px 129px
}
.studio .banner .menu a i.skill {
	background-position:-45px -37px
}
.studio .banner .menu a i.art {
	background-position:-90px -37px
}
.studio .banner .menu a i.run {
	background-position:-135px -37px
}
.studio .banner .menu a i.function {
	background-position:-180px -37px
}
.studio .banner .menu a em {
	height:20px;
	line-height:20px;
	font-size:12px
}
.studio .recommend dl dt {
	height:70px
}
.campus .header .logo {
	background-position:0 -48px
}
.campus .banner {
	height:200px;
	-webkit-background-size:760px 270px;
	background-size:760px 270px
}
.campus .banner .content {
	height:200px
}
.campus .banner .rocket {
	left:20px;
	top:45px;
	width:152px;
	height:175px;
	-webkit-background-size:152px 175px;
	background-size:152px 175px
}
.campus .banner .slogan {
	left:75px;
	top:20px;
	width:242px;
	height:113px;
	-webkit-background-size:242px 113px;
	background-size:242px 113px
}
.campus .banner .campus-debris {
	display:none
}
.campus .banner .btn {
	left:5px;
	bottom:5px
}
.campus .recommend {
	clear:both
}
.campus .recommend .content {
	width:100%
}
.campus .recommend a.col,.campus .recommend .col {
	display:block;
	width:100%;
	float:none;
	margin:0;
	line-height:0;
	text-align:center
}
.campus .recommend a.col .col-hd,.campus .recommend .col .col-hd {
	width:100%
}
.campus .recommend a.col .icon {
	width:200px
}
.campus .recommend .celerity {
	height:auto
}
.campus .recommend .celerity a {
	margin:10px 30px 20px 22px
}
.campus .recommend .celerity a i {
	margin-bottom:15px
}
.company-intro .intro {
	width:100%;
	height:auto;
	padding:0 10px;
	background-position:-890px bottom
}
.company-intro .intro .company-intro-hd {
	padding:0
}
.company-intro .intro .intro-text {
	width:100%;
	margin-left:0
}
.company-intro .photos {
	height:255px;
	-webkit-background-size:500px 255px;
	background-size:500px 255px
}
.company-intro .photos .company-intro-hd {
	margin-top:-20px
}
.company-intro .welfare ul {
	background-position:30px -100px;
	padding:160px 10px 30px 10px
}
.company-intro .welfare ul li {
	padding-left:0 !important
}
.company-intro .welfare .adorn {
	display:none
}
#company-nav {
	display:none
}
}