/****************************
  CSS Document 
****************************/
html,body {
	margin: 0px auto;
	font: Arial, Helvetica, sans-serif, "宋体";
	font-size: 12px;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 24px;
}

div {
	display: inline-block;
}

img {
	border: none;
}

ul,li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.li_left li {
	float: left;
	text-align: left;
	margin: 0px 0px;
	width: 50%;
}

#layout_main {
	width: 958px;
	border-top: 1px solid #d3d1d1;
	border-right: 1px solid #d3d1d1;
	border-bottom: 1px solid #d3d1d1;
	border-left: 1px solid #d3d1d1;
	margin-top: 10px;
	padding-bottom: 10px;
}

#header {
	margin:0px auto;
	padding: 20px 20px 0px 20px;
	background: url(../images/header_bg.gif) repeat-x;
}

#pingsoft_logo {
	float: left;
	width: 134px;
	height: 31px;
	background: url(../images/pingsoft_logo.gif) left no-repeat;
}

#nav_main {
	float: left;
	margin: 20px 0px 0px 40px;
}

#nav_main li {
	float: left;
	text-align: center;
	vertical-align: middle;
	padding: 0px 12px;
	background: url(../images/row.gif) no-repeat right center;
}

.bg_none {
	background: none !important;
}

#choose_lang {
	float: right;
	margin-top: 20px;
	text-align: right;
	clear: right;
}

#banner {
	background: url(../images/banner_main.jpg) no-repeat;
	width: 929px;
	height: 233px;
	clear: both;
	margin: 10px 0px;
}

#content {
	margin: 0px 10px;
	text-align: left;
	clear: both;
}

/****************************
  首页内容区域1 
****************************/
.content_1 {
	float: left;
	width: 350px;
	height: 180px;
	text-align: left;
	margin-left: 10px;
	background: url(../images/content_right.gif) right top no-repeat;
}

/****************************
  首页内容区域2 
****************************/
.content_2 {
	float: left;
	width: 340px;
	height: 180px;
	overflow: hidden;
	text-align: left;
	margin-left: 10px;
	background: url(../images/content_right.gif) right top no-repeat;
}

/****************************
  首页内容区域3 
****************************/
.content_3 {
	float: left;
	height: 100%;
	text-align: center;
	margin-left: 12px;
}

/****************************
  子页左侧内容区域 
****************************/
.content_left {
	float: left;
	width: 222px;
}

.content_left table {
	margin-left: 40px;
}

#product_simple {
	padding: 10px;
	margin-top: 10px;
}

.content_right {
	float: left;
	width: 160px;
	height: 400px;
	margin: 0px 0px 10px 10px;
	padding: 10px;
}

/****************************
  子页详细内容区域 
****************************/
.content_txt {
	float: left;
	width: 690px;
	margin-left: 10px;
}

.content_center {
	float: left;
	width: 480px;
	margin-left: 20px;
}

.content_center table {
	margin: 20px 0px 0px 20px;
}

/****************************
  页脚—版权说明
****************************/
#footer {
	color: #007fb2;
	margin: 10px 0px;
	line-height: 24px;
	clear: both;
}

h1 {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	color: #007fb2;
	padding-left: 20px;
	height: 30px;
	line-height: 30px;
	background: url(../images/arrow_02.gif) no-repeat 0% 50%;
}

h2 {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	color: #007fb2;
	padding: 5px 20px;
	background: url(../images/arrow_02.gif) no-repeat 0% 50%;
	border-top: 1px dotted #00a5e7;
	border-bottom: 1px dotted #00a5e7;
}

h3 {
	clear: both;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 10px 0px;
	color: #007fb2;
}

/****************************
 ==字体颜色一==
****************************/
.font_color_1 {
	color: #007fb2;
}

/****************************
 ==字体颜色二==
****************************/
.font_color_2 {
	color: #ff6600;
}

.font_color_3 {
	color: #ff0000;
	margin: 0px 5px;
}

/****************************
 ==背景颜色一==
****************************/
.bg_color_1 {
	background-color: #e2f4fe;
}

/****************************
 ==默认链接样式==
****************************/
a:link,a:visited {
	color: #333333;
	text-decoration: none;
}

a:hover,a:active {
	color: #ff7800;
	text-decoration: underline;
}

/****************************
 ==链接样式1—类中的链接—==
****************************/
.link_1 a:link,.link_1 a:visited {
	color: #007fb2;
	text-decoration: none;
}

.link_1 a:hover,.link_1 a:active {
	color: #ff7800;
	text-decoration: underline;
}

/****************************
 ==链接样式1—链接的中类—==
****************************/
a.link_1:link,a.link_1:visited {
	color: #333333;
	text-decoration: none;
}

a.link_1:hover,a.link_1:active {
	color: #ff7800;
	text-decoration: underline;
}

/****************************
 ==链接样式2—类中的链接—==
****************************/
.link_2 a:link,.link_2 a:visited {
	font: Arial, Helvetica, sans-serif, "宋体";
	color: #007fb2;
	text-decoration: none;
}

.link_2 a:hover,.link_2 a:active {
	color: #ff7800;
	text-decoration: underline;
}

/****************************
 ==链接样式2—链接的中类—==
****************************/
a.link_2:link,a.link_2:visited {
	color: #007fb2;
	text-decoration: none;
}

a.link_2:hover,a.link_2:active {
	color: #ff7800;
	text-decoration: underline;
}

/****************************
  链接样式3—类中的链接— 
****************************/
.link_3 a:link,.link_3 a:visited {
	color: #007fb2;
	font-weight: bold;
	text-decoration: none;
}

.link_3 a:hover,.link_3 a:active {
	color: #ff7800;
	font-weight: bold;
	text-decoration: underline;
}

/****************************
  链接样式3—链接的中类— 
****************************/
a.link_3:link,a.link_3:visited {
	color: #007fb2;
	font-weight: bold;
	text-decoration: none;
}

a.link_3:hover,a.link_3:active {
	color: #ff7800;
	font-weight: bold;
	text-decoration: underline;
}

/****************************
  登录按钮一 
****************************/
.input_login {
	background: url(../images/btn_4.gif) no-repeat;
	width: 52px;
	height: 21px;
	border: none;
	margin: 20px;
}

.input_prev {
	background: url(../images/btn_prev.gif) no-repeat;
	width: 61px;
	height: 19px;
	border: none;
	margin: 10px;
}

.input_next {
	background: url(../images/btn_next.gif) no-repeat;
	width: 61px;
	height: 19px;
	border: none;
	margin: 10px;
}

/****************************
  按钮样式 1
****************************/
.input_1 {
	background: url(../images/btn_bg1.gif) no-repeat;
	font-size: 12px;
	color: #007fb2;
	width: 90px;
	height: 25px;
	border: none;
	margin: 20px;
	padding: 2px 0px 0px 20px;
}

/****************************
  按钮样式 2
****************************/
.input_2 {
	background: url(../images/btn_bg2.gif) no-repeat;
	color: #007fb2;
	font-size: 12px;
	width: 84px;
	height: 21px;
	border: none;
	margin: 20px;
	padding: 2px 0px 0px 20px;
}

/****************************
  按钮样式 3
****************************/
.input_3 {
	height: 22px;
	border-top: 1px #fff solid;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	border-left: 1px #fff solid;
	color: #ff7800;
	background-color: #f4f4f4;
}

/****************************
  按钮样式 4
****************************/
.input_4 {
	width: 140px;
	height: 25px;
	border-top: 1px #fff solid;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	border-left: 1px #fff solid;
	color: #ff7800;
	background-color: #f4f4f4;
}

/****************************
  文本框样式一 
****************************/
.input_text1 {
	width: 100px;
	height: 14px;
}

.input_text2 {
	width: 200px;
	height: 14px;
}

/****************************
  下拉菜单样式一 
****************************/
.input_select1 {
	color: #CCCCCC;
}

/****************************
  线条样式一 
****************************/
hr {
	color: #FFF;
	border-bottom: 1px solid #d3d1d1;
}

.line_1 {
	border-bottom: 1px dotted #00a5e7;
}

/****************************
  border style 
****************************/
.border_1 {
	border-top: 1px solid #d3d1d1;
	border-right: 1px solid #d3d1d1;
	border-bottom: 1px solid #d3d1d1;
	border-left: 1px solid #d3d1d1;
}

.border_2 {
	border-top: 1px solid #ecebeb;
	border-right: 1px solid #ecebeb;
	border-bottom: 1px solid #ecebeb;
	border-left: 1px solid #ecebeb;
}

.border_hidden {
	border: none;
}

/****************************
  模块对齐方式 
****************************/
.float_left {
	float: left;
}

.float_right {
	float: right;
}

.align_center {
	text-align: center;
}

.margin_left {
	margin-left: 40px;
}

/****************************
  标题菜单箭头一 
****************************/
.list_arrow_1 li,.list_arrow_1 td {
	text-indent: 10px;
	padding: 4px 0px;
	background: url(../images/arrow_01.gif) center left no-repeat;
}

/****************************
  标题菜单箭头二 
****************************/
.list_arrow_2 li,.list_arrow_2 td {
	text-indent: 10px;
	padding: 4px 0px;
	background: url(../images/arrow_02.gif) center left no-repeat;
}

.list_arrow_3 li,.list_arrow_3 td {
	text-indent: 30px;
	padding: 4px 0px;
	background: url(../images/arrow_03.gif) center left no-repeat;
}

.list_none {
	list-style: none;
}

.list_number {
	list-style: inside;
	padding-left: 20px;
	list-style-type: decimal;
}

.list_square {
	list-style: inside;
	padding-left: 20px;
	list-style-type: square;
}

.list_lower {
	list-style: inside;
	padding-left: 20px;
	list-style-type: lower-alpha;
}

/****************************
  about页面 
****************************/
#banner_about {
	background: url(../images/banner_about.jpg) no-repeat;
	width: 939px;
	height: 150px;
	clear: both;
	margin: 10px 0px;
}

/****************************
  方案页面 
****************************/
#banner_fangan {
	background: url(../images/banner_fangan.jpg) no-repeat;
	width: 939px;
	height: 150px;
	clear: both;
	margin: 10px 0px;
}

/****************************
 招聘页面 
****************************/
#banner_zhaopin {
	background: url(../images/banner_zhaopin.jpg) no-repeat;
	width: 939px;
	height: 150px;
	clear: both;
	margin: 10px 0px;
}

#banner_huiyuan {
	background: url(../images/banner_huiyuan.jpg) no-repeat;
	width: 939px;
	height: 150px;
	clear: both;
	margin: 10px 0px;
}

#banner_chanpin {
	background: url(../images/banner_chanpin.jpg) no-repeat;
	width: 939px;
	height: 150px;
	clear: both;
	margin: 10px 0px;
}

#banner_anli {
	background: url(../images/banner_anli.jpg) no-repeat;
	width: 939px;
	height: 150px;
	clear: both;
	margin: 10px 0px;
}

/****************************
  关于 
****************************/
.content_title_about {
	background: url(../images/crumb_about.jpg) center no-repeat;
	width: 222px;
	height: 80px;
}

/****************************
  方案 
****************************/
.content_title_fangan {
	background: url(../images/crumb_fangan.jpg) center no-repeat;
	width: 222px;
	height: 80px;
}

/****************************
  招聘 
****************************/
.content_title_zhaopin {
	background: url(../images/crumb_zhaopin.jpg) center no-repeat;
	width: 222px;
	height: 80px;
}

.content_title_chanpin {
	background: url(../images/crumb_chanpin.jpg) center no-repeat;
	width: 222px;
	height: 80px;
}

.content_title_anli {
	background: url(../images/crumb_anli.jpg) center no-repeat;
	width: 222px;
	height: 80px;
}

/****************************
  当前位置
****************************/
.position {
	color: #ff7800;
}

.position a:link,.position a:visited {
	color: #ff7800;
	text-decoration: underline;
}

.position a:hover,.position a:active {
	color: #333333;
	text-decoration: none;
}

/****************************
  列表页“上一页”和“下一页”的控制
****************************/
.prev_next {
	margin: 20px 0px;
	clear: both;
}

#font_chosse {
	margin: 10px 0px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	clear: both;
}

/****************************
  字体“大、中、小”
****************************/
.text_size,.text_size td {
	font-size: 14px;
	line-height: 28px;
}

.text_size_big,.text_size_big td {
	font-size: 18px;
	line-height: 36px;
}

.text_size_small,.text_size_small td {
	font-size: 12px;
	line-height: 24px;
}

/****************************
  会员
****************************/
#login {
	border-bottom: 1px solid #ebebeb;
}

#login div {
	margin-left: 20px;
}

.content_title_huiyuan {
	background: url(../images/crumb_huiyuan.jpg) center no-repeat;
	width: 222px;
	height: 80px;
}

#apply {
	margin: 10px 10px;
	float: left;
}

#apply li {
	padding: 5px 0px;
}

.note_1 {
	display: inline-block;
	width: 350px;
	line-height: 16px;
	margin-left: 20px;
	color: #999;
	padding: 2px 5px;
}

.note_2 {
	display: inline-block;
	width: 350px;
	line-height: 16px;
	margin-left: 20px;
	color: #fff;
	padding: 2px 5px;
	background: #FF9900;
}

/*====================
  卡片式菜单组
=====================*/
#group_wrap div {
	text-align: left;
}

#group_nav {
	background: url(../images/menu_bg1.gif);
	height: 33px;
	font-weight: normal;
	text-align: center;
	margin-right: 10px;
}

#group_nav li {
	float: left;
	width: 80px;
	height: 36px;
	line-height: 36px;
}

#group_nav .li_bg_true {
	background: url(../images/menu_bg2.gif) no-repeat center;
}

#group_nav .li_bg_true a:link,#group_nav .li_bg_true a:visited {
	color: #ff7800;
	text-decoration: none;
}

#group_nav .li_bg_true a:hover,#group_nav .li_bg_true a:active {
	color: #ff7800;
	text-decoration: underline;
}