@charset: 'utf-8';
/*诚聘英才*/
.recruit {
	background-color: #fff;
}
.recruit .recruit_banner {
	width: 100%;
	height: 500px;
    background: url(../../images/public/about/recruit_banner.png) no-repeat center top;
	position: relative;
}
.recruit .recruit_banner span {
	position: absolute;
	top: 128px;
	left: 259px;
	color: #23ab97;
	font-size: 30px;
}

/*tab栏*/
.recruit_content{
	width: 100%；
}

.recruit_content ul {
	width: 100%;
	overflow: hidden;
	padding: 70px 0;
	text-align: center;
}

.recruit_content ul li {
	float: left;
	width: 33.33%;
	/*margin-right: 128px;*/
}

.recruit_content ul li a {
	width: 108px;
	height: 108px;
	border: 1px solid #b2b2b2;
	display: block;
	border-radius: 50%;
	text-align: center;
	color: #666;
	margin: 0 auto;
	/*font-size: 18px;*/
}

.recruit_content ul li a i {
	width: 50px;
	height: 38px;
	display: inline-block;
	margin-top: 20px;
	background: url('../../images/public/public/public_icon_02.png') no-repeat;
}

.recruit_content ul li a i.icon_school {
	background-position: -364px -56px;
}

.recruit_content ul li a i.icon_society {
	background-position: -365px -192px;
}
.recruit_content ul li a i.icon_society_02 {
	background-position: -366px 0px;
}
.recruit_content ul li a p {
	line-height: 38px;
}

/*tab栏选中样式状态改变*/
.recruit_content ul li.tab_active a {
	border: 1px solid #23ab97;
	color: #23ab97;
}

/*tab栏 选中的icon 坐标*/
.recruit_content ul li.tab_active a  i.icon_school{
	background-position: -365px -310px;
}
.recruit_content ul li.tab_active a  i.icon_society{
	background-position: -365px -127px;
}
.recruit_content ul li.tab_active a  i.icon_society_02{
	background-position: -366px -246px;
}
/*tab内容*/
/*社会招聘部分开始*/
.recruit_content .recruit_info {
	width: 100%;
}
.recruit_content .recruit_info .tab {
	display: none;
}

.recruit_content .recruit_info .tab_selected {
	display: block;
	width: 100%;
}
.recruit_content .recruit_info .tab_selected .media_content{text-align: center;}
.recruit_content .recruit_info .tab_selected .media_content p{line-height: 30px; font-size: 16px;}
.recruit_content .recruit_info article {
	width: 100%;
	text-align: center;
	line-height: 30px;
}
/*思维导图*/
.recruit_content .recruit_info .rec_img{
	padding: 60px 0;
	overflow: hidden;
}

.recruit_content .recruit_info .rec_img li {
	width: 33.33%;
	float: left;
	height: 100%;
	height: 467px
}

.recruit_content .recruit_info .rec_img li.left_text {
	text-align: right;
}

.recruit_content .recruit_info .rec_img li.right_text {
	text-align: left;
}

.recruit_content .recruit_info .rec_img li div {
	width: 100%;
	height: 50%;
	position: relative;

}
.recruit_content .recruit_info .rec_img li.left_text div:nth-child(1) {
	padding-top: 63px;
	padding-right: 70px;
}
.recruit_content .recruit_info .rec_img li.left_text div:nth-child(2) {
	/*padding-top: 60px;*/
	padding-right: 135px;
}

.recruit_content .recruit_info .rec_img li.right_text div:nth-child(1){
	padding-left: 70px;
	padding-top: 63px;
}

.recruit_content .recruit_info .rec_img li.right_text div:nth-child(2){
	padding-left: 135px;
	/*padding-top: 60px;*/
}

.recruit_content .recruit_info .rec_img li div span {
	width: 206px;
	height: 2px;
	position: absolute;
	background-color: #bbb;
}

.recruit_content .recruit_info .rec_img li.left_text div:nth-child(1) span {
	background-color: #23ab97;
	top: 72px;
    right: -172px;
}

.recruit_content .recruit_info .rec_img li.left_text div:nth-child(1) span::after {
	content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    left: -9px;
    background-color: #23ab97;
}

.recruit_content .recruit_info .rec_img li.left_text div:nth-child(2) span {
	background-color: #23ab97;
	top: 8px;
    right: -105px;
}
.recruit_content .recruit_info .rec_img li.left_text div:nth-child(2) span::after {
	content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    left: -9px;
    background-color: #23ab97;
}

.recruit_content .recruit_info .rec_img li.right_text div:nth-child(1) span{
	top: 72px;
    left: -172px;
}

.recruit_content .recruit_info .rec_img li.right_text div:nth-child(1) span::after {
	content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    right: -9px;
    background-color: #bbb;
}

.recruit_content .recruit_info .rec_img li.right_text div:nth-child(2) span {
	top: 8px;
    left: -105px;
}

.recruit_content .recruit_info .rec_img li.right_text div:nth-child(2) span::after {
	content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    right: -9px;
    background-color: #bbb;
}

.recruit_content .recruit_info .rec_img li:nth-child(2){
	padding: 30px 20px;
}

/*正在招聘岗位*/
.recruit_content .rec_detaile {
	width: 100%;
	padding: 70px 0 90px;
	overflow: hidden;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.recruit_content .rec_detaile h3{
	text-align: left;
	margin-bottom:50px;
}
.recruit_content .rec_detaile .media_content div{margin-bottom: 3px;}
.recruit_content .rec_detaile .media_content div dl{
	width: 280px;
	float: left;
	margin-right: 180px;
	text-align: center;
	margin-bottom:80px;
}
 .rec_detaile  dl>a{display: inline-block; width:280px ;height:275px;}
 .rec_detaile  dl>a>img{width: 230px; height: 196px; margin:0 auto 20px;}
 .recruit_content .rec_detaile  dl>a .job_txt{width: 230px; height: 196px; background:url(../../images/public/about/ab1.jpg) left top no-repeat; margin:0 auto 20px; padding: 50px 0 0 48px; color: #23ab97;}
 .rec_detaile  dl>a .job_txt p{width: 147px; font-size: 24px;}
  .rec_detaile  dl>a .job_txt p>span{font-size: 24px;}
 .rec_detaile  dl>a .job_txt p .j_big{font-size: 72px; line-height: 80px; font-weight: bold;} 
.mr{margin-right: 0!important;}


/*邮箱 二维码*/

.email_box {
	width: 100%;
	padding: 70px 0;
	text-align: center;
	color: #666;
	line-height: 30px;
}

.email_box > img {
	max-width: 160px;
	max-height: 160px;
	display: inline-block;
}

.email_box > a {
	display: inline-block;
	line-height: 45px;
	background-color: #23ab97;
	color: #fff;
	font-weight: 600;
	padding: 0 20px;
	border-radius: 2px;
}
/*社会招聘部分结束*/

/*校园招聘*/
.school_banner .school_img {
	width: 75%;
	float: left;
}

.school_banner .school_qr{
	width: 25%;
	height: 400px;
	float: left;
	background-color: #23ab97;
	padding: 82px 60px 75px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.school_banner .school_qr .qr_img {
	width: 100%;
	max-width: 180px;
	margin: 0 auto;	
	position: relative;
}

.school_banner .school_qr .qr_img  > i{
        display: inline-block;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(180deg);
    height: 28px;
    width: 28px;
    background-color: rgba(0,0,0,.0001);
    border-width: 2px 2px 0 0;
    border-color: #fff;
    border-style: solid;
    position: absolute;
    left: -10px;
    bottom: -10px;
}

.school_banner .school_qr .qr_img  > i.radius_one{
	    transform: rotate(-90deg);
	    top: -10px;
}

.school_banner .school_qr .qr_img  > i.radius_three{
	    transform: rotate(0deg);
	    top: -10px;
	        left: 162px;
}

.school_banner .school_qr .qr_img  > i.radius_four{
	    transform: rotate(90deg);
	    bottom: -10px;
	        left: 162px;
}
.school_banner .school_qr .qr_img img{ 
		width: 180px;
 }

.school .email_box > a {
	background-color: #fff;
	border: 1px solid #23ab97;
	color: #23ab97;
	font-weight: 400;
	line-height: 46px;
	border-radius: 23px;
}


/*社会招募令*/
.recruitment .recruitment_content {
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.recruitment_content>h3{ font-size: 45px; }
.recruitment_content_left, .recruitment_content_right{ float: left; }
.recruitment_content_left{ width: 60%; }
.recruitment_content_left img{ width: 100%; }
.recruitment_content_right{ width: 40%; background-color: #f0f0f0; padding: 30px; text-align: left; }
.recruitment_content_right .rcr_form{ width: 100%; }
.rcr_form .rcr_form_list{ width: 100%; height: 50px; line-height: 35px; background-color: #fff; margin-bottom: 20px; padding: 10px; }
.rcr_form .rcr_form_list label, .rcr_form .rcr_form_list input{ float: left; }
.rcr_form .rcr_form_list label{ width: 20%; border-right: 1px solid #eee; }
.rcr_form .rcr_form_list input, .rcr_form .rcr_form_list textarea{ width: 80%; border: none; height: 35px; line-height: 35px; font-size: 16px; text-indent: 1em; }
.rcr_form_list.rcr_form_textarea{ height: 80px; }
.rcr_form .rcr_form_list.rcr_form_textarea textarea{ height: 60px; }
.rcr_form_list.rcr_form_button, .rcr_form_button button{ width: 100%; height: 60px; line-height: 60px; background-color: transparent; padding: 0; }
.rcr_form_button button{  background-color: #e84351; border:1px solid #e84351; color: #fff;  }



.recruitment .recruitment_content p {
	line-height: 25px;
	white-space:nowrap; text-overflow: ellipsis; overflow: hidden;
}

/*表单*/
.recruitment .recruitment_content form {
	width: 100%;
}
.recruitment .recruitment_content form table {
	width: 100%;
	padding: 0 20px;
}
.recruitment .recruitment_content form table tr  {
	margin-bottom: 10px;
	display: block;
	width: 100%;
	/*height: 50px;*/
	/*line-height: 50px;*/

}
.recruitment .recruitment_content form table tr td {
	display: block;
	width: 100%;
	/*height: 50px;*/
	background-color: #ededed;
	padding: 0 20px;
}
.recruitment .recruitment_content form table tr:last-child td{
	padding: 0;
}
.recruitment .recruitment_content form table tr td label {
	font-weight: 400;
	color: #868686;
	padding-right: 5px;
}

.recruitment .recruitment_content form table tr td label.top {
	vertical-align: top;
	margin-top: 10px;
}

.recruitment .recruitment_content form table tr td  input[type='text'] {
	border: none;
	background-color: #ededed;
	height: 46px;
	width: 85%;
    padding: 0 10px;
}

.recruitment .recruitment_content form table tr td  input[type='submit'] {
	width: 100%;
	text-align: center;
	border: 2px solid #23ab97;
	height: 60px;
	line-height: 60px;
	color: #23ab97;
	font-size: 18px;
	background-color: #fff;
}

.recruitment .recruitment_content form table tr td textarea {
	width: 85%;
	height: 200px;
	border: none;
	background-color: #ededed;
}
/************************************媒体查询*******************************************/


@media screen and (max-width: 1600px){
	.recruit_content ul {
    padding: 70px 311px;
}
	.recruit_content .rec_detaile dl {
    	margin-right: 80px;
	}

}
@media screen and (min-width: 1199px) and (max-width: 1600px) {
	
   .school_banner .school_qr {
	    width: 25%;
	    float: left;
	    background-color: #23ab97;
	    padding: 47px 35px 45px;
	    text-align: center;
	    font-size: 16px;
	    color: #fff;
	}
}

@media screen and (max-width: 1199px){


	.recruit_content ul {
	    padding: 70px 111px;
	}

	.recruit_content .recruit_info .rec_img li {
   	 height: 300px;
	}

	.recruit_content .recruit_info .rec_img li.left_text div:nth-child(1) {
	    padding-top: 20px;
	    padding-right: 40px;
	}

	.recruit_content .recruit_info .rec_img li div span {
    width: 135px;
	}

	.recruit_content .recruit_info .rec_img li.left_text div:nth-child(2) {
     padding-top: 0px; 
    padding-right: 57px;
	}

	.recruit_content .recruit_info .rec_img li.right_text div:nth-child(1) {
	    padding-top: 20px;
	    padding-left: 40px;
	}
	.recruit_content .recruit_info .rec_img li.right_text div:nth-child(2) {
	     padding-top: 0px; 
	    padding-left: 57px;
	}
	.recruit_content .rec_detaile dl {
    width: 290px;
	}
	.recruit_content .rec_detaile dl {
    	margin-right: 45px;
	}

}