:root{
	--time-line-active:#FA5A00;
	--time-line-normal:#D6D8E1;
	--time-line-maichong:rgba(239,126,0,.2)
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{
	margin:0;
	padding:0
}
body{
	font:14px/1 PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";
	position:relative;
	color:#333;
	
}
img{
	border:none
}
em,strong{
	font-family:inherit;
	font-size:inherit
}
table{
	border-spacing:0;
	border-collapse:collapse
}
h1,h2,h3,h4,h5,h6{
	font-size:14px;
	font-weight:normal
}
q:before,q:after{
	content:' '
}
button,input,select,textarea{
	font-size:100%
}
input,button,textarea,select,optgroup,option{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	font-style:inherit;
	outline:none
}
address,cite,dfn,em,var{
	font-style:normal
}
a,a:link,a:visited,a:hover,a:active{
	text-decoration:none;
	color:#333;
	outline:none
}
[v-cloak]{
	display:none !important
}
@font-face{
	font-family:'SourceHanSerifSC-Bold';
	src:url('../img/font/SourceHanSerif-SemiBold.ttc')format('opentype')
}
@font-face{
	font-family:'SourceHanSerif-Regular';
	src:url('../img/font/SourceHanSerif-Regular.ttc')format('opentype')
}
@font-face{
	font-family:'SourceHanSerif-Medium';
	src:url('../img/font/SourceHanSerif-Medium.ttc')format('opentype')
}
@font-face{
	font-family:'SourceHanSerif-Heavy';
	src:url('../img/font/SourceHanSerif-Heavy.ttc')format('opentype')
}
body{
	width:100%;
	background:#F8F8F8;
	font-family:PingFang SC-Medium,PingFang SC;
	overflow-x:hidden
}
.video{
	position:relative
}
.close{
	z-index:100;
	background:none;
	border:none;
	position:absolute;
	top:20px;
	right:20px
}
.close img{
	width:30px
}
.main{
	width:100%
}
.company{
	min-height:100vh;
	background:#000;
	display:flex;
	align-items:center;
	justify-content:center
}
.video-container{
	height:100vh;
	width:100%;
	background-image:url("../img/first_bg.png");
	background-color:#000;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center;
	object-fit:cover;
	font-family:Source Han Serif SC-SemiBold,Source Han Serif SC
}
.header-logo{
	width:9.375vw;
	margin-top:5.7407vh;
	margin-left:2.7083vw;
	margin-right:auto
}
.mask{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center
}
.video-hearder{
	margin-top:12vh;
	font-size:2.7083vw;
	font-weight:bold;
	color:#FFFFFF;
	line-height:1.5;
	letter-spacing:2px;
	font-family:'SourceHanSerifSC-Bold'
}
@keyframes titleOpacity{
	from{
	opacity:0;
	
}
to{
	opacity:1;
	
	}

}
@keyframes titles{
	from{
	font-size:0
}
to{
	font-size:1.0417vw
	}

}
.video-mark{
	margin-top:21.4814vh
}
.video-mark p{
	width:66.4062vw;
	font-size:1.0417vw;
	font-family:'SourceHanSerif-Regular';
	line-height:1.5;
	color:rgba(255,255,255,0.6);
	margin-bottom:1.8518vh;
	animation:titleOpacity 2s linear 1s 1 both
}
.video-button{
	display:flex;
	justify-content:center;
	align-items:center;
	animation:titleOpacity 2s linear 1.3s both;
	cursor:pointer
}
.video-button b{
	margin-left:5px;
	font-size:1.0417vw;
	font-family:PingFang SC-Regular;
	line-height:1.5;
	color:rgba(255,255,255,.8);
	text-decoration:underline;
	text-decoration-color:rgba(255,255,255,.8)
}
.video-button img{
	width:20px
}
#video{
	width:100%;
	object-fit:fill
}
.location{
	height:100vh;
	display:flex
}
.company-container{
	margin-top:10.1851vh;
	width:100%
}
.left{
	background:url("../img/location.png");
	background-size:100% auto;
	background-position:left center;
	background-repeat:no-repeat;
	border-radius:20px 20px 20px 20px;
	flex:0 0 46.7708%
}
.left div{
	width:100%;
	height:100%;
	border-radius:20px 20px 20px 20px;
	background:rgba(39,39,39,.6)
}
.right{
	display:grid;
	grid-template-rows:1fr 1fr 1fr 1fr;
	flex:0 0 47.4479%;
	margin-left:auto;
	margin-right:51px
}
.right .row-wrap{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	color:#1B1B1B
}
.right .row-wrap:not(:first-child){
	border-top:1px solid rgba(114,114,114,.3)
}
.right .row-wrap .content{
	width:100%;
	font-family:PingFang SC-Bold,PingFang SC;
	padding:1.98vw 0 1.8vw 1.9791vw
}
.right .row-wrap .content>div{
	margin-top:4.6296vh
}
.small-title{
	width:100%;
	display:flex;
	align-items:center;
	font-size:1.6666vw;
	font-family:PingFang SC-Medium
}
.small-title span{
	display:none;
	font-size:1.1458vw
}
.example{
	width:90%;
	display:none;
	font-size:1.1458vw;
	line-height:1.5;
	font-family:PingFang SC-Regular
}
.right ul{
	margin-left:20px
}
.row-wrap:hover{
	cursor:pointer;
	border-radius:20px 20px 20px 20px
}
.row-wrap:hover+.row-wrap{
	border:none
}
.row-wrap:hover .small-title span{
	display:inline-block
}
.row-wrap:hover .example{
	display:block;
	animation:opacity 1s linear;
	animation-fill-mode:forwards
}
.row-wrap:hover{
	background:#FA5A00;
	color:#FFFFFF;
	border:none
}
.flex-wrapper{
	display:flex;
	justify-content:center
}
.wrapper{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap
}
.wrapper-right{
	width:100%;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	flex-wrap:wrap
}
.title{
	font-size:2.7083vw;
	font-family:'SourceHanSerifSC-Bold';
	font-weight:bold;
	color:#1B1B1B;
	line-height:1.5;
	width:100%;
	text-align:center;
	padding-top:13.4259vh
}
.yewu-img{
	width:100%;
	height:auto
}
.business-logo{
	width:80.6771vw;
	display:flex;
	justify-content:space-between;
	margin-top:10.1851vh;
	align-items:center
}
.logo{
	height:100%
}
.history{
	display:flex
}
.history_container{
	width:80.6771vw;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-start;
	position:relative;
	margin-top:10.1851vh
}
.history_container .years_line{
	color:var(--time-line-normal);
	width:100%;
	display:flex;
	margin-bottom:5vh;
	justify-content:flex-start;
	align-items:baseline
}
.history_container .lightYear{
	color:var(--time-line-active);
	width:100%;
	display:flex;
	margin-bottom:5vh;
	justify-content:flex-start;
	align-items:baseline
}
.history_container .year{
	font-size:2.5vw;
	font-weight:bold;
	line-height:1.5;
	font-family:PingFang SC-Bold,PingFang SC;
	margin-left:3.125vw;
	display:flex;
	align-items:center;
	padding-right:5vw;
	cursor:pointer
}
.history_container .dot{
	width:2.5vw;
	height:2.5vw;
	border-radius:50%;
	margin-left:1.5625vw;
	display:inline-flex;
	align-items:center;
	justify-content:center
}
.history_container .lightYear .dot{
	background-color:var(--time-line-maichong)
}
.history_container .dot::after{
	content:"";
	height:1.5625vw;
	width:1.5625vw;
	border-radius:50%;
	position:absolute;
	background-color:var(--time-line-normal);
	z-index:1
}
.history_container .lightYear .dot::after{
	background-color:var(--time-line-active)
}
.history_container .years_line .year-detail{
	display:none;
	margin-top:4.6296vh
}
.history_container.lightYear.year-detail{
	display:block;
	margin-top:4.6296vh;
	animation:opacity 1s linear;
	animation-fill-mode:forwards
}
.history_container .years_line .year-detail a{
	display:inherit;
	width:100%;
	text-align:center;
	margin-top:10px
}
.detail-item{
	color:#000000;
	font-weight:500
}
.detail-item .item-title{
	font-size:1.1458vw;
	line-height:1.5
}
.detail-item .item-info{
	font-size:0.9375vw;
	line-height:1.5
}
.detail-item .item-info img{
	max-width:5.3125vw;
	max-height:13.3333vh;
	margin-right:10px
}
.detail-item .item-info img:first-child{
	margin-left:6px
}
.item-info-img{
	width:fit-content
}
.detail-item:not(:first-child){
	margin-top:3.9814vh
}
.swiper-container{
	margin-top:5%;
	width:80.6771vw
}
.swiper-wrapper{
	height:45vh;
	display:flex;
	align-items:center
}
.swiper-slide{
	position:relative;
	text-align:center;
	margin-right:23px !important;
	width:calc((80.6771vw - 46px)/ 3)!important;
	height:calc((80.6771vw - 46px)/ 3 * 227 / 341)!important
}
.swiper-slide img{
	width:100%;
	height:100%
}
.swiper-slide video{
	width:100%;
	height:100%;
	object-fit:fill
}
.swiper-slide:first-child{
	background:#000;
	display:flex;
	align-items:center
}
.swiper-container-horizontal>.swiper-pagination-bullets{
	position:relative !important
}
.swiper-container{
	margin-left:unset;
	margin-right:56px
}
.swiper-pagination-bullet{
	width:1vw !important;
	height:1vw !important;
	margin-right:60px !important
}
.swiper-pagination-bullet-active{
	background:var(--time-line-active)
}
.salary-container{
	width:80.6771vw;
	height:83vh;
	display:flex;
	justify-content:space-between;
	padding-bottom:7.8703vh;
	margin-right:2.9166vh
}
.salary-container .card-wrapper{
	flex:0 0 25.208vw;
	padding:0 17px 0 17px;
	margin-top:12.3148vh;
	overflow:hidden;
	transition:all .5s ease-in-out
}
.salary-container .card-wrapper .normal{
	width:100%;
	height:100%;
	background:url("../img/salary_bg.png");
	background-size:100% 100%;
	background-repeat:no-repeat;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.salary-container .card-wrapper .normal{
	position:relative
}
.salary-container .card-wrapper .normal .normal-title{
	width:100%;
	text-align:center;
	font-size:1.875vw
}
.salary-container .card-wrapper .normal .another{
	height:100%;
	width:100%;
	position:absolute;
	top:83vh;
	padding:5px;
	background-color:#E75C0E
}
.salary-container .card-wrapper .normal .another .another-sco div{
	height:fit-content;
	padding:0 1.8vw;
	margin-bottom:3.7037vh;
	margin-bottom:16px
}
.salary-container .card-wrapper:hover{
	margin-top:0
}
.salary-container .card-wrapper .normal .another .another-sco{
	overflow:auto;
	height:100%;
	width:100%;
	overscroll-behavior-y:contain
}
.salary-container .card-wrapper .normal .another .another-sco::-webkit-scrollbar{
	width:4px
}
.salary-container .card-wrapper .normal .another .another-sco::-webkit-scrollbar-track{
	background:#E75C0E;
	border-radius:2px
}
.salary-container .card-wrapper .normal .another .another-sco::-webkit-scrollbar-thumb{
	background:#FFCAAD;
	border-radius:2px
}
.salary-container .card-wrapper:hover .another{
	top:0;
	font-family:'PingFang SC';
	color:#FFFFFF;
	line-height:1.5
}
.another .card-title{
	color:#FFFFFF !important
}
.another-title{
	font-size:.9375;
	font-weight:bold;
	font-size:14px
}
.anothor-info{
	font-weight:medium;
	font-size:14px
}
.salary-container .card-wrapper img{
	width:2.9687vw;
	height:2.9687vw
}
.salary-container .card-wrapper:hover .salary .title{
	display:none
}
.card-title{
	font-family:PingFang SC-Medium,PingFang SC;
	font-weight:500;
	color:#FA5A00;
	height:6.2037vh;
	line-height:3.8888vh;
	margin-top:2.2222vh
}
.desc{
	font-weight:300;
	color:#353535;
	line-height:1.5
}
.join{
	background:#FFFFFF;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center
}
.join .content{
	width:500px;
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:center;
	margin-bottom:6.48vh
}
.join .content div{
	margin-top:3.3333vh;
	text-align:center;
	width:100%;
	height:fit-content;
	font-family:PingFang SC;
	color:#000000;
	line-height:1.5
}
.join .content span{
	display:block;
	font-size:1.0416vw
}
.join .content p{
	font-weight:bold;
	font-size:1.1458vw;
	margin-bottom:15px
}
.join .content button{
	width:17.8125vw;
	height:6.7592vh;
	background:var(--time-line-active);
	border:none;
	border-radius:10px;
	color:#FFFFFF;
	margin-top:4.62962vh;
	font-size:1.093vw;
	font-weight:500;
	cursor:pointer
}
@keyframes opacity{
	from{
	opacity:0
}
to{
	opacity:1
	}

}
@keyframes maichong{
	0%{
	transform:scale(.5)
}
50%{
	transform:scale(1.2)
}
50%{
	transform:scale(1)
	}

}
.titleScale{
	transform:scale(0)
}
.marginTop{
	margin-bottom:60px
}
.anthor-box{
	width:200px;
	font-size:21px;
	line-height:29px;
	font-family:PingFang SC-Regular;
	font-weight:400;
	display:flex;
	flex-direction:column;
	position:fixed;
	left:0;
	top:50%;
	transform:translateY(-50%)
}
.anthor-box.white a{
	color:#fff
}
.anthor-box a{
	font-size:1.0937vw;
	font-family:PingFang SC-Light;
	width:100%;
	margin-bottom:3.2407vh;
	cursor:pointer;
	transition:color .5s
}
.anthor-box .anchor-title{
	width:5.4687vw;
	margin-left:2.0833vw
}
.anthor-box .bold{
	font-family:PingFang SC-Heavy;
	font-weight:800
}
.blue{
	float:left
}
.blue::after{
	content:"";
	height:3.1481vh;
	width:0.3645vw;
	background-color:#5EA7EC;
	position:absolute
}
.fontColorWhite{
	color:#FFFFFF
}
.fontColorBlack{
	color:#353535
}
.footer{
	background:url("../img/footer_bg.png");
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
	background-color:rgba(48,48,48,.7);
	padding:30px 60px
}
.footer .container{
	width:1248px;
	margin:auto
}
.footer .container>p{
	font-size:16px;
	color:#FFFFFF;
	line-height:26px;
	text-align:center
}
.footer .contact{
	display:flex;
	margin-top:60px;
	justify-content:space-between
}
.footer .contact-div{
	
}
.footer .contact-div .p1{
	font-size:16px;
	color:#FFFFFF;
	line-height:22px
}
.footer .contact-div .p2{
	font-size:14px;
	color:#FFFFFF;
	line-height:20px;
	margin-top:15px
}
.footer .contact-div .logo{
	width:121px;
	height:30px;
	margin-top:46px
}
.footer .ewm{
	width:150px;
	height:150px;
	margin-left:25px
}
.contact-div2{
	border-bottom:2px solid #FA5A00
}
.title5{
	opacity:1;
	transform:all 1s
}
.title5.on{
	opacity:0
}
.loading{
	background:#000;
	min-height:100%;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:#000;
	z-index:99999
}
.loader{
	position:absolute;
	text-align:center;
	width:100%;
	height:2em;
	top:50%;
	margin-top:-1em
}
.loader_letter{
	text-transform:uppercase;
	color:#fff;
	font-family:"Helvetica",sans-serif;
	font-weight:bold;
	padding:0 .2em;
	font-size:2em;
	line-height:1;
	position:relative;
	display:inline-block;
	animation:bounce2 0.5s cubic-bezier(0.165,0.84,0.44,1)infinite alternate
}
.loader_letter:nth-child(1){
	animation-delay:0s
}
.loader_letter:nth-child(2){
	animation-delay:0.05s
}
.loader_letter:nth-child(3){
	animation-delay:0.1s
}
.loader_letter:nth-child(4){
	animation-delay:0.15s
}
.loader_letter:nth-child(5){
	animation-delay:0.2s
}
.loader_letter:nth-child(6){
	animation-delay:0.25s
}
.loader_letter:nth-child(7){
	animation-delay:0.3s
}
@keyframes bounce2{
	0%{
	transform:translateY(0px)
}
100%{
	transform:translateY(-1em)
	}

}