.container {background-color: #F5F5F5;}
.join_warp{margin-bottom: 5%;}
.join_warp .title_warp{margin-top: 1%;}
.join_warp .title_warp .title{font-size: 45px;color: #101010;}
.join_warp .title_warp .desc{font-size: 20px;color: #666;}
.join_warp .lx_list{margin-top: 2%;}
.join_warp .lx_list li{display: flex;justify-content: start;align-items: center;margin-bottom: 1.5%;}
.join_warp .lx_list li i{display: inline-block;width: 24px;height: 24px;margin-right: 10px;}
.join_warp .lx_list li.js_phone i{background: url(../img/join_phone.webp) no-repeat center/100%;}
.join_warp .lx_list li.js_email i{background: url(../img/join_email.webp) no-repeat center/100%;}
.join_warp .lx_list li.js_peo i{background: url(../img/join_peo.webp) no-repeat center/100%;}
.join_warp .material_list{margin-top: 2%;display: grid;grid-template-columns: repeat(4,1fr);grid-column-gap: 1%;}
.join_warp .material_list .img_warp{padding-bottom: 54%;}
.join_warp .material_list .info{padding: 6% 4%;background-color: #fff;}
.join_warp .material_list .title{font-size: 20px;}
.join_warp .material_list .desc{margin-top: 2%;font-size: 16px;color: #999;line-height: 1.8;min-height: 7em;}
.hire{margin-top: 5%;font-family: 'arial';margin-bottom: 5%;}
.hire .title_warp .title{color: #000;font-weight: 500;}
.hire .title_warp .desc{color: #999;margin-top: .5%;}
.hire .table_list {margin-top: 3%;background-color: #fff;}
.hire .table_list .table_head{background-color: #006db8;display: flex;justify-content: start;align-items: center;font-size: 18px;color: #fff;padding: 1% 5%;}
.hire .table_list .table_li{}
.hire .table_list .table_li .li_head{display: flex;justify-content: start;align-items: center;font-size: 18px;color: #666;padding: 1% 5%;border-bottom: 1px solid #D9D9D9;cursor: pointer;}
.hire .table_list .name{width: 45%;}
.hire .table_list .department {width: 45%;}
.hire .table_list .more{width: 5%;min-width: 80px;position: relative;}
.hire .table_list .li_head .more{cursor: pointer;}
.hire .table_list .li_head .more::before{content: ' ' ;width: 12px;height: 2px;display: inline-block;background-color: #666;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.hire .table_list .li_head .more::after{content: ' ' ;width: 2px;height: 12px;display: inline-block;background-color: #666;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .3s;}
.hire .table_list .li_head .more.open::after{transform: translate(-50%, -50%) rotate(90deg);}
.hire .table_list .table_li .li_content{padding:0% 5% 5%;border-bottom: 1px solid #D9D9D9;display: none;}
.hire .table_list .table_li .li_content .smtitle{font-size: 18px;color: #006db8;line-height: 1.6;margin: 1% 0;}
.hire .table_list .table_li .li_content p{font-size: 16px;color: #999;line-height: 2;}
@media only screen and (max-width: 1400px) {
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1024px) {
	.join_warp .material_list{margin-top: 5%;display: grid;grid-template-columns: repeat(2,1fr);grid-column-gap: 1%;}
}
@media only screen and (max-width: 950px) {
	.join_warp .title_warp .title{font-size: 24px;}
	.join_warp .title_warp .desc{font-size: 16px;}
	.join_warp .material_list .title{font-size: 18px;}
	.hire .table_list .table_li .li_head{font-size: 16px;}
	.join_warp .material_list{margin-top: 10%;display: grid;grid-template-columns: repeat(1,1fr);grid-column-gap: 1%;}

}
@media only screen and (max-width: 480px) {
}