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

*{margin:0; padding:0;}
img{border:0;}
.cl{clear:both;}
.warning{color:red;}
a{
	color:#f5f5f5;
	text-decoration:none;
}
a:hover{
	color:#f5f5f5;
	text-decoration:underline;
}

body{
	color:#f5f5f5;
	width:1000px;
	margin:0 auto;
	font-size:12px;
	line-height:18px;
	position:relative;
	background:url(bg.gif) repeat-y center top #5b6e8d;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
#main {
	_height:1%;
	overflow:auto;
	background:#5b6e8d;
	padding:0 0 10px 0;
	border-bottom:3px solid #cccccc;
}

/***********key1**********/
#key1 h1{
	top:35px;
	left:220px;
	font-size:22px;
	color:white;
	line-height:normal;
	position:absolute;
}

/********lang********/
#lang{
	position:absolute;
	top:11px;
	right:30px;
	z-index:99;
}
#lang a img{
	float:left;
	margin:6px;
	opacity:0.55;
	filter:alpha(opacity=55);
}
#lang a.cur img{
	margin:5px;
	opacity:1;
	border:white 1px solid;
	filter:alpha(opacity=100);
}

/**********head******/
#head{
	height:98px;
	overflow:hidden;
	border-bottom:3px solid #d6d6d6;
	background:url(logo.gif) no-repeat 44px 3px #313a6c;
}

/*******menu*********/
#menu{
	float:right;
	padding:70px 20px 0 0;
}
#menu ul li{
	display:inline;
	list-style:none;
}
#menu ul li a{
	font-size:13px;
	padding:0 20px;
}

/********banner********/
#banner{
	height:250px;
	border-bottom:3px solid #d6d6d6;
}
#banner li{
	list-style:none;
	position:absolute;
}

/********middle********/
#middle {
	height:50px;
	overflow:hidden;
	background:#313a6c;
}
#middle .cat_top {
	float:left;
	height:30px;
	width:143px;
	_display;inline;
	margin:10px 0 0 17px;
	padding:0 0 0 40px;
	background:url(icon_cat.gif) no-repeat;
}
#middle .cat_top a {
	font-size:14px;
	line-height:30px;
	font-weight:bold;
}
#middle .position {
	float:left;
	height:25px;
	width:430px;
	line-height:16px;
	_display:inline;
	margin:10px 0 0 30px;
	padding:5px 0 0 40px;
	background:url(icon_pro.gif) no-repeat;
}

/************search******/
#search{
	float:left;
	height:31px;
	padding:10px 0 0 0;
	overflow:hidden;
}
#q{
	border:0;
	float:left;
	width:181px;
	height:31px;
	color:#777777;
	font-size:11px;
	line-height:31px;
	padding:0 0 0 20px;
	background:url(search_l.gif) repeat-x;
}
#search .button{
	border:0;
	width:50px;
	height:31px;
	float:left;
	cursor:pointer;
	background:url(search_r.gif) no-repeat;
}

/*********side********/
#side{
	width:200px;
	float:left;
}
#side .con_bg{
	border:1px solid #a2c6ea;
	background:#76a7d9;
}
#side .con_top {
	height:40px;
	overflow:hidden;
	text-align:right;
	padding:20px 10px 0 80px;
	background:url(con_pic.gif) no-repeat 19px 11px;
}
#side .con_top a {
	font-size:15px;
	font-weight:bold;
}
#side .info{
	line-height:22px;
	padding:5px 10px 15px 18px;
}	
#side .info span{font-weight:bold;}
#side .info ul {
	line-height:18px;
	margin:5px 0 0 17px;
}
.int{background:url(int.jpg) no-repeat; height:417px;margin-left:7px;}
img.it{margin-left:10px;}
/*********list*****/
#list{}
#list li{
	list-style:none;
	margin:1px 0 0 0;
	background:url(list.gif) repeat-x top #6096d2;
}
#list li.bigl {
	font-weight:bold;
	padding:10px 0 7px 18px;
}
#list li h2 a{
	font-size:13px;
	color:#313a6c;
}

#list li.midl{
	padding:7px 0 4px 28px;
}

/*********content*********/
#content{
	width:760px;
	float:left;
	_display:inline;
	padding:0 0 0 25px;
}

#content .title{
	font-size:15px;
	font-weight:bold;
	padding:6px 0 3px 10px;
	border-bottom:1px solid #999999;
}
#content .title a{
	font-size:15px;
}

#content .allnormal h2,
#content .allnormal h3{
	display:inline;
	font-size:12px;
}

#content .desp{
	clear:both;
	padding:5px 10px 5px 10px;
}

#content td{padding:2px;}

#content .nobold strong {font-weight:normal;}

#content .focus {
	background:white;
	border:1px solid #CCCCCC;
}
#content .blur {
	background:#fafcff;
	border-bottom:#FFFFFF 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#FFFFFF 1px solid;
	border-top:#CCCCCC 1px solid;
}
#content .sitemap ul {margin:0 0 0 16px;}
#content .sitemap li {margin:2px 0 3px 18px;}

#content .links span {
	color:#313a6c;
}
#content .links li{
	font-size:13px;
	font-weight:bold;
	margin:3px 0 3px 25px;
}
#content .links ol li {
	font-size:12px;
	font-weight:normal;
}

#pichange {
	float:right;
	_display:inline;
	width:350px;
	height:280px;
	margin:5px 10px 10px 10px;
}
#pichange li {
	list-style:none;
	position:absolute;
}

/**********ct_pr******/
#content .productlist{
	clear:both;
	font-size:13px;
	font-weight:bold;
	margin:5px 15px 3px 0px;
	padding:3px 0 3px 14px;
	background:#313a6c;
}

.prolist li{margin:0 0 0 25px;}
.prolist a.ved{color:#313a6c;}

#formbut {
	clear:both;
	float:left;
	color:white;
	height:30px;
	font-size:13px;
	cursor:pointer;
	font-weight:bold;
	line-height:30px;
	padding:0 10px;
	margin:5px 0 0 0;
	border:1px solid #192762;
	background:url(contact.gif) repeat-x;
}
#prform {
	clear:both;
}

.pr_show {
	overflow:hidden;
	_height:1%;
	padding:7px 0 0 0px;
}

#pr_change {
	float:left;
	width:450px;

}
#pr_change li {
	position:absolute;
	list-style:none;
}
#pr_src {

	overflow:hidden;
}
#pr_src img {
	float:left;
	_display:inline;
	margin:0 0 10px 15px;
}

#pr_src img.now {
	border:1px solid #313a6c;
}
#pr_src img.num {
	cursor:pointer;
	border:1px solid #aaaaaa;
}

/**********products******/
#products{
	_height:1%;
	overflow:auto;
	padding:8px 0 5px 0;
}
#products .bigname {
  clear:both;
	font-size:13px;
	font-weight:bold;
	background:#313a6c;
	margin:0 10px 5px 10px;
	padding:3px 0 3px 15px;
}
#products li a.frame img{
	display:block;
	width:140px;
	height:140px;
	margin:0 0 0 8px;
	border:#cccccc 1px solid;
}
#products li a.frame:hover img{
	border:#313a6c 1px solid;
}
#products .gbg {background:#313a6c;}

/*********pic1********/
#products li.pic,
#products li.pic1{
	list-style:none;
	float:left;
	width:165px;
	height:200px;
	padding:3px;
	text-align:center;
	_display:inline;
	margin:0 5px 25px 10px;
}

/**************mod2**************/
#products li.pic2 {
	float:left;
	width:300px;
	display:inline;
	overflow:hidden;
	padding:5px 5px 5px 6px;
	margin:5px 5px 5px 30px;
}

#products li.pic2 a.frame{float:left;}

#products li.pic2 .proinfo {
	float:left;
	width:150px;
	display:inline;
	margin:3px 0 0 10px;
}

/**************mod3**************/
#products li.pic3 {
	_height:1%;
	list-style:none;
	overflow:auto;
	padding:11px 5px 11px 0px;
	margin:0 0 0 5px;
}

#products .pic3 a.frame{float:left;}

#products .pic3 .proinfo {
	float:left;
	width:580px;
	display:inline;
	margin:5px 0 0 5px;
}

/**************mod4**************/
#products li.pic4 {
	height:320px;
	width:150px;
	float:left;
	overflow:hidden;
	margin:0 0 10px 0;
	padding:5px 5px 10px 15px;
}

/**************mod5**************/
#products li.pic5 {
	_height:1%;
	overflow:auto;
	list-style:none;
	margin:0 10px 10px 10px;
	padding:7px 7px 7px 0px;
}
#products li.pic5 a.frame{float:left;}

#products li.pic5 .detail{
	width:580px;
	float:left;
}
#products li.pic5 .detail ul{
	margin:0 0 0 10px;
}
#products li.pic5 .detail li{
	width:175px;
	float:left;
	list-style:none;
	padding:0 0 0 5px;
}

/**************flipmenu**************/
#flipmenu {
	display:none;
	z-index:99;
	list-style:none;
	position:absolute;
}

#flipmenu a.bigl {
	width:175px;
	color:#ffffff;
	display:block;
	background:#333;
	padding:6px 2px 6px 10px;
	border-top:1px solid #777;
}

#flipmenu a.midl {
	width:165px;
	color:#ffffff;
	display:block;
	font-size:11px;
	background:#333;
	padding:4px 2px 4px 20px;
}

#flipmenu a:hover {
	color:#000000;
	background:#ccc;
}

/*******foot*****/
#foot{
	color:white;
	clear:both;
	font-size:11px;
	text-align:center;
	padding:0 0 10px 0;
	background:#313a6c;
}
#foot a{
	color:white;
}
#foot ul{
	padding:10px 0 5px 0;	
}
#foot ul li{
	list-style:none;
	display:inline;
}
#foot ul li a{padding:0 18px;}

#foot .footbottom{
	padding:1px 0 0 0;
}