@charset "utf-8";



*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}

html{height: 100%; font-size: 16px;}

html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,em,select,button,textarea,input{margin: 0; padding: 0;}

/*body{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}*/

body{background: #fff; font-family: Arial,'Microsoft YaHei',"Helvetica Neue", Helvetica, "Hiragino Sans GB", "Heiti SC", sans-serif; font-size: 16px; line-height: 1.2; color: #333; position: relative; min-height: 100%;}

a,img,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0);}

input[type="text"],input[type="hidden"],input[type="password"],button,textarea,select{outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; font-family: Arial,'Microsoft YaHei',"Helvetica Neue", Helvetica, "Hiragino Sans GB", "Heiti SC", sans-serif;}

select::-ms-expand{display: none;}

input::-ms-clear{display: none;}

table{border-collapse:collapse;}

a{text-decoration: none; color: #333;}

a:hover{text-decoration: none;}

a:focus{text-decoration: none;}

li{list-style: none;}

img{vertical-align: middle; border: none;}

.fl{float: left;}

.fr{float: right;}

.clear{clear: both;}

.hidden{overflow: hidden;}

.h1,.h2,.h3,.h4,.h5,.h6{font-weight: normal;}

.clearfix:after{content: ""; display: block; height: 0; visibility: hidden; clear: both;}

.clearfix {*zoom: 1;}

.cell-box{font-size: 0;}

.cell-box:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}

.cell-box .cell{width: 100%; display: inline-block; vertical-align: middle;}

/*scroll*/

::-webkit-scrollbar {width:4px;height:4px}

::-webkit-scrollbar-button:vertical {display:none}

::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#ffffff;}

::-webkit-scrollbar-thumb {border-radius:10px;background-color: #2ab0a5;}

::-webkit-scrollbar-thumb:vertical:hover {background-color: #2ab0a5;}

::-webkit-scrollbar-thumb:vertical:active {background-color: #2ab0a5;}









.weixin-prop{ width:300px; height:380px;border:1px #ddd solid; background:#fff; position:fixed;left:50%;top:50%;margin:-190px 0px 0px -150px; z-index:2345667}

.weixin-close{width:25px;height:25px; position:absolute;right:10px;top:10px; line-height:30px; text-align:center; font-size:20px; color:#333; cursor:pointer}

.weixin-img{ float:left; width:250px; margin:60px 0px 0px 25px}

.weixin-img canvas{width:250px;height:250px}

.weixin-prop p{ float:left; width:100%; overflow:hidden; font-size:14px; text-align:center; color:#222}

















#endtxt{

	font-size: 20px;

	line-height: 2;

	color: #252d36;

	font-family: 'MiSans-Light';

    overflow: hidden;

    clear: both;

	word-break: normal;

	text-align:justify;

}

#endtxt ul li{

	display: list-item;

	text-align: -webkit-match-parent;

	list-style-type: disc;

}

#endtxt hr{clear: both;

padding-top: 15px;

border-width: 0 0 1px 0;

border-color: #999;

margin-bottom: 15px;

}



#endtxt ul,#endtxt  menu,#endtxt  dir,#endtxt blockquote  {

display: block;

list-style-type: disc;

-webkit-margin-before: 1em;

-webkit-margin-after: 1em;

-webkit-margin-start: 0px;

-webkit-margin-end: 0px;

-webkit-padding-start: 40px;

padding-left:40px;

}

#endtxt em,#endtxt cite,#endtxt address,#endtxt i{font-style: italic;}

#endtxt h1,

#endtxt h2,

#endtxt h3,

#endtxt h4,

#endtxt h5,

#endtxt h6{

	font-weight: bold;

}



#endtxt h1{

	font-size: 28px;

}

#endtxt h2{

	font-size: 24px;

}

#endtxt h3{

	font-size: 18px;

}

#endtxt h4{

	font-size:12px;

}



#endtxt img{

	max-width: 100%;

	height: auto !important;

}

#endtxt video{

	max-width: 100%;

	height: auto !important;

}

#endtxt strong,

#endtxt b{

	font-family: 'MiSans-Bold';

}

#endtxt table{

	width: 100%;

}

#endtxt table td{

	padding: 1rem;

	text-wrap: wrap;

}

@media screen and (max-width: 1680px){

	#endtxt{

		font-size: 18px;

	}

}

@media screen and (max-width: 1440px){

	#endtxt{

		font-size: 16px;

	}

}

@media (max-width: 640px){

    #endtxt{

		font-size: 14px;

		line-height: 24px;

    }

}









.recruit-s2 .filter{

	display: flex;

	position: relative;

	z-index: 2;

}

.recruit-s2 .filter .box{

	width: calc((100% - 10rem - 20px) / 2);

	margin-right: 10px;

	position: relative;

}

.recruit-s2 .filter .box span{

	display: block;

	border: 1px solid #e6e6e6;

	padding: 0 calc(2.5rem + 10px) 0 1.25rem;

	position: relative;

	font-size: 14px;

	line-height: calc(3.75rem  - 2px);

	color: #808080;

	cursor: pointer;

}

.recruit-s2 .filter .box span:after{

	content: '';

	width: 10px;

	height: 6px;

	background: url('../images/recruit/icon-1.png') center center no-repeat;

	position: absolute;

	right: 1.25rem;

	top: 50%;

	margin-top: -3px;

}

.recruit-s2 .filter .box ul{

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	background-color: #fff;

	border: 1px solid #e6e6e6;

	border-top: none;

	display: none;

}

.recruit-s2 .filter .box ul li{

	display: block;

	line-height: 2.5rem;

	padding: 0 1.25rem;

	font-size: 14px;

	color: #808080;

	cursor: pointer;

}

.recruit-s2 .filter .box ul li:hover{

	background-image: linear-gradient(180deg, #2ba7a3, #338c9c);

	color: #fff;

}

.recruit-s2 .filter .box.open ul{

	display: block;

}

.recruit-s2 .filter a{

	width: 10rem;

	font-size: 18px;

	line-height: 3.75rem;

	color: #fff;

	text-align: center;

	background-image: linear-gradient(180deg, #2ba7a3, #338c9c);

}

.recruit-s2 .top-box{

	margin-top: 2.5rem;

	display: flex;

	align-items: center;

	background-color: #f2f2f2;

	padding: 1.25rem 0;

}

.recruit-s2 .top-box span{

	font-size: 14px;

	color: #333333;

}

.recruit-s2 .top-box span:nth-of-type(1){

	width: calc(100% - 32.5rem);

	padding-left: 2.5rem;

}

.recruit-s2 .top-box span:nth-of-type(2){

	width: 20rem;

	padding-left: 2.5rem;

}

.recruit-s2 .top-box span:nth-of-type(3){

	width: 12.5rem;

}

.recruit-s2 .items{

	margin-bottom: 2.5rem;

}

.recruit-s2 .item{

	position: relative;

	border-bottom: 4px solid #f2f2f2;

}

.recruit-s2 .item:after {

  content: '';

  width: 100%;

  height: 4px;

  position: absolute;

  bottom: -4px;

  left: 0;

  background-image: linear-gradient(90deg, #2ba7a3, #338c9c);

  z-index: 2;

  transform-origin: left center;

  transform: scaleX(0);

}

.recruit-s2 .item a{

	display: flex;

	align-items: center;

	padding: 2.5rem 0;

}

.recruit-s2 .item span{

	font-size: 18px;

	color: #333333;

	position: relative;

}

.recruit-s2 .item span:nth-of-type(1){

	width: calc(100% - 32.5rem);

	padding-left: 2.5rem;

}

.recruit-s2 .item span:nth-of-type(2){

	width: 20rem;

	padding-left: 2.5rem;

}

.recruit-s2 .item span:nth-of-type(3){

	width: 12.5rem;

}

.recruit-s2 .item span:nth-of-type(3):after{

	content: '';

	width: 8px;

	height: 14px;

	background: url('../images/recruit/icon-2.png');

	position: absolute;

	right: 2.5rem;

	top: 50%;

	margin-top: -7px;

}

@media (any-hover: hover) {

	.recruit-s2 .item:hover:after {

		transform: scaleX(1);

		transition: transform .5s ease;

	}

}



.recruit-s1 .top-block .tips{

	font-size: 16px;

	color: #2f989f;

	margin-top: 10px;

}

.recruit-s1 .top-block .info.single{

	align-items: flex-end;

}

.recruit-s1 .top-block .info.single span{

	display: block;

	line-height: 2;

}

.recruit-s1 .top-block .info.single span:before{

	display: none;

}









.recruit-pop-form{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 10;

	display: none;

}

.recruit-pop-form .bg{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,.5);

	z-index: 1;

}

.recruit-pop-form .main{

	max-width: 1200px;

	width: 90%;

	margin: 0 auto;

	position: absolute;

	top: 50%;

	left: 0;

	right: 0;

	margin: 0 auto;

	transform: translateY(-50%);

	z-index: 2;

}

.recruit-pop-form .block{

	background-color: #fff;

	padding: 3.75rem;

	position: relative;

}

.recruit-pop-form .scroll{

	max-height: 70vh;

	overflow: auto;

	margin-right: -10px;

	padding-right: 10px;

}

.recruit-pop-form .close{

	width: 22px;

	height: 22px;

	position: absolute;

	top: 1.875rem;

	right: 1.875rem;

	background: url('../images/recruit/icon-3.png');

	cursor: pointer;

}

.recruit-pop-form .tit{

	font-size: 24px;

	color: #252d36;

}

.recruit-pop-form .info{

	font-size: 0;

	margin-top: 10px;

	font-size: 0;

	margin-bottom: 2.5rem;

}

.recruit-pop-form .info span{

	display: inline-block;

	vertical-align: top;

	font-size: 16px;

	color: #252d36;

	margin-right: 2.5rem;

}











@media screen and (max-width: 1681px){

	.recruit-s2 .filter a,

	.recruit-s2 .item span{

		font-size: 16px;

	}

	.recruit-s1 .top-block .tips{

		font-size: 14px;

	}

	.recruit-pop-form .tit{

		font-size: 20px;

	}

	.recruit-pop-form .info span{

		font-size: 14px;

	}

}

@media screen and (max-width: 1025px){

	.recruit-s2 .filter a,

	.recruit-s2 .item span{

		font-size: 14px;

	}

	.recruit-pop-form .block{

		padding: 5rem 2rem 2rem;

	}



}

@media screen and (max-width: 900px){

	.recruit-s2 .filter .box ul{

		width: 150%;

	}

	.recruit-s2 .filter .box ul li{

		line-height: 30px;

	}

	.recruit-s2 .top-box{

		margin-top: 2rem;

	}

	.recruit-s2 .top-box span{

		font-size: 12px;

	}

	.recruit-s2 .top-box span:nth-of-type(3),

	.recruit-s2 .item span:nth-of-type(3){

		width: 8rem;

	}

	.recruit-s2 .top-box span:nth-of-type(2),

	.recruit-s2 .item span:nth-of-type(2){

		width: 40%;

		padding-left: 1rem;

		padding-right: 1rem;

	}

	.recruit-s2 .top-box span:nth-of-type(1),

	.recruit-s2 .item span:nth-of-type(1){

		width: calc(60% - 8rem);

		padding-left: 1rem;

	}

	.recruit-s2 .item a{

		padding: 2rem 0;

	}

	.recruit-s2 .item span:nth-of-type(3):after{

		display: none;

	}

	.recruit-s2 .item span{

		font-size: 12px;

	}

	.recruit-s1 .top-block .info.single{

		display: block;

	}

	.recruit-pop-form .bg{

		background-color: rgba(0,0,0,.8);

	}

	.recruit-pop-form .tit{

		font-size: 18px;

	}

	.recruit-pop-form .close{

		position: fixed;

	}

}









/*2023-06-05*/

.recruit-page-s1 .para{

	font-size: 18px;

	line-height: 2;

	color: #333;

}

.recruit-page-s1 .link-box{

	margin-top: 3.75rem;

	padding-top: 3.75rem;

	border-top: 1px solid #e6e6e6;

}

.recruit-page-s1 .link-box .tit{

	font-size: 24px;

	color: #2ab0a5;

	font-weight: 600;

	position: relative;

	padding-left: 1.25rem;

}

.recruit-page-s1 .link-box .tit:before{

	content: '';

	width: 4px;

	height: 80%;

	background-color: #2ab0a5;

	position: absolute;

	top: 10%;

	left: 0;

}

.recruit-page-s1 .link{

	margin-right: -1.5rem;

	display: flex;

	flex-wrap: wrap;

}

.recruit-page-s1 .link a{

	width: calc(33.33% - 1.5rem);

	margin: 1.5rem 1.5rem 0 0;

	border: 1px solid #e6e6e6;

	padding: 2.5rem;

	position: relative;

}

.recruit-page-s1 .link a:before{

	content: '';

	position: absolute;

	top: -1px;

	left: -1px;

	right: -1px;

	bottom: -1px;

	background-image: linear-gradient(180deg, #2ba7a3, #338c9c);

	z-index: 1;

	opacity: 0;

	transition: opacity .3s ease;

}

.recruit-page-s1 .link a .box{

	position: relative;

	z-index: 2;

	padding-right: 20px;

}

.recruit-page-s1 .link a .box:after{

	content: '';

	width: 6px;

	height: 10px;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -5px;

	background: url('../images/recruit/n-n-1.png');

}

.recruit-page-s1 .link a span{

	font-size: 24px;

	color: #333;

	transition: color .3s ease;

}

.recruit-page-s1 .link a p{

	font-size: 12px;

	color: #a6a6a6;

	text-transform: uppercase;

	transition: color .3s ease;

}

@media (any-hover: hover){

	.recruit-page-s1 .link a:hover:before{

		opacity: 1;

	}

	.recruit-page-s1 .link a:hover span{

		color: #fff;

	}

	.recruit-page-s1 .link a:hover p{

		color: #fff;

	}

	.recruit-page-s1 .link a:hover .box:after{

		background: url('../images/recruit/n-n-2.png');

	}

}



@media screen and (max-width: 1800px){

	.recruit-page-s1 .link-box .tit{

		font-size: 22px;

	}

	.recruit-page-s1 .link a span{

		font-size: 22px;

	}

	.recruit-page-s1 .para{

		font-size: 17px;

	}

}

@media screen and (max-width: 1681px){

	.recruit-page-s1 .link-box .tit{

		font-size: 21px;

	}

	.recruit-page-s1 .link a span{

		font-size: 21px;

	}

	.recruit-page-s1 .para{

		font-size: 16px;

	}

}

@media screen and (max-width: 1367px){

	.recruit-page-s1 .link-box .tit{

		font-size: 18px;

	}

	.recruit-page-s1 .link a span{

		font-size: 18px;

	}

}

@media screen and (max-width: 1025px){

	.recruit-page-s1 .para{

		font-size: 14px;

	}

}

@media screen and (max-width: 769px){

	.recruit-page-s1 .link{

		margin-right: 0;

	}

	.recruit-page-s1 .link a{

		width: 100%;

		margin: 1.5rem 0 0;

	}

}







.n-about-s1 .about-flex{

	display: flex;

	align-items: center;

}

.n-about-s1 .img-box{

	width: 18.75rem;

}

.n-about-s1 .img-box img{

	display: block;

	width: 100%;

}

.n-about-s1 .txt-box{

	width: calc(100% - 18.75rem);

	padding-left: 3.75rem;

}

.n-about-s1 .txt-box .tit{

	position: relative;

	padding-left: 20px;

	font-size: 32px;

	color: #333333;

}

.n-about-s1 .txt-box .tit span{

	display: inline-block;

	font-size: 24px;

	margin-left: 1.5rem;

}

.n-about-s1 .txt-box .tit:before{

	content: '';

	width: 4px;

	height: 100%;

	background-image: linear-gradient(180deg, #2ba7a3, #338c9c);

	position: absolute;

	left: 0;

	top: 0;

}

.n-about-s1 .txt-box .email{

	margin-top: 1.5rem;

	font-size: 18px;

	color: #808080;

}

.n-about-s1 .txt-box .email a{

	color: #2ba7a3;

}

.n-about-s1 .txt-box .para{

	margin-top: 2rem;

	padding-top: 2rem;

	border-top: 1px solid #e6e6e6;

	font-size: 18px;

	color: #808080;

	line-height: 2;

}





@media screen and (max-width: 1681px){

	.n-about-s1 .txt-box .tit{

		font-size: 28px;

	}

	.n-about-s1 .txt-box .tit span{

		font-size: 20px;

	}

	.n-about-s1 .txt-box .email{

		font-size: 16px;

	}

	.n-about-s1 .txt-box .para{

		font-size: 16px;

	}

}

@media screen and (max-width: 1441px){

	.n-about-s1 .txt-box .tit{

		font-size: 24px;

	}

	.n-about-s1 .txt-box .tit span{

		font-size: 18px;

	}

	.n-about-s1 .txt-box .email{

		font-size: 15px;

	}

	.n-about-s1 .txt-box .para{

		font-size: 15px;

	}

}

@media screen and (max-width: 620px){

	.n-about-s1 .about-flex{

		display: block;

	}

	.n-about-s1 .img-box{

		width: 100%;

		margin: 0 auto;

	}

	.n-about-s1 .txt-box{

		width: 100%;

		padding-left: 0;

		margin-top: 4rem;

	}

	.n-about-s1 .txt-box .tit{

		font-size: 20px;

	}

	.n-about-s1 .txt-box .tit span{

		font-size: 16px;

	}

}