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

body {
	margin:0px;
	background:#FAFAFA url(bg.jpg) repeat-x 0 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333333;
}
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#993300;
	text-decoration:underline;
}
p {
	margin:0;
	text-indent: 2em;
}
img {
	border:none;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
	line-height:0;
}
#header {
	margin:10px auto 0;
	width:960px;
}
#logo {
	float:left;
	width:250px;
	height:75px;
	padding-top:10px;
}
#toplink {
	float:right;
	padding:5px 5px 0 0;
}
#nav {
	float:right;
	width:700px;
	margin-top:20px;
}
#nav a {
	background:url(sprit.gif) no-repeat -10px 0;
	display:block;
	float:right;
	margin-left:1px;
	padding:8px 0 0 0;
	height:22px;
	width:165px;
	font-size:14px;
	font-weight:bold;
	color:#244888;
	text-align:center;
}
#nav a.home {
	background:url(sprit.gif) no-repeat 0 0;
}
#nav a.home:hover {
	background:url(sprit.gif) no-repeat 0 -30px;
}
#nav a.end {
	background:url(sprit.gif) no-repeat right 0;
}
#nav a.end:hover {
	background:url(sprit.gif) no-repeat right -30px;
}
#nav a:hover {
	background:url(sprit.gif) no-repeat -10px -30px;
	text-decoration:none;
	color: #FFFFFF;
}
#main {
	margin:10px auto 0;
	width:960px;
}
#banner {
	background:url(banner.gif) no-repeat 0 0;
	width:960px;
	margin:10px auto;
}
#product {
	width:280px;
	overflow:hidden;
}
#product img {
	margin:0 5px;
}
#pc {
	background-color:#F2F5FA;
	margin:10px auto 0;
	padding:15px;
	width:930px;
	height:45px;
	overflow:hidden;
}
#pc img {
	margin:0 1px;
}
#index {
	margin:10px 0 0 0;
}
#index div.left {
	width:310px;
	margin-right:30px;
}
#index div.right {
	width:280px;
}
#index .title {
	background-color:#D2D8E6;
}
#index .title a {
	color:#244888;
	font-size:11px;
}
#index .title span.left {
	padding:5px 7px 0;
	font-size:14px;
	font-weight:bold;
	color:#90A5CB;
}
#index .title span.right {
	padding:7px 7px 0;
}
#index .title .titlediv {
	background:#FFFFFF url(sprit.gif) no-repeat left -60px;
	padding:0 0 0 15px;
	float:left;
	width:75px;
}
#index .title .titlediv span {
	background:#D2D8E6 url(sprit.gif) no-repeat right -60px;
	display:block;
	padding:6px 15px 0 0;
	height:20px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
#index .content {
	background-color:#F2F5FA;
	background-color:#FFFBF7;
	padding:5px 15px;
	line-height:21px;
	height:215px;
}
#index div.right .content {
	background:#FFFFFF url(contact.jpg) no-repeat 0 bottom;
	padding:5px 0 0;
	height:220px;
}
#index div.right .content img {
	margin-top:5px;
}
#mainleft {
	float:left;
	width:200px;
}
#mainleft .title {
	background:#FFFFFF url(sprit.gif) no-repeat left -60px;
	padding:0 0 0 15px;
}
#mainleft .title span {
	background:#FFFFFF url(sprit.gif) no-repeat right -60px;
	display:block;
	padding:6px 15px 0 0;
	height:20px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
#mainleft .content {
	background-color:#F2F5FA;
	padding:10px 20px;
}
#mainleft .content a {
	font-size:14px;
	line-height:25px;
	color:#244888;
}
#mainleft .content a:hover {
	color:#993300;
}
#mainleft .content img {
	margin-right:10px;
}
#mainright {
	float:right;
	width:750px;
}
#mainright h2 {
	background:url(TitleIco.jpg) no-repeat 10px 0px;
	margin:0;
	padding:4px 0 0 40px;
	font-size:14px;
	color:#244888;
	height:21px;
	border-bottom:#CCCCCC solid 1px;
}
#mainright .content {
	padding:10px;
}
#mainright .content p {
	margin:5px 0;
	text-indent: 2em;
	line-height:20px;
	font-size:14px;
	line-height:23px;
}
#mainright .content img {
	margin-right:10px;
}
#footer {
	background:url(footer_bg.jpg) no-repeat 0 0;
	margin:10px auto 0;
	width:960px;
	height:50px;
	padding:16px 0 0;
	text-align:center;
	line-height:20px;
}