* { margin:0; padding:0; font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; }
a {color:#333333;}
img {border:0;}
.cl {clear:both;}
.fbold {font-weight:bold;}
.warning {color:red;}

.allnormal p,
.allnormal h2,
.allnormal h3 {
	display:inline;
}

html {
	background:white;
}

body {
	width:880px;
	margin:auto;
	color:#333333;
	line-height:18px;
	background:url(mainshade.gif) repeat-x 0 368px white;
}

/**************head**************/
#head {
	color:white;
	height:134px;
	background:url(top.gif) repeat-x top;
}

#head h1 {
	height:24px;
	font-size:18px;
	line-height:24px;
	padding:26px 0 0 225px;
}

#head h2 {
	height:44px;
	font-size:14px;
	font-weight:normal;
	padding:4px 185px 0 225px;
}

#logo {
	top:17px;
	width:99px;
	height:70px;
	position:absolute;
	margin:0 0 0 61px;
	background:url(logo.png) no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logo.png"); 
	_background:none;
}

#lang {
	top:13px;
	width:170px;
	position:absolute;
	margin:0 0 0 690px;
}

#lang a {
	float:left;
	_display:inline;
	margin:8px 6px 4px 6px;
}

#lang a.cur {
	margin:7px 5px 3px 5px;
	border:white 1px solid;
}

/**************menu**************/
#menu {
	height:35px;
	overflow:hidden;
	padding:0 0 0 120px;
	background:url(menu.gif) repeat-x;
}

#menu li {
	float:left;
	list-style:none;
}

#menu a {
	float:left;
	color:white;
	font-weight:bold;
	white-space:nowrap;
	text-decoration:none;
	padding:8px 38px 9px 38px;
}

#menu a:hover,
#menu a.ved:hover {
	text-decoration:underline;
}

#menu a.ved {
	background:url(sel.png) no-repeat center bottom;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src="images/sel.png"); 
	_background:none;
}

#menu .sep {
	width:1px;
	height:15px;
	_font-size:1px;
	margin-top:10px;
	background:#8baed3;
}

.banner {
	_height:1%;
	clear:both;
	overflow:hidden;
}

.banner img {
	float:left;
}

/**************flipmenu**************/
#flipmenu {
	display:none;
	z-index:99;
	list-style:none;
	position:absolute;
	background:#ccd7e3;
	padding:0 0 10px 0;
	border-left:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
}

#flipmenu a.bigl {
	width:185px;
	color:#333333;
	display:block;
	font-weight:bold;
	background:#d0d7e3;
	text-decoration:none;
	padding:6px 2px 6px 10px;
	border-bottom:1px solid #eeeeee;
}

#flipmenu a.midl {
	width:175px;
	color:#333333;
	display:block;
	background:#e5eef0;
	text-decoration:none;
	padding:6px 2px 6px 20px;
	border-bottom:1px solid #eeeeee;
}

#flipmenu a:hover {
	color:#165ea6;
	font-weight:bold;
}

/**************side**************/
#side {
	float:left;
	width:200px;
	_display:inline;
	margin:22px 0 0 0;
}

#side .sidebar {
	clear:both;
	width:185px;
	height:27px;
	padding:3px 0 0 15px;
	background:url(sidebar.jpg) no-repeat;
}

#side .sidebar a {
	color:white;
	font-size:13px;
	font-weight:bold;
	line-height:24px;
	text-decoration:none;
}

#side .sidebar a:hover {text-decoration:underline;}

#side .sidebg {
	margin-bottom:20px;
	background:url(sideshade.gif) repeat-x 0 top #f4f6f7;
}

#side li {
	clear:both;
	list-style:none;
	overflow:hidden;
}

#side li a {
	color:#3568a0;
	text-decoration:none;
}

#side li a:hover {
	color:#333333;
}

#side li h3 {
	color:#333333;
	font-size:13px;
}

#side li.cbli {
	background:url(arrow.gif) no-repeat 12px 11px;
}

#side li.cbli .cbdiv {
	padding:7px 10px 6px 28px;
	background:url(listline.gif) no-repeat center bottom;
}

#side li.cmli {
	padding:0 0 2px 8px;
	margin:2px 20px 5px 20px;
	border-bottom:1px dotted #89aace
}

#side li.cmli a {
	font-size:11px;
	line-height:14px;
}

#side .contact {
	_height:1%;
	overflow:hidden;
	line-height:20px;
	padding:3px 15px 5px 15px;
}

#side .contact span {
	color:#0d4c93;
	font-weight:bold;
}

#side .more a {
	float:right;
	color:#0d4c93;
	font-size:11px;
	font-weight:normal;
	padding:0 0 5px 0;
	text-decoration:underline;
}

#side .more a:hover {
	text-decoration:none;
}

#side .certificate {
	overflow:auto;
	_height:1%;
	padding:0 0 5px 0;
}

#side .certificate img {
	float:left;
	_display:inline;
	margin:8px 5px 0 20px;
}

/**************search**************/
#search {
	_height:1%;
	clear:both;
	overflow:hidden;
	padding:13px 0 13px 20px;
}

#search input.over,
#search input.button {
	border:0;
	width:29px;
	float:left;
	height:22px;
	cursor:pointer;
}

#search input.button {background:url(search.gif) no-repeat top;}
#search input.over {background:url(search.gif) no-repeat bottom;}

#q {
	border:0;
	float:left;
	color:gray;
	width:120px;
	height:17px;
	font-size:11px;
	padding:5px 0 0 5px;
	background:url(search_m.gif) repeat-x;
}

#search .findleft {
	float:left;
	width:4px;
	height:22px;
	background:url(search_l.gif) no-repeat;
}

/**************content**************/
#content {
	width:640px;
	float:left;
	_display:inline;
	padding:20px 15px 0 25px;
}

#content td {padding:2px;}

#content a:hover {
	color:#3568a0;
	text-decoration:none;
}

#content .rb {
	_height:1%;
	overflow:hidden;
}

#content .rbrt,
#content .rblt,
#content .rbrb,
#content .rblb {
	height:5px;
	width:5px;
	float:left;
	_font-size:1px;
}

#content .rblt {background:url(rb.gif) no-repeat left top;}
#content .rbrt {background:url(rb.gif) no-repeat right top;}
#content .rblb {background:url(rb.gif) no-repeat left bottom;}
#content .rbrb {background:url(rb.gif) no-repeat right bottom;}

#content .rbt,
#content .rbb {
	height:4px;
	float:left;
	width:630px;
	overflow:hidden;
}

#content .rbt {border-top:1px solid #c8c8c8;}
#content .rbb {border-bottom:1px solid #c8c8c8;}

#content .brl {
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
}

#content .title {
	color:#333333;
	font-size:14px;
	font-weight:bold;
	padding:5px 0 2px 45px;
}

#content .title b {
	font-size:14px;
}

#content .stitle {
	clear:both;
	font-weight:bold;
	background:#eeeeee;
	margin:4px 5px 0 5px;
	padding:3px 0 3px 15px;
}

#content .title h3 {
	font-size:13px;
	display:inline;
}

#content .title a {
	font-size:14px;
	text-decoration:none;
}

#content .ico_info {background:url(ico_info.gif) no-repeat 15px 5px;}
#content .ico_goods {background:url(ico_goods.gif) no-repeat 15px 5px;}
#content .ico_link {background:url(ico_link.gif) no-repeat 15px 5px;}
#content .ico_map {background:url(ico_map.gif) no-repeat 15px 5px;}
#content .ico_find {background:url(ico_find.gif) no-repeat 15px 5px;}
#content .ico_mail {background:url(ico_mail.gif) no-repeat 15px 5px;}

#content .desp {
	clear:both;
	padding:4px 15px 8px 18px;
}

#content .certificate {
	overflow:hidden;
}

#content .certificate img {
	float:left;
	display:inline;
	margin:5px 6px 3px 0px;
}

.article {
	background:#f4f6f7;
	padding:5px 10px 0 10px;
}

.article a:hover {
	color:#3568a0;
	text-decoration:none;
}

.article .title {
	font-size:15px;
	padding:0 0 2px 10px;
	border-bottom:1px solid #c8c8c8;
}

.article .title a strong {
	font-size:14px;
}

.article .detail {
	padding:2px 10px 0 10px;
}

/**************pages**************/
#content .sitemap ul {margin:0 0 0 16px;}
#content .sitemap li {margin:2px 0 3px 18px;}

#content .focus {
	background:white;
	border:1px solid #CCCCCC;
}

#content .blur {
	background:#EEEEEE;
	border-bottom:#FFFFFF 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#FFFFFF 1px solid;
	border-top:#CCCCCC 1px solid;
}

#content .links ul li {
	font-size:13px;
	font-weight:bold;
	margin:0 0 0 30px;
	padding:3px 0 2px 0;
}

#content .links .ved {
	color:#3568a0;
	text-decoration:none;
}

#content .links ol li {
	font-size:12px;
	font-weight:normal;
}

/**************ct_pr**************/
#prolist {
	margin:8px 0 0 0;
}

#prolist .productlist {
	clear:both;
	font-size:13px;
	font-weight:bold;
	margin:10px 5px 3px 0;
	padding:2px 0 3px 14px;
	background:#f0f0f0;
}

#prolist b {color:#3568a0;}
#prolist a {font-size:11px;}

#prolist li {
	margin:0 0 0 25px;
}

/**************products**************/
#products {
	clear:both;
	overflow:hidden;
	padding:6px 10px 8px 5px;
}

#products li {
	list-style:none;
}

#products .cfont {
	color:#4d6883;
}

#products .bigname {
	clear:both;
	overflow:hidden;
	font-weight:bold;
	background:#eeeeee;
	margin:4px 0px 0 0px;
	padding:3px 0 3px 15px;
}

#products .bigname a {
	color:black;
	font-size:13px;
	text-decoration:none;
}

#products .bigname a:hover {
	color:#4d6883;
	text-decoration:underline;
}

#products li a img {
	width:120px;
	display:block;
	margin:0 0 1px 0;
	border:1px #aaaaaa solid;
}

#products li a img:hover {
	border:1px #3568a0 solid;
}

#products li b {font-weight:normal;}
#products li i {font-style:normal;}

/**************mod1**************/
#products li.pic1 {
	float:left;
	height:200px;
	width:138px;
	display:inline;
	overflow:hidden;
	margin:6px 1px 7px 16px;
}

#products li.pic1 * {
	font-size:11px;
}

/**************mod2**************/
#products li.pic2 {
	float:left;
	height:125px;
	width:295px;
	display:inline;
	overflow:hidden;
	padding:5px 5px 5px 5px;
	margin:4px 0px 2px 5px;
}

#products .pic2 a {line-height:16px;}
#products .pic2 img {float:left;}

#products .pic2 .picinfo {
	float:left;
	width:165px;
	display:inline;
	margin:0 0 0 5px;
}

#products .pic2 .detail {
	height:80px;
}

/**************mod3**************/
#products li.pic3 {
	height:135px;
	overflow:hidden;
	padding:10px 5px 0 10px;
	margin:4px 0 7px 0px;
}

#products .pic3 img {
	float:left;
}

#products .pic3 .picinfo {
	float:left;
	width:470px;
	display:inline;
	margin:0 0 0 8px;
}

#products .pic3 .detaildesp {
	height:69px;
	overflow:hidden;
}

#products .pic3 a.more {
	float:right;
	display:inline;
	margin:0 10px 0 0;
}

#products .gbg {
	background:#f5f5f5;
}

/**************foot**************/
#foot {
	clear:both;
	color:#e4f3ff;
	font-size:11px;
	text-align:center;
	padding:0 0 10px 0;
	background:url(foot.gif) repeat-x 0 top #265da8;
}

#foot a:hover {text-decoration:none;}

#foot .link {
	color:white;
	padding:3px 0 2px 0;
}

#foot .link dt,
#foot .keywordlist dt {
	display:inline;
}

#foot .link a {
	color:white;
	font-size:11px;
	padding:0 14px 0 14px;
}

#foot .link .ved, 
#foot .link a:hover,
#foot .keywordlist .ved,
#foot .keywordlist a:hover {
	color:#fff000;
}

#foot .keywordlist .ved {
	font-size:10px;
}

#foot .keywordlist a {
	color:#e4f3ff;
	font-size:10px;
	line-height:14px;
	margin:0 3px 2px 3px;
}

#foot .bottom,
#foot .bottom a {
	line-height:14px;
	font-size:10px;
}

#foot .bottom a {
	color:#fde800;
}

/**************pichange**************/
#pichange {
	float:right;
	width:308px;
	height:243px;
	margin:12px 14px 10px 10px;
	padding:3px 3px 3px 3px;
	border:1px solid #999999;
}

#pichange li {list-style:none; position:absolute;}

#clicknum {float:right; margin:215px 10px 0 0px; position:relative;}
#clicknum .lihover {background:#1b64b3;}
#clicknum .lilink {background:#777777;}

#clicknum .lihover,
#clicknum .lilink {
	float:left;
	width:14px;
	height:14px;
	line-height:14px;
	color:white;
	font-size:10px;
	cursor:pointer;
	margin:0 4px 0 4px;
	text-align:center;
}
