.section{
	position: relative;
	background-color: #fff;
}
.section .text-box h3{
	font-size:30px;
	color: #333;
	font-weight: bold;
	line-height: 1.39;
}
.section .text-box p{
	font-size:16px;
	color: #333;
	line-height: 2;
	margin-bottom: 0.625em;
}
.section .text-box p:last-child{
	margin-bottom: 0;
}

.tab-control a{color:#999;font-size:1.2rem;padding-bottom:0.4rem;border-bottom:3px solid #eee;}
.tab-control a:hover{color:#fff;border-bottom:3px solid #333;color:#333;font-weight:700}
.tab-control .on{color:#fff;border-bottom:3px solid #333;color:#333;font-weight:700}

.career-banner{position:relative;margin-top:110px;width:100%;overflow:hidden;height:500px;}
.career-banner .career-bg-image{height:700px;margin:0 auto;}
.career-banner .career-bg-image img{height:100%}
.career-note-nobackground{position:absolute;bottom:0;left:0;align-items: center;display:flex;justify-content: center; width: 100%; height: 100%;}
.career-note{font-size:54px;letter-spacing:2px;color:#451d00;display:flex;flex-direction: column;justify-content: center;text-align:center;}
.career-note p{font-size:54px;}
.career-note .desc{font-size:24px;margin-top: 10px;}
.career-onepage{display:flex;justify-content: center;gap:40px;position:absolute;bottom:0px;left:0;right:0;margin-bottom: 20px;}
.career-onepage a{color:#fff;}
.career-onepage a:hover{color:#fff;}
.career-note-onepage{align-items: flex-end;}



.career-wrap {display: flex;gap: 24px;justify-content:space-between;}
    .career-card {flex: 1;
      overflow: hidden;
      border: 1px solid #eee;
    }
    .career-card img {object-fit: cover;}
    .career-card-img{width: 100%;height:260px;}
    .career-card-body {
      padding: 24px;
    }
    .career-card h3 {
      font-size: 24px;
      margin-bottom:16px;
      color:#000000;
    }
    .career-link-more {
      text-decoration:none;
      display:flex;
      align-items:center;
      gap:8px;
    }
    

.career-link-more span img{width:16px;transition: transform 0.2s ease;}

.career-card :hover span img{ transform: translateX(5px);}


.career-box{display: flex;gap: 24px;justify-content:space-between;margin-top:100px;}
.career-box .title {color: #000;margin-bottom: 22px;}
.career-box .title p:nth-child(1){font-size:36px;font-weight:700}
.career-box .title p:nth-child(2){font-size:40px}
.career-box .description {font-size: 16px;color: #666;  line-height: 1.8;text-align: justify;}
.career-box .introduction { width: 45%; padding: 0 70px 0 0px; display: flex; flex-direction: column;justify-content: center; align-items:left;}
.career-box  .display-img { width: 55%; height: 410px; padding-right: 15px;}
.career-box .display-img img {
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    height: 100%;
    width: 100%;
}





.sec1{
	padding: 10.3125% 0 4.17%;
}
.sec1 .text-box{
	text-align: center;
	margin-bottom: 5%;
}
.sec1 .text-box h3{
	margin-bottom: 2%;
}
.sec1 .text-box h4{
	font-size: 1.25em;
	color: #333;
	font-weight: bold;
	margin-bottom: 2.63%;
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}
.sec1 p{
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
	font-size: 1.125em;
    color: #333;
    line-height: 2;
    text-align:center;
}
.sec1 .text-box h3,.sec1 .text-box h4,.sec1 .text-box p{
	opacity:1;
	-webkit-transition-property: opacity,transform;
	-webkit-transition-duration: 1s,1s;
	transition-property: opacity,transform;
	transition-duration: 1s,1s;
}

.sec1 .flex-box{
	-webkit-display: flex;
	-webkit-align-items: stretch;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-direction: row;
	border-radius: 2.25em;
	overflow: hidden;
	opacity: 1;
	-webkit-transform: translateY(10vh);
	transform: translateY(10vh);
	-webkit-transition-property: opacity,transform;
	-webkit-transition-duration: 1s,1s;
	transition-property: opacity,transform;
	transition-duration: 1s,1s;
}
.sec1 .flex-box.actived{
 	-webkit-transform:translateY(0);
 	transform:translateY(0);
 	opacity:1;
}
.sec1 ul:first-child{
	width: 50.2%;
}
.sec1 ul:last-child{
	width: 48.5%;
}
.sec1 li{
	position: relative;
	overflow: hidden;
}
.sec1 li:first-child{
	margin-bottom: 1.25em;
}
.sec1 li .cover{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 8.54em;
	font-size: 1.5em;
	color: #fff;
	font-weight: bold;
	background-repeat: repeat-x;
	background-image: url(../images/sec1-boxbg.png);
	background-size: auto 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: column;
	padding-bottom: 1.8em;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.sec1 li:hover .cover{
	opacity: 1;
}
.sec1 .flex-box li img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: transform 1s 0.5s;
	transition: transform 1s 0.5s;
}
.sec1 .flex-box.actived li img{
	-webkit-transform: scale(1);
	transform: scale(1);
}

.sec1 .img1{height:500px;}
.sec1 .img1 img{position: absolute;margin-left: -80px;height: 100%;}
.sec1 .img2{height:220px;}
.sec1 .img2 img{position: absolute;margin-top: -90px; height: 180%;}
.sec1 .img3{height:220px;}
.sec1 .img3 img{position: absolute; margin-top: -80px; height: 150%;}
.sec1 .img4{height:500px;}
.sec1 .img4 img{position: absolute;margin-top: -40px;margin-left: -160px;height: 110%;}

.sec2{
	padding: 4.17% 0 4.43%;
}
.sec2 .text-box{
	width: 80%;
	margin-right:4%;
	float: left;
}
.sec2 .text-box h3,.sec2 .text-box p{
	opacity: 1;
 	transition:transform 1s,opacity 1s;
}
.sec2 .text-box.actived h3,.sec2 .text-box.actived p{
 	opacity:1;
}
.sec2 .text-box h3{
	margin-bottom: 1.84%;
}
.sec2 .text-box p{
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.sec2 .text-img{
	width: 30%;
	float: right;
}

.sec2 .right-part .img-box{
	position: relative;
}

.sec2 .right-part img{
  width:100%;
}





.sec3{
	padding: 7.14% 0 9.21875%;	
	position: relative;
}
.sec3 .text-box h3{
	margin-bottom: 1.58%;
}
.sec3 .text-box h3,.sec3 .text-box p{
	opacity: 1;
	/*opacity: 0;
	-webkit-transform: translateY(10vh);
	transform: translateY(10vh);Ò³ÃæÏÔʾЧ¹û*/
 	-webkit-transition:transform 1s,opacity 1s;
 	transition:transform 1s,opacity 1s;
}
.sec3 .text-box.actived h3,.sec3 .text-box.actived p{
 	-webkit-transform:translateY(0);
 	transform:translateY(0);
 	opacity:1;
}
.sec3 .text-box p{
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.sec3 .img-box{
	position: absolute;
	right: 1.71875%;
	top: 0;
	margin-top: 5%;
	width: 39.115%;
	display: none;
}
.sec3 .img-box .img{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
}
.sec3 .img-box .img2{
	-webkit-transition-delay: 0.75s;
	transition-delay: 0.75s;
}
.sec3 .img-box .img3{
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.sec3 .img-box .img4{
	-webkit-transition-delay: 2.25s;
	transition-delay: 2.25s;
}
.sec3 .img-box.actived .img{
	opacity: 1;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 1s;
	transition-property: opacity;
	transition-duration: 1s;
}



.sec4{
	padding: 9.21875% 0 7.1875%;	
}
.sec4 .inner{
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
}
.sec4 .text-box{
	text-align: justify;
}
.sec4 .text-box h3{
	margin-bottom: 9%;
}
.sec4 .text-box h3,.sec4 .text-box p{
	opacity:1;
	/*opacity: 0;
	-webkit-transform: translateY(10vh);
	transform: translateY(10vh);*/
 	-webkit-transition:transform 1s,opacity 1s;
 	transition:transform 1s,opacity 1s;
}
.sec4 .text-box.actived h3,.sec4 .text-box.actived p{
 	-webkit-transform:translateY(0);
 	transform:translateY(0);
 	opacity:1;
}
.sec4 .text-box p{
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.sec4 ul{
	margin-left: 5.9%;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	-webkit-transform: translate(100%,0);
	transform: translate(100%,0);
	opacity: 0;
}
.sec4 ul.actived{
	-webkit-transition: transform 1s,opacity 1s;
	transition: transform 1s,opacity 1s;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}
.sec4 li{
	width: 12em;
	margin-right: 1.5em;
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: center;
	padding: 6em 2em 5.25em;
    min-height: 380px;
	z-index: 1;
	border-radius: 1.875em;
	overflow: hidden;
	-webkit-transition: transform 1s;
	transition: transform 1s;
}
.sec4 li:last-child{
	margin-right: 0;
}
.sec4 li:hover{
	-webkit-transform: translateY(-10%);
	transform: translateY(-10%);
}	
.sec4 li::before{
	content: "";
	position: absolute;
	background-image: linear-gradient(59deg, #0070c0, #6ee2b1);
	border-radius: 1.875em;
	overflow: hidden;
	left: 50%;
	top: 50%;
	width: 50vh;
	height: 50vh;
	margin-left: -25vh;
	margin-top: -25vh;
	-webkit-transition: transform 2s;
	transition: transform 2s;
}
.sec4 li:hover::before{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.sec4 li::after{
	content: "";
	position: absolute;
	right: 1px;
	bottom: 1px;
	left: 1px;
	top: 1px;
	background-image: linear-gradient(to right, #f2f8fc, #f7fdfb);	
	border-radius: 1.75em;
	overflow: hidden;
}
.sec4 li > *{
	position: relative;
	z-index: 1;
}
.sec4 li img{
	width: auto;
	height: 4.125em;
	margin-bottom: 4.25em;
}
.sec4 li h5{
	font-size: 1.125em;
	color: #333;
	font-weight: bold;
	margin-bottom: 1.22em;
}
.sec4 li p{
	font-size: 1em;
	color: #333;
	line-height: 2;
}



.sec5{
	padding: 7.96875% 0 1%;
}
.sec5 .text-box{
	margin-bottom: 7.24%;
}
.sec5 .text-box h3{
	margin-bottom: 2.5%;
}
.sec5 .text-box h3,.sec5 .text-box p{
	opacity: 1;
	
 	-webkit-transition:transform 1s,opacity 1s;
 	transition:transform 1s,opacity 1s;
}

.sec2 .tab-control {
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid #999999;
    position: relative;
    font-size: 1.125em;}

.job-title{display:block;margin:20px 0 10px;line-height:3;padding:0px 20px;background:#eee;font-size:1rem;border-radius: 8px;}
.job-title span{display:inline-block;width:33.3%;}