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



* {
	padding:0;
	margin:0
}
body {
	background:#b6b6b6;
	text-align:center
}
div, li, p, td {
	text-align:left;
	font:normal 12px/150% arial;
	color:#555
}
li {
	list-style:none
}
img {
	border:none
}
.clear {
	clear:both
}
a {
	text-decoration:none;
	color:#5c5c5c
}
a:hover {
	color:#f30
}
#header, #content, #footer {
	background:#fff;
	width:978px;
	padding:0 2px;
	margin:0 auto;
	clear:both
}
#header {
	background:#fff url(img/bg_header.jpg) no-repeat right top;
	height:94px
}
#header #logo {
	float:left;
	background:url(img/logo.gif) no-repeat
}
#header #logo a {
	display:block;
	width:126px;
	height:59px;
	overflow:hidden;
	text-indent:-9999px
}
#nav {
	background:url(img/bg_nav.jpg) no-repeat;
	height:29px;
	clear:both;
	border-bottom:6px solid #c5c5c5
}
#nav li {
	float:left;
}
#nav a {
	display:block;
	text-align:center;
	color:#fff;
	font-weight:bold;
	height:24px;
	padding-top:5px
}
#nav a.a1 {
	width:119px
}
#nav a.a2 {
	width:107px
}
#nav a.a3 {
	width:102px
}
#nav a.a4 {
	width:156px
}
#nav a.a5 {
	width:111px
}
#nav a.a6 {
	width:115px
}
#content {
	padding-top:10px
}
#l {
	float:left;
	width:190px;
	margin-right:10px
}
#class {
	background:url(img/list_class.jpg) no-repeat;
	width:189px;
	height:179px;
	float:left
}
#class li a {
	width:189px;
	height:60px;
	display:block;
	overflow:hidden;
	text-indent:-9999px
}
#brand {
	float:left;
	margin-top:12px;
	width:189px
}
#brand h2 {
	background:url(img/bg_title.gif) no-repeat -24px -70px;
}
#brand h2 a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:153px;
	height:28px
}
#brand ul {
	background:#ebebeb;
	padding:10px 0
}
#brand li {
	padding-left:30px;
	background:url(img/arrow01.gif) no-repeat 20px 9px
}
#brand li a {
	font-weight:bold
}
.contact {
	background:url(img/lnk_contact.jpg) no-repeat;
	display:block;
	float:left;
	margin-top:5px
}
.contact a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:187px;
	height:65px;
}
#c, #banner, #p, #about {
	float:left;
	width:536px
}
#p {
	background:url(img/bg_productbox.jpg) repeat-x bottom;
	padding-bottom:8px
}
#p h2 {
	background:url(img/bg_title.gif) no-repeat 0 5px
}
#p h2 a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height:39px;
	width:536px
}
#p table {
	width:100%;
	margin:10px auto 0
}
#p td {
	text-align:center
}
#p .index_pro {
	background:url(img/bg_pro.gif) no-repeat;
	width:111px;
	height:84px
}
#p a {
	font-weight:bold
}
#about h2 {
	background:url(img/bg_title.gif) no-repeat 0 -30px
}
#about h2 a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height:42px
}
#about {
	background:url(img/bg_about.jpg) no-repeat right 36px;
	height:140px
}
#about p {
	width:380px;
	text-indent:2em
}
#r {
	float:right;
	width:226px;
	margin-right:5px
}
#notice {
	background:url(img/bg_notice.jpg) no-repeat;
	width:201px;
	height:119px;
	padding:106px 0 0 25px
}
#searchbox {
	height:42px;
	padding:12px 0 0 10px
}
#searchbox input {
	float:left;
	margin:3px 0 0 0
}
.searchtxt {
	background:url(img/bg_search.gif) no-repeat left;
	width:134px;
	height:19px;
	border:1px solid #ccc;
	padding:4px 0 0 25px;
	margin-top:3px
}
#industry h2 {
	border-top:1px dashed #ccc;
	border-bottom:1px solid #ccc;
	height:32px;
	background:url(img/bg_title.gif) no-repeat -26px -92px
}
#industry h2 a {
	display:block;
	height:32px;
	overflow:hidden;
	text-indent:-9999px;
}
#industry ul {
	margin:8px 4px
}
#industry li a {
	color:#3480bc;
	width:218px;
	display:block
}
#footer {
	border-top:1px solid #ccc;
	background:#fff url(img/bg_footer.gif) no-repeat right;
	padding:10px;
	width:940px
}
#contnet_box {
	float:left;
	width:743px
}
#wz {
	background:url(img/line.gif) no-repeat repeat-x bottom;
	height:28px;
	padding:8px 0 0 15px;
	width:720px
}
#content_txt {
	margin:10px 15px
}
#sidebar {
	float:right;
	width:213px;
	margin-right:13px
}
#r_brand h2 {
	background:url(img/title_brand.jpg) no-repeat
}
#r_brand h2 a {
	display:block;
	width:213px;
	height:35px;
	overflow:hidden;
	text-indent:-9999px
}
#r_brand {
	background:#e0e0e0 url(img/bg_r.jpg) repeat-x bottom
}
#r_brand li {
	background:url(img/line.gif) repeat-x bottom;
	padding:4px 0 4px 15px
}
#r_brand li a {
	font-weight:bold
}
#lnk_class {
	background:url(img/lnk_class.jpg) no-repeat;
	width:204px;
	height:117px;
	margin:12px 0 0 5px;
	padding:6px 0 0 7px
}
#lnk_class li {
	margin-bottom:2px;
	padding:0;
	background:none
}
#lnk_class li a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:191px;
	height:33px;
}
/***Ʒ***/

.prodlist {
	float:left;
	width:330px;
	margin:10px 25px 16px 0;
	display:inline
}
.prodlist dt {
	width:105px;
	float:left;
	border:1px solid #ccc;
	display:inline
}
.pdtitle {
	float:right;
	width:200px;
}
.pdtitle a, .pdview a {
	font-weight:bold
}
.pdprev {
	color:#ccc;
	float:right;
	width:200px;
	height:42px;
	font:normal 11px/14px arial;
	color:#666;
	word-break:break-all;
	margin-bottom:3px
}
.pdview {
	border-top:1px solid #ccc;
	text-align:right;
	float:right;
	width:220px
}
.plist {
	clear:both;
	width:720px;
	text-align:right
}
.spic img {
	flloat:left;
	margin-right:13px;
	width:180px;
	height:180px;
	border:1px dotted #999
}
#title_prod {
	background:url(/img/ico_product.gif) no-repeat 0 7px;
	border-bottom:1px solid #ccc;
	font:bold 16px arial;
	color:#27769b;
	height:24px;
	padding:8px 0 0 22px
}
.sintro {
	margin:10px 15px
}
.gray {
	text-align:right;
	height:25px;
	background:#ccc;
	padding-right:5px
}

#content_txt dt{margin-top:6px}
#content_txt dt a{font-weight:bold;color:#2b6096;}
#content_txt dd{margin-left:14px;}


#nav2{margin:8px auto}
#nav2 li{float:left;width:220px;border-right:solid 1px #fff}
#nav2 li a{display:block;padding:3px 8px;background:#EFEFEF;text-align:center;font-weight:bold}
#nav2 li a:hover{background:#ddd}

.plist a,.plist strong{margin-right:3px}