@charset "UTF-8";

#vivo-subpage-wrap {
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
}

#gb-subpage-header,#gb-subpage-header .theme-area {
	position: absolute;
	right: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
}

#vivo-subpage-wrap a,#vivo-subpage-wrap button {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

#gb-subpage-header {
	top: 44px;
	z-index: 98;
	color: #333;
	font-size: 14px;
}

@media only screen and (max-width:768px) {
	#gb-subpage-header {
		top:62px;
	}
}

#gb-subpage-header .theme-area {
	top: 0;
	bottom: 0;
	z-index: 1;
	box-sizing: content-box;
	height: 100%;
	max-width: auto;
	background-color: rgba(255,255,255,.96);
	transition: background-color .5s ease .3s;
}

#gb-subpage-header.open-subpage-menu .theme-area {
	transition: background-color .3s ease .1s;
}

#gb-subpage-header .subpage-header {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	margin: auto;
	width: 1200px;
	height: 100%;
}

#gb-subpage-header .subpage-header:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}

#gb-subpage-header .subpage-header * html {
	height: 1px;
}

@media only screen and (max-width:1232px) {
	#gb-subpage-header .subpage-header {
		padding: 0 16px;
		width: auto;
	}
}

#gb-subpage-header .subpage-header h2 {
	position: relative;
	z-index: 2;
	float: left;	
	font-size: 18px;

}

@media only screen and (min-width:1921px) {
	#gb-subpage-header .subpage-header h2 {
		font-size: 24px;
	}
}

@media only screen and (max-width:768px) {
	#gb-subpage-header .subpage-header h2 {
		height: 50px;
		line-height: 50px;
	}
}

#gb-subpage-header .subpage-header h2 a,#gb-subpage-header .subpage-header h2 img {
	display: inline-block;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
}

#gb-subpage-header .subpage-header:before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 1px;
	background-color: rgba(204,204,204,.5);
	content: '';
	line-height: 1px;
	transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease,-webkit-transform .3s ease;
}

#gb-subpage-header .subpage-header .subpage-nav {
	position: relative;
	z-index: 1;
	float: right;
}

@media only screen and (max-width:768px) {
	#gb-subpage-header .subpage-header .subpage-nav {
		left: 0;
		float: none;
		visibility: hidden;
		overflow: hidden;
		overflow-y: auto;
		width: 100%;
		max-height: 0;
		transition: max-height .5s cubic-bezier(.86,0,.07,1),visibility 0s linear 1s;
	}

	#gb-subpage-header .subpage-header .subpage-nav ul {
		display: block;
		padding: 0 20px 20px 20px;
	}
}

#gb-subpage-header .subpage-header .subpage-nav li {
	position: relative;
	display: inline-block;
	margin-left: 3em;
	padding-top: 23px;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	line-height: 1em;
}

.lt8 #gb-subpage-header .subpage-header .subpage-nav li {
	display: inline;
	zoom: 1;
}

@media only screen and (max-width:768px) {
	#gb-subpage-header .subpage-header .subpage-nav li {
		display: block;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		height: 36px;
		border-bottom: 1px rgba(160,160,160,.2) solid;
		text-align: left;
		font-size: 14px;
		line-height: 36px;
	}

	#gb-subpage-header .subpage-header .subpage-nav li:last-child {
		border-bottom: none;
	}
}

#gb-subpage-header .subpage-header .subpage-nav li a {
	transition: color .5s ease;
}

#gb-subpage-header .subpage-header .subpage-nav li a.current,#gb-subpage-header .subpage-header .subpage-nav li a:hover {
	color: #0087cd;
}

#gb-subpage-header .subpage-header .subpage-asset {
	position: relative;
	z-index: 2;
	float: right;
	margin-left: 40px;
	height: 100%;
}

#gb-subpage-header .subpage-header .subpage-asset a.subpage-asset-btn {
	position: relative;
	top: 16px;
	display: inline-block;
	overflow: hidden;
	padding: 0 1em;
	height: 25px;
	border-radius: 1.2em;
	background-color: #0087cd;
	color: #fff!important;
	font-size: 14px;
	line-height: 26px;
	transition: background-color .5s ease;
}

#gb-subpage-header .subpage-header .subpage-asset a.subpage-asset-btn:hover {
	background-color: #0098e7;
}

#gb-subpage-header .subpage-header .subpage-menu {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 3;
	display: none;
	margin-left: -25px;
	width: 50px;
	height: 56px;
	text-align: center;
	line-height: 56px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

#gb-subpage-header .subpage-header .subpage-menu.submenu-position-left {
	left: 16px;
	margin-left: 0;
}

#gb-subpage-header .subpage-header .subpage-menu.submenu-position-left b {
	right: 10px;
}

#gb-subpage-header .subpage-header .subpage-menu.submenu-position-right {
	right: 16px;
	left: auto;
	margin-left: 0;
}

#gb-subpage-header .subpage-header .subpage-menu.submenu-position-right b {
	left: 10px;
}
.tableT{ width:100%; margin:12px 0px;}
.tableT ul li{ float:left; background:#777777; line-height:40px; color:#fff; font-size:15px; text-align:center;}
.tableT ul .li1{ width:80%; text-align:left; text-indent:50px; border-right:1px solid #d9d9d9;}
.tableT ul .li3{ width:19%; border-right:0px solid #d9d9d9;}

.area {
	width: 100%;
    padding-top: 10px;
}
.area ul {
    width: 100%;
}
.area .areaFather li {
    font-size: 13px;
	width:100%;
	text-align:center;
    padding-bottom: 10px;    
    position: relative;
	line-height: 40px;
	border-bottom:1px solid #d9d9d9;
}
.area .areaFather .li1{ width:80%; display:block; float:left; text-align:left; text-indent:10px; border-right:1px solid #fff;}
.area .areaFather .li2{ width:18%; display:block; float:left; border-right:1px solid #fff;}
.area .areaFather .li3{ width:18%; display:block; float:left; border-right:0px solid #fff}
.area .areaFather h6 {padding-bottom: 0;cursor:pointer;	display:inline;}
.job-title{ border-bottom:1px solid #ececec;font-size: 16px; font-weight: 200;line-height: 1.5; padding:15px 0px;}
.job-info{margin-top: 10px;}
.job-info strong{ color:#dc0000;}

@media only screen and (max-width:768px) {
	#gb-subpage-header .subpage-header .subpage-menu {
		display: block;
	}
}

#gb-subpage-header .subpage-header .subpage-menu a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.lt8 #gb-subpage-header .subpage-header .subpage-menu a {
	display: inline;
	zoom: 1;
}

#gb-subpage-header .subpage-header .subpage-menu a b {
	position: relative;
	margin-top: 0;
	width: 40px;
	height: 40px;
	transition: -webkit-transform 1s cubic-bezier(.86,0,.07,1);
	transition: transform 1s cubic-bezier(.86,0,.07,1);
	transition: transform 1s cubic-bezier(.86,0,.07,1),-webkit-transform 1s cubic-bezier(.86,0,.07,1);
}

#gb-subpage-header .subpage-header .subpage-menu a b:after,#gb-subpage-header .subpage-header .subpage-menu a b:before {
	position: absolute;
	top: 62%;
	left: 55%;
	overflow: hidden;
	width: 15px;
	height: 1px;
	background-color: #333;
	content: '';
	transition: -webkit-transform 1s cubic-bezier(.86,0,.07,1),-webkit-transform-origin 1s cubic-bezier(.86,0,.07,1);
	transition: transform 1s cubic-bezier(.86,0,.07,1),transform-origin 1s cubic-bezier(.86,0,.07,1);
	transition: transform 1s cubic-bezier(.86,0,.07,1),transform-origin 1s cubic-bezier(.86,0,.07,1),-webkit-transform 1s cubic-bezier(.86,0,.07,1),-webkit-transform-origin 1s cubic-bezier(.86,0,.07,1);
}

#gb-subpage-header .subpage-header .subpage-menu a b:before {
	margin-left: -15px;
	-webkit-transform: rotate(40deg) scale(1.1);
	transform: rotate(40deg) scale(1.1);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

#gb-subpage-header .subpage-header .subpage-menu a b:after {
	margin-left: -1px;
	-webkit-transform: rotate(-40deg) scale(1.1);
	transform: rotate(-40deg) scale(1.1);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

#gb-subpage-header.open-subpage-menu .subpage-header .subpage-nav {
	position: relative;
	top: 0;
	visibility: visible;
	max-height: calc(100vh - 56px);
	transition: max-height .5s cubic-bezier(.86,0,.07,1),visibility 0s linear 0s;
}

#gb-subpage-header.open-subpage-menu .subpage-header .subpage-menu a b {
	-webkit-transform: translateY(-14px);
	transform: translateY(-14px);
}

#gb-subpage-header.open-subpage-menu .subpage-header .subpage-menu a b:before {
	-webkit-transform: rotate(-40deg) translateX(-1px);
	transform: rotate(-40deg) translateX(-1px);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

#gb-subpage-header.open-subpage-menu .subpage-header .subpage-menu a b:after {
	-webkit-transform: rotate(40deg) translateX(1px);
	transform: rotate(40deg) translateX(1px);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

#gb-subpage-header.nav-locked .subpage-header:before {
	-webkit-transform: scalex(1.7);
	transform: scalex(1.7);
}

@media only screen and (min-width:1921px) {
	#gb-subpage-header.nav-locked .subpage-header:before {
		-webkit-transform: scalex(2.2);
		transform: scalex(2.2);
	}
}

@media only screen and (max-width:1441px) {
	#gb-subpage-header.nav-locked .subpage-header:before {
		-webkit-transform: scalex(1.3);
		transform: scalex(1.3);
	}
}

@media only screen and (max-width:1281px) {
	#gb-subpage-header.nav-locked .subpage-header:before {
		-webkit-transform: scalex(1.2);
		transform: scalex(1.2);
	}
}

#gb-subpage-header.nav-theme-transparent2black .subpage-header .subpage-menu a b:after,#gb-subpage-header.nav-theme-transparent2black .subpage-header .subpage-menu a b:before {
	background-color: #fff;
}

#gb-subpage-header.nav-theme-transparent2black .subpage-header .subpage-nav li a,#gb-subpage-header.nav-theme-transparent2black .subpage-header h2 {
	color: #fff;
}

#gb-subpage-header.nav-theme-transparent2black .subpage-header .subpage-nav li a.current,#gb-subpage-header.nav-theme-transparent2black .subpage-header .subpage-nav li a:hover {
	color: rgba(255,255,255,.5);
}

#gb-subpage-header.nav-theme-transparent2black .theme-area {
	background-color: transparent;
}

#gb-subpage-header.nav-theme-transparent2black.open-subpage-menu .theme-area {
	background-color: rgba(0,0,0,.86);
}

#gb-subpage-header.nav-theme-white2white .subpage-header .subpage-menu a b:after,#gb-subpage-header.nav-theme-white2white .subpage-header .subpage-menu a b:before,#gb-subpage-header.nav-theme-white2white .theme-area {
	background-color: #333;
}

#gb-subpage-header.nav-theme-white2white .subpage-header .subpage-nav li a,#gb-subpage-header.nav-theme-white2white .subpage-header h2 {
	color: #333;
}

#gb-subpage-header.nav-theme-white2white .subpage-header .subpage-nav li a.current,#gb-subpage-header.nav-theme-white2white .subpage-header .subpage-nav li a:hover {
	color: rgba(51,51,51,.5);
}

#gb-subpage-header.nav-theme-white2white.open-subpage-menu .theme-area {
	background-color: rgba(255,255,255,.96);
}

#gb-subpage-header.nav-theme-black2black .subpage-header .subpage-menu a b:after,#gb-subpage-header.nav-theme-black2black .subpage-header .subpage-menu a b:before {
	background-color: #fff;
}

#gb-subpage-header.nav-theme-black2black .subpage-header:before {
	background-color: transparent;
}

#gb-subpage-header.nav-theme-black2black .subpage-header .subpage-nav li a,#gb-subpage-header.nav-theme-black2black .subpage-header h2 {
	color: #fff;
}

#gb-subpage-header.nav-theme-black2black .subpage-header .subpage-nav li a.current,#gb-subpage-header.nav-theme-black2black .subpage-header .subpage-nav li a:hover {
	color: rgba(255,255,255,.5);
}

#gb-subpage-header.nav-theme-black2black .theme-area,#gb-subpage-header.nav-theme-black2black.open-subpage-menu .theme-area {
	background-color: rgba(0,0,0,.85);
}

#join-vivo-banner {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#join-vivo-banner .jv-banner-figure {
	position: relative;
	left: 50%;
	margin-left: -972.8px;
	width: 1945.6px;
	height: 611.8px;
	background-image: url(../images/join-vivo-banner.jpg);
	background-position: center;
	background-size: 1945.6px 611.8px;
	background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
	#join-vivo-banner .jv-banner-figure {
		background-image: url(../images/join-vivo-banner-x2.jpg);
	}
}

@media only screen and (min-width:1921px) {
	#join-vivo-banner .jv-banner-figure {
		margin-left: -1280px;
		width: 2560px;
		height: 805px;
		background-image: url(../images/join-vivo-banner-lg.jpg);
		background-size: 2560px 805px;
	}
}

@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),only screen and (min-width:1921px) and (min-resolution:144dpi) {
	#join-vivo-banner .jv-banner-figure {
		background-image: url(../images/join-vivo-banner-lg-x2.jpg);
	}
}

@media only screen and (max-width:768px) {
	#join-vivo-banner .jv-banner-figure {
		margin-left: -382.22px;
		width: 764.44px;
		height: 526.06px;
		background-image: url(../images/join-vivo-banner-mb.jpg);
		background-position: center;
		background-size: 764.44px 526.06px;
		background-repeat: no-repeat;
	}
}

@media only screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:768px) and (min-resolution:1.5dppx),only screen and (max-width:768px) and (min-resolution:144dpi) {
	#join-vivo-banner .jv-banner-figure {
		background-image: url(../images/join-vivo-banner-mb-x2.jpg);
	}
}

.ios #join-vivo-banner .jv-banner-figure {
	height: 634.9px;
}

#join-vivo-banner .jv-banner-search {
	position: absolute;
	top: 45%;
	left: 50%;
	z-index: 5;
	margin-left: -300px;
	width: 600px;
}

@media only screen and (max-width:632px) {
	#join-vivo-banner .jv-banner-search {
		top: 42%;
		right: 16px;
		left: 16px;
		margin-left: 0;
		width: auto;
	}
}

#join-vivo-banner .jv-banner-search .jv-search-fields {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	height: 50px;
	border-color: rgba(204,204,204,.5);
	border-style: solid;
	border-width: 1px;
	border-radius: 25px;
}

#join-vivo-banner .jv-banner-search .jv-search-fields input {
	overflow: hidden;
	margin: 0 20px;
	padding: 10px 0;
	width: 520px;
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	font-family: "Microsoft Yahei","Hiragino Sans GB",STHeiti;
	line-height: 1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

@media only screen and (max-width:632px) {
	#join-vivo-banner .jv-banner-search .jv-search-fields input {
		width: calc(100% - 80px);
	}
}

#join-vivo-banner .jv-banner-search .jv-search-fields input::-webkit-input-placeholder {
	color: rgba(255,255,255,.7);
}

#join-vivo-banner .jv-banner-search .jv-search-fields button {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	outline: 0;
	border: none;
	background: 0 0;
	cursor: pointer;
}

#join-vivo-banner .jv-banner-search .jv-search-fields button:before {
	position: absolute;
	right: 50%;
	left: 50%;
	margin-top: -9px;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	color: #fff;
	content: "";
	text-transform: none;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	font-size: 20px;
	font-family: iconfont;
	line-height: 1em;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#join-vivo-banner .jv-banner-search .jv-search-hotkeywords {
	overflow: hidden;
	margin: 20px 20px 0;
	color: #fff;
	white-space: nowrap;
	font-size: 14px;
	font-family: "Microsoft Yahei","Hiragino Sans GB",STHeiti;
}

#join-vivo-banner .jv-banner-search .jv-search-hotkeywords strong {
	display: inline-block;
	vertical-align: middle;
	font-weight: 400;
}

.lt8 #join-vivo-banner .jv-banner-search .jv-search-hotkeywords strong {
	display: inline;
	zoom: 1;
}

#join-vivo-banner .jv-banner-search .jv-search-hotkeywords a {
	display: inline-block;
	margin-left: 1.2em;
	color: #fff;
	vertical-align: middle;
	transition: color .5s ease;
}

.lt8 #join-vivo-banner .jv-banner-search .jv-search-hotkeywords a {
	display: inline;
	zoom: 1;
}

@media only screen and (max-width:768px) {
	#join-vivo-banner .jv-banner-search .jv-search-hotkeywords a {
		display: none;
		margin-left: .7em;
	}

	#join-vivo-banner .jv-banner-search .jv-search-hotkeywords a:nth-child(1),#join-vivo-banner .jv-banner-search .jv-search-hotkeywords a:nth-child(2),#join-vivo-banner .jv-banner-search .jv-search-hotkeywords a:nth-child(3),#join-vivo-banner .jv-banner-search .jv-search-hotkeywords a:nth-child(4),#join-vivo-banner .jv-banner-search .jv-search-hotkeywords a:nth-child(5),#join-vivo-banner .jv-banner-search .jv-search-hotkeywords a:nth-child(6) {
		display: inline-block;
	}
}

#join-vivo-banner .jv-banner-search .jv-search-hotkeywords a.current,#join-vivo-banner .jv-banner-search .jv-search-hotkeywords a:hover {
	color: rgba(255,255,255,.5);
}

.lt8 #join-vivo-banner .jv-banner-search .jv-search-hotkeywords a.current,.lt8 #join-vivo-banner .jv-banner-search .jv-search-hotkeywords a:hover {
	color: #fff;
}

#join-vivo-banner .jv-banner-search .jv-join-link {
	margin-top: 30%;
	text-align: center;
}

@media only screen and (max-width:1921px) {
	#join-vivo-banner .jv-banner-search .jv-join-link {
		margin-top: 100px;
	}
}

#join-vivo-banner .jv-banner-search .jv-join-link a {
	display: inline-block;
	width: 170px;
	height: 50px;
	border-radius: 25px;
	background-color: rgba(0,135,205,.8);
	color: #fff;
	vertical-align: middle;
	line-height: 50px;
	transition: background-color .5s ease;
}

.lt8 #join-vivo-banner .jv-banner-search .jv-join-link a {
	display: inline;
	background-color: #0087cd;
	zoom: 1;
}

#join-vivo-banner .jv-banner-search .jv-join-link a.current,#join-vivo-banner .jv-banner-search .jv-join-link a:hover,.lt8 #join-vivo-banner .jv-banner-search .jv-join-link a.current,.lt8 #join-vivo-banner .jv-banner-search .jv-join-link a:hover {
	background-color: #0087cd;
}