@charset "utf-8";
a img {
	border: none;
}
a:link, a:active, a:visited {
	text-decoration: none;
	color: #666666;
}
em, var {
	font-style: normal;
}
ul, ol {
	padding: 0;
	list-style-type: none;
}
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, form, p {
	margin: 0;
}
body, td, th, h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	font-family: Arial,Microsoft Yahei,SimSun,sans-serif;
}
body {
	background: #fff url(bg.gif) top center repeat-x;
	line-height: 20px;
}
a:hover {
	text-decoration: underline;
}
.cl {
	clear: both;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
/*body*/
.wrap {
	width: 960px;
	margin: auto;
}
.header {
	height: 137px;
}
.header a.logo {
	float: left;
	width: 196px;
	height: 96px;
	background: url(logo.gif) center no-repeat;
	text-indent: -999px;
}
.header .add {
	width: 760px;
	height: 96px;
	overflow: hidden;
	float: right;
}
span.mouse {
	float: right;
	display: inline;
	margin: 20px 30px auto auto;
}
.mouse a {
	padding: 0 5px;
}
#menu {
	height: 40px;
	line-height: 40px;
	background: url(menu.gif);
}
#menu li {
	float: left;
	height: 40px;
	padding: 0 5px;
}
#menu li a {
	float: left;
	padding: 0 10px;
	font-size: 14px;
	color: #ffffff;
}
#menu li a:hover, #menu li a.hover {
	background: url(hover.gif);
}
#menu li.menul {
	background: url(menul.gif);
	width: 2px;
	padding: 0;
	margin: 0;
}
#menu li.menur {
	background: url(menur.gif);
	width: 2px;
	float: right;
	padding: 0;
	margin: 0;
}
.banner {
	height: 260px;
}
.banner img {
	width: 960px;
	height: 260px;
}
#main {
	margin-top: 10px;
}
/*left*/
#main .mleft {
	width: 260px;
	float: left;
}
.box h2 {
	height: 29px;
	line-height: 29px;
	background: url(hbg.gif) right center no-repeat;
}
.box h2 span {
	display: block;
	margin-right: 60px;
	background: url(hbg.gif) left center no-repeat;
	padding-left: 15px;
}
.box h2 span b {
	color: #ffffff;
}
.box ul {
	padding: 15px;
	background: url(ulbg.gif) top center repeat-x;
	line-height: 22px;
}
.productcenter li {
	height: 30px;
	line-height: 30px;
	margin: 5px 0;
}
.productcenter li a {
	display: block;
	background: url(lia.gif) left top no-repeat;
	padding-left: 30px;
}
.productcenter li a:hover {
	background-position: 0 -30px;
	color: #ffffff;
	text-decoration: none;
}
/*right*/
#main .mright {
	width: 690px;
	float: right;
}
.nav {
	border: 1px solid #7aabff;
	padding: 5px 10px;
	background: #e1ebfc;
}
#main h1 {
	text-align: center;
	font-size: 14px;
	line-height: 30px;
}
.date {
	border-bottom: 1px dotted #7aabff;
}
label.error{
	color:#ff3300;
}
.form li{
	padding:5px 0;
}
li.btn input{
	padding:5px 10px;
	margin:0 10px;
}

.boxb {
	width: 330px;
	padding-left: 10px;
	float: left;
}
.boxb h2 {
	height: 29px;
	line-height: 29px;
	background: url(boxbh.gif) right bottom repeat-x;
}
.boxb h2 span {
	float: left;
	background: url(hbg.gif) right top no-repeat;
	padding-right: 20px;
}
.boxb h2 span b {
	float: left;
	background: url(hbg.gif) left top no-repeat;
	padding-left: 20px;
	color: #ffffff;
}
.content {
	padding: 10px;
}
.boxb .content {
	background: url(ulbg.gif) top center repeat-x;
}
#products {
	width: 670px;
}
#products ul li {
	float: left;
	display: inline;
	width: 120px;
	margin-left: 15px;
}
#products ul li span {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #e3e5e9;
}
#products ul li img {
	width: 120px;
	height: 90px;
}
#in_list li{
	width:155px;
	float:left;
	display:inline;
	margin-left:10px;
	margin-bottom:10px;
}
#in_list img{
	width:155px;
	height:116px;
}
#in_list li span{
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	background: #e1ebfc;
}
/*links*/
#links {
	width: 950px;
	padding-left: 0;
}
#links a {
	margin-right: 10px;
}
/*footer*/
.footer {
	text-align: center;
	line-height: 27px;
	width: 950px;
	float: left;
}
.footermenu {
	background: url(footmenu.gif);
	color: #ffffff;
}
.footermanu a {
	padding: 0 5px;
}
.footermenu a:link, .footermenu a:active, .footermenu a:visited {
	color: #ffffff;
}
.footermenu a:hover {
	color: #ff3300;
}
.copy {
	background: url(copy.gif) top center repeat-x;
}
/*demo*/
#demo {
	background: #FFF;
	overflow: hidden;
	width: 650px;
}
#demo img {
}
#indemo {
	float: left;
	width: 800%;
}
#demo1 {
	float: left;
}
#demo2 {
	float: left;
}