html,
body {
	height: 100%;
	width: 100%;
}

.pageui {
	max-height: 1080px;
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	font-size: 0.14vh;
}

.container {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
}

.background_container {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 1;
	/* transition: all 1s ease-in-out; */
	background: url(../images/body.png) no-repeat;
	background-size: cover;
	background-position: right bottom;
}

.container .swiper-slide {
	position: relative;
}

.background_container img {
	width: 100%;
	height: 50%;
}

.header {
	height: 9.26vh;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
}

.header .menu {
	/* width: 77.78vh; */
	width: 75.78vh;
	float: right;
	/* overflow: hidden; */
	white-space: nowrap;
	margin-top: 2.31vh;
}

.header .menu .menu_li {
	display: inline-block;
	width: 12.96vh;
	height: 4.81vh;
	float: left;
	font-size: 2.1vh;
	font-weight: 500;
	color: #ffffff;
	line-height: 4.81vh;
	text-align: center;
	margin-right: 1.85vh;
	cursor: pointer;
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
}

/* .header .menu_li:nth-child(3) {
	color: #ffe110;
} */

.logo {
	margin: 1.018vh 0 0 4.53vh;
	width: 17.68vh;
	height: 7.31vh;
	float: left;
}

.header .menu .act {
	width: 12.96vh;
	height: 4.9vh;
	background: url(../images/act.png) no-repeat;
	color: #72362E;
	background-size: 100% 100%;
}

.wei {
	width: 43.96vh;
	height: 43.96vh;
	position: absolute;
	top: 23vh;
	left: -21.5vh;
	/* -webkit-animation: rotate360 10s linear infinite;
	-o-animation: rotate360 10s linear infinite;
	animation: rotate360 10s linear infinite; */

}

@keyframes rotate360 {
	from {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
	}

	to {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
	}
}

.nei,
.planet {
	position: absolute;
	left: -5.92vh;
}

.nei {
	top: 39vh;
	z-index: 9;
}

.planet {
	top: 39.4vh;
	z-index: 2;
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	animation: init 1000ms forwards;
	-webkit-animation: init 1000ms forwards;
}


#earth {
	position: relative;
	width: 11.85vh;
	height: 11.85vh;
	border-radius: 50%;
	background: url("../images/qiu.png");
	background-size: 46.29vh;
	background-position: center;
	background-color: #0c55ad;
	box-shadow: inset -1.85vh 1.85vh 3.7vh rgba(235, 225, 52, 0.3), inset 1.85vh -1.85vh 3.7vh rgba(2, 16, 31, 0.5), inset 0.925vh 0.925vh 0.925vh rgba(2, 16, 31, 0.5);
	transform-style: preserve-3d;
	transform: rotate(15deg);
	animation: rotate 40s linear infinite;
	-webkit-animation: rotate 20s linear infinite;
}

@keyframes rotate {
	0% {
		background-position: -46.29vh;
	}

	100% {
		background-position: 46.29vh;
	}
}

.ufo {
	width: 35.37037037037037vh;
	height: 24.90740740740741vh;
	overflow: hidden;
	position: absolute;
	bottom: 0vh;
	left: 0vh;
	z-index: 2;
	opacity: 0;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	animation: init 1000ms 300ms forwards;
	-webkit-animation: init 1000ms 300ms forwards;
}

.ufo img {
	width: 49.25925925925926vh;
	height: 37.037037037037037vh;
	position: absolute;
	bottom: -12.222222222222223vh;
	left: -13.888888888888888vh;
}

.next {
	width: 10.555555555555556vh;
	height: 13.055555555555556vh;
	position: absolute;
	bottom: 0vh;
	left: 50%;
	margin-left: -5.277777777777778vh;
}

.dian {
	width: 0.5555555555555555vh;
	height: 0.9259259259259259vh;
	border-radius: 0.27777777777777776vh;
	background: #fff;
	position: absolute;
	top: 3.7037037037037035vh;
	left: 50%;
	margin-left: -0.27777777777777776vh;
	animation-name: beat;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
	-webkit-border-radius: 0.27777777777777776vh;
	-moz-border-radius: 0.27777777777777776vh;
	-ms-border-radius: 0.27777777777777776vh;
	-o-border-radius: 0.27777777777777776vh;
}

@keyframes beat {
	0% {
		top: 3.7037037037037035vh;
	}

	100% {
		top: 4.6296296296296297vh;
	}
}

img {
	width: 100%;
}

.airship {
	width: 11.574074074074074vh;
	height: 12.12962962962963vh;
	position: absolute;
	top: 12.037037037037037vh;
	right: 26.38888888888889vh;
	z-index: 2;
	opacity: 0;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	animation: init 1000ms 500ms forwards;
	-webkit-animation: init 1000ms 500ms forwards;
}

.rocket {
	width: 12.037037037037037vh;
	height: 22.40740740740741vh;
	position: absolute;
	top: 50%;
	margin-top: -11.203703703703705vh;
	right: 2.037037037037037vh;
	z-index: 9;
	opacity: 0;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	animation: init 1000ms 800ms forwards;
	-webkit-animation: init 800ms 800ms forwards;
}

/* @keyframes rocketani {
	0% {
		bottom: 50%;
	}

	100% {
		bottom: 54%;
	}
} */

.footer {
	font-size: 1.4814814814814814vh;
	z-index: 5;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 4.444444444444444vh;
	position: absolute;
	right: 3.2407407407407407vh;
	bottom: 1.2962962962962962vh;
}

.content {
	position: absolute;
	width: 138.79629629629vh;
	top: 11.851851851851851vh;
	left: 50%;
	z-index: 99;
	margin-left: -69.185185vh;
}

.cont_tit {
	text-align: center;
	position: relative;
}

.cont_tit::after {
	content: ' ';
	display: block;
	width: 4.44vh;
	height: 0.37vh;
	background: #F3CBA1;
	box-shadow: inset 0px 3px 3px 0px rgba(205, 108, 45, 0.85);
	margin: 0.926vh auto 0;
	border-radius: 0.185vh;
	-webkit-border-radius: 0.185vh;
	-moz-border-radius: 0.185vh;
	-ms-border-radius: 0.185vh;
	-o-border-radius: 0.185vh;
}

.cont_tit p {
	font-size: 3.3vh;
	font-family: Heiti SC;
	/* font-weight: bold; */
	color: #FFFFFF;
	line-height: 4.444444444444444vh;
}

.cont_tit img {
	width: 5.37vh;
}

.cont_tit span {
	font-size: 2.4074074074074073vh;
	font-family: Arial;
	font-weight: bold;
	color: #749BB1;
	line-height: 4.444444444444444vh;
	opacity: 0.5;
	position: absolute;
	top: 2.3148148148148148vh;
	z-index: -1;
	left: 50%;
	transform: translate(-50%, -10%);
}

.titul {
	margin: 4vh auto 0;
	text-align: center;
}

.titul li {
	width: 30.13415892672859vh;
	height: 6.6047471620227vh;
	margin: 0vh 2.3148148148148148vh 2vh;
	background: url("../images/li.png") no-repeat;
	display: inline-block;
	font-size: 2vh;
	line-height: 6.6047471620227vh;
	/* font-weight: bold; */
	text-align: center;
	color: #fff;
	cursor: pointer;
	font-family: Heiti SC;
	background-size: cover;
}

.titul .liact {
	background: url("../images/li2.png") no-repeat;
	background-size: cover;
}

.boxul {
	width: 120.6481481481481vh;
	height: 56.65740740740741vh;
	margin: auto;
	background-image: url(../images/boxbg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: auto;
}

#contact .boxul,
#welfare .boxul,
#recruit .boxul {
	margin-top: 4.6vh;
}

#career .boxul {
	background-image: url(../images/boxbg_career.png);
	padding: 7.4vh 10.56vh 0 14.5vh;
}

.ul_content>div {
	/* 	background:rgba(255,255,255,0.8); */
	display: none;
	margin: 2.7vh 0 0 5.7vh;
	position: relative;
}

.ul_content>div:first-child {
	padding: 7.8vh 5.74vh 0 5.83vh;
	position: relative;
	height: 50vh;
}

.boxul_l {
	float: left;
	width: 51.38888888888889vh;
	position: relative;
}

.boxul_l>p {
	font-size: 2.22222222222222vh;
	font-weight: bold;
	color: #000;
	margin-bottom: 4vh;
}

.boxul_l>p span {
	color: #0057A6;
}

.ms {
	font-size: 1.66666666666667vh;
	font-weight: 400;
	color: #000000;
	line-height: 2;
	text-indent: 2em;
	text-align: justify;
	height: 34vh;
	overflow: auto;
}

.ms p {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	line-height: inherit;
	margin: auto;
}

.boxul_r video {
	display: block;
	width: 100%;
	height: 100%;
}

.fiximg {
	width: 55.46296296296297vh;
	height: 45.37037037037037vh;
	position: absolute;
	left: 12vh;
	top: 1.5vh;
	opacity: 0.5;
}

.zztop {
	width: 100%;
	height: 9.537vh;
	background: rgba(255, 255, 255, 0.8);
	line-height: 9.537vh;
	/* overflow:hidden; */
}

.zzbot {
	overflow: hidden;
	margin-top: 0.463vh;
	width: 100%;
}

.zzl {
	width: 37%;
	float: left;
	height: 40vh;
	background: rgba(255, 255, 255, 0.8);
	overflow-y: scroll;
}

.zzl::-webkit-scrollbar {
	width: 0.556vh;
	-webkit-overflow-scrolling: touch;
}

.zzl::-webkit-scrollbar-thumb {
	background: #c96d2f;
	border-radius: 4px;
}

.zzl::-webkit-scrollbar-track {
	background: #324d6a;
}

.zzr {
	width: 63%;
	float: right;
	height: 40vh;
	background: rgba(255, 255, 255, 0.8);
}

.tl {
	width: 46vh;
	float: left;
	line-height: 4vh;
}

.tl p {
	margin-left: 2vh;
	font-size: 1.667vh;
	font-weight: normal;
	color: #333;
	float: left;
}

.tl ul {
	font-size: 1.667vh;
	font-weight: normal;
	color: #333;
	float: left;
	width: 20vh;
}

.tl ul li {
	float: left;
	margin-left: 2vh;
	cursor: pointer;
}

.tr {
	width: 75.481vh;
	float: right;
	padding-top: 2.59vh;
}

.tl ul .actAdd {
	color: #e38f3d;

}

.tr input {
	float: left;
	width: 28.333vh;
	height: 4.444vh;
	border-radius: 0.463vh;
	border: 1px solid #333333;
	margin-right: 0.926vh;
	background: none;
	padding-left: 1vh;
	outline: none;
	font-size: 1.296vh;
}

.select {
	position: relative;
	display: block;
	width: 28.333vh;
	height: 4.444vh;
	border-radius: 0.463vh;
	float: left;
	border: 1px solid #333333;
	vertical-align: middle;
	text-align: left;
	user-select: none;
	-webkit-touch-callout: none;
}

.select .placeholder {
	position: relative;
	display: block;
	z-index: 1;
	line-height: 4.444vh;
	color: #666;
	font-size: 1.296vh;
	padding: 0 1vh;
	border-radius: 2px;
	cursor: pointer;
}

.select .placeholder:hover {
	background: #34383c;
}

.xlicon {
	position: absolute;
	right: 1em;
	z-index: 10;
	font-size: 1.2vh;
	top: -2.5vh
}

.select.is-open .xlicon {
	transform: rotate(180deg);
}

.select.is-open ul {
	display: block;
}

.select.select--white .placeholder {
	color: #333;
}

.select.select--white .placeholder:hover {
	background: none;
}

.select ul {
	border: 1px solid #333333;
	display: none;
	position: absolute;
	overflow: auto;
	max-height: 45vh;
	width: 100%;
	background: #fff;
	border-radius: 2px;
	top: 100%;
	left: 0;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	z-index: 100;
}

.select ul li {
	font-size: 1.296vh;
	display: block;
	text-align: left;
	padding: 0 1vh;
	color: #333;
	cursor: pointer;
	height: 5vh;
	line-height: 5vh;
}

.select ul li:hover {
	background: #e38f3d;
	color: #fff;
}

@font-face {
	font-family: 'iconfont';
	/* Project id 2592150 */
	src: url('//at.alicdn.com/t/font_2592150_7u63w9h0rsa.woff2?t=1622794727062') format('woff2'),
		url('//at.alicdn.com/t/font_2592150_7u63w9h0rsa.woff?t=1622794727062') format('woff'),
		url('//at.alicdn.com/t/font_2592150_7u63w9h0rsa.ttf?t=1622794727062') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 1.6vh;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.searbtn {
	width: 13.889vh;
	height: 4.444vh;
	background-color: #e38f3d;
	border-radius: 0.463vh;
	font-size: 1.296vh;
	line-height: 4.444vh;
	float: left;
	margin-left: 1.852vh;
	color: #fff;
	float: left;
	cursor: pointer;
	text-align: center;
}

.searbtn p {
	float: left;
	text-align: center;
}

.searicon {
	float: left;
	margin: 0 0.3vh 0 0.8vh;
	text-align: left;
}

.zzl ul li:nth-child(odd) {
	background: rgba(115, 154, 176, 0.2);
}

.zzl ul li:nth-child(even) {
	background: rgba(255, 255, 255, 0.5);
}

.zzl ul li {
	width: 100%;
	height: 5.463vh;
	line-height: 5.463vh;
	overflow: hidden;
	cursor: pointer;
	color: #333;
}

.zzl ul li span {
	font-size: 1.667vh;
	font-weight: bold;
	color: #0057a6;
}

.seljob span {
	color: #fff !important;
}

.cdicon {
	font-size: 2.807vh;
	margin: 0 1.11vh 0 2.22vh;
	color: #e38f3d;
}

.seljob .cdicon {
	color: #fff;
}

.zzl ul li p {
	font-size: 1.581vh;
	float: left;
	margin-left: 2.685vh;
}

.addR {
	float: right;
	width: 7vh;
	font-size: 1.481vh;
	margin-right: 1vh;
}

.addicon {
	margin-right: 0.5vh;
	font-size: 2vh;
}

.zzl ul .seljob {
	background: #e38f3d !important;
	color: #fff;
}

.zzr {
	position: relative;
}

.jobdetails::-webkit-scrollbar {
	width: 0.556vh;
	-webkit-overflow-scrolling: touch;
}

.jobdetails::-webkit-scrollbar-thumb {
	background: #ffe100;
	border-radius: 4px;
}

.jobdetails::-webkit-scrollbar-track {
	background: #324d6a;
}

.zzr>div {
	width: 100%;
	min-height: 40vh;
	display: none;
}

.jobtit {
	width: 100%;
	height: 5.463vh;
	line-height: 5.463vh;
	background-color: #55758f;
	font-size: 1.667vh;
	color: #fff;
	padding-left: 2.407vh;
	position: absolute;
	top: 0;
	left: 0;
	position: relative;
}

.jobtit a {
	width: 10.185vh;
	height: 3.241vh;
	background-color: #ffe100;
	border-radius: 0.463vh;
	color: #0057a6;
	line-height: 3.241vh;
	text-align: center;
	font-size: 1.667vh;
	position: absolute;
	right: 2.148vh;
	top: 1.011vh;
}

.jobdetails {
	width: 100%;
	height: 35vh;
	text-align: justify;
	padding: 3.333vh 2.5vh 2.5vh;
	font-size: 1.481vh;
	line-height: 2.221vh;
	overflow: auto;
}

.jobtxt strong {
	font-weight: bold;
}

.jobtxt p {
	/* 	text-indent: 2em; */
	background: transparent !important;
}

.jobtxt>div {
	background: transparent !important;
}

.jobtxt b {
	font-weight: bold;
}

.jobtxt p {
	font-size: 1.581vh !important;
}

.jobtxt span {
	font-size: 1.581vh !important;
	white-space: pre-wrap !important;
}

.vcr_video {
	/* width: 130.3vh;
    height: 50.2vh;
    margin: 2.65vh 0 0 6.4vh; */
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.describe {
	text-align: center;
	width: 20vh;
	font-size: 2.5vh;
	color: #fff;
	font-family: Heiti SC;
	margin: 1vh auto;
}

.w799 {
	width: 73.981vh;
	margin: 7.8vh auto 25vh;
}

.qbjy {
	position: relative;
	margin: 2.65vh 0 0 14.537vh;
	width: 90.111vh;
	height: 50vh;
	padding-left: 6vh;

}

.qbjy .swiper-slide {
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	transform: scale(0.5);
	width: 20vh;
	height: 20vh;
	opacity: 0.3;

}

.qbjy .swiper-slide .gq {
	border: 1px dashed #4a607e;
	border-radius: 50%;
	padding: 1vh;
}

.qbjy .swiper-slide img {
	border-radius: 50%;
}

.qbjy .swiper-slide-active,
.qbjy .swiper-slide-duplicate-active {
	transform: scale(1);
	opacity: 1;
}

.qd_btn1 {
	position: absolute;
	top: 18.426vh;
	left: 0vh;
	width: 3.704vh;
	height: 3.704vh;
	background-image: url(../images/develop/down.png);
	background-size: 100%;
	background-repeat: no-repeat;
	transform: rotate(-90deg);
}

.qd_btn2 {
	position: absolute;
	top: 30.526vh;
	left: 0vh;
	width: 3.704vh;
	height: 3.704vh;
	background-image: url(../images/develop/down.png);
	background-size: 100%;
	background-repeat: no-repeat;
	transform: rotate(90deg);
}

.js {
	position: absolute;
	width: 62.222vh;
	height: 31.851vh;
	top: 11vh;
	left: 51vh;
	font-size: 1.481vh;
	line-height: 2.333vh;
	padding-top: 1vh;
}

.name {
	font-size: 2.78vh;
	font-family: Source Han Sans SC;
	font-weight: bold;
	color: #333333;
	line-height: 1.48vh;
}

.department {
	margin: 2vh 0;
	font-size: 2vh;
	font-family: Source Han Sans SC;
	font-weight: bold;
	color: #333333;
	line-height: 1.48vh;
}

.text {
	font-size: 2vh;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #333333;
	line-height: 3.33rem;
}

.xzs {
	z-index: -1;
	width: 106.296vh;
	position: absolute;
	bottom: 2.452vh;
	right: 2.2vh;
}

.czbg {
	position: absolute;
	width: 96.759vh;
	position: absolute;
	top: 19.981vh;
	right: 10.148vh;
}

.welfare .swiper-slide img {
	border-radius: 4px;
}

.span_i {
	padding-bottom: 3vh;
}

.hovercss {
	margin: 0.741vh auto 0;
	padding: 0.463vh;
	width: 11.741vh;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: 0.463vh;
	display: none;
}

.wrapbox {
	background: rgba(255, 255, 255, 0.9);
	padding: 0 0.833vh;
	border-radius: 0.463vh;
}

.wrapbox .ti {
	height: 3.796vh;
	line-height: 3.796vh;
	border-bottom: 1px solid #666;
	color: #333;

}

.wrapbox .ti:last-child {
	border: none;
}

.wrapbox .liactive {
	color: #72362e !important;
}

.wrapbox .ti:hover {
	color: #72362e;
}

.menu li:hover .hovercss {
	display: block;
}

.text-content {
	font-size: 1.678vh;
	line-height: 2.5vh;

}

.wrapbox .ti {
	font-size: 1.66vh;
}

/* 新增招聘流程 */
.boxul_4 .process_img {
	width: 130vh;
	height: 27.7vh;
	background-color: #fff;
}

.boxul_4 .process_img img {
	width: 82.78vh;
	margin: 8.15vh 16.57vh 0 22.57vh;
}

.boxul_4 .ms_process {
	position: absolute;
	top: 31.22vh;
	left: 10.8vh;
	width: 94.54vh;
	font-size: 2vh;
	line-height: 3.5vh;
	font-family: SourceHanSansSC-Regular;
}

.boxul_4 .ms_process span {
	font-weight: bold;
	color: #254D69;
}

.boxul_4 .process_bg {
	position: absolute;
	top: 12.6vh;
	left: 4.79vh;
	width: 132.1vh;
}

/* H.css */
.gap {
	position: absolute;
	width: 0.62vh;
	height: 50.000vh;
	background: #324D6A;
	right: 0;
	top: 0;
}

.yellow {
	position: absolute;
	top: 11.667vh;
	width: 0.62vh;
	height: 5.833vh;
	background: #FFE100;
}

.indexmp4 {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tlt {
	width: 100%;
	overflow: hidden;
}

.zwbtn p {
	border-radius: 0.463vh;
	cursor: pointer;
}

.zwbtn .zwbtnact {
	background: #e38f3d;
	border-radius: 0.463vh;
	padding: 0 0.5vh;
	font-size: 1.5vh;
	color: #fff;
}

img {
	-webkit-user-drag: none;
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

#intro .img,
#intro .boxul_r {
	display: block;
	margin-left: auto;
	margin-top: 5vh;
	width: 46.94vh;
	height: auto;
	position: relative;
	z-index: 10;
}

#benefit .frame,
#contact .frame {
	display: flex;
	padding-top: 13vh;
}

#benefit .frame>div,
#contact .frame>div {
	flex: 1;
}

#benefit .frame>div {
	text-align: center;
}

#contact .frame {
	padding-left: 0;
	padding-top: 15vh;
}

#benefit .frame>div>h1,
#contact .frame>div>h1 {
	font-size: 1.67vh;
	line-height: 3.7vh;
	width: 18.9625vh;
	height: 3.7vh;
	margin: auto;
	background-image: url(../images/welfare/label.png);
	background-size: 100% 100%;
	text-align: center;
	color: white;
	position: relative;
	transform: translateX(3.7vh);
	-webkit-transform: translateX(3.7vh);
	-moz-transform: translateX(3.7vh);
	-ms-transform: translateX(3.7vh);
	-o-transform: translateX(3.7vh);
}

#benefit .frame>div>h1::before,
#contact .frame>div>h1::before {
	content: ' ';
	display: block;
	width: 6.3vh;
	height: 6.3vh;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateX(-1.11vh) translateY(-50%);
	-webkit-transform: translateX(-1.11vh) translateY(-50%);
	-moz-transform: translateX(-1.11vh) translateY(-50%);
	-ms-transform: translateX(-1.11vh) translateY(-50%);
	-o-transform: translateX(-1.11vh) translateY(-50%);
}

#benefit .frame>div:nth-child(1)>h1::before {
	background-image: url(../images/welfare/salary.png);
}

#benefit .frame>div:nth-child(2)>h1::before {
	background-image: url(../images/welfare/benefit.png);
}

#contact .frame>div:nth-child(1)>h1::before {
	background-image: url(../images/contact/loc.png);
}

#contact .frame>div:nth-child(2)>h1::before {
	background-image: url(../images/contact/tel.png);
}

#contact .frame>div:nth-child(3)>h1::before {
	background-image: url(../images/contact/ema.png);
}

#benefit .frame .desc,
#contact .frame .desc {
	font-size: 1.7vh;
	line-height: 2;
	color: #333333;
	margin-top: 5.8vh;
}

#contact .frame .desc {
	padding-left: 7.3em;
	padding-right: 2em;
	margin-top: 4vh;
}



#career h1 {
	font-size: 2.8vh;
	font-weight: bold;
	color: #254D69;
	text-align: center;
}

#career h1>span {
	font-size: 0.667em;
	line-height: 3;
	display: block;
}

#career .boxul ul {
	margin: 5vh auto 0;
	position: relative;
	display: flex;
}

#career #individual ul {
	justify-content: space-around;
	width: 75%;
}

#career .boxul ul::after {
	content: ' ';
	display: block;
	position: absolute;
	width: 95.46vh;
	height: 11.666vh;
	background-size: 100% 100%;
}

#career #consult ul::after {
	top: calc(50% + 4vh);
	background-image: url(../images/career/timeline.png);
}

#career #individual ul::after {
	top: 0;
	background-image: url(../images/career/timeline2.png);
}

#career .boxul ul li {
	width: 25%;
	display: inline-block;
	font-size: 1.48vh;
	line-height: 1.75;
}

#career #individual ul li {
	transform: translateY(10vh);
	-webkit-transform: translateY(10vh);
	-moz-transform: translateY(10vh);
	-ms-transform: translateY(10vh);
	-o-transform: translateY(10vh);
}

#career .boxul ul li h2 {
	font-weight: bold;
}


#career .boxul ul li p {
	padding-left: 1.2em;
}

#career #consult ul li:nth-child(1) p {
	width: 125%;
}

#career #consult ul li:not(:nth-child(1)) {
	margin-left: -1em;
}

#career #consult ul li:last-child {
	margin-left: -1.5em;
}

#career #consult ul li:nth-child(2n) {
	transform: translateY(calc(100% + 9.7vh));
	-webkit-transform: translateY(calc(100% + 9.7vh));
	-moz-transform: translateY(calc(100% + 9.7vh));
	-ms-transform: translateY(calc(100% + 9.7vh));
	-o-transform: translateY(calc(100% + 9.7vh));
}

#career #individual ul li::nth-child(2) {
	margin-right: 2em;
}

#recruit .boxul {
	background-image: url(../images/boxbg_recruit.png);
	padding: 8.426vh 5vh 3vh 11.11vh;
}

#job h1 {
	font-size: 2.78vh;
	font-weight: bold;
	color: #254D69;
}

#job>div {
	font-size: 1.48vh;
	font-weight: 400;
	color: #333333;
	margin-top: 1.75em;
	position: relative;
	padding-left: 2.3vh;
}

#job>div strong {
	font-size: 1.25em;
	font-weight: bold;
	position: relative;
}

#job>div strong::before {
	content: " ";
	position: absolute;
	right: 100%;
	margin-right: 0.5em;
	width: 1.39vh;
	height: 1.67vh;
	background: url(../images/recruit_icon.png) no-repeat;
	background-size: 100% 100%;
}

#job>div ul {
	font-size: inherit;
	line-height: 1.5;
	color: inherit;
	margin-top: 1em;
	width: 100%;
}

#job .send {
	display: block;
	float: right;
	margin-top: -0.375em;
	margin-right: 2.3vh;
	font-weight: normal;
	font-size: 2.41vh;
	line-height: 2;
	padding: 0 1em;
	color: #0057A6;
	background: rgb(255, 225, 0);
	border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-ms-border-radius: 0.25em;
	-o-border-radius: 0.25em;
	/* transition: all 300ms;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition-timing-function: ease-out; */
}

#job .send:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transition: all 300ms;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition-timing-function: cubic-bezier(0.3, 2, 0.6, 1);
}

.orbit {
	width: 25vh;
	height: 25vh;
	border: 1px dashed white;
	transition: all 200ms;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	position: absolute;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	top: 32.7vh;
	left: -12.5vh;
	z-index: 2;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	animation: init 600ms 400ms forwards;
	-webkit-animation: init 600ms 400ms forwards;
}

.orbit .node {
	height: 50%;
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform-origin: left bottom;
	transition: all 300ms;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
}

.orbit .node::before {
	content: " ";
	display: block;
	width: 1vh;
	height: 1vh;
	background: #66ccff;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	position: absolute;
	top: -0.5vh;
	left: -0.5vh;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transition: all 300ms;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
}

.orbit .node span {
	display: block;
	font-size: 2.22vh;
	font-weight: 400;
	color: #FFFFFF;
	opacity: 0.5;
	transition: all 300ms;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	margin-top: -0.5em;
	text-indent: 1em;
	transform-origin: left center;
	white-space: nowrap;
}

.orbit .node.active span {
	opacity: 1;
	text-indent: 2em !important;
}

.orbit .node.active::before {
	width: 11.39vh;
	height: 7.04vh;
	background-color: transparent;
	background-image: url(../images/satellite0.png);
	top: calc(-3.02vh + 1px);
	left: -5.699vh;
}

body::-webkit-scrollbar{
	height: 0;
}

#index {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../images/index_kv.png) no-repeat;
	background-size: cover;
	min-width: calc(100vh * 1920 / 1080);
}

.enter {
	position: absolute;
	display: block;
	background: url(../images/index_enter.png) no-repeat;
	background-size: 100% 100%;
	width: 24.907vh;
	height: 10.926vh;
	top: 61.203vh;
	left: 101.019vh;
	animation: emph 2000ms infinite;
	-webkit-animation: emph 2000ms infinite;
}

@media (min-aspect-ratio: 1920/1080) {
	.enter {
		width: 14.01vw;
		height: 6.146vw;
		top: 34.427vw;
		left: 56.822vw;
	}
	#index {
		min-height: calc(100vw / 1920 * 1080);
	}
}

@keyframes emph {
	60% {
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
	}

	65% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
	}

	70% {
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
	}

	75% {
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
	}
}

@keyframes init {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
	}
}