/* 幻灯片 */
	.join-us-banner{
		width: 100%;
	}
	
	.join-us-banner img{
		width: 100%;
		height: 100%;
	}
	
	.join-us-banner .mobile-image{
		display: none;
	}
	
	.join-us-banner .computer-image{
		display: block;
	}
	
/* 公用的-面包屑导航-修改 */
	.communal-crumb.join-us-crumb .content-wrapper .below-wrapper .menu{
		grid-template-columns: repeat(4, 1fr);
	}
	
/* 公司介绍 */
	.join-us-introduce{
		width: 100%;
		padding: 6.569% 0% 6.044%;
		background-image: url('../images/background-9.jpg');
		background-size: 100% 100%;
		background-repeat:no-repeat;
		background-position: center;
	}
	
	.join-us-introduce .content-wrapper{
		width: 100%;
		display: flex;
		align-items: stretch;
		justify-content: space-between;
	}
	
	.join-us-introduce .content-wrapper .upper-wrapper{
		width: 42.858%;
		margin-top: 7.858%;
	}
	
	.join-us-introduce .content-wrapper .upper-wrapper .title-chinese p{
		font-family: "SourceHanSansCN-Regular";
	}
	
	.join-us-introduce .content-wrapper .upper-wrapper .title-chinese p:first-child{
		line-height: 1;
		font-size: 26px;
		color: rgba(230, 0, 18, 1);
	}
	
	.join-us-introduce .content-wrapper .upper-wrapper .title-chinese p:last-child{
		font-size: 30px;
		line-height: 1.2;
		margin-top: 3.334%;
		color: rgba(0, 0, 0, 1);
	}
	
	.join-us-introduce .content-wrapper .upper-wrapper .explain{
		margin-top: 35%;
		font-size: 16px;
		line-height: 26px;
		color: rgba(69, 69, 69, 1);
	}
	
	.join-us-introduce .content-wrapper .below-wrapper{
		width: 50%;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .images{
		width: 100%;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .images img{
		width: 100%;
		height: 100%;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button{
		width: 100%;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a{
		height: 60px;
		display: flex;
		width: 71.429%;
		border-radius: 5px;
		align-items: center;
		margin: 17.858% auto 0%;
		justify-content: center;
		background-color: rgba(230, 0, 18, 1);
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a .icon{
		height: auto;
		width: 4.800%;
		margin-right: 3%;
		padding: 2.400% 0%;
		background-size: 100% 100%;
		background-repeat:no-repeat;
		background-position: center;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a .icon.image-when-selected{
		display: none;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a .icon.image-when-not-selected{
		display: block;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a .text{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a .text p{
		color: rgba(255, 255, 255, 1);
		font-family: "SourceHanSansCN-Normal";
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a .text p:first-child{
		font-size: 16px;
		margin-right: 5px;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a .text p:last-child{
		font-size: 24px;
	}
	
/* 招聘职位 */
	.join-us-position{
		width: 100%;
		padding: 4.467% 0% 4.730%;
		background-color: rgba(245, 245, 245, 1);
	}
	
	.join-us-position .title-chinese{
		line-height: 1;
		font-size: 26px;
		text-align: center;
		color: rgba(0, 0, 0, 1);
	}
	
	.join-us-position .content-wrapper{
		width: 100%;
		display: flex;
		margin-top: 6.429%;
		align-items: flex-start;
		justify-content: space-between;
	}
	
	.join-us-position .content-wrapper .sidebar{
		width: 19.286%;
	}
	
	.join-us-position .content-wrapper .sidebar .menu .menu-item{
		width: 100%;
		margin-bottom: 4.167%;
	}
	
	.join-us-position .content-wrapper .sidebar .menu .menu-item:last-child{
		margin-bottom: 0%;
	}
	
	.join-us-position .content-wrapper .sidebar .menu .menu-item a{
		display: block;
		font-size: 16px;
		line-height: 60px;
		padding: 0% 8.334%;
		color: rgba( 0, 0, 0, 1);
		background-color: rgba(255, 255, 255, 1);
	}
	
	.join-us-position .content-wrapper .content{
		width: 79.286%;
	}
	
	.join-us-position .content-wrapper .content .title{
		height: 50px;
		display: grid;
		padding: 0% 1.802%;
		align-items: flex-start;
		grid-template-columns: 4fr 2fr 2fr 2fr 1fr;
	}
	
	.join-us-position .content-wrapper .content .title p{
		font-size: 16px;
		color: rgba(0, 0, 0, 1);
		font-family:'Adobe 黑体 Std';
	}
	
	.join-us-position .content-wrapper .content .title p:last-child{
		text-align: right;
	}
	
	.join-us-position .content-wrapper .content .list{
		width: 100%;
		display: none;
	}
	
	.join-us-position .content-wrapper .content .list .no-data{
		font-size: 15px;
		line-height: 70px;
		text-align: center;
		color: rgba(61, 61, 61, 1);
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper{
		height: 70px;
		display: grid;
		padding: 0% 1.802%;
		align-items: center;
		grid-template-columns: 4fr 2fr 2fr 2fr 1fr;
		border-bottom: 1px solid rgba( 224, 221, 221, 1);
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper p{
		font-size: 16px;
		color: rgba(61, 61, 61, 1);
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper .icon{
		width: 100%;
		text-align: right;
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper .icon span{
		font-size: 20px;
		text-align: right;
		transition: all 1s;
		display: inline-block;
		transform: rotate(180deg);
		color: rgba( 157, 157, 157, 1);
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper{
		display: none;
		padding: 1.802%;
		border-radius: 0px 0px 5px 5px;
		border-bottom: 2px solid rgba(230, 0, 18, 1);
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .details .block{
		width: 100%;
		margin-bottom: 3.739%;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .details .block:last-child{
		margin-bottom: 0%;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .details .block .details-title{
		font-size: 18px;
		color: rgba( 61, 61, 61, 1);
		font-family: "SourceHanSansCN-Bold";
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .details .block .details-content p{
		font-size: 15px;
		line-height: 24px;
		color: rgba( 106, 106, 106, 1);
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .button{
		display: block;
		width: 11.215%;
		font-size: 14px;
		line-height: 45px;
		text-align: center;
		border-radius: 5px;
		margin-top: 3.271%;
		color: rgba( 255, 255, 255, 1);
		background-color: rgba(230, 0, 18, 1);
	}
	
	/* 介绍-按钮-选中 */
	.join-us-introduce .content-wrapper .below-wrapper .button a.current-hover-item{
		color: rgba(128, 128, 128, 1);
		background-color: rgba(0, 0, 0, 0);
		border: 1px solid rgba(128, 128, 128, 1);
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a.current-hover-item .text p{
		color: rgba(128, 128, 128, 1);
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a.current-hover-item .icon.image-when-selected{
		display: block;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a.current-hover-item .icon.image-when-not-selected{
		display: none;
	}
	
	/* 侧边栏-选中 */
	.join-us-position .content-wrapper .sidebar .menu .menu-item.current-menu-item a{
		color: rgba( 255, 255, 255, 1);
		background-color: rgba(230, 0, 18, 1);
	}
	
	/* 职位列表选中 */
	.join-us-position .content-wrapper .content .list.current-item{
		display: block;
	}
	
	/* 职位选中 */
	.join-us-position .content-wrapper .content .list.current-item .item.current-item .basic-wrapper{
		border-radius: 5px 5px 0px 0px;
		background-color: rgba( 255, 255, 255, 1);
	}
	
	.join-us-position .content-wrapper .content .list.current-item .item.current-item .basic-wrapper .icon span{
		transform: rotate(0deg);
		color: rgba(230, 0, 18, 1);
	}
	
	.join-us-position .content-wrapper .content .list.current-item .item.current-item .details-wrapper{
		background-color: rgba( 255, 255, 255, 1);
	}
	
	/* 职位-按钮-选中 */
	.join-us-position .content-wrapper .content .list .item .details-wrapper .button.current-hover-item{
		color: rgba(128, 128, 128, 1);
		background-color: rgba(0, 0, 0, 0);
		border: 1px solid rgba(128, 128, 128, 1);
	}
	
/* 响应 1680 */
@media screen and (max-width: 1680px) {
/* 幻灯片 */
	
/* 公司介绍 */
	.join-us-introduce .content-wrapper .upper-wrapper .title-chinese p:first-child{
		font-size: 24px;
	}
	
	.join-us-introduce .content-wrapper .upper-wrapper .title-chinese p:last-child{
		font-size: 28px;
	}
	
	.join-us-introduce .content-wrapper .upper-wrapper .explain{
		font-size: 15px;
		line-height: 24px;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a{
		height: 55px;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a .text p:first-child{
		font-size: 15px;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a .text p:last-child{
		font-size: 22px;
	}
	
/* 招聘职位 */
	.join-us-position .title-chinese{
		font-size: 24px;
	}
	
	.join-us-position .content-wrapper .sidebar .menu .menu-item a{
		font-size: 15px;
		line-height: 55px;
	}
	
	.join-us-position .content-wrapper .content .title{
		height: 45px;
	}
	
	.join-us-position .content-wrapper .content .title p{
		font-size: 15px;
	}
	
	.join-us-position .content-wrapper .content .list .no-data{
		font-size: 14px;
		line-height: 65px;
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper{
		height: 65px;
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper p{
		font-size: 15px;
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper .icon span{
		font-size: 19px;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .details .block .details-title{
		font-size: 17px;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .details .block .details-content p{
		font-size: 14px;
		line-height: 22px;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .button{
		font-size: 13px;
		line-height: 40px;
	}
}

/* 响应 1440 */
@media screen and (max-width: 1440px) {
/* 幻灯片 */
	
/* 公司介绍 */
	.join-us-introduce .content-wrapper .upper-wrapper .title-chinese p:first-child{
		font-size: 22px;
	}
	
	.join-us-introduce .content-wrapper .upper-wrapper .title-chinese p:last-child{
		font-size: 26px;
	}
	
	.join-us-introduce .content-wrapper .upper-wrapper .explain{
		font-size: 14px;
		line-height: 22px;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a{
		height: 50px;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a .text p:first-child{
		font-size: 14px;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a .text p:last-child{
		font-size: 20px;
	}
	
/* 招聘职位 */
	.join-us-position .title-chinese{
		font-size: 22px;
	}
	
	.join-us-position .content-wrapper .sidebar .menu .menu-item a{
		font-size: 14px;
		line-height: 50px;
	}
	
	.join-us-position .content-wrapper .content .title{
		height: 40px;
	}
	
	.join-us-position .content-wrapper .content .title p{
		font-size: 14px;
	}
	
	.join-us-position .content-wrapper .content .list .no-data{
		font-size: 13px;
		line-height: 60px;
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper{
		height: 60px;
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper p{
		font-size: 14px;
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper .icon span{
		font-size: 18px;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .details .block .details-title{
		font-size: 16px;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .details .block .details-content p{
		font-size: 13px;
		line-height: 20px;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .button{
		font-size: 12px;
		line-height: 35px;
	}
}

/* 响应 1280 */
@media screen and (max-width: 1280px) {
/* 幻灯片 */
	
/* 公司介绍 */
	.join-us-introduce .content-wrapper .upper-wrapper .title-chinese p:first-child{
		font-size: 20px;
	}
	
	.join-us-introduce .content-wrapper .upper-wrapper .title-chinese p:last-child{
		font-size: 24px;
	}
	
	.join-us-introduce .content-wrapper .upper-wrapper .explain{
		font-size: 13px;
		line-height: 20px;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a{
		height: 45px;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a .text p:first-child{
		font-size: 13px;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a .text p:last-child{
		font-size: 18px;
	}
	
/* 招聘职位 */
	.join-us-position .title-chinese{
		font-size: 20px;
	}
	
	.join-us-position .content-wrapper .sidebar .menu .menu-item a{
		font-size: 13px;
		line-height: 45px;
	}
	
	.join-us-position .content-wrapper .content .title{
		height: 35px;
	}
	
	.join-us-position .content-wrapper .content .title p{
		font-size: 13px;
	}
	
	.join-us-position .content-wrapper .content .list .no-data{
		font-size: 12px;
		line-height: 55px;
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper{
		height: 55px;
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper p{
		font-size: 13px;
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper .icon span{
		font-size: 17px;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .details .block .details-title{
		font-size: 15px;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .details .block .details-content p{
		font-size: 12px;
		line-height: 18px;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .button{
		line-height: 30px;
	}
}

/* 响应 1000 */
@media screen and (max-width: 1000px) {
/* 幻灯片 */
	.join-us-banner .mobile-image{
		display: block;
	}
	
	.join-us-banner .computer-image{
		display: none;
	}
	
/* 公司介绍 */
	.join-us-introduce .content-wrapper{
		display: block;
	}
	
	.join-us-introduce .content-wrapper .upper-wrapper{
		width: 100%;
		margin-top: 0%;
	}
	
	.join-us-introduce .content-wrapper .upper-wrapper .title-chinese p:first-child{
		font-size: 18px;
	}
	
	.join-us-introduce .content-wrapper .upper-wrapper .title-chinese p:last-child{
		font-size: 22px;
		margin-top: 2.615%;
	}
	
	.join-us-introduce .content-wrapper .upper-wrapper .explain{
		font-size: 12px;
		line-height: 18px;
		margin-top: 3.922%;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper{
		width: 100%;
		margin-top: 5.229%;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a{
		width: 70%;
		height: 40px;
		margin: 6.536% auto 0%;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a .text p:first-child{
		font-size: 12px;
	}
	
	.join-us-introduce .content-wrapper .below-wrapper .button a .text p:last-child{
		font-size: 16px;
	}
	
/* 招聘职位 */
	.join-us-position .title-chinese{
		font-size: 18px;
	}
	
	.join-us-position .content-wrapper{
		display: block;
	}
	
	.join-us-position .content-wrapper .sidebar{
		width: 100%;
	}
	
	.join-us-position .content-wrapper .sidebar .menu{
		width: 100%;
		display: grid;
		grid-gap: 10px;
		grid-template-columns: repeat(2, 1fr);
	}
	
	.join-us-position .content-wrapper .sidebar .menu .menu-item a{
		font-size: 12px;
		line-height: 40px;
	}
	
	.join-us-position .content-wrapper .content{
		width: 100%;
		margin-top: 5.229%;
	}
	
	.join-us-position .content-wrapper .content .title{
		height: 30px;
		grid-template-columns: 4fr 3fr 3fr 3fr 2fr;
	}
	
	.join-us-position .content-wrapper .content .title p{
		font-size: 12px;
	}
	
	.join-us-position .content-wrapper .content .list .no-data{
		line-height: 50px;
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper{
		height: 50px;
		grid-template-columns: 4fr 3fr 3fr 3fr 2fr;
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper p{
		font-size: 12px;
	}
	
	.join-us-position .content-wrapper .content .list .item .basic-wrapper .icon span{
		font-size: 16px;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper{
		padding-top: 3.922%;
		padding-bottom: 3.922%;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .details .block{
		margin-bottom: 5.425%;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .details .block .details-title{
		font-size: 14px;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .details .block .details-content{
		margin-top: 1.357%;
	}
	
	.join-us-position .content-wrapper .content .list .item .details-wrapper .button{
		width: 21.697%;
		margin-top: 4.069%;
	}
}

/* 响应 750 */
@media screen and (max-width: 750px) {
/* 幻灯片 */
	
/* 公司介绍 */
	
/* 招聘职位 */
	.join-us-introduce .content-wrapper .below-wrapper .button a{
		width: 100%;
	}
}