

.joinus_main {height: auto;box-sizing: border-box;background-size: auto;background-position: center;background-repeat: no-repeat;padding-top: 4%;background-color: #f5f5f5;}

.joinus_menu {border-bottom: 1px solid #c1c1c1;line-height: 46px;}

.joinus_menu ul {margin: 0 auto; /*overflow: hidden;*/ /*display: flex;*/ /*flex-direction: row;*/}

.joinus_menu ul li { /*flex: 1;*/ /*justify-content: space-around;*/float: left;text-align: center;position: relative;}

.joinus_menu ul li.active span {position: absolute;z-index: 10;display: block;left: 50%;bottom: -10px;width: 11px;margin-left: -5px;height: 10px;background: #f5f5f5 url(../images/joinus/arrow-down.png) no-repeat bottom center;background-size: 132%;}

.joinus_list {height: auto;padding-top: 60px;padding-bottom: 80px;}

.joinus_list ul li {margin-bottom: 20px;}

.joinus_list ul li:last-child {margin-bottom: 0;}

.joinus_list ul li .title { /*display: flex;*/ /*flex-direction: row;*/border: 1px solid #4b9fff;line-height: 56px;padding-left: 20px;padding-right: 20px;cursor: pointer;background-color: #fff;color: #4b9fff;}

.joinus_list ul li .title span {width: calc(100% - 20px);display: inline-block;}

.joinus_list ul li .title img {width: 20px;vertical-align: middle;}

.joinus_list ul li .content {padding: 20px;padding-bottom: 0;display: none;color: #999999;}

.joinus_list ul li.active .title {background-color: #4b9fff;color: #fff;}
.joinus_main_item h4{border-bottom: 1px solid #fff;padding-bottom: 20px;margin-bottom: 20px;}
.joinus_main_item{margin-bottom: 108px;padding-left: 6%;padding-right: 6%;}
.joinus_main_item dl li{float: left;width: 25%;margin-bottom: 20px;white-space: nowrap}
.joinus_main_item dl li .icon{vertical-align: middle;width: 16px;margin-right: 4px;}
@media only screen and (max-width:1200px) {
    .joinus_main_item dl li{width: 33%;}
}
@media only screen and (max-width:767px) {
    .joinus_main_item dl li{width: 50%;}
    .joinus_main{padding-bottom: 35px!important;}
}
.color-fff{color: #fff;}
.color-f5{color: #f5f5f5;}
.color-f55{color: #ff5555;}
.color-4d{color: #4c4c4c;}
.color-999{color: #999;}
.color-666{color: #666;}
.color-333{color: #333;}
.joinus_main .wraper .edit_con_original{
	color: #f5f5f5;
}
.text-center{text-align: center;}
.mrg-btm20{margin-bottom: 20px;}
/*menu 居中显示*/
.two_nemu .navMenu ul{width: 40%}
.two_nemu .navMenu ul li{width: 50%;}

@media only screen and (max-width: 768px) {

    .joinus_wrap .navMenu ul{width: 77%;margin: 0;}
    .joinus_wrap .navMenu ul li:nth-child(2),.joinus_wrap .navMenu ul li:nth-child(3){border-right: 1px solid #d4d4d4;}
    .joinus_wrap .navMenu ul li {width: 50%;margin-bottom: 15px;}
    .two_nemu .navMenu ul{width: 60%}

    .joinus_list {padding-top: 30px;padding-bottom: 5px;}
    .table-box .joinus_list{margin-bottom: -25px!important;}
}
@media only screen and (max-width: 767px) {
	.joinus_main .wraper.color-f5{margin-bottom: 10px;}
}
@media only screen and (max-width: 425px) {
    .two_nemu .navMenu ul{width: 80%}
}

.news_details_main .wraper .edit_con_original{color:#333;}

/*响应式表格*/
.table-box { margin:10px; }
.ph_table { width: 100%; text-align: center; }
.ph_table td { text-align: center; line-height: 20px; padding: 13px 0; border: 1px solid #ddd; }
.ph_table thead td { background:#4b9fff; color:#fff;}
/*.ph_table .t1 { width: 36%; }*/
/*.ph_table .t2 { width: 20%; }*/
/*.ph_table .t3 { width: 12%; }*/
/*.ph_table .t4 { width: 15%; }*/
/*.ph_table .t5 { }*/

@media only screen and (max-width:767px) {
    .ph_table , .ph_table thead, .ph_table tbody, .ph_table th, .ph_table td, .ph_table tr { display: block; }
    .ph_table thead tr { position: absolute; top: -9999px; left: -9999px; }
    .ph_table tr { border: 1px solid #eee; border-bottom:0; margin-bottom:20px;background-color:#fff!important; }
    .ph_table td { border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 0;  padding-left: 8em; white-space: normal; text-align: left;  }
    .ph_table td:before { position: absolute; top: 0; left: 0; padding:5px 0; width: 8em; text-indent:10px;  white-space: nowrap; text-align: left; }
    .ph_table td:before { content: attr(data-title); }
}

/*就业机会*/
.work_ch_main ul li{width: 42%;margin: 1%;float: left;padding: 3%;background-color: #fff;position: relative;}
.work_ch_main ul li div dl{float: left;width: 50%;margin-bottom: 10px;margin-top: 20px;}
.work_ch_main ul li div dl dd{margin-bottom: 12px;color:#999;}
.work_ch_btn{display:block;width: 136px;height: 32px;text-align:center;line-height: 32px;border:0;border-bottom: 2px solid #27409b;background-color: #f5f5f5;}
.work_ch_main ul li span{position: absolute;top:0;display: block;left: 6%;height: 0;width: 8%;border-bottom: 1px solid #27409b;}
.work_ch_main ul li:hover span,.work_ch_main ul li.on span{left: 0%;width: 100%;border-bottom: 1px solid #27409b;}

@media only screen and (max-width:767px) {
    .work_ch_main ul li{width: 92%;}
    .work_ch_main ul li span{left: 3%;}
}
@media only screen and (max-width:400px) {
    .work_ch_main ul li div dl {width: 100%;margin-top: 10px;margin-bottom: 0}
    .work_ch_main ul li div dl:nth-child(2) {margin-top: 0;}
    .work_ch_main ul li div dl dd{margin-bottom: 6px;}
}


/*联系我们*/
.contact_us_main {margin: -1%;}
.contact_us_main ul li{width: 48%;border: 1px solid #e6e6e6;box-sizing: border-box;}
.contact_us_main ul li p.address{position: relative;padding-right: 50px; height: 42px; overflow: hidden;}
.contact_us_main ul li p.address .map-icon{position: absolute;right: 0;top: 0;font-size: 10px;color: #7987c4;}
.contact_us_main ul li p.address .map-icon img{margin-right: 3px;width: 16px;vertical-align: top}
.contact_us_main ul li span{position: absolute;top:-1px;display: block;left: 6%;height: 0;width: 8%;border-bottom: 1px solid #27409b;}
.contact_us_main ul li:hover span{left: 0;width: 100%;border-bottom: 1px solid #27409b;}
.contact_us_main ul li h4{width: 98%;margin-bottom: 28px;}

.contact_us_main .address-title{margin-bottom: 40px;margin-top: 40px; color: #4C4C4C;}
.contact_us_main .item-wrap{float: left;width: 100%;}
.contact_us_main .item-wrap h3{margin-left: 1%}
.contact_us_main .item-wrap-sec{float: left;width: 50%;}
.contact_us_main .item-wrap-sec h3{margin-left: 1.5%}
.contact_us_main .item-wrap-sec ul{margin-left: 0.5%}
.contact_us_main .item-wrap-sec ul li{width: 96%;padding: 7%;margin: 1.5%}
/*联系我们 - 地图*/
.map-wrap{position: relative;}
#map{width:100%;height:550px;border:#ccc solid 1px;font-size:12px;margin-bottom: 50px;}
.map-wrap .map-cover{position: absolute;width:100%;height:100%;z-index: 10;left: 0;top: 0;}
.map-wrap .map-block{position: absolute;width: 32%;max-width: 250px;top: 49%;left: 58%;z-index: 100;background-color: #fff;padding: 3%;border-bottom: 2px solid #27409b;}
.map-wrap .map-block span{position: absolute;top:-1px;display: block;left: 10%;height: 0;width: 10%;border-bottom: 1px solid #27409b;}
.map-wrap .map-block h4{width: 98%;margin-bottom: 5%;color: #27409b;}
/*联系我们 - 表单提交*/
.contact_us_form{background-color: #f5f5f5;padding-top: 80px;padding-bottom: 80px;}
.contact_us_form h2{text-align: center;margin-bottom: 56px}
.contact_us_form .form_wrap{width: 88%;margin: 0 auto;height: 613px;}
.contact_us_form .form_wrap .wrap_left,.contact_us_form .form_wrap .wrap_right{box-sizing: border-box;height:100%;float: left;}
.contact_us_form .form_wrap .wrap_left{width: 64%;background-color: #fff;padding: 6%}
.contact_us_form .form_wrap .wrap_left ul li {float: left;width: 50%;margin-bottom: 20px; }
.contact_us_form .form_wrap .wrap_left ul li:last-child{float: left;width: 100%;margin-bottom: 20px;}
.contact_us_form .form_wrap .wrap_left ul li:last-child textarea{outline: none;border: 1px solid #e6e6e6;width: 96%;height:158px;padding: 6px;}
.contact_us_form .form_wrap .wrap_left ul li input{outline: none;border: 1px solid #e6e6e6;width: 94%;height: 38px;padding-left: 6px;}

.contact_us_form .form_wrap .wrap_right{width: 36%;padding: 9% 6%;;color: #fff;background: url("../images/form_wrap_right_bg1.jpg");}
@media only screen and (max-width:990px) {
    .contact_us_main ul li,.contact_us_main .item-wrap-sec ul li{width: 98%;}
    .contact_us_main ul li span{left: 3%;}
    .contact_us_main .item-wrap-sec{float: left;width: 100%;}
    .contact_us_main .item-wrap-sec ul li{width: 98%;padding: 3%;}
    /*#map,.map-wrap .map-cover{height: 450px}*/
}
@media only screen and (max-width:767px) {
    /*#map,.map-wrap .map-cover{height: 350px}*/
    #map{margin-bottom: 30px;}
    .map-wrap .map-block{width: 210px;top: 35%;left: 56%;background-color: rgba(255,255,255,1);}

    .contact_us_form .form_wrap{width: 88%;margin: 0 auto;height: auto;}
    .contact_us_form .form_wrap .wrap_left,.contact_us_form .form_wrap .wrap_right{width: 100%}
    .contact_us_form .form_wrap .wrap_right{position: relative;    height: 364px;padding-top: 40px;}
    .contact_us_form .form_wrap .wrap_right img{position: absolute;top: 6%;right: 5%;}
    .contact_us_main .address-title{    margin-bottom: 20px;margin-top: 20px;}
    .contact_us_form{padding-top: 35px;padding-bottom: 35px;}
    .contact_us_form h2{margin-bottom: 28px;}

}
@media only screen and (max-width:500px) {
    .map-wrap .map-block{top: 52%;left: initial;right: 10px;padding: 2%;background-color: rgba(255,255,255,1);}
}

/*培训发展*/

.train_wrap1{width: 100%;height: 300px;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;}
@media only screen and (max-width: 767px) {
	.train_wrap1{
		height: auto;
	}
}
.train_wrap1 .wraper{position: relative;height: 300px;}
@media only screen and (max-width: 767px) {
	.train_wrap1 .wraper{
		height: auto;
	}
}
.train_wrap1 .train_content1{padding-top: 120px;}
@media only screen and (max-width: 1200px) {
	.train_wrap1 .train_content1{
		padding-top: 60px;
	}
}
@media only screen and (max-width: 1023px) {
	.train_wrap1 .train_content1{
		padding-top: 40px;
	}
}
@media only screen and (max-width: 767px) {
	.train_wrap1 .train_content1{
		padding-top: 20px;
		padding-bottom: 20px;
	}
}
.train_wrap1 div{text-align: center;color: #fff;}

.train_wrap2 .wraper{position: relative;margin-top: 80px;margin-bottom: 60px;}
.train_wrap2 .train_wrap2_l{width: 56.25%;}
.train_wrap2 .train_wrap2_r{width: 45%;min-width: 560px;position: absolute;right:0;top: 0;height: 58%;background-color: #263f9a;padding: 80px 0 0 60px;color: #fff; z-index: 999;}
.train_wrap2 .train_wrap2_r h3{margin-bottom: 26px;}
.train_wrap2 .train_wrap2_r ul li{float: left;width: 50%;margin-bottom: 14px;}


@media only screen and (max-width:990px) {
    .train_wrap2 .train_wrap2_l{width: 100%;margin-bottom: -5%;}
    .train_wrap2 .train_wrap2_r{width: calc(100% - 60px);position: relative;height: 260px;}
}
@media only screen and (max-width:668px) {
    .train_wrap2 .train_wrap2_r{padding: 30px;height: auto;min-width: 0;}
    .train_wrap2 .train_wrap2_r ul li{width: 100%;}
}

.train_wrap3{width: 100%;height: 500px;padding-top: 100px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.train_wrap3 h2{text-align: center;color: #fff;margin-bottom: 60px;}
.train_wrap3 ul {width: 90%;margin:auto;}
.train_wrap3 ul li{float: left;width: calc(33.3% - 60px);height:140px;padding: 60px 0 60px 40px;margin: 8px;color: #fff;border: 1px solid #fff;}
.train_wrap3 ul li h3{margin-bottom: 26px;}
.train_wrap3 ul li p{margin-bottom: 16px;}
.train_wrap3 ul li dl dd{ width: 48%;float: left;margin-bottom: 16px;}
@media only screen and (max-width:1150px) {
    .train_wrap3 ul li dl dd{ width: 95%;}
    .train_wrap3 ul li{height: 230px;}
}
@media only screen and (max-width:668px) {
    .train_wrap3{height: auto;    padding-top: 30px;}
    .train_wrap3 h2{margin-bottom: 25px;}
    .train_wrap3 ul li{float: left;width: calc(100% - 60px);height: auto;padding: 20px 0 20px 40px}
    .train_wrap3 ul li dl dd{ width: 95%;}
    .train4_item{margin-bottom: 10px;}
    .train4_item_img{height: auto}
}

.train_wrap4{background-color: #f5f5f5;padding-bottom: 40px;padding-top: 80px;}
.train4_item{height: 320px;overflow: hidden;margin-bottom: 40px;}
.train4_item_l {float: left;}
.train4_item_r{float: right}
.train4_item_l,.train4_item_r{height: 100%;}
.train4_item_img{width: 50%;}
.train4_item_img .ratio-img img{width: 110%;}
.train4_item_word{width: calc(50% - 120px);padding: 60px;position: relative;background-color: #fff;}
.train4_item_word .border-top-blue{position: absolute;top:0;display:block;width: 3em;border-bottom: 1px solid #4b9fff;}
.train4_item_word h4{margin-bottom: 20px;}
.train4_item_word p{margin-bottom: 20px;}
.train4_item_word ul li{float: left;width: 50%;margin-bottom: 10px;}
.train4_item_word ul li span{  color: #4b9fff  ;}

@media only screen and (max-width:1080px){
    .train4_item{overflow: inherit;height: auto;}
    .train4_item_word{height: auto;}
    .train4_item_img{height: 320px;}
    .train4_item_word,.train4_item_img{float: left;width: 100%;}
    .train4_item_word{width: calc(100% - 120px);}
}
.train_wrap5{padding-bottom: 80px;padding-top: 80px;}


.recruitDetail-part .container{
	padding-left: 20px;
	padding-bottom: 80px;
	padding-top: 80px;
}
@media only screen and (max-width: 1400px) {
	.recruitDetail-part .container{
		padding-left: 10px;
		padding-bottom: 50px;
		padding-top: 50px;
	}
}
@media only screen and (max-width: 1023px) {
	.recruitDetail-part .container{
		padding-bottom: 20px;
		padding-top: 20px;
	}
}
.recruitDetail-part h1{
	margin-bottom: 20px;
    font-weight: bold;
    font-size: 30px;
}
@media only screen and (min-width: 1440px) {
	.recruitDetail-part h1{
		font-size: 24px;
	}
}
@media only screen and (min-width: 1280px) {
	.recruitDetail-part h1{
		font-size: 18px;
	}
}
.recruitDetail-part ul{
	margin-bottom: 50px;
	font-size: 16px;
}
@media only screen and (max-width: 768px) {
	.recruitDetail-part ul{
		margin-bottom: 30px;
		font-size: 14px;
	}
}
.recruitDetail-part ul li{
	float: left;
	width: 33.33%;
	line-height: 30px;
}
@media only screen and (max-width: 768px) {
	.recruitDetail-part ul li{
		width: 50%;
	}
}
@media only screen and (max-width: 540px) {
	.recruitDetail-part ul li{
		width: 100%;
	}
}
.recruitDetail-part ul li:nth-child(3n+1){
	clear: both;
}
@media only screen and (max-width: 768px) {
	.recruitDetail-part ul li:nth-child(3n+1){
		clear: inherit;
	}
}
@media only screen and (max-width: 768px) {
	.recruitDetail-part ul li:nth-child(2n+1){
		clear: both;
	}
}
.recruitDetail-part ul li span:first-child{
	font-weight: bold;
}
.recruitDetail-part dl{
	margin-bottom: 30px;
}
.recruitDetail-part dt{
	font-weight: bold;
    position: relative;
    margin-bottom: 20px;
    font-size: 20px;
}
@media only screen and (max-width: 1440px) {
	.recruitDetail-part dt{
		font-size: 18px;
	}
}
.recruitDetail-part dt::before{
	content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    background: #047AE8;
    left: -20px;
    top: 0;
}
@media only screen and (max-width: 768px) {
	.recruitDetail-part dt::before{
		left: -10px;
	}
}
.recruitDetail-part dd li{
	line-height: 26px;
}
.public_email{
	clear: both;
    margin-top: 20px;
}
.public_email a{
	width: 130px;
    height: 40px;
    line-height: 40px;
    background: #047AE8;
    display: block;
    color: #fff;
    text-align: center;
}
.work_wrap{
	padding-top: 0 !important;
}
@media only screen and (max-width: 1023px) {
	.work_wrap{
		padding-top: 0 !important;
	}
}

@media only screen and (max-width: 1200px) {
	.contact_us_main>ul li p:first-of-type{
		height: 42px;
		overflow: hidden;
	}
}
@media only screen and (max-width: 990px) {
	.contact_us_main ul li p.address{
		height: auto;
	}
	.contact_us_main>ul li p:first-of-type{
		height: auto;
	}
}
@media only screen and (max-width: 767px) {
	.contact_us_main ul li p.address{
		height: 42px;
	}
	.contact_us_main>ul li p:first-of-type{
		height: 42px;
	}
}
