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

body { margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; line-height:20px; }
img { border:0px;}
ul,ol{ line-height: normal; list-style-type: none; margin: 0px; float:left; padding-left:0; line-height:170%;  }
div,form,h1,dl,dt,dd,ul,ol,li,table,td,th,p{ margin:0; padding:0; list-style:none;}
h2,h3,h4,h5,h6{	padding:0; margin:0px 0 2px 0;}
h2{ font-size:14px; font-weight:bold;  }

a:link,a:visited,a:active { text-decoration:none; color:#555; }
a:hover { text-decoration:underline; color:#0000CC;  }

.blank1 { clear:both; width:100%; height:1px; overflow:hidden; }

#head { clear:both; margin:auto; width:770px; background-color: }
#head h1 { clear:left; float:left; font-size:24px; line-height:50px; font-family:"Times New Roman", Times, serif;}
#head .logo { float:left; width:500px; padding:5px 0;}
#head .headlink { clear:right; float:right; width:200px; text-align:right; padding-top:70px;}
#bannerad { clear:both; margin-bottom:4px;}
#contant { clear:both; margin:auto; width:770px; }
#partleft { clear:left; float:left; width:200px;}
#partright { clear:right; float:right; width:570px;}
#footer { clear:both; margin:auto; width:770px; background-color:#cccfd5; line-height:25px; text-align:center; font-size:10px;}

#menu { clear:both; background-color:#00285f; height:22px; line-height:22px; color:#FFFFFF; margin-bottom:4px;}
#menu li { display:inline; float:left; padding:0 30px 0 30px; background:url(item.gif) right 6px no-repeat; font-weight:bold;}
#menu li.last { display:inline; float:left; padding:0 30px 0 30px; background:none; font-weight:bold;}
#menu a:link,
#menu a:visited,
#menu a:active { text-decoration:none; color:#ffffff; }
#menu a:hover { text-decoration:underline; color:#ffffff;  }

.stylebox { clear:both; margin-bottom:6px;}
.stylebox .title1 { clear:both; height:25px; color:#ffffff; line-height:25px; font-weight:500; padding-left:10px; position:relative; }
.stylebox .title1 .viewmore { position:absolute; right:10px; top:0px; font-size:10px; font-weight:normal; color:#FFFFFF; }

.stylebox .title2 { clear:both; height:25px; color:#00285f; line-height:25px; font-weight:500; padding-left:10px; position:relative; }
.stylebox .title2 .viewmore { position:absolute; right:10px; top:0px; font-size:10px; font-weight:normal; color:#00285f; }
.stylebox .body { clear:both; padding:8px;}
.stylebox .body p{ clear:both; margin-bottom:10px;}
.stylebox .body h1 { font-size:16px; line-height:35px; text-align:center;}
.titlebg1 { background-color:#0099ff;}
.titlebg2 { background-color:#7fccff;}
.titlebg3 { background-color:#00285f;}

.proclass { clear:both; width:200px}
.proclass li { background:url(item_bg.gif); height:35px;  padding-left:24px; line-height:35px;}

.products .class{ clear:both; width:200px}
.products li { background:url(item_bg.gif); height:35px;  padding-left:24px; line-height:35px;}

.prolist { clear:both;}
.prolist li { display:inline; float:left; width:100px; height:160px; line-height:16px; font-size:10px; margin:0 18px 0 18px;}
.prolist li img{ display:block; width:100px; height:100px; }
p img { width:350px; width:expression(this.width>350?"350px":this.width+"px");} 
.tablestyle { clear:both; background-color:#bababa; }
.tablestyle .hd { background-color:#bde5ff; padding:2px; text-align:center; font-weight:600; }
.tablestyle .td { background-color:#fff; padding:2px; text-align:left; }
.tablestyle .td1 { background-color:#fff; padding:2px; text-align: center;  }

.sub { vertical-align:sub; font-size:8px;}