/*头部banner*/
.banner{ width:100%; height:auto; overflow: hidden;}
.banner .banner_img { display: block; width: 100%;}
.banner .title{ color:#fff; margin-left:60px; text-align:left; padding-top:30px; overflow:hidden}
.banner .title h4{ font-size:40px; font-weight:bold; border-bottom:2px solid #fff; line-height:1.2em; float:left;text-shadow:1px 1px rgba(0,0,0,.3);}
.banner .title p{ font-size:16px; line-height:1.5em; clear:both;text-shadow:1px 1px rgba(0,0,0,.3);}
.banner .title p a{ color:#fff}
.banner .title p a:hover{ color:#ED002D}

/*定位*/
.location-search{ width: 100%; max-width: 1200px; margin: 0 auto; height:50px; line-height:50px; background-color:#c90229}
.location{ float:left; text-align:left; color:#fff; font-size:13px; padding-left:5.4%;}
.location a{ color:#fff}
.search{ border:1px solid #fff; height:34px; line-height:34px; width:25%; float:right; margin-right:4%; position:relative; top:8px; text-align:left;}
.search input{ height:32px; line-height:32px; width:78%; padding-left:4%; border:0; background:none; color:#fff; font-size:14px;}
.search input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff;} 
.search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } 
.search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } 
.search input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } 
.search button{ width:14%; text-align:center; border:0; background:none; vertical-align:middle}
.search button img{ vertical-align:middle}
/*主要内容区域*/
.container { width: 100%; max-width: 1200px; margin: 0 auto;}
.container .big-title{ border-top:1px solid #c90229; text-align:left; margin-top:12px;}
.container .big-title img{ position:relative; top:-1px;width:16.45%}
.search_icon{ display:none}
.container{ font-size:14px; text-align:left}
/*博士后科研工作站*/
.page_postdoctoral .container .big-title img{ width:25.35%}
/* .page_postdoctoral .banner{ background:url(../images/human-resources/banner.jpg) no-repeat center center} */
.postdoctoral-contain { position:relative; padding-left:27%; margin-top:22px; margin-bottom:40px;}
.postdoctoral-contain .left{ position:absolute; width:25%; top:0; left:0;}
.postdoctoral-contain .left img{ width:100%}
.postdoctoral-contain .right{ width:100%;}
.postdoctoral-contain .right .txt{ border-bottom:1px solid #dfdfdf; padding-bottom:32px; margin-bottom:12px}
.postdoctoral-contain .right h4{ margin-bottom:16px; font-size:16px;}
.postdoctoral-contain .right p{  font-size:14px;}
.postdoctoral-contain .right table{ border-left:1px solid #5d5d5d;border-top:1px solid #5d5d5d; text-align:center;}
.postdoctoral-contain .right table td{ border-right:1px solid #5d5d5d;border-bottom:1px solid #5d5d5d; padding:10px;}
.postdoctoral-contain .right .last{ border-bottom:0}
/*人事方针*/
/* .page_personnel_policy .banner{ background:url(../images/human-resources/banner.jpg) no-repeat center center} */
.page_personnel_policy .container .big-title img{ width:17.3%}
.policy-contain{position:relative; padding-right:26%; margin:22px 5% 40px;}
.policy-contain .left{ width:100%;}
.policy-contain .left .txt{border-bottom:1px solid #dfdfdf; padding-bottom:16px; margin-bottom:16px;}
.policy-contain .left .last{ border-bottom:0;}
.policy-contain .left h4{ font-size:20px; color:#c90229; margin-bottom:10px;}
.policy-contain .right{ position:absolute; width:26%; top:0; right:0;}
.policy-contain .right img{ width:100%}
/*社会招聘*/
.recruitment-contain{ margin:22px 5% 40px}
.condition{ padding-left:7em; position: relative}
.condition .text{ position:absolute; top:0; left:0; font-size:18px; display:block; line-height:30px; color:#5d5d5d;}
.condition ul{ list-style:none; overflow:hidden;}
.recruitment-contain .condition li{ list-style:none; float:left;overflow:hidden; text-align:left; height:32px; line-height:32px; font-size:14px;}
.condition li select,.condition li input{ vertical-align:top}
.condition li.chose-adress{ width:32%; padding-right:1%}
.condition li.chose-adress div{ border:1px solid #d6d6d6; background:url(../images/boutique/select_icon.png) no-repeat right center; height:30px; position:relative}
.condition li.chose-price div{ border:1px solid #d6d6d6; background:url(../images/boutique/select_icon.png) no-repeat right center; height:30px; position:relative;}
.condition li .text{ float:left}
.condition li .textpc{ display:block}
.condition li .textwap{ display:none}
.condition li div span{ position:absolute; top:0; left:0; right:0; bottom:0; display:block; z-index:1; padding-left:10px;}
.condition li.chose-department{ width:32%; padding-right:1%}
.condition li.chose-department div{ border:1px solid #d6d6d6; background:url(../images/boutique/select_icon.png) no-repeat right center; height:30px;}
.condition li.order-btn{ width:25%; float:right; height:36px; line-height:36px; position:relative; top:-4px;}
.condition li div{ float:left; width:99%; position:relative;}
.condition li div select{width:100%; height:30px; line-height:30px; opacity:0;filter:alpha(opacity=0); position:relative; z-index:2; left:-1px;}
.condition li div select option{ padding:6px 0; line-height:30px;}
.condition li.chose-search{ width:34%}
.condition li.chose-search .searchinfo{ border:1px solid #d6d6d6; height:30px; line-height:30px; position:relative}
.condition li.chose-search .searchinfo div{ width:50%;}
.condition li.chose-search .searchinfo input{ width:82%; height:30px; line-height:30px; border:0; background:none; padding-left:4%;}
.condition li.chose-search .searchinfo button{ width:14%; border:0; height:30px; line-height:30px; background-color:#c90229; position:absolute; top:0; right:0;}
.condition li.chose-search .searchinfo button img{ vertical-align:middle}
.recruitment-contain .title{ overflow:hidden; height:45px; line-height:45px; margin-top:8px; padding:0 10px;}
.recruitment-contain .title span{ font-size:18px; color:#c90229; font-weight:normal}
.recruitment-contain .name_tit{ display:block; float:left; width:40%;} 
.recruitment-contain .name_tit i{ display:inline-block; width:6px; height:9px; background:url(../images/human-resources/jian.png) no-repeat center center; margin-left:6px; }
.recruitment-contain .department{ display:block; float:left; width:20%; text-align:center} 
.recruitment-contain .addr{ display:block; float:left; width:20%; text-align:center} 
.recruitment-contain .date{ display:block; float:left; width:20%; text-align: center}
.recruitment-contain ul.table{ background-color:#f0f0f0; padding:0 10px; font-size:16px;}
.recruitment-contain li{ height:46px; line-height:46px; border-bottom:1px solid #fff}
.recruitment-contain li:hover i{  background: url(../images/human-resources/jian_on.png) no-repeat center center;}  
.job_wechat {
  width: 100%; height: auto; overflow: hidden;
}
.job_wechat img {
  width: 188px; margin: 25px auto; display: block; box-shadow: 0 0 5px #ddd;
}

/*社会招聘详情页*/
/* .page_recruitment .banner{ background:url(../images/human-resources/banner.jpg) no-repeat center center} */
.recruitmentinfo-contain{ margin:22px 5% 40px}
.recruitmentinfo-contain .txt{border-bottom:1px solid #dfdfdf; padding-bottom:25px; margin-bottom:25px; }
.recruitmentinfo-contain .txt h4{ font-size:20px; color:#c90229; margin-bottom:25px;} 
.recruitmentinfo-contain .txt ul{ overflow:hidden; padding-left:4.5em}
.recruitmentinfo-contain .txt li{ float:left; width:33%; }
.recruitmentinfo-contain .txt li p{margin-bottom:6px;}
.recruitmentinfo-contain .txt .info{ padding-left:4.5em}
.recruitmentinfo-contain .last{ border-bottom:0;}
.recruitmentinfo-contain p.apply{ text-align:center; margin-bottom:86px;}
.recruitmentinfo-contain p.apply .apply-btn{ display:inline-block; font-size:18px; padding:8px 10px; background-color:#c90229; color:#fff}

/*填写个人资料*/
.page-data .container .big-title img{ width:16.45%}
.data-contain{ width:100%}
.data-contain .write { overflow:hidden;}
.data-contain .write .title{ padding-bottom:12px; border-bottom:1px solid #d6d6d6; font-size:16px; font-weight: bold; height:26px; line-height:22px;}
.data-contain .write .title img{ margin-right:10px;}
.data-contain .write ul{ overflow:hidden; width:110%; border-bottom:1px solid #c90229; padding-bottom:20px; margin-bottom:20px;}
.data-contain .write li{ padding:0 3em 0 5em; width:19%; float:left; position:relative; font-size:14px; margin-top:15px; height:32px;}
.data-contain .write li .text{ position:absolute; display:block; height:32px; line-height:32px; top:0; left:0;}
.data-contain .write li input{ height:30px; line-height:30px; border:1px solid #d6d6d6; width:92%; padding:0 4%}
.data-contain .write li .xing{ position:absolute; width:1em; display:block; right:1.5em; top:0; width:2%; text-align:center; line-height:32px; color:#c90229}
.data-contain .write li.select_container div{ width:100%; position:relative; background:url(../images/boutique/select_icon.png) no-repeat right center; overflow:hidden; border:1px solid #d6d6d6}
.data-contain .write li.select_container div select{ width:100%; border:0; height:30px; line-height:30px;opacity: 0;filter: alpha(opacity=0);}
.data-contain .write li.select_container .input{ position:absolute; top:0; left:0; display:block; width:92%; padding:0 4%; height:30px; line-height:30px; overflow:hidden}
.data-contain .write li.adress{ width:49.5%}
.data-contain .write li.adress input{ width:96%; padding:0 2%}
.data-contain .write ul.last{ border-bottom:0;}
.data-contain .write ul.last li{ width:80%; height:auto}
.data-contain .write ul.last li input{ width:98%; padding:0 1%}
.data-contain .write ul.last li textarea{ width:98%;border-bottom:1px solid #dfdfdf; padding:1%}
.data-contain .write .btns{ text-align:center}
.data-contain .write .btns a{ display:inline-block; width:115px; height:34px; text-align:center; line-height:34px; background-color:#bebebe; color:#fff}
.data-contain .write .btns a:hover{ background-color:#c90229}
.data-contain .write .btns a.on{background-color:#c90229}

.nojob { width: 50%; height: auto; margin: 20px auto; overflow: hidden; text-align: center; padding: 5%;}
.nojob p { font-size: 20px; line-height: 40px; color: #c90229;}

@media all and (max-width:1200px){
  .banner .banner_img { width: 180%; margin-left: -40%;}
}

@media all and (min-width:1105px) and (max-width:1209px){
.data-contain .write li{width:18.5%;}
}

@media all and (min-width:959px) and (max-width:1104px){
.data-contain .write li{width:17%;}
.data-contain .write li.adress{ width:47.5%}
.data-contain .write ul.last li{ width:76.9%}
}

@media all and (min-width:906px) and (max-width:959px){
/*博士后科研工作站*/
.postdoctoral-contain{ margin:40px 4%}	
.data-contain .write li{width:13.2%;}
.data-contain .write li.adress{ width:43.8%}

}

@media all and (min-width:0px) and (max-width:767px){
/*.banner{height:129px;}*/
.banner .title{ margin-left:32px;}
.banner .title h4{ font-size:18px;}
.banner .title p {font-size:12px;}
.container .big-title img{ width:40%;}
.location-search{ position:relative;}
.location{ font-size:12px;padding-left:2%}
.location-search .search_icon{ position:absolute; top:0; right:4%;}
.location-search .search_icon img{ width:20px; vertical-align:middle}
.search{ width:100%; background-color:#f0f0f0; border:0; top:50px; color:#5d5d5d; position:absolute; z-index:10; border-bottom:1px solid #000; display:none; margin:0; padding:0;}
.search input{ color:#5d5d5d;}
.search_icon{ display:block}
.search input::-webkit-input-placeholder { /* WebKit browsers */ color: #5d5d5d;} 
.search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #5d5d5d; } 
.search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #5d5d5d; } 
.search input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #5d5d5d; } 
.search button img{ display:none}
/*博士后科研工作站*/
.postdoctoral-contain { padding:0; margin:20px 4% 40px}
.page_postdoctoral .container .big-title img{ width:50%}
.postdoctoral-contain .left{ display:none}
.postdoctoral-contain .right .txt{ padding-bottom:12px;}
/*人事方针*/
.page_personnel_policy .container .big-title img{ width:40%}
.policy-contain{ padding:0; margin:22px 10% 40px;}
.policy-contain .right{ display:none}
.policy-contain .left h4{ font-size:16px;}
/*社会招聘*/
.recruitment-contain .name_tit i{ display:none}
.condition{ padding:0;}
.condition .text{ position:static; display:block}
.condition li{ margin-top:20px;}
.condition li.chose-adress{ width:100%; float:none}
.condition li.chose-department{ width:100%; float:none}
.condition li.chose-search{ float:none; width:100%}
.condition li.chose-search .searchinfo button{ width:36px;}
.recruitment-contain ul.table{ font-size:12px; padding:0 8px;}
.recruitment-contain .table li{ overflow:hidden; height:auto; line-height:22px; padding:10px 0}
.recruitment-contain .title span{ font-size:14px;}
.recruitment-contain .addr{ width:15%;}
.recruitment-contain .date{ width:25%}
.nojob p { font-size: 15px; line-height: 26px;}
.job_wechat img {
  width: 158px;
}

/*社会招聘详情页*/
.recruitmentinfo-contain .txt ul{ padding-left:0;}
.recruitmentinfo-contain .txt li{ float:none; width:100%; margin-bottom:20px;}
.recruitmentinfo-contain .txt li p{ margin-bottom:4px;}
.recruitmentinfo-contain .txt{ padding-bottom:15px; margin-bottom:15px;}
.recruitmentinfo-contain .txt .info{ padding-left:0;}
.recruitmentinfo-contain .txt li.last{ margin-bottom:0;}
}

@media all and (min-width:0px) and (max-width:905px){
.page-data .postdoctoral-contain{ margin:40px 8%}	
.page-data .left{ display:none}
.page-data .postdoctoral-contain{ padding-left:0;}
.data-contain .write li .text{ position:static; clear:both}
.data-contain .write ul{ width:100%;}
.data-contain .write li{ padding:0; float:none; width:100%; height:auto}
.data-contain .write li input{ width:86%}
.data-contain .write li.select_container div{ width:94%; float:left}
.data-contain .write li .xing{ position:static; display:inline-block; width:5%; text-align:center}
.kong{ display:none}
.data-contain .write li.adress{ width:100%}
.data-contain .write li.adress input{ width:86%; padding:0 4%}
.data-contain .write ul.last li{ width:100%}
.data-contain .write ul.last li input{ width:86%; padding:0 4%}
.data-contain .write ul.last li textarea{ width:92%}

}