/*
	@author 		:  fukun
	@created 		:  2012-7-18
	@description 	:  首页的 css样式
*/

/* mian content style */
.content_w {
	margin-top: 5px;
	position: relative;
	z-index: 1;
	height: 700px
}

/* left content style */
.left_w {
	display: inline;
	float: left;
	overflow: hidden;
	width: 290px;
	height: 700px
}

.l_t,.l_m,.l_b {
	background: url(../images/lc_bg.png) no-repeat 0 0
}

.l_t {
	width: 290px;
	display: block;
	font-size: 0;
	height: 6px;
	line-height: 0;
	overflow: hidden
}

.l_m {
	background-repeat: repeat-y;
	background-position: right 0;
	width: 290px;
	overflow: hidden;
	height: 685px;
	display: block
}

.l_b {
	line-height: 0;
	overflow: hidden;
	font-size: 0;
	background-position: left -7px;
	width: 290px;
	height: 9px;
	display: block
}
 
/* left style */
.index_lt {
	background: 0;
	background: #28618d;
	margin: 0 auto;
	height: 5px;
	border-bottom: 1px solid #c7c7c7;
	width: 286px
}

.l_login {
	width: 250px;
	margin: 8px auto;
	position: relative;
	display: block
}

.l_login a {
	margin: 0 5px;
	text-indent: -9999px
}

.l_login a:hover {
	text-decoration: none
}

.vip_login,.net_login,.vip_login_over,.net_login_over,.vip_login:hover,.net_login:hover
	{
	background: url(../images/l_s.png) no-repeat 0 0
}

.vip_login:hover,.vip_login_over {
	background-position: -115px top
}

.net_login:hover,.net_login_over {
	background-position: -115px -32px !important
}

.vip_login {
	width: 115px;
	height: 30px;
	line-height: 30px;
	display: inline;
	overflow: hidden;
	float: left
}

.net_login {
	background-position: left -32px;
	width: 115px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	display: inline;
	float: left
}

.l_w {
	width: 258px;
	position: relative;
	margin: 8px auto 0
}

/* search style */
.search_w {
	width: 258px;
	height: 276px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	display: block
}

.li_content {
	display: none;
	background: #e5e5e5;
	height: 210px;
	text-align: center
}

.a_order,.a_line,.search_btn,.search_btn:hover,.search_btn_over {
	background: url(../images/l_s.png) no-repeat 0 0
}

.a_order {
	background-position: left -66px;
	height: 33px;
	line-height: 33px;
	display: block;
	width: 258px
}

.a_line {
	background-position: left -100px;
	height: 33px;
	line-height: 33px;
	display: block;
	width: 258px
}

.a_order:hover,.a_order_over {
	background-position: right -66px;
}

.a_line:hover,.a_line_over {
	background-position: right -100px;
}

/* search form style*/
.search_text {
	width: 230px;
	height: 130px;
	color: #5c5c5c;
	min-height: 130px;
	min-width: 230px;
	max-height: 130px;
	max-width: 230px;
	padding: 5px;
	overflow-x:hidden;
	overflow-y:auto;
	margin-top: 15px;
	border: 1px #a7a7a7 solid !important
}

.form_group {
	margin: 10px auto 0;
	width: 242px;
	line-height: 31px
}

.form_group span {
	color: #4b4b4b;
	font-weight: bold;
	font-size: 13px;
	display: inline
}

.validate_code {
	float: left;
	display: inline;
	width: 60px;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	border: 1px solid #a7a7a7;
	text-align: center
}

.kaptcha_img {
	float: left;
	display: inline;
	width: 56px !important;
	height: 30px !important;
	cursor: pointer;
	margin-left: 10px
}

.search_btn {
	float: left;
	display: inline;
	background-position: left -134px;
	border: 0;
	width: 72px;
	height: 31px;
	text-indent: -9999px
}

.search_btn:hover,.search_btn_over {
	background-position: -72px -134px
}

.form_group1 {
	width: 240px;
	margin: 0 auto;
	padding: 5px
}

.form_group1 h2 {
	color: #4b4b4b;
	line-height: 40px
}

.form_group1 select {
	color: #4b4b4b;
	width: 100px;
	font-weight: bold;
	border: 1px solid #b3b3b3;
	padding: 5px 12px;
	text-align: center;
	height: 30px !important;
	margin-left: 10px;
	line-height: 30px
}

.form_group1 input {
	border: 1px solid #b3b3b3;
	line-height: 24px;
	margin-left: 10px;
	height: 24px;
	width: 212px;
	font-size: 13px
}

/* qq net style*/
.qq_online,.net_fb {
	background: url(../images/qq_online.png) no-repeat 0 0;
	height: 74px;
	overflow: hidden;
	width: 258px;
	display: block;
	text-indent: -9999px
}

.net_fb {
	background: url(../images/net_fb.png) no-repeat 0 0;
}

/* right content style */
.right_w {
	display: inline;
	float: right;
	height: 680px;
	position: relative;
	width: 696px
}

/* photo style*/
.photo {
	position: relative;
	width: 696px;
	height: 328px;
	overflow: hidden
}

.v_content {
	position: relative;
	width: 696px;
	height: 328px;
	overflow: hidden
}

.v_content_list {
	position: absolute;
	width: 2100px;
	height: 328px;
	overflow: hidden
}

.v_content ul li {
	display: inline;
	float: left;
	width: 696px;
	height: 328px;
	text-align: center;
	overflow: hidden;
}

.v_content ul li img {
	width: 696px;
	height: 328px
}

.photo_nav {
	z-index: 4;
	bottom: 10px;
	right: 10px;
	position: absolute;
	width: 100px;
	overflow: hidden
}

.photo_nav a,.photo_nav a:hover {
	background: url(../images/photo_nav.png) no-repeat 0 0
}

.photo_nav a {
	background-position: 0 -18px;
	margin: 0 5px;
	text-indent: -9999px;
	height: 18px;
	float: left;
	display: inline;
	line-height: 18px;
	width: 18px;
}

.photo_nav a:hover,.p_a_over {
	background-position: 0 0 !important;
	text-decoration: none;
}

/* righr content style */
.rc_w {
	margin-top: 14px;
	height: 358px;
	position: relative;
	width: 696px
}

.r_l {
	float: left;
	display: inline;
	width: 426px
}

.r_r {
	float: left;
	display: inline;
	width: 254px;
	height: 358px;
	overflow: hidden;
	margin-left: 14px;
	background: url(../images/irp_bg.png) no-repeat 0 0;
	position: relative
}

.ir_m,.ir_t,.ir_b {
	width: 426px;
	background: url(../images/irc_bg.png) no-repeat 0 0
}

.ir_t {
	display: block;
	font-size: 0;
	height: 6px;
	line-height: 0;
	overflow: hidden
}

.ir_m {
	background-repeat: repeat-y;
	background-position: right 0;
	height: 342px;
	overflow: hidden;
	display: block
}

.ir_b {
	line-height: 0;
	overflow: hidden;
	font-size: 0;
	background-position: left -7px;
	height: 9px;
	display: block
}

/* 新闻动态 公司新闻 */
.crop_news,.hangye_news {
	height: 170px;
	overflow: hidden
}

.ir_m h2 {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #0e7fd8;
	width: 390px;
	margin: 0 auto;
	position: relative
}

.ir_m h2 em {
	background: url(../images/title_a.png) no-repeat 0 0;
	height: 18px;
	width: 92px;
	position: absolute;
	left: 10px;
	top: 6px;
	display: block
}

.ir_m h2 a {
	position: absolute;
	right: 5px;
	font-size: 12px;
	font-family: "Arial Narrow";
	font-weight: normal;
	display: block
}
.ir_m h2 a:hover {
	color:#FF7600
}
.ir_m ul {
	border-top: 1px solid #eaeaea;
	width: 375px;
	margin: 0 auto;
	position: relative;
	padding: 10px 0 0 15px
}

.ir_m ul li {
	line-height: 24px;
	display: block ;
	clear: right
}

.ir_m ul li a {
	float: left;
	display: inline;
}

.ir_m ul em {
	background: url(../images/title_a.png) no-repeat 0 -35px;
	height: 9px;
	float: left;
	margin-top: 6px;
	overflow: hidden;
	width: 10px;
}

.ir_m ul li span {
	float: right;
	display: inline
}

.hangye_news h2 em {
	background-position: left -18px
}

/* 人才招聘 和 使用帮助 */
.r_r a {
	display: block;
	color: #fff;
	position: absolute
}

.r_r a:hover {
	color: #fff;
	text-decoration: none;
}

.r_rczp {
	top: 5px;
	left: 5px;
}

.r_help {
	top: 177px;
	left: 5px;
}

.r_r a em {
	position: absolute;
	width: 76px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	Filter: Alpha(opacity =       80);
	-moz-opacity: 0.8;
	Opacity: 0.8;
}

.r_rczp em {
	top: -3px;
	left: -3px;
	background: url(../images/irp_bg.png) no-repeat right top;
}

.r_help em {
	top: 153px;
	left: -3px;
	background: url(../images/irp_bg.png) no-repeat right bottom;
}

/* login style */
.login_bg {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgb(0, 0, 0);
	Filter: Alpha(opacity = 50);
	-moz-opacity: 0.5;
	Opacity: 0.5;
	z-index: 400;
}

.login_form {
	position: absolute;
	top: 200px;
	z-index: 9999;
	left: 0;
	width: 371px;
	overflow: hidden
}

.login_t,.login_m,.login_b,.login_btn,.login_t em {
	background: url(../images/login.png) no-repeat 0 0
}

.login_t {
	width: 371px;
	height: 46px;
	color: #282828;
	font-size: 18px;
	text-align: center;
	line-height: 46px;
	display: block;
}

.login_t em {
	background-position: 0 -90px;
	font-size: 0;
	height: 7px;
	width: 8px;
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer
}

.login_m {
	background-repeat: repeat-y;
	background-position: -371px 0;
	display: block;
	height: 220px
}

.login_m .form_group2 {
	text-align: center;
	height: 50px;
	margin: 0px auto;
	width: 250px;
	line-height: 50px;
	display: block;
	font-size: 14px;
	color: #81881
}

.login_txt {
	height: 24px;
	line-height: 24px;
	width: 160px;
	padding-left: 5px
}

.login_b {
	background-position: 0 -47px;
	display: block;
	height: 9px;
	font-size: 0px;
	width: 371px
}

.login_btn {
	background-position: 0 -56px;
	border: 0;
	width: 90px;
	height: 34px;
	display: block;
	margin: 10px auto
}

.vip_form,.net_form,.login_form {
	display: none
}
.vip_form,.net_form{
	position: relative
}
.login_btn:hover,login_btn_over {
	background-position: -90px -56px;
}