*{ margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif; }
html, body, a {
	text-align:left;
	font-size:12px;
	line-height:18px;
	color:black;
}
select, input, textarea { 
	vertical-align:middle; 
	padding:1px 3px 0 3px; 
	margin:0 0 1px 0;
}
img {border:0;}
h5 {font-size:14px;}
a {text-decoration:none;}
td {padding:2px;}
.cl {clear:both;}
.flt {float:left;}
.frt {float:right;}
.warning {color:#FF0000;}
body {
	width:900px;
	height:auto;
	margin:auto;
	background:white;
}

/**************head**************/
#head {
	height:62px;
	width:900px;
}

#head .key1 {
	float:left;
	width:550px;
	color:#454545;
	padding:24px 0 0 47px;
}

#head h1 {font-size:16px;}

#head #desp1 {
	color:white;
	font-size:11px;
	font-weight:bold;
	margin:202px 0 0 170px;
	position:absolute;
}

#lang {
	float:right;
	width:260px;
	margin:3px 0 0 30px;
}

#lang .text {
	float:left;
	font-weight:bold;
	margin:5px 10px 0 0;
}

#lang .flag {
	float:left;
	width:180px;
}

#lang a {
	float:left;
	height:18px;
	line-height:15px;
	margin:6px 0 0 0;
	padding:0 8px 0 7px;
}

/**************banner**************/
#banner {
	width:900px;
	height:203px;
	background:url(banner.jpg) no-repeat white;
}

#menu {
	height:35px;
	margin:0 93px 0 93px;
	padding:0 0 0 20px;
	background:url(menu.gif) repeat-x;
}

#menu a {
	float:left;
	color:white;
	font-weight:bold;
	white-space:nowrap;
	padding:7px 18px 0 18px;
}

#menu .sep {
	float:left;
	width:4px;
	height:35px;
	background:url(div.gif) no-repeat;
}

#menu a:hover, #menu .ved, #banner .ourpro a:hover {color:#FFDC00;}
#banner .ourpro {margin:145px 0 0 66px;}

#banner .ourpro a {
	color:white;
	font-weight:bold;
	font-size:17px;
}

/**************search**************/
#search {
	float:left;
	margin:9px 0 0 25px;
	width:170px;
}

.searchl {
	float:left;
	width:12px;
	height:16px;
	background:url(search_l.gif) no-repeat;
}

.searchr {
	float:left;
	width:10px;
	height:16px;
	background:url(search_r.gif) no-repeat;
}

#search .textarea {
	border:0;
	width:110px;
	height:21px;
	float:left;
	color:gray;
	font-size:11px;
	line-height:16px;
	background:url(search_m.gif) repeat-x;
}

#search form input.button {
	border:0;
	height:17px;
  width:17px;
	float:left;
	cursor:pointer;
	margin:0 0 0 10px;
	background:url(search.gif) left;
}

#search form input.over {
	border:0;
	height:17px;
  width:17px;
	float:left;
	cursor:pointer;
	margin:0 0 0 10px;
	background:url(search.gif) right;
}

/**************left**************/
#left {
	float:left;
	width:200px;
}

#left .listop {
	width:200px;
	overflow:auto;
	padding:17px 0 0 0;
	background:url(left_top.gif) no-repeat #646464;
}

#left .listop a {
	color:white;
	line-height:20px;
}

#left .listop a:hover {color:#FFC600;}

#left li {
	padding:3px 0 0 6px;
	list-style:none;
	clear:both;
}

#left li img {
	float:left;
	margin:6px 5px 0 6px;
}

#left .dot {
	float:left;
	width:150px;
	padding:0 0 4px 6px;
	background:url(dot.gif) repeat-x bottom;
}

#left .listdown {
	width:200px;
	padding:1px 0 0 0;
	background:url(contact.gif) no-repeat #47619E;
}

#left .title a:hover {color:#FFC600;}
#left .title {margin:30px 0 0 66px;}

#left .title a {
	color:white;
	font-weight:bold;
	font-size:17px;
}

#left .contact {
	width:170px;
	color:white;
	line-height:24px;
	padding:8px 0 0 20px;
}

#left .contact b {color:#FFC600;}

#left .more {
	float:right;
	padding:8px 25px 0 0;
}

#left .more a {
	font-size:10px;
	color:#FFC600;
}

#left .more a:hover {text-decoration:underline;}

#left .bot {
	width:200px;
	height:19px;
	clear:both;
	margin:0 0 10px 0;
	background:url(left_bot.gif) no-repeat;
}

#middle {
	float:left;
	width:8px;
	height:28px;
	background:url(shade.gif) no-repeat;
}

/**************right**************/
#right {
	float:left;
	width:692px;
}

#right .title {
	margin:6px 0 0 0;
	padding:0 0 0 10px;
	width:670px;
	height:35px;
}

#right .caption {
	float:left;
	width:615px;
	padding:0 0 0 7px;
	margin:11px 0 0 12px;
	border-bottom:#274488 solid 1px;
}

#right .caption, #right .caption a {
	color:#1B52AF;
	font-size:16px;
	font-weight:bold;
}

#right .caption a:hover {color:black;}

#right .desp2 {
	padding:5px 15px 4px 17px;
	clear:both;
	width:650px;
	font-weight:normal;
}

#right .desp2 a:hover {color:#5B9AFB;}
#right .desp2 strong {font-weight:normal;}
#right .desp2 ul {margin:0 0 0 15px;}
#right .desp2 ol {margin:0 0 0 25px;}
#right .desp2 li {margin:0 0 0 20px;}
#right .desp2 .inline h2,
#right .desp2 .inline p {display:inline;}
#right .desp2 ol li {margin:0 10px 0 0; line-height:24px;}

#right .desp2 h2 {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
}

#right .line{
	border-bottom:#D3D3D3 solid 1px;
	margin:0 10px 0 14px;
	clear:both;
	height:1px;
}

#right .bluetitle {
	clear:both;
	width:645px;
	height:21px;
	font-size:13px;
	font-weight:bold;
	margin:5px 0 8px -5px;
	padding:3px 0 0 10px;
	background:#D6E2FC;
}

#right .tabletext {
	font-size:13px;
	font-weight:bold;
	height:30px;
}

#right .links ul {
	margin:0;
}

#right .links ul li {
	padding:3px 0 0 0;
	font-size:13px;
	font-weight:bold;
}

#right .links ul li a {
	font-size:13px;
	text-decoration:underline;
}

#right .links .ved,
#right .links a:hover {
	color:#1B52AF;
	text-decoration:none;
}

#right .links ol li {
	font-size:12px;
	line-height:16px;
	font-weight:normal;
}

#right .focus {
	background:#F0F8FF;
	border: 1px solid #CCCCCC;
}

#right .blur {
	background:#EEEEEE;
	border-bottom: #FFFFFF 1px solid;
	border-left: #CCCCCC 1px solid;
	border-right: #FFFFFF 1px solid;
	border-top: #CCCCCC 1px solid;
}

#right .sitemap a {text-decoration:underline;}
#right .sitemap a:hover {
	color:#114B7B;
	text-decoration:none;
}

/**************introduction**************/
#right .hideinfo {
	overflow:hidden;
	height:160px;
}

#right .toshow a {
	text-decoration:underline;
	font-size:11px;
}

#right #tab3 .caption {
	text-align:center;
	width:630px;
	border:none;
	font-size:16px;
	margin:8px 0 5px 0;
}

#right #tab1 td {border:1px solid white;}
#right #tab1 tr, #right #tab3 tr {text-align:center;}
#right .toshow {margin:0 0 0 500px;}
#right .toshow a:hover {text-decoration:none;}

/**************ct_pr**************/
#right .prolist a:hover {
	color:#5B9AFB;
	text-decoration:none;
}

#right .prolist a {
	font-size:11px;
	text-decoration:underline;
}

#right .selected {
	text-decoration:none;
	color:#274488;
	font-weight:bold;
}

#right #tab {
	overflow:auto;
	height:33px;
	background:url(blueline.gif) repeat-x bottom;
}

#right #tab0, #right #tab3 {padding:0 0 0 5px;}
#right #tab1, #right #tab2 {padding:5px 0 0 5px;}

#right #tab a {
	color:white;
	font-weight:bold;
	font-size:12px;
}

#right #tab a:hover {color:#FFDD00;}

#right .hidecap, #right .showcap {
	float:left;
	width:83px;
	height:25px;
	margin:0 3px 0 3px;
	padding:5px 0 0 15px;
}

#right .showcap {background:url(tab0.jpg) no-repeat;}
#right .hidecap {background:url(tab1.jpg) no-repeat;}
#right .hidetab {display:none;}
#right .showtab {display:block;}

/**************products**************/
#products {
	clear:both;
	width:655px;
	padding:5px 0 0 20px;
}

#products .bigname {
	clear:both;
	width:645px;
	height:18px;
	font-size:13px;
	font-weight:bold;
	margin:5px 0 3px 0;
	padding:1px 0 0 10px;
	background:#D6E2FC;
}

#products .bigname a {
	font-weight:bold;
	font-size:13px;
	color:black;
}

#products .bigname a:hover {color:#114B7B;}
#products .picfont {color:#1B52AF;}
#products a:hover img {border:1px #1B52AF solid;}

#products a img {
	border:1px #274488 solid;
	width:120px;
	height:120px;
	display:block;
}

#products li {
	height:200px;
	width:144px;
	float:left;
	display:inline;
	list-style:none;
	margin:6px 0px 4px 15px;
}

#products li a {text-decoration:underline;}
#products li a:hover {
	color:#274488;
	text-decoration:none;
}

/**************foot**************/
#foot {
	clear:both;
	height:23px;
	color:#4668A5;
	font-weight:bold;
	text-align:center;
	padding:2px 0 0 0;
	background:url(foot.gif) repeat-x;
}

#foot a {
	color:#4668A5;
	font-weight:bold;
	padding:0 11px 0 11px;
}

#foot .ved, #foot a:hover {
	color:#FFC600;
	text-decoration:underline;
}

/**************bottom**************/
#bottom {
	padding:2px 0 2px 0;
	font-size:11px;
	text-align:center;
	line-height:15px;
	font-weight:normal;
}

#bottom a{
	color:#0033FF; 
	font-size:11px;
	font-weight:normal;
}

#bottom a:hover {text-decoration:underline;}

#bottom .keywordlist ul {
	list-style:none;
	margin:auto;
}

#bottom .keywordlist li { display:inline; }

#bottom .keywordlist a {
	font-size:11px;
	margin:0 3px 0 3px;
}

#bottom .keywordlist .ved {
	color:black;
	text-decoration:underline;
	margin:0 3px 0 3px;
}

/**************pichange**************/
.hide { filter:alpha(opacity=0); opacity:0; }
.show { filter:alpha(opacity=100); opacity:1; }
#pichange { width:240px; height:180px; padding:8px 28px 10px 14px; }
#pichange li{ list-style:none; position:absolute; z-index:9; }
#infobg { margin:150px 0px 0 20px; z-index:90; position:absolute; width:240px; height:30px; background:black; filter:alpha(opacity=30); opacity:0.3; }
#clicknum { float:right; margin:160px 0px 0 0; z-index:99; position:relative; }
#clicknum a:hover {background:red;}
#clicknum .now {background:red;}
#clicknum .num {background:#444444;}
#clicknum .now,
#clicknum .num { float:left; width:14px; height:14px; line-height:14px; color:white; font-size:10px; cursor:pointer; margin:0 4px 0 4px; text-align:center; }