﻿@charset "utf-8";
/* CSS Document */

/* Clear Fix */ 
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hide from IE Mac \*/ 
.clearfix {
	display:block;
}
/* End hide from IE Mac */ 
/* end of clearfix */ 

body {
	margin:0px auto;
	background:#fafafa url(Images/bg.jpg) repeat-x;
	width:100%;
	line-height:150%;
}
body, td, th {
	font-family:微软雅黑,"MS Reference Sans Serif", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808080;
}
#wrap {
	text-align:left;
	width:1000px;
	margin:0 auto;
	padding: 0;
	min-height: 650px;
	height: 650px;
}
ul {
	padding:0px;
	list-style-type:none;
	float: left;
}
a:link {
	color: #808080;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #808080;
}
a:hover {
	text-decoration: underline;
	color: #808080;
}
a:active {
	text-decoration: none;
	color: #000000;
}
img {
	border:0px;
}
input {
	border:0px;
	vertical-align:middle;
	font-family: Tahoma, 微软雅黑;
	font-size:12px;
	color:#808080;
}
/*hearder*/
.hearder {
	text-align:left;
	width:1000px;
	height:140px !important;
	height:150px\9;
	background:url(Images/header_bg_line.jpg) no-repeat 0 70px;
	background:url(Images/header_bg_line.jpg) no-repeat 0 80px\9;
}
.hearder_top {
	width:900px;
	height:50px;
	margin:10px 0 0 50px;
	;
}
.logo_pic {
	float:left;
	width:217px;
	height:50px;
	margin:0px 0 0 15px;
}
.hearder_top_right {
	float:right;
	width:450px;
	height:48px;
	margin-top:2px;
}
.top_search {
	float:right;
	width:250px;
	height:20px;
	border:#7196a7 1px solid;
	background:#e7f5f8 url(Images/search_bg.jpg) no-repeat;
	margin-right:5px;
}
.top_search input {
	float:right;
	width:215px;
	background-color:#e7f5f8;
	margin-top:2px;
}
.top_search_put {
	float:right;
	width:41px;
	margin-right:15px;
	margin-right:8px;
}
.top_search_put input {
	float:right;
	width:41px;
	height:22px;
	background:url(Images/search_btn.jpg) no-repeat;
	cursor:pointer;
*margin-right:-5px;
}
.hearder_top_right ul {
	float:right;
	margin-top:0px !important;
	margin-right:11px;
	list-style-type:none;
	clear:both;
}
.hearder_top_right li {
	float:left;
	margin:5px 2px 0 2px;
}
.hearder_link_btn_1 {
	width:144px;
	height:34px;
	background:url(Images/hearder_link_btn_01_off.gif) no-repeat;
	position:absolute;
	z-index:6;
}
.hearder_link_btn_1_on {
	width:144px;
	height:34px;
	background:url(Images/hearder_link_btn_01_on.gif) no-repeat;
	position:absolute;
	z-index:6;
}
.hearder_link_btn_1 a:hover {
	background:url(Images/hearder_link_btn_01_on.gif) no-repeat\9;
}
.hearder_link_btn_2 {
	width:169px;
	height:34px;
	left:137px;
	background:url(Images/hearder_link_btn_02_off.gif) no-repeat;
	position:absolute;
	z-index:5;
}
.hearder_link_btn_2_on {
	width:169px;
	height:34px;
	left:137px;
	background:url(Images/hearder_link_btn_02_on.gif) no-repeat;
	position:absolute;
	z-index:5;
}
.hearder_link_btn_2 a:hover {
	background:url(Images/hearder_link_btn_02_on.gif) no-repeat\9;
}
.hearder_link_btn_3 {
	width:169px;
	height:34px;
	left:269px;
	background:url(Images/hearder_link_btn_03_off.gif) no-repeat;
	position:absolute;
	z-index:4;
}
.hearder_link_btn_3_on {
	width:169px;
	height:34px;
	left:269px;
	background:url(Images/hearder_link_btn_03_on.gif) no-repeat;
	position:absolute;
	z-index:4;
}
.hearder_link_btn_3 a:hover {
	background:url(Images/hearder_link_btn_03_on.gif) no-repeat\9;
}
.hearder_link_btn_4 {
	width:169px;
	height:34px;
	left:401px;
	background:url(Images/hearder_link_btn_04_off.gif) no-repeat;
	position:absolute;
	z-index:3;
}
.hearder_link_btn_4_on {
	width:169px;
	height:34px;
	left:401px;
	background:url(Images/hearder_link_btn_04_on.gif) no-repeat;
	position:absolute;
	z-index:3;
}
.hearder_link_btn_4 a:hover {
	background:url(Images/hearder_link_btn_04_on.gif) no-repeat\9;
}
.hearder_link_btn_5 {
	width:169px;
	height:34px;
	left:533px;
	background:url(Images/hearder_link_btn_05_off.gif) no-repeat;
	position:absolute;
	z-index:2;
}
.hearder_link_btn_5_on {
	width:169px;
	height:34px;
	left:533px;
	background:url(Images/hearder_link_btn_05_on.gif) no-repeat;
	position:absolute;
	z-index:2;
}
.hearder_link_btn_5 a:hover {
	background:url(Images/hearder_link_btn_05_on.gif) no-repeat\9;
}
.hearder_link_btn_6 {
	width:197px;
	height:34px;
	left:665px;
	background:url(Images/hearder_link_btn_06_off.gif) no-repeat;
	position:absolute;
	z-index:1;
}
.hearder_link_btn_6_on {
	width:197px;
	height:34px;
	left:665px;
	background:url(Images/hearder_link_btn_06_on.gif) no-repeat;
	position:absolute;
	z-index:1;
}
.hearder_link_btn_6 a:hover {
	background:url(Images/hearder_link_btn_06_on.gif) no-repeat\9;
}
.H_Location{
width:900px;
text-align:right;
margin:5px 70px 0 0px;
_margin:2px 35px 0 0px;
clear:botn;
display:black;
padding-right:50px;

}

.main_link {
	clear:both;
	width:898px;
	height:34px;
	margin:5px 1px 0 51px;
}
.main_link_left {
	float:left;
	width:14px;
	height:34px;
}
.main_link_right {
	float:right;
	width:14px;
	height:34px;
}
.main_link_center {
	float:left;
	width:845px;
	height:34px;
	background:url(Images/main_link_bg.jpg) repeat-x;
	position: relative;
	padding-left: 25px;
}
#ifocus {
	float:left;
	width:477px;
	clear: left;
	margin: 35px 0 0 70px;
	display: inline;
	overflow: hidden;
}
#ifocus_pic {
	width:477px;
	height:225px;
	display:block;
	clear:both;
	overflow:hidden;
	position:relative;
}
#ifocus_piclist {
	position:absolute;
}
#ifocus_piclist li {
	width:477px;
	height:225px;
	overflow:hidden;
	float: left;
}
#ifocus_piclist img {
	width:477px;
	height:225px;
}
#ifocus_btn {
	wdith:476px;
	height:133px;
	background:url(Images/left_btn_bg.jpg) repeat-x;
	display:block;
	clear:both;
	list-style-type:none;
	margin:0;
	padding:0;
}
#ifocus_btn li {
	float:left;
	width:119px;
	height:133px;
	margin:0;
	padding:0;
	background:url(Images/left_btn_bg_off.jpg);
}
#ifocus_btn img {
	cursor:pointer;
}
#ifocus_btn .current {
	background:url(Images/left_btn_bg_on.jpg) no-repeat;
}
.right {
	float:right;
	width:364px;
	height:400px;
	margin:25px 70px 0 0;
	clear: right;
	display: inline;
}
.right_title {
	clear:both;
	width:364px;
	height:26px;
	/*background:url(Images/right_title_bg.jpg) repeat-x;*/
	margin-bottom:10px;
}
.right_title img {
	margin-left:15px;
}
.right_content {
	clear:both;
	float:left;
	width:324px;
	margin:0 0 10px 20px !important;
*margin:0 0 10px 10px;
	text-align:justify;
	text-indent:2em;
}
.right_line {
	clear:both;
	width:364px;
	height:2px;
	background:url(Images/right_line_bg.jpg) repeat-x;
	margin-bottom:10px !important;
*margin-bottom:2px;
}
.right_ico_qq {
	clear:both;
	width:324px;
	height:18px;
	background:url(Images/ico_qq.jpg) no-repeat 1px 1px;
	margin:0px 0 10px 20px !important;
*margin:0 0 10px 20px;
}
.right_ico_qq_span {
	margin:0 0 0 20px;
	display:inline;
}
.right_ico_tel {
	clear:both;
	width:324px;
	height:18px;
	background:url(Images/ico_tel.jpg) no-repeat 1px 1px;
	margin:0px 0 10px 20px !important;
*margin:0 0 10px 20px;
}
.right_ico_tel_span {
	margin:0 0 0 20px;
	display:inline;
}
.right_ico_email {
	clear:both;
	width:324px;
	height:18px;
	background:url(Images/ico_email.jpg) no-repeat 0 1px;
	margin:0px 0 10px 20px !important;
*margin:0 0 10px 20px;
}
.right_ico_email_span {
	margin:0 0 0 20px;
	display:inline;
}
.right_link {
	clear:both;
	float:left;
	width:324px;
	margin:0 0 0 20px;
	display:inline;
	text-align:justify;
}
.right_link ul {
	clear:both;
	float:left;
	list-style-type:none;
	margin:0;
	display: inline;
}
.right_link li {
	float:left;
	width:76px;
	margin: 0 2px 10px 2px;
	display:inline;
	text-align:center;
	padding:0px;
}
.footer {
	clear:both;
	width:1000px;
	height:50px;
	background: url(Images/footer_bg.jpg) no-repeat;
	display: block;
	text-align: center;
	margin-top:10px;
	padding-top: 30px;
}
.con_left {
	float:left;
	width:175px;
	display:block;
	clear:both;
	text-align:left;
	margin:-10px 0 0 70px;
	_margin:-5px 0 0 35px;
}
.con_left_menu {
	clear:both;
	width:130px;
	height:30px;
	display:inherit;
	margin-bottom:5px;
	background:url(images/con_left_link_bg.gif) no-repeat;
	padding:10px 30px 0 15px;
	line-height:100%;
	font-weight:bold;
	color:#809eb6;
}
.con_left_menu_on {
	clear:both;
	width:130px;
	height:30px;
	display:inherit;
	margin-bottom:5px;
	background:url(images/con_left_link_en_bg.gif) no-repeat;
	padding:10px 30px 0 15px;
	line-height:100%;
	font-weight:bold;
	text-align:right;
	color:#fff;
}
.con_left_menu a:visited, .con_left_menu a:hover, .con_left_menu a:link {
	color:#809eb6;
}
.con_left_menu a:hover {
	text-decoration:none;
	color:#224455;
}
.con_left_menu_ul {
	padding:0;
	margin:0 0 10px 0;
	width:175px;
	list-style-type:none;
	overflow:hidden;
	display:block;
	float:left;
}
.con_left_menu_ul li {
	width:151px;
	height:22px;
	background:url(images/con_left_link_down_list.gif) no-repeat;
	text-align:right;
	padding:4px 25px 0 0;
}
.con_left_contact {
	clear:both;
	width:175px;
	height:55px;
	display:inherit;
	background:#f2f1f1 url(images/con_left_link_contact.gif) no-repeat;
	padding:0 0 0 0;
	margin:15px 0 0 0;
}
.com_left_contact_con {
	width:175px;
	padding:5px 0 5px 22px;
	color:#44444;
	display:inherit;
	text-align:left;

}
.left_qq {
	background:#f2f1f1 url(images/ico_qq.jpg) no-repeat 4px 5px;
	padding:5px 0 5px 22px;
	/*border:1px solid #d9dce0;*/
	border-left:1px solid #d9dce0;
	border-right:1px solid #d9dce0;
}
.left_tel {
	background:#f2f1f1 url(images/ico_tel.jpg) no-repeat 4px 5px;
	border-left:1px solid #d9dce0;
	border-right:1px solid #d9dce0;
}
.left_email {
	background:#f2f1f1 url(images/ico_email.jpg) no-repeat 3px 5px;
	border-left:1px solid #d9dce0;
	border-right:1px solid #d9dce0;
}

.left_jd { margin-top:5px;background:url(images/left_ico_jd_off.gif);}
.left_jd a:hover{ background:url(images/left_ico_jd_on.gif);}
.left_yy { margin-top:5px;background:url(images/left_ico_yy_off.gif);}
.left_yy a:hover{ background:url(images/left_ico_yy_on.gif);}
.left_yd { margin-top:5px;background:url(images/left_ico_yd_off.gif);}
.left_yd a:hover{ background:url(images/left_ico_yd_on.gif);}
.left_erp { margin-top:5px;background:url(images/left_ico_erp_off.gif);}
.left_erp a:hover{ background:url(images/left_ico_erp_on.gif);}
.left_yydb { margin-top:5px;background:url(images/pj_off.jpg);}
.left_yydb a:hover{ background:url(images/pj_on.jpg);}

.com_left_contact_btm {
	width:175px;
	height:17px;
	background:url(images/con_left_link_contact_bottom.gif) no-repeat;
	color:#44444;
	display:inherit;
	border-left:1px solid #d9dce0;
	border-right:1px solid #d9dce0;
}
.con_right {
	float:right;
	width:670px;
	margin:-10px 70px 0 0;
	_margin:-5px 35px 0 0;
	display:inherit;
	text-align:left;
	background: #FFFFFF url(images/right_con_bg.gif) repeat-x;
}

/*about_body*/
.about_body { width:670px; padding:0; float:right; background: url(images/bg_body_about.gif) top no-repeat; line-height:30px;}
.about_body  strong { color:#242424;}
.about_body_title { width:580px; background: url(images/about_ico.gif) 10px 5px no-repeat; margin:10px 5px 15px 15px; padding:3px 15px 8px 50px; border-bottom:#ddd 1px solid; font-family:"微软雅黑"; font-size:20px; }
.about_body_con {width:630px; padding:5px 20px 35px 20px; background:url(images/right_con_bg_bottom.gif) bottom no-repeat; margin-bottom:25px; font-size:14px; text-indent:2em; color:#333333;text-justify : inter-word ;  text-align:justify;}
.about_body ul { width:500px; float:left; font:normal 14px  Georgia, "Times New Roman", Times, serif, 微软雅黑; color:#565656; padding:0 15px; margin:10px 0; padding:5px 0; margin:0 50px;}
.about_body li { background:url(images/img_2.gif) left no-repeat; list-style:none; padding:5px 0 5px 20px; margin:2px 2px;}
.about_body a {font:normal 14px  Georgia, "Times New Roman", Times, serif , 微软雅黑; color:#739c09; margin:0; padding:0; text-decoration: underline;}
.about_body .data { float:left; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; background:#242424; text-align:center; width:100px; margin:0 10px 0 10px; padding:0 15px;}
.about_body .title { float: left; font: bold 14px Arial, Helvetica, sans-serif,  微软雅黑; color:#242424; margin:0; padding:0; margin:0; padding:0 15px;}
.about_body img { border:none;}

.buy_body_title { width:580px; background: url(images/buy_ico.gif) 10px 5px no-repeat; margin:10px 5px 15px 15px; padding:3px 15px 8px 50px; border-bottom:#ddd 1px solid; font-family:"微软雅黑"; font-size:20px; }
.cooperation_body_title { width:580px; background: url(images/cooperation_ico.gif) 10px 5px no-repeat; margin:10px 5px 15px 15px; padding:3px 15px 8px 50px; border-bottom:#ddd 1px solid; font-family:"微软雅黑"; font-size:20px; }
.contact_body_title { width:580px; background: url(images/contact_ico.gif) 10px 5px no-repeat; margin:10px 5px 15px 15px; padding:3px 15px 8px 50px; border-bottom:#ddd 1px solid; font-family:"微软雅黑"; font-size:20px; }
.downloads_body_title { width:580px; background: url(images/downloads_ico.gif) 10px 5px no-repeat; margin:10px 5px 15px 15px; padding:3px 15px 8px 50px; border-bottom:#ddd 1px solid; font-family:"微软雅黑"; font-size:20px; }
.introduction_body_title { width:580px; background: url(images/introduction_ico.gif) 10px 5px no-repeat; margin:10px 5px 15px 15px; padding:3px 15px 8px 50px; border-bottom:#ddd 1px solid; font-family:"微软雅黑"; font-size:20px; }


/*Contact*/
.Contact { width:670px; padding:0; float:right; background:url(images/bg_body_about.gif) top no-repeat; line-height:30px;}
.Contact_body_title { width:580px; background: url(images/msg_ico.gif) 10px 5px no-repeat; margin:10px 5px 15px 15px; padding:3px 15px 8px 50px; border-bottom:#ddd 1px solid; font-family:"微软雅黑"; font-size:20px; clear:both; }
.Contact_body_add_title { width:580px; background: url(images/msg_add_ico.gif) 10px 5px no-repeat; margin:10px 5px 15px 15px; padding:3px 15px 8px 50px; border-bottom:#ddd 1px solid; font-family:"微软雅黑"; font-size:20px; }
.Contact_body_con {width:630px; padding:0px; font-size:14px; color:#333333; text-align:justify; height:auto;}
.Contact_body_add_con {width:630px; padding:5px 20px 35px 20px; background:url(images/right_con_bg_bottom.gif) bottom no-repeat; font-size:14px;color:#333333;text-justify : inter-word ;  text-align:justify; clear:both; }
.Contact h2 { background: url(images/h2_con.gif) left no-repeat; padding:15px 5px 15px 50px;}
/*contact_info*/
.contact_info { width:301px; padding:0 0 0 20px; margin:2px 5px; float:right;_display:inline; background:url(images/bg_body.gif) top no-repeat; font:300 12px "微软雅黑","宋体";}
.contact_info a {font:normal 14px  Georgia, "Times New Roman", Times, serif; color:#679509; margin:0; padding:0; text-decoration:none;}
.contact_info strong { color:#222222;}
/* Conatct Form */
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:0 0 2px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 11px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#749f08; border:1px solid #92b631; color:#FFF; float:left;}
.Contact .msglist { margin:0px 20px;}
.Contact .msglist ul {list-style:none; margin:0; padding:0; font-size:14px; line-height:20px; height:auto;}
.Contact .msglist li { display:inherit; clear:both; height:auto;}
.Contact .msglist p { padding:10px; margin:0px; height:auto;}
.Contact .msglist .title { width:610px; padding:0 10px 0 10px;background:#eee; font-size:12px; font-weight:600; color:#036;}
.Contact .msglist span {float:none; margin-left:10px;}
.Contact .msglist .reply {border:1px #CCC dotted; color:#F22; padding:0;}
.Contact #stateStr {font-size:12px; background-color:#0B0; padding:2px 5px; display:none; color:#FFF; }
#pagelist {font-size:12px; float:right; margin-top:10px; clear:both;}
#pagelist .selected {font-weight:600;}
.content {width:610px; padding:0 10px 0 10px;}
.reply {padding:0 10px 0 10px;}
/*portfolio*/
.portfolio { width:660px; padding:0; margin:0 5px; float:left; background:url(images/bg_body_about.gif) top no-repeat;}
.portfolio .image { width:300px; float:left; padding:0; margin:0;}
.portfolio .image p a { text-decoration:none; color:#fff; font:normal 14px Arial, Helvetica, sans-serif; padding:5px 5px; margin:10px 10px; border:1px solid #67900b; background:#92b631;}
.portfolio .text  { width:300px; float:left; padding:0 0 0 10px; margin:0;} 
.portfolio  strong { color:#242424;}
.portfolio h2 { background: url(images/h2_portf.gif) left no-repeat; padding:15px 5px 15px 50px;}
.portfolio ul { width:500px; float:left; font:normal 14px  Georgia, "Times New Roman", Times, serif; color:#565656; padding:0 15px; margin:10px 0; padding:5px 0; margin:0 50px;}
.portfolio li { background:url(images/img_2.gif) left no-repeat; list-style:none; padding:5px 0 5px 20px; margin:2px 2px;}
.portfolio a {font:normal 14px  Georgia, "Times New Roman", Times, serif; color:#749f08; margin:0; padding:0 0 0 20px; text-decoration: underline; background: url(images/img_2.gif) left no-repeat;}
.portfolio .data { float:left; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; background:#242424; text-align:center; width:100px; margin:0 10px 0 10px; padding:0 15px;}
.portfolio .title { float: left; font: bold 14px Arial, Helvetica, sans-serif; color:#242424; margin:0; padding:0; margin:0; padding:0 15px;}
.portfolio img { padding:0; margin:5px 5px; border:1px solid #dadada; max-height:180px; max-width:275px; background:#fff;}
/*list*/
.list { border-top:1px solid #a5a295; margin:10px 20px 10px 20px; padding:0; }
.list p {padding:0 15px; margin:10px 0;}
.list img { border:none; margin:5px; padding:0;}
.list a { border:none; margin:5px; padding:0; background:none;}
/*Sub*/

.downloads_link {text-indent:0px; background-color:#f8f8f8; border:#eee 1px solid; padding:10px 10px 5px 10px; white-space: nowrap;}
.downloads_link_d {float:left; background:url(images/s_ico_down.gif) no-repeat; padding:0px 25px 0px 20px; } 
.downloads_link_h {float:left; background:url(images/s_ico_help.gif) no-repeat; padding:0px 25px 0px 20px; }
.downloads_link_v {background:url(images/s_ico_view.gif) no-repeat 0px 28px;; padding:0px 25px 0px 20px;  } 