@charset "utf-8";
body {
	font-size: 12px;
	margin:0;
	padding:0;
	font-family:Tahoma, Geneva, sans-serif;
	color:#6b6b6b;
	line-height:145%;
}
.clear{ clear:both;}
ul,li{ margin:0; padding:0; list-style-type:none;}
a{ text-decoration:none;}

.main{ width:921px; margin:0 auto;}

#top{ background:url(logo.jpg); background-position:0 26px; padding:46px 10px 0 780px; background-repeat:no-repeat; line-height:29px;}
#mini_nav{ background:url(menu.jpg) no-repeat 0 0; height:30px; overflow:hidden;}
#mini_nav li { height:30px; float:left;}
#mini_nav li a {display:block; width:151px; height:30px;}
#mini_nav li a:hover {background:url(menu.jpg) no-repeat;}
#mini_nav li.nav1 a:hover {background-position:0 -30px;}
#mini_nav li.nav2 a:hover {background-position:-151px -30px;}
#mini_nav li.nav3 a:hover {background-position:-302px -30px;}
#mini_nav li.nav4 a:hover {background-position:-453px -30px;}
#mini_nav li.nav5 a:hover {background-position:-604px -30px;}
#mini_nav li.nav6 a:hover {background-position:-755px -30px;}


#left{ width:317px; float:left;}
.about{ background:url(about_bg.jpg); height:128px; background-repeat:no-repeat; padding:71px 26px 0 30px;}
.product{ background:url(products_bg.jpg); background-repeat:no-repeat; padding:38px 28px 0 38px; height:257px; margin-top:6px;}
.more{ background:url(moredot.GIF); background-repeat:no-repeat; background-position:5px 7px; color:#000000; font-size:9px; display:block; padding-left:12px;} 
#pro{}
#pro li{ background:url(prodot.gif); background-repeat:no-repeat; background-position:3px 6px; padding-left:18px; line-height:19px;}
#pro li a{ color:#375c89;}

.cen{ width:415px; float:left;}
img.pro{ 
    max-width:113px;
    max-height:96px;
    width: expression(this.width > Object.MAX_WIDTH && this.width / Object.MAX_WIDTH >= this.height / Object.MAX_HEIGHT ? Object.MAX_WIDTH : true);
    height: expression(this.height > Object.MAX_HEIGHT && this.width / Object.MAX_WIDTH < this.height / Object.MAX_HEIGHT ? Object.MAX_HEIGHT : true);
   }
.cen #list{ margin:3px 7px;}
.cen #list li{
	margin:2px 4px;
	background:#FFF;	
	width:121px; 
	text-align:center;	
	float:left; 
	}
.cen #list li p{
	text-align:center; 
	line-height:96px;
	height:96px;
	font-size:96px;
	width:117px;
	}
.cen #list li p img{
vertical-align:middle;border:1px #CCC solid; padding:2px;
	}  
	
.right{ width:184px; float:left;}
.srarch{ background:url(prosearch_bg.jpg); height:185px; background-repeat:no-repeat; padding:60px 18px 0 18px;}
.srarch label{
    display:block;
    float:left;
	color:#1c4b7a;
}

.srarch input{
    float:left;
    font-size:12px;
	width:134px;
	height:20px;
	line-height:20px;
    border:solid 1px #939393;
    margin:1px 0 3px 0;
}
.srarch select{ margin:2px 0 9px 0; width:134px;}
.srarch button{
    width:57px;
    height:28px;
	background:#356aa0;
	border:#174574 1px solid;
    text-align:center;
    line-height:23px;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
}


.contact{ background:url(contact_bg.jpg); height:139px; background-repeat:no-repeat; padding:60px 18px 0 18px; line-height:120%;}
.contact span{ color:#174574;}
.foot{ background: url(footlogo.gif); background-position:0 2px; background-repeat:no-repeat; padding:5px 5px 5px 200px; height:60px; line-height:15px; font-size:11px; text-align:right;}

.subleft{  float:left; width:286px; margin-left:3px;}
.subleft .txt{ padding:15px 15px 25px 18px; height:auto!important;  height:326px; min-height:323px; overflow:visible; }
.subleftshow{  float:left; width:213px;}
.sub_r{width:580px; margin-left:8px; float:left;}
.mainpro{ width:925px !important; width:927px; margin:0 auto;}
.sub_rshow{width:695px !important; width:697px; margin-left:3px; float:left; border-left:1px #CCC solid; padding-left:3px; position:relative; }
.sub_r .t{background:url(sub_rbg.gif); background-repeat:repeat-y; }
.sub_r .box{background:url(sub_rbg.gif); background-repeat:repeat-y; padding:15px;}
.sub_r .box label{
    float:left;
	color:#1c4b7a;
}

.sub_r .box input{
    float:left;
    font-size:12px;
	width:134px;
	height:20px;
	line-height:20px;
    border:solid 1px #939393;
    margin:1px 0 3px 0;
}
.sub_r .box select{ margin:2px 0 9px 0; width:134px;}
.sub_r .box button{
    width:57px;
    height:28px;
	background:#356aa0;
	border:#174574 1px solid;
    text-align:center;
    line-height:23px;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
}

#prolist{ margin:0 0 0 18px;}
#prolist li{
	margin:6px;
	background-color:#f1f1f1; 	
	width:126px; 
	width:128px !important;
	overflow:visible;
	padding-top:9px; 
	text-align:center;	
	float:left;
	padding:0;
	}
#prolist li a{ display:block; height:25px; color:#000; overflow:visible;}
#prolist li p{
	text-align:center; 
	line-height:100px;
	height:95px;
	font-size:100px;
	width:126px;
	height:100px;
	height:117px !important;
	border:1px #999 solid;
	margin:0;
	padding:0;
	}
#prolist li p img{
vertical-align:middle;
border:0;
	}
img.productlist{ 
    max-width:108px;
    max-height:100px;
    width: expression(this.width > Object.MAX_WIDTH && this.width / Object.MAX_WIDTH >= this.height / Object.MAX_HEIGHT ? Object.MAX_WIDTH : true);
    height: expression(this.height > Object.MAX_HEIGHT && this.width / Object.MAX_WIDTH < this.height / Object.MAX_HEIGHT ? Object.MAX_HEIGHT : true);
   }
label{ color:#06C; font-weight:bold;}   
#info{ width:460px; padding:20px 10px 10px 110px;}
#info label{ width:100px;display: block; float:left; text-align:right; margin-left:-100px!important; margin-left:-50px;}
#info input{ border:1px solid #666699;height:19px; }

#info h1{font-size:12px; margin:0px;}
#info em{color:#FF0000; padding:0 5px;}
#info div{color:#FF0000; border:1px solid #FF0000; padding:0 5px; background:#FCF9E2; margin:2px 0;width:140px;}
.btn {
BORDER-RIGHT: #2C59AA 1px solid; 
PADDING-RIGHT: 2px; 
BORDER-TOP: #2C59AA 1px solid; 
PADDING-LEFT: 2px; 
FONT-SIZE: 12px;
line-height:50%;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); 
BORDER-LEFT: #2C59AA 1px solid; 
CURSOR: hand; COLOR: black; 
PADDING-TOP: 2px; 
BORDER-BOTTOM: #2C59AA 1px solid; 
margin:3px;
}


#proshow{ margin:8px; }

#proshow p{
	text-align:center; 
	line-height:210px;
	height:210px;
	font-size:210px;
	width:260px;
	height:210px;
	height:210px !important;
	}
#proshow p img{
vertical-align:middle;
	}
img.productshow{ 
    max-width:350px;
    max-height:350px;
    width: expression(this.width > Object.MAX_WIDTH && this.width / Object.MAX_WIDTH >= this.height / Object.MAX_HEIGHT ? Object.MAX_WIDTH : true);
    height: expression(this.height > Object.MAX_HEIGHT && this.width / Object.MAX_WIDTH < this.height / Object.MAX_HEIGHT ? Object.MAX_HEIGHT : true);
   }

.stro{ color:#06C; font-weight:bold; line-height:35px;}
.probox{padding:15px 15px 25px 18px; height:auto !important;  height:386px; min-height:383px; overflow:visible; }
#subpro li{ background:url(prodot.gif); background-repeat:no-repeat; background-position:3px 6px; padding-left:18px; line-height:19px;}
#subpro li a{ color:#375c89; font-size:11px;}

#topbar{
position:absolute;
padding: 65px 10px 0 10px;
width: 130px;
height:210px;
visibility: hidden;
z-index: 100;
top:600px;
font-size: 11px;
font-family: PMingLiU;
background-image:url(qqbg.gif); background-repeat:no-repeat;
}
#topbar a{ color:#000}