@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-weight: 500;
}
@font-face {
  font-family: "MiSans";
  src: url("../fonts/MiSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "MiSans";
  src: url("../fonts/MiSans-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

body {
  line-height: 1;
  font-family: "MiSans", sans-serif !important;
  background: #fff;
  -webkit-tap-highlight-color: transparent;
  /* 解决安卓手机按钮点击出现蓝色背景*/
  /* 适配齐刘海*/
  padding-top: constant(safe-area-inset-top);
  /* 适配底部黑条*/
  padding-bottom: constant(safe-area-inset-bottom);
}

body,
html {
	-webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar {
	display: none;
	/* 隐藏微信浏览器滚动条 */
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

fieldset,
img {
	border: 0;
}

ul,
ol,
li {
	list-style: none;
}

/* remember to define focus styles! */
input:focus,
textarea:focus {
	outline: none;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: normal;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	background-color: #fff;
	border: none;
}

code,
kbd,
samp,
tt {
	font-size: 100%;
}

a {
	text-decoration: none;
	color: unset;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea {
	*font-size: 100%;
	background: #ffffff;
	border-radius: 0.04rem;
}

ol,
ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table,
tr,
td {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}

caption,
th {
	text-align: left;
}

sup,
sub {
	font-size: 100%;
	vertical-align: baseline;
}

/* remember to highlight anchors and inserts somehow! */
blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

iframe {
	border: 0;
}

.comIframe {
	width: 100vw;
}

.commonHead {
	height: 0.6rem;
}

.commonFooter {
	min-height: 1.36rem;
}

.lineText,
.lineText1 {
	flex-direction: row;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.lineText2 {
	flex-direction: row;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.lineText3 {
	flex-direction: row;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.lineText4 {
	flex-direction: row;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

/* 移入变小手 */
.pointer {
	cursor: pointer;
}

.recruitment {
	/* width: 19.2rem; */
	width: 100vw;
	height: 6rem;
	/* opacity: 8%; */
	position: relative;
	max-width: 25.60rem;
	margin-left: auto;
	margin-right: auto;
}

.recruitment img {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	object-fit: cover;
}

.recruitment_view {
	width: 100%;
	height: 100%;
	/* padding-top: 1.59rem;
	padding-left: 3.2rem; */
	padding: 0 3.2rem;
	display: flex;
	/* align-items: center; */
	justify-content: center;
	flex-direction: column;
	position: relative;
	z-index: 2;
}

.recruitment_view .recruitment_view_title {
	font-size: 0.44rem;
	line-height: 0.66rem;
	color: rgba(255, 255, 255, 1);
}

.recruitment_view .recruitment_view_text {
	font-size: 0.2rem;
	line-height: 0.34rem;
	color: rgba(255, 255, 255, 1);
	margin-top: 0.16rem;
	overflow: hidden;text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;-webkit-box-orient: vertical;
}

.recruitment_view .recruitment_btn {
	width: 1.92rem;
	height: 0.6rem;
	border-radius: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0.02rem solid rgba(255, 255, 255, 1);
	font-size: 0.18rem;
	font-weight: 500;
	line-height: 0.26rem;
	color: rgba(255, 255, 255, 1);
	margin-top: 0.4rem;
}

.recruitment_view .recruitment_btn:hover {
	color: #fff;
	border: none;
	background: rgba(100, 59, 235, 1);
}

.logo_item {
	padding: 0.8rem 2.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.logo_item .logo_item_left {
	display: flex;
	align-items: center;
}

.logo_item .logo_item_left img {
	width: 0.98rem;
	height: 0.98rem;
	margin-right: 0.24rem;
}

.logo_item .logo_item_title {
	font-size: 0.24rem;
	line-height: 0.32rem;
}

.logo_item .logo_item_left_text {
	font-size: 0.18rem;
	line-height: 0.26rem;
	color: rgba(0, 0, 0, 0.6);
	margin-top: 0.08rem;
}

.logo_item .logo_item_right {
	display: flex;
	align-items: center;
}

.logo_item_right .app {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.logo_item_right .app img {
	width: 1.4rem;
	height: 1.4rem;
	margin-top: 0.16rem;
	margin-bottom: 1.28px;
}

.logo_item_right .logo_item_tips {
	width: 2.8rem;
	font-size: 0.12rem;
	line-height: 0.2rem;
	color: rgba(0, 0, 0, 0.4);
	text-align: center;
}

.logo_item_right .program_logo {
	margin-left: 1.6rem;
}

/* 轮播图样式 */
.news {
	width: 19.2rem;
	padding: 1.6rem 2.5rem;
	background: #fff;
	color: rgba(0, 0, 0, 0.9);
	padding-bottom: 0.8rem;
}

.news .new_title {
	font-size: 0.18rem;
	line-height: 0.26rem;
	margin-bottom: 0.08rem;
	width: 100%;
	text-align: center;
}

.news .new_text {
	font-size: 0.44rem;
	line-height: 0.66rem;
	margin-bottom: 0.6rem;
	width: 100%;
	text-align: center;
}

.news .carousel {
	width: 100%;

	overflow: hidden;
}

.news .carousel .carousel_wrapper {
	display: flex;
	/* align-items: center; */
	transition: transform 0.5s ease;
	will-change: transform;
}

.carousel .slide {
	width: 4.47rem;
	margin-right: 0.4rem;
	flex-shrink: 0;
	display: block !important;
}

.carousel .slide_img {
	width: 100%;
	height: 2.52rem;
}

.carousel .slide_title {
	font-size: 0.28rem;
	line-height: 0.36rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	margin-top: 0.2rem;
}

.carousel .slide_text {
	font-size: 0.14rem;
	line-height: 0.22rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: 100%;
	margin-top: 0.16rem;
	color: rgba(0, 0, 0, 0.6);
}

.carousel .slide_more {
	display: flex;
	align-items: center;
	font-size: 0.16rem;
	line-height: 0.24rem;
	margin-top: 0.28rem;
}

.carousel .slide_more img {
	width: 0.2rem;
	height: 0.2rem;
}

.news .slide_btns {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.6rem 0;
}

.news .slide_btns .slide_btn_left {
	width: 0.64rem;
	height: 0.64rem;
	margin-right: 0.4rem;
	cursor: pointer;
}

.news .slide_btns .slide_btn_right {
	width: 0.64rem;
	height: 0.64rem;
	cursor: pointer;
}

.news .slide_tips {
	width: 1.2rem;
	height: 2.52rem;
	padding: 1rem 0.24rem;
	text-align: center;
	background-color: rgba(248, 248, 248, 1);
	color: rgba(0, 0, 0, 0.4);
}

.news .slide_tips_btn {
	font-size: 0.18rem;
	line-height: 0.26rem;
	width: 0.72rem;
}

.news .slide_tips:hover {
	background: rgba(248, 248, 248, 1);
	color: rgba(0, 0, 0, 0.9);
}

.commonRecruitment {
	height: 10.1rem;
}



body img {
	display: block;
}

.head_view_div {
	height: 0.6rem;
	width: 100vw;
	max-width: 25.60rem;
	margin-left: auto;
	margin-right: auto;
}


/* 图片移入样式 */
.img_hover,.img_div_hover ,
.img_hover_not,.img_div_hover_not {
	overflow: hidden;
}

.img_hover img ,.img_div_hover img{
	transition: transform 0.5s ease;
	cursor: pointer;
}

.img_hover img:hover ,.img_div_hover:hover img{
	transform: scale(1.1);
}

.img_div_hover {
	cursor: pointer;
}

.copy {
	cursor: pointer;
}













.success-toast {
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translate(0, -50%);
	background: #fff;
	padding: 24px 32px;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	text-align: center;
	z-index: 9999;
	/* 初始隐藏 + 淡入动画 */
	opacity: 0;
	visibility: hidden;
	animation: toastShow 0.3s forwards, toastHide 0.3s 2.5s forwards;
	display: none;
}

/* 弹窗文字样式 */
.success-text {
	font-size: 14px;
	color: #999;
}

/* 动画关键帧：淡入 + 上移 */
@keyframes toastShow {
	from {
		opacity: 0;
		transform: translate(-50%, -40%);
	}

	to {
		opacity: 1;
		visibility: visible;
		transform: translate(-50%, -50%);
	}
}

/* 动画关键帧：淡出 + 下移 */
@keyframes toastHide {
	from {
		opacity: 1;
		transform: translate(-50%, -50%);
	}

	to {
		opacity: 0;
		visibility: hidden;
		transform: translate(-50%, -60%);
	}
}

/* 可选：页面背景虚化（弹窗显示时） */
body::after {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(2px);
	z-index: 9998;
	opacity: 0;
	visibility: hidden;
	animation: bgShow 0.3s forwards, bgHide 0.3s 2.5s forwards;

	display: none;
}

@keyframes bgShow {
	to {
		opacity: 1;
		visibility: visible;
	}
}

@keyframes bgHide {
	to {
		opacity: 0;
		visibility: hidden;
	}
}


.agreement_text{
	padding: .8rem 5.6rem;
	font-size: .12rem;
	line-height: .28rem;
	color: rgba(0, 0, 0, 0.6);
}

.agreement_title{
	padding: .6rem 0;
	width: 100%;
	text-align: center;
	color: rgba(0, 0, 0, 0.9);
	font-weight: 500;
	font-size: .44rem;
	line-height: .66rem;
}

.agreement_time{
	margin-bottom: .32rem;
	width: 100%;
	text-align: left;
	color: rgba(0, 0, 0, 0.6);
	font-size: .16rem;
	line-height: .28rem;
}

.agreement_text p {
	color: rgba(0, 0, 0, 0.9);
	font-size: .16rem;
	font-weight: 900;
	line-height: .28rem;
	display: inline-block;
}



.content,
.map,
.enterprise,
.introduction,
.logo_item,
.news {
	max-width: 19.2rem;
	margin-left: auto;
	margin-right: auto;
}

.relativeBox{
	position: relative;
}
.img_bottom_tips{
	position: absolute;left: .6rem;bottom: .4rem;color: rgba(255, 255, 255, 0.7);font-size: .12rem;line-height: .2rem;
}