﻿body { background-color: #f6f7fb; }

.banner { width: 100%; height: 380px; background: url(../image/banner.jpg) center no-repeat; }

.contentwrap{
  padding-top:40px;
  padding-bottom: 40px;
  background: url(../image/page_bgl.png) left bottom  no-repeat,url(../image/page_bgr.png) right 0px no-repeat;
}
.content { width: 1200px; margin: 0 auto 0;  background-color: #fff; position: relative; }
.content__left { width: 280px; padding-bottom: 24px; }
.content__left_tit {
	width: 280px;
	padding: 20px 0 0 20px;
	height:76px;
	background: url(../image/tit_bg.jpg);
	color: #FFFFFF;
}
.content__left_tit h2 {
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
}
.content__left_tit p {
	font-size: 12px;
	color: #a1ce89;
	text-transform: Uppercase ;
}
.content__left_nav { padding: 0 20px; }
.content__left_nav a { line-height: 64px; display: block; border-bottom: 1px dashed #e6e6e6; }
.content__left_nav a i { display: inline-block; width: 7px; height: 10px; background: url(../image/arrow.png); vertical-align: middle; margin-right: 10px; -webkit-transition: all .2s; transition: all .2s; }
.content__left_nav a span { font-size: 18px; color: #636466; vertical-align: middle; -webkit-transition: all .2s; transition: all .2s; }
.content__left_nav a:hover i, .content__left_nav a.on i { background: url(../image/arrow_hover.png); }
.content__left_nav a:hover span, .content__left_nav a.on span { color: #f18f57; }
.content__left_search { width: 240px; height: 36px; background-color: #ffffff; margin: 24px 0 0 20px; font-size: 0; position: relative; }
.content__left_search input { width: 186px; height: 36px; border: solid 1px #cccccc; border-right: 0; line-height: 36px; padding: 0 16px; font-size: 14px; }
.content__left_search input:focus { border-color: #6eba44; }
.content__left_search a { display: inline-block; width: 54px; height: 36px; background-color: #6eba44; position: absolute; right: 0; top: 0; font-size: 14px; color: #fff; text-align: center; line-height: 36px; }
.content__left_search a span { position: relative; z-index: 2; }
.content__left_search a:before { content: ""; display: block; width: 0; height: 100%; background-color: #f18f57; position: absolute; left: 0; right: 0; margin: auto; top: 0; -webkit-transition: all .2s; transition: all .2s; }
.content__left_search a:hover:before { width: 100%; }
.content__right { width: 920px; border-left: 1px solid #e6e6e6; }
.content__right_title { line-height: 75px; border-bottom: 1px solid #e6e6e6; padding: 0 30px; }
.content__right_title span:first-child { font-size: 18px; font-weight: bold; color: #636466; }
.content__right_title span:first-child:before { content: ""; display: inline-block; width: 10px; height: 16px; background: url(../image/icon_lines.png) center no-repeat; position: relative; top: 2px; margin-right: 4px; }
.content__right_title span:last-child a, .content__right_title span:last-child label { font-size: 14px; color: #adafb3; }
.content__right_title span:last-child a { -webkit-transition: all .2s; transition: all .2s; }
.content__right_title span:last-child a:hover { color: #f18f57; }
.content__right_text { padding: 30px 20px;}
div#jobcontent{text-align:left;margin:0px 10px;padding-bottom:40px;	font-size: 16px;line-height:32px;}
div#jobcontent .jobname{	height:35px;	background-color:#f5f5f5;	padding:5px;	font-weight:bold;}
div#jobcontent .jobitem{	margin-bottom:15px;}
div#jobcontent .jobtit{	line-height:42px; font-weight:bold;margin:5px 0px;	background:url(../image/downarr.gif) 70px no-repeat;border-top:1px #ddd solid;	border-bottom:1px #ddd solid;}
div#jobcontent .jobintro{	margin:0px 0px;		padding:15px 3px;}
div#jobcontent .jobcontact{	padding:15px 0px;	border-top:1px #ddd solid;}