.join_us-workInHere .swiper-slide {
	margin-top:14px
}

.join_us-workInHere .swiper-slide .pic .imgs-container {
	position:relative;
	text-align:center
}

.join_us-workInHere .swiper-slide .pic .imgs-container video {
	width:358px;
	height:440px;
	margin:auto
}

.join_us-workInHere .swiper-slide .pic .imgs-container img {
	position:absolute;
	width:1px;
	height:1px;
	top:162px;
	left:480px;
	margin:auto;
	opacity:0;
	z-index:-1
}

.join_us-workInHere .swiper-slide .pic .imgs-container img.animate-img-1 {
	top:56px;
	left:91px;
	transform-origin:center;
	width:108px;
	height:100px;
	transition:all .3s;
	opacity:1
}

.join_us-workInHere .swiper-slide .pic .imgs-container img.animate-img-2 {
	top:162px;
	left:-10px;
	transition:all .5s;
	width:208px;
	height:118px;
	opacity:1
}

.join_us-workInHere .swiper-slide .pic .imgs-container img.animate-img-3 {
	top:288px;
	left:66px;
	transition:all .3s;
	width:133px;
	height:79px;
	opacity:1
}

.join_us-workInHere .swiper-slide .pic .imgs-container img.animate-img-4 {
	top:37px;
	left:207px;
	transition:all .5s;
	width:182px;
	height:243px;
	opacity:1
}

.join_us-workInHere .swiper-slide .pic .imgs-container img.animate-img-5 {
	top:288px;
	left:207px;
	transition:all .9s;
	width:182px;
	height:133px;
	opacity:1
}

.join_us-workInHere .swiper-slide .pic .imgs-container img.animate-img-6 {
	top:35px;
	left:771px;
	transition:all .9s;
	width:270px;
	height:136px;
	opacity:1
}

.join_us-workInHere .swiper-slide .pic .imgs-container img.animate-img-7 {
	top:179px;
	left:771px;
	transition:all .5s;
	width:156px;
	height:229px;
	opacity:1
}

.join_us-workInHere .swiper-slide .pic .imgs-container img.animate-img-8 {
	top:179px;
	left:935px;
	transition:all 1s;
	width:224px;
	height:133px;
	opacity:1
}

.join_us-workInHere .swiper-slide .pic .imgs-container img.animate-img-9 {
	top:320px;
	left:935px;
	transition:all .9s;
	width:125px;
	height:79px;
	opacity:1
}

.join_us-workInHere .swiper-slide .pic .static-img {
	width:100%
}

.join_us-workInHere .swiper-pagination {
	top:24px;
	display:flex;
	bottom:auto;
	justify-content:center
}

.join_us-workInHere .swiper-pagination .icon {
	background-repeat:no-repeat;
	background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/join_us/sprite.d61e90e2.png);
	background-size:700%;
	display:inline-block;
	width:24px;
	height:24px;
	margin-right:4px
}

.join_us-workInHere .swiper-pagination .icon-work {
	background-position-x:-24px
}

.join_us-workInHere .swiper-pagination .icon-research {
	background-position-x:-48px
}

.join_us-workInHere .swiper-pagination .icon-entertainment {
	background-position-x:-72px
}

.join_us-workInHere .swiper-pagination .icon-game {
	background-position-x:-96px
}

.join_us-workInHere .swiper-pagination .swiper-pagination-bullet {
	width:auto;
	height:auto;
	border-radius:0;
	background:0 0;
	opacity:1;
	font-size:18px;
	color:#3a3a3a;
	line-height:28px;
	padding:0 32px;
	position:relative;
	display:flex;
	align-items:center
}

.join_us-workInHere .swiper-pagination .swiper-pagination-bullet:last-child::after {
	display:none
}

.join_us-workInHere .swiper-pagination .swiper-pagination-bullet-active {
	font-weight:700;
	color:#349bf1
}

.join_us-workInHere .swiper-pagination .swiper-pagination-bullet-active .icon {
	background-position-y:-24px
}

.join_us-workInHere .swiper-pagination .swiper-pagination-bullet:after {
	content:"";
	position:absolute;
	right:0;
	width:1px;
	height:20px;
	top:6px;
	background-color:#979797
}
@media screen and (min-width: 1024px) {.join_us-training .swiper-slide {
	width:30.7%; position:relative; float:left; margin-right:30px;
}

.mmp01{
    margin-right: -24px;}
}
@media screen and (max-width: 1024px) {.join_us-training .swiper-slide {
	width:100%; position:relative;
}}

.join_us-training .swiper-slide:nth-child(3) {
	    margin-right: 0px;
}

.join_us-training .swiper-slide .content {
	width:100%;
	background:#fff;
	border-radius:1px;
	margin:40px auto auto
}

.join_us-training .swiper-slide .content .img {
	height:272px;
	width:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat
}

.join_us-training .swiper-slide .content .text-container {
	padding:32px 14px;
	text-align:center
}

.join_us-training .swiper-slide .content .text-container .title {
	font-size:20px;
	font-weight:bolder;
	color:#333;
	line-height:28px;
	margin-bottom:12px
}

.join_us-training .swiper-slide .content .text-container .desc {
	font-size:14px;
	color:#666;
	line-height:24px
}

.join_us-moment {
	padding-top:0
}

.join_us-moment .swiper-slide .content {
	margin-top:40px;
	width:1160px;
	height:418px;
	position:relative
}

.join_us-moment .swiper-slide .content .img {
	width:705px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	height:100%
}

.join_us-moment .swiper-slide .content .text-container {
	color:#fff;
	background-color:#0a2349;
	padding-top:120px;
	height:100%;
	width:580px;
	position:absolute;
	right:0;
	top:0;
	padding-right:72px;
	padding-left:60px
}

.join_us-moment .swiper-slide .content .text-container::after,.join_us-moment .swiper-slide .content .text-container::before {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	height:100%;
	transform:skew(-10deg)
}

.join_us-moment .swiper-slide .content .text-container::before {
	left:-37px;
	background-color:#0a2349;
	width:75px
}

.join_us-moment .swiper-slide .content .text-container::after {
	left:-81px;
	width:45px;
	background-image:linear-gradient(180deg,rgba(14,87,162,.5) 0,rgba(37,144,242,0) 100%)
}

.join_us-moment .swiper-slide .content .text-container .title {
	font-size:24px;
	font-weight:700;
	color:#fff;
	line-height:40px;
	margin-bottom:16px
}

.join_us-moment .swiper-slide .content .text-container .desc {
	font-size:16px;
	color:#e6e6e6;
	line-height:28px
}

.join_us-moment .swiper-pagination {
	bottom:120px;
	padding-left:641px;
	text-align:left;
	right:0;
	position:relative;
	display:flex;
	left:0
}

.join_us-moment .swiper-pagination .swiper-pagination-bullet {
	width:23px;
	height:23px;
	background-color:rgba(255,255,255,.2);
	transform:skew(-10deg);
	border-radius:0;
	opacity:1;
	font-size:16px;
	font-weight:bolder;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#0a2349
}

.join_us-moment .swiper-pagination .swiper-pagination-bullet-active {
	background-color:rgba(255,255,255,.8)
}

.join_us-banner-container {
	height:450px;
	background-size:auto 100%;
	background-color:#000;
	background-position:center;
	display:flex;
	text-align:center;
	background-repeat:no-repeat
}

.join_us-banner-container .banner-title {
	margin:156px auto 32px;
	font-size:32px;
	font-weight:600;
	color:#fff;
	line-height:60px
}

.join_us-banner-container .btn-container .button:first-child {
	margin-right:32px
}

.join_us-welfare {
	height:996px;
	background:#fff
}

.join_us-welfare .welfare-list {
	margin-top:40px;
	display:flex;
	flex-wrap:wrap;
	align-content:space-between;
	justify-content:space-between;
	min-width:1150px
}

.join_us-tail-container,.join_us-welfare .welfare-list .welfare-item {
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat
}

.join_us-welfare .welfare-list .welfare-item {
	margin-bottom:32px;
	width:376px;
	height:352px;
	flex-wrap:wrap;
	position:relative
}

.join_us-welfare .welfare-list .welfare-item .welfare-item-title {
	margin:40px 0 16px 44px;
	font-size:20px;
	font-weight:600;
	color:#333;
	line-height:28px
}

.join_us-welfare .welfare-list .welfare-item .welfare-item-text {
	margin:0 32px;
	font-size:14px;
	color:#999;
	line-height:24px;

    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 100px;


}

.join_us-welfare .welfare-list .welfare-item{}

.join_us-welfare .welfare-list .welfare-item:hover .welfare-item-text {
		overflow:visible;
		text-overflow:initial;
		-webkit-line-clamp:initial;
		-webkit-box-orient:initial;
	}

.join_us-welfare .welfare-list .welfare-item:hover {
		box-shadow:0 0 10px 0 rgba(10,35,73,.3)
	}

.join_us-welfare .welfare-list .welfare-item:hover {
		box-shadow:0 100px 500px 100px rgba(255,255,255) inset
	}


.join_us-welfare .welfare-list .welfare-item:before {
	content:"";
	position:absolute;
	height:2px;
	left:0;
	width:0;
	top:0;
	background:#349bf1;
	transition:all .6s
}

.join_us-tail-container {
	height:calc(300px - 40px);
	display:flex;
	text-align:center
}

.join_us-tail-container .btn-container {
	margin:100px auto 52px
}

.join_us-tail-container .btn-container .button:first-child {
	margin-right:32px
}

.join_us-tail-container .tail-contact {
	font-size:16px;
	font-weight:500;
	color:#fff;
	line-height:22px;
	display:flex;
	justify-content:space-between;
	margin:auto 118px
}

.join_us-tail-container .tail-contact .wechat,.join_us-tail-container .tail-contact .weibo {
	width:20px;
	height:16px;
	background-repeat:no-repeat;
	background-position:-120px -2px;
	background-size:700%;
	cursor:pointer;
	margin:3px 8px
}

.join_us-tail-container .tail-contact .wechat {
	background-position:-100px -2px;
	position:relative
}

.pc-swiper-wrapper {
	display:block
}

.mobile-filter-volist,.mobile-swiper-wrapper,.mobile-training-container {
	
}

@media (hover:hover) {
	.join_us-workInHere .swiper-pagination .swiper-pagination-bullet:hover .icon {
		background-position-y:-24px
	}

	.join_us-welfare .welfare-list .welfare-item:hover:before {
		width:100%
	}

	.join_us-welfare .welfare-list .welfare-item:hover .welfare-item-title,.join_us-workInHere .swiper-pagination .swiper-pagination-bullet:hover {
		color:#349bf1
	}

	.join_us-tail-container .tail-contact div:hover {
		background-position-y:-22px
	}
}

.join_us-tail-container .tail-contact .wechat:hover:before {
	content:"";
	position:absolute;
	width:90px;
	height:90px;
	right:-100px;
	background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/join_us/wechat-qrcode.a4e2d7ae.png);
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	top:-37.6px
}

.join_us-tail-container .tail-contact .wechat:hover:after {
	content:"";
	position:absolute;
	width:0;
	height:0;
	border-style:solid;
	border-width:5px 7px 5px 0;
	border-color:transparent rgba(255,255,255,.5) transparent transparent;
	right:-10px;
	top:3px
}

@media screen and (max-width:767px) {
	.pc-filter-volist,video {
		display:none
	}

	.mobile-filter-volist {
		display:block
	}

	.card,.card-dark {
		padding:.48rem 0
	}

	.join_us-banner-container {
		height:2.84rem;
		padding-top:1.16rem
	}

	.join_us-banner-container .banner-title {
		margin:0 auto;
		font-size:.24rem;
		font-family:PingFangSC-Medium,PingFang SC;
		font-weight:700;
		line-height:.33rem
	}

	.join_us-banner-container .btn-container {
		display:flex;
		padding:.24rem 42px 0;
		justify-content:space-between
	}

	.page-content {
		width:100vw;
		margin:0
	}

	.card .card-title,.card-dark .card-title {
		font-size:.2rem;
		font-family:PingFangSC-Medium,PingFang SC;
		font-weight:700;
		color:#333;
		line-height:.28rem
	}

	.join_us-workInHere .swiper-pagination .swiper-pagination-bullet {
		padding:0 .08rem;
		font-size:.14rem;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:#3a3a3a;
		line-height:.24rem;
		margin:0;
		display:flex;
		flex-direction:column
	}

	.join_us-workInHere .swiper-pagination .icon {
		width:.15rem;
		height:.15rem;
		color:#3a3a3a
	}

	.swiper-pagination-bullet-active .icon {
		color:#349bf1
	}

	.join_us-workInHere .swiper-pagination .swiper-pagination-bullet:after {
		width:0
	}

	.join_us-workInHere .swiper-slide {
		margin-top:.65rem
	}

	.imgs-container {
		display:none
	}

	.join_us-welfare {
		height:initial;
		background:#f0f1f3
	}

	.join_us-welfare .welfare-list {
		min-width:100%;
		margin-top:.24rem;
		padding:0 .24rem
	}

	.join_us-welfare .welfare-list .welfare-item {
		margin-bottom:.16rem;
		padding:.16rem .24rem 0;
		width:3.27rem;
		height:2.48rem
	}

	.join_us-welfare .welfare-list .welfare-item .welfare-item-title {
		padding:0;
		margin:0 0 .08rem;
		font-size:.14rem;
		line-height:.24rem;
		font-family:PingFangSC-Medium,PingFang SC;
		font-weight:700
	}

	.join_us-welfare .welfare-list .welfare-item .welfare-item-text {
		font-size:.12rem;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:#666;
		line-height:.2rem;
		margin:0
	}

	.join_us-training .swiper-slide .content .text-container {
		padding:.16rem;
		text-align:center
	}

	.join_us-training .swiper-slide .content {
		width:3.35rem
	}

	.join_us-training .swiper-slide .content .img {
		height:1.4rem
	}

	.join_us-moment .swiper-slide .content {
		width:calc(100vw - 24px);
		padding:0 24px;
		height:1.5rem
	}

	.join_us-moment .swiper-slide .content .img {
		width:1.99rem
	}

	.join_us-moment .swiper-slide .content .text-container {
		width:1.36rem;
		padding:.38rem .14rem 0 0;
		z-index:1
	}

	.join_us-moment .swiper-slide .content .text-container .title {
		font-size:.12rem;
		line-height:.2rem;
		font-family:PingFangSC-Semibold,PingFang SC;
		font-weight:700;
		margin-bottom:.05rem;
		text-align:center
	}

	.join_us-moment .swiper-slide .content .text-container::before {
		width:.4rem;
		left:-.15rem;
		z-index:-1
	}

	.join_us-moment .swiper-slide .content .text-container::after {
		width:.1rem;
		left:-.25rem
	}

	.join_us-moment .swiper-slide .content .text-container .desc {
		display:none
	}

	.join_us-moment .swiper-pagination {
		position:absolute;
		padding:0;
		right:initial
	}

	.workInHere-swiper-container {
		line-height:0
	}

	.swiper-pagination-custom,.workInHere-swiper-container .swiper-pagination-fraction {
		bottom:.27rem;
		right:initial;
		width:100%;
		left:initial
	}

	.join_us-moment .swiper-container-horizontal>.swiper-pagination-bullets {
		bottom:.27rem;
		right:.45rem;
		width:1rem;
		left:initial
	}

	.join_us-moment .swiper-pagination .swiper-pagination-bullet {
		width:.2rem;
		height:.2rem;
		font-size:.12rem;
		margin-right:.05rem
	}

	.join_us-tail-container {
		height:1.7rem
	}

	.join_us-tail-container .btn-container {
		margin:0;
		padding:.64rem 0 .37rem;
		line-height:0
	}

	.join_us-tail-container .btn-container .button:first-child {
		margin-right:.32rem
	}

	.button {
		width:1.36rem;
		height:.4rem;
		line-height:.4rem;
		color:#fff;
		background:rgba(255,255,255,.15);
		border-radius:1px;
		border:1px solid rgba(255,255,255,.5);
		font-size:.14rem
	}

	.join_us-tail-container .tail-contact {
		display:flex;
		justify-content:center;
		align-items:center;
		margin:0;
		font-size:.12rem;
		font-weight:400;
		line-height:.2rem
	}

	.join_us-banner-container .btn-container .button:first-child {
		margin-right:0
	}

	.join_us-workInHere .swiper-slide .pic .static-img {
		height:1.55rem;
		margin-top:.11rem
	}

	.join_us-workInHere .swiper-pagination {
		top:0;
		height:initial;
		padding:.25rem .24rem 0;
		display:flex;
		justify-content:space-between
	}

	.training-swiper-container {
		display:none
	}

	.mobile-training-container {
		display:flex;
		height:2.71rem;
		overflow-x:scroll;
		margin-top:.24rem
	}

	.mobile-training-item {
		flex:0 0 auto;
		display:flex;
		flex-direction:column;
		width:2.85rem;
		height:2.71rem;
		margin-right:.16rem;
		white-space:pre-wrap
	}

	.mobile-training-item .img {
		width:100%;
		height:1.4rem;
		background-size:cover
	}

	.mobile-training-item .text-container {
		width:100%;
		background:#fff;
		background-size:cover;
		padding:.16rem;
		height:1.31rem;
		display:flex;
		flex-direction:column;
		text-align:center
	}

	.mobile-training-item .text-container .title {
		font-size:.14rem;
		font-weight:700;
		color:#333;
		line-height:.24rem;
		margin-bottom:.08rem
	}

	.mobile-training-item .text-container .desc {
		font-size:.12rem;
		font-weight:400;
		color:#666;
		font-family:PingFangSC-Regular,PingFang SC;
		line-height:.2rem
	}

	.join_us-training.card-dark {
		padding-bottom:0
	}

	.mobile-logo {
		width:.16rem;
		height:.16rem;
		display:inline-block;
		background-size:cover
	}

	.mobile-filter-volist .swiper-pagination-bullet:first-of-type.swiper-pagination-bullet-active .mobile-logo {
		background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/join_us/mobile_ic_work.763f880b.png)!important
	}

	.mobile-filter-volist .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active .mobile-logo {
		background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/join_us/mobile_ic_research.8bd933c0.png)!important
	}

	.mobile-filter-volist .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active .mobile-logo {
		background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/join_us/mobile_ic_entertainment.99329a7d.png)!important
	}

	.mobile-filter-volist .swiper-pagination-bullet:last-of-type.swiper-pagination-bullet-active .mobile-logo {
		background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/join_us/mobile_ic_competition.cd8fcef2.png)!important
	}

	.join_us-workInHere .swiper-pagination .swiper-pagination-bullet-active span {
		color:#349bf1;
		font-weight:700
	}

	.join_us-workInHere {
		padding-bottom:0!important
	}
}