@charset "utf-8";
/* CSS Document */

body {
	margin:0px auto;
	padding:0px;
}

ul,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,hr {
	margin:0px;
	padding:0px;
}

div {
	overflow:hidden;
}

p {
	font-size:14px;
	text-indent:2em;
	line-height:18px;
	margin-top:10px;
	margin-left:10px;
}

a {
	text-decoration:none;
}

ul {
	list-style:none;
}

#container {
	margin:0px auto;
	width:1000px;
}

#logo {
	width:1000px;
	height:94px;
	background:url(../images/banner.jpg) no-repeat;
	margin:0px auto;
}

/****** navigator *****************/

#nav {
	width:1000px;
	height:42px;
	background:url(../images/nav_bg.jpg) repeat-x;
}

#nav ul {
	margin-left:auto;
	margin-right:auto;
	width:700px;
}

#nav ul li {
	float:left;
}

#nav ul li a {
	padding-left:30px;
	line-height:42px;
	display:block;
}

#nav ul li a span {
	padding-right:30px;
	font-size:16px;
	color:#000000;
}

#nav ul li:hover {
	background:url(../images/nav_bg_s.jpg) repeat-x;
}

#nav ul li:hover a span{
	color:#ff7800;
	font-weight:bold;
}

/*********** down panal *************/

.down_panal {
	width:700px;
	height:190px;
	background:url(../images/nav_product_bg.jpg) repeat-x;
	position:absolute;
	margin-left:-175px;
	display:none;
}

.down_panal .sep {
	width:3px;
	height:190px;
	margin-left:auto;
	margin-right:auto;
}

.down_panal .sep img {
	margin-top:30px;
}

.product {
	width:345px;
	height:188px;
}

.down_panal .product1 {
	float:left;
}

.down_panal .product2 {
	float:right;
}

#nav ul li:hover div {
	display:block;
}

.nav_product_pic {
	width:150px;
	height:180px;
	text-align:center;
	float:left;
}

.nav_product_pic img {
	margin-top:20px;
}

.nav_product_list {
	margin-left:152px;
	height:180px;
}

#nav .product_list {
	height:75%;
}

#nav .nav_product_list div dl {
	margin-top:30px;
	margin-left:0px;
}

#nav .nav_product_list div dl dt {
	margin-bottom:10px;
}

#nav .nav_product_list div dl dt a {
	font-size:16px;
	color:#000099;
	line-height:20px;
	padding:0px;
	margin-bottom:10px;
	text-decoration:none;
}

#nav .nav_product_list div dl dd a {
	font-size:14px;
	color:#909090;
	line-height:25px;
	padding:0px;
	text-decoration:none;
}

#nav .nav_product_list div a {
	padding-left:100px;
	font-size:14px;
	text-decoration:underline;
	color:#0077ff;
}

/****** content ****************/

#content {
	height:660px;
	margin:10px auto;
}

.title {
	height:34px;
}

.title span {
	font-size:16px;
	line-height:34px;
	padding-left:10px;
}

.title span strong {
	color:#0055ff;
	font-weight:bold;
}

/**** left side *****************/

#contact_info {
	float:left;
	overflow:hidden;
	zoom:1;
	width:171px;
	height:680px;
}

#contact_info dl dt {
	width:171px;
	height:32px;
	background:url(../images/left_side_bg.jpg) repeat-y;
	line-height:32px;
	font-size:16px;
	padding-left:10px;
	margin-bottom:10px;
}

#contact_info dl dd {
	width:171px;
	height:34px;
	background:url(../images/icons.gif) left top no-repeat;
	margin-bottom:10px;
}

#contact_info dl dd .qq {
	width:25px;
	height:28px;
	margin:3px 0px 2px 10px ;
	background:url(../images/icons.gif) 0px -40px no-repeat;
	float:left;
}

#contact_info dl dd .email {
	width:27px;
	height:22px;
	margin:6px 0px 5px 10px;
	background:url(../images/icons.gif) -40px -40px no-repeat;
	float:left;
}

#contact_info dl dd .phone {
	width:35px;
	height:24px;
	margin:5px 0px 4px 10px;
	background:url(../images/icons.gif) -80px -40px no-repeat;
	float:left;
}

#contact_info dl dd .cell {
	width:27px;
	height:32px;
	margin:1px 0px 0px 10px;
	background:url(../images/icons.gif) -120px -40px no-repeat;
	float:left;
}

#contact_info dl dd a, #contact_info dl dd span {
	display:block;
	height:33px;
	line-height:33px;
	text-align:center;
	font-size:16px;
	text-decoration:underline;
}

#contact_info dl dd a:visited {
	color:#0077ff;
}

#contact_info .last_item {
	margin-bottom:20px;
}

/**** right_side *********/

#right_side {
	width:225px;
	height:700px;
	float:right;
}

#right_side div.title {
	background:url(../images/question_bg.gif) left top no-repeat;
}

#right_side div.right_side_body {
	height:610px;
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid;
}

#right_side div.right_side_body p {
	line-height:26px;
}

#right_side div.right_side_bottom {
	height:8px;
	background:url(../images/question_bg.gif) 0px -34px no-repeat;
}

/********* main_content **********/

#main_content {
	margin:0px 235px 0px 180px;
	height:680px;
	overflow:hidden;
}

#main_content .main_content_body {
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid;
	width:579px;
	padding:1px;
}

#to_guest .main_content_to_guest {
	height:155px;
}
#to_guest .main_content_to_guest p {
	text-align:justify;
	margin-right:10px;
}

#main_product .main_content_main_product {
	height:400px
}

#main_content .main_content_bottom {
	height:8px;
	background:url(../images/to_guest_bg.gif) 0px -34px no-repeat;
	margin-bottom:10px;
}

#to_guest div.title,#main_product div.title {
	background:url(../images/to_guest_bg.gif) left top no-repeat;
}

#main_product .erp {
	height:138px;
}

#main_product hr {
	margin:0px;
	padding:0px;
	size:1px;
	border:1px #cccccc solid;	
}

#main_product .jxc {
	height:122px;
}

#main_product .product_pic {
	height:126px;
	width:136px;
	float:left;
	text-align:center;
}

#main_product .product_pic a img {
	border:none;
	margin-top:20px;
}

#main_product .product_pic a:hover img {
	border-right:1px black solid;
	border-bottom:1px black solid;
	border-top:1px #cccccc solid;
	border-left:1px #cccccc solid;
}

#main_product .product_content {
	margin-left:138px;
	height:128px;
}

#main_product .product_content dl {
	margin-top:10px;
	margin-right:10px;
	margin-left:0px;
}

#main_product .product_content dl dt {
	text-align:center;
	font-size:16px;
	line-height:20px;
	margin-bottom:5px;
}

#main_product .product_content dl dd {
	font-size:14px;
	text-indent:2em;
	line-height:18px;
}

/*********** footer **********/

#footer div.link {
	width:900px;
	height:64px;
	margin:0px auto;
}

#footer div.link ul {
}

#footer div.link ul li {
	padding:0px 18px;
	height:32px;
	float:left;
	color:#333333;
	font-size:16px;
	line-height:32px;
}

#footer div.link ul li a {
	text-decoration:underline;
}

#copyright {
	height:32px;
	text-align:center;
	font-size:14px;
	line-height:32px;
}

/******** clear float **********/

.clear_float {
	height:0px;
	line-height:0px;
	clear:both;
}