@charset "utf-8";
/* CSS Document */


/*Join us*/
.dropdown-nav-join-us{ background:#f3f3f3;padding-left: 8px;}
.dropdown-nav-join-us ul li a{ color:#356fae; font-size:14px; font-family: PT Sans,pt-sans,'pt_sansregular'; height:45px; line-height:45px; padding:0 34px;display: block;}
.dropdown-nav-join-us ul li a:hover{ color:#24acde;}
.dropdown-nav-join-us ul li.cur{ border-bottom:3px solid #24acde;}


.content-wrap .join-introduction{ background:#f3f3f3; line-height:150%; margin:0 15px;}
.content-wrap .join-introduction h5.column-tit2{ color:#24acde; font-size:18px; font-family: 'Conv_HelveticaNeue-MediumExt'; padding:20px;}
.column2 h4{ color:#24acde; font-size:18px; font-family: 'Conv_HelveticaNeue-MediumExt'; padding:22px 20px 15px 20px;}
.content-wrap .join-introduction h4{ padding:2px 0 6px 0;}
.content-wrap .join-introduction h4 a{ color:#24acde; font-size:18px; font-family: 'Conv_HelveticaNeue-MediumExt';}
.content-wrap .join-introduction h4 a:hover{color: #337ab7;}
.content-wrap .text-join-us{ padding:15px 28px;}
.content-wrap .text-join-us p a{color:#444;}
.content-wrap .text-join-us p a:hover{color:#0074bd;}
.content-wrap .title-pic-join-us{ padding:0; }
.content-wrap .title-pic-join-us img{width:100%;}

.content-wrap .talent-programs img{width:100%;}
.content-wrap .talent-programs h4{ padding-left:25px;}
.content-wrap .talent-programs h4 a{color:#24acde; }
.content-wrap .talent-programs h4 a:hover{color: #337ab7;}

.content-wrap .talent-programs{ border:1px solid #a1c6d3; padding:0; margin-left:15px;width: 55%;}
.content-wrap .talent-programs .column-text{ margin:0 25px 12px 25px; line-height:150%;}
.content-wrap .talent-programs .column-text a{ color:#356fae;line-height:200%;}
.content-wrap .job-opportunities{ padding:0; margin:0 15px 0 30px;  width: 40%;}
.content-wrap .job-opportunities dl{ border-left: 2px solid #35a8e0; border-top:none; margin:4px 0; padding:4px 0 4px 10px;}
.content-wrap .job-opportunities h4{padding:0; margin-bottom:10px;}
.content-wrap .job-opportunities h4 a{color:#24acde; }
.content-wrap .job-opportunities h4 a:hover{color: #337ab7;}
.column-grup dl{ border-top:1px solid #cddcea; padding:25px 0; margin: 0 15px;}
.column-grup dl dd h4{padding-bottom:18px;}
.column-grup dl dd h4 a{ color:#24acde;font-size:18px; font-family: 'Conv_HelveticaNeue-MediumExt'; }
.column-grup dl dd h4 a:hover{color: #337ab7;}
.column-grup dl dt { padding:0;color: #337ab7;}
.column-grup dl dt img{width: 100%;}

.content-wrap a button{color:#24acde; font-weight:600; font-size:12px;  background:#f7f7f7;  border:1px solid #24acde; border-radius:3px; margin:10px 0;}
.content-wrap a:hover button{color:#356fae;border:1px solid #356fae;}


.big-pic{position:relative;}
.big-pic .pic-title{width:50%; height:40px; font-size:13px; position:absolute; bottom:30px; background:rgba(53,110,174,0.8);line-height:38px; color:#FFF; padding-left:20px;}
.main-content .introduction-text h5{ font-size:20px; margin-bottom:15px;  color:#356fae;}
.main-content .introduction-text p .blue{ color:#35a8e0;}

.job-infomation table{ }
.job-infomation table tr{ border-left:2px solid #35a8e0; border-bottom:5px solid #fff; }
.job-infomation table tr td{ border:none; padding:5px 20px;}
.job-infomation table tr td .date{ color:#898989; font-weight:600; margin:3px 0 2px 0;}
.job-infomation table tr td .title{ color:#24acde;margin: 8px 0;}
.job-infomation table tr td .text{ margin:2px 0 5px 0;}




@media screen and (max-width:1200px){
	.content-wrap .title-pic-join-us {margin: 15px 0;padding: 0 15px;}
	.dropdown-nav-join-us ul li a{padding: 0 30px;}
	.content-wrap .talent-programs {border: 1px solid #a1c6d3;padding: 0;margin-left: 15px;	width: 50%;	}
	.content-wrap .job-opportunities { padding: 0;  margin: 0 15px 0 20px;  width: 45%;}
	.content-wrap .job-opportunities h4{ padding:0; margin-bottom:10px;}
	.content-wrap .job-opportunities dl{ margin:3px 0; padding:3px 0 3px 10px;}
}

@media screen and (max-width:1024px){	


}
@media screen and (max-width:992px){
	.content-wrap .text-join-us{ width:100%;}
	.content-wrap .title-pic-join-us{ width:100%; padding:0; margin:0;}
	.dropdown-nav-join-us ul li a{padding: 0 13px;}
	.content-wrap .talent-programs{ width: 96.2%;}
	.content-wrap .job-opportunities{ width:96.2%; margin-top:20px;}
	
}

/*不大于767px的设备尺寸中 响应式布局的特定样式*/
@media screen and (max-width:767px){
	
	.content-wrap{ margin:0 15px;}
	footer .blue-wrap{ margin:0;}	
	.title-pic-join-us{ margin-top:20px;}	
	.join-us-pic{margin-top:20px;}
	.column-grup dl dt {margin-bottom: 15px;}
	
}

/*iphone6p横屏*/
@media screen and (max-width:736px){
	
}
	
@media screen and (max-width:700px)
{
	.big-pic .pic-title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}


@media screen and (max-width:600px)
{	
}

@media screen and (max-width: 414px){
	.big-pic .pic-title { display: none;}

}
@media screen and (max-width:480px){	
	
}

@media screen and (max-width:320px)
{
	
}


