@charset "utf-8";
html,body{
	font-family:"微软雅黑",Arial,verdana, Helvetica, sans-serif,"宋体";	font-size: 12px;	
	margin:0px auto; padding:0px;background:#33A0E2;background-image: url(../images/backgrond-pic.jpg);	background-repeat: no-repeat;background-position: center top;
	}
img{ border:0px;}
#container{width:778px;margin:0px auto; padding:0px; border:1px #0F66A6 solid;background:#fff;}
#top{width:778px; background:url(../images/top-background.jpg); height:97px;}
#top-logo{margin-top:10px; margin-left:40px; float:left; padding:0px;display:inline;}
#top-links{margin-top:28px; color:#FFFFFF; float:left; padding:0px; margin-left:260px;}
#top-links ul{ margin:0px; padding:0px;}
#top-links li{ list-style-type:none;float:left; padding:10px;}
#top-links li a{ color:#FFFFFF; text-decoration:none;}
#top-links li a:hover{ color:#ccc; text-decoration:underline;}

#top-menu{ margin-top:5px; margin-left:2px; }
#top-menu ul{margin:0px; padding:0px;}
#top-menu li{list-style-type:none;float:left; width:129px; height:15px; padding-top:5px;padding-bottom:5px;}
#top-menu li a{ color:#FFFFFF; text-decoration:none;padding-left:40px;padding-right:40px; padding-top:5px; padding-bottom:5px;}
#top-menu li a:hover{ color:#fff; text-decoration:none;background-image: url(../images/menu-background-over.jpg);background-repeat: no-repeat;}

.top-menu-background{	background-image: url(../images/menu-background.jpg);background-repeat: no-repeat;}

#topmenu-2{ height:27px; background:#fff;margin-top:5px;}
.subnav a{color:#666666; text-decoration:none;  padding-left:10px; padding-right:10px;padding-top:2px;padding-bottom:2px;}
.subnav a:hover{color:#ffffff; text-decoration:none; background:#999999; padding-left:10px; padding-right:10px;padding-top:2px;padding-bottom:2px;}
#subnav1 { margin-left:30px; margin-top:5px; margin-bottom:5px;}
#subnav2 { margin-left:160px; margin-top:5px; margin-bottom:5px;}
#subnav3 { margin-left:290px; margin-top:5px; margin-bottom:5px;}
#subnav4 { margin-left:420px; margin-top:5px; margin-bottom:5px;}
#subnav5 { margin-left:440px; margin-top:5px; margin-bottom:5px;}

#main{margin:0px;padding:0px;width:778px;}

#left-part{float:left;margin-bottom:20px;margin-left:20px; margin-right:20px;display:inline;}
#right-part{float:left;display:inline; background:#fff; width:225px;}

.right-link{ background:url(../images/right-table-mid.jpg); padding-left:15px; padding-right:15px; padding-top:5px;}
.right-link dl{ margin:0px; padding:0px;}
.right-link dt {margin:0px; padding:0px; }
.right-link h3{float:left;margin:0px; padding:0px; font-size:14px;font-weight:bold;color:#333333;}
.right-link span{float:right;color:#EC1C24; font-size:12px;}
.right-link span a{ font-size:11px; color:#006CB7; text-decoration:none; }
.right-link blockquote{clear:both; margin:0px; padding:0px;}
.right-link dl dd{margin:0px; padding:0px;clear:both; line-height:20px;color:#333333;}
.right-link dl dd a {float:left;font-size:12px; color:#333333; text-decoration:none; }
.right-link dl dd a:hover { color:#006CB7; text-decoration:underline; }
.right-link dl dd span {float:right; color:#333333; font-size:10px; }

#guide {color:#999999;}
#guide a{ color:#999999; text-decoration:none;}
#guide a:hover{ color:#006CB7; text-decoration:underline;}

#inside{ width:500px;line-height:22px; margin-top:10px;}
#inside h5{float:left;margin:0px; padding:0px; font-size:12px;font-weight:normal;color:#333333;}
#inside h1{margin:0px; padding:0px; font-size:16px;font-weight:bold;color:#333333; text-align:center;}
#inside a{float:left;font-size:12px; color:#333333; text-decoration:none;}
#inside a:hover { color:#006CB7; text-decoration:underline; }
#inside span {float:right; color:#333333; font-size:10px; margin-right:10px; }


#singlepage a{float:none;font-size:12px; color:#333333; text-decoration:none;}
#singlepage a:hover { color:#006CB7; text-decoration:underline; }

#news-list h5{float:left;margin:0px; padding:0px;line-height:24px; font-size:14px;font-weight:normal;color:#333333;}
#news-list h1{margin:0px; padding:0px; font-size:16px;line-height:24px;font-weight:bold;color:#333333; text-align:center;}
#news-list a{float:left;font-size:14px; color:#333333;line-height:24px; text-decoration:none;}
#news-list a:hover { color:#006CB7; text-decoration:underline; }
#news-list span {float:right; color:#333333; font-size:11px; margin-right:10px; }

#foot{ color:#ffffff; width:778px; height:80px; background:url(../images/foot-back.jpg);}
#foot h5{ float:left;font-size:12px;margin:0px;font-weight:normal; padding-top:15px; padding-left:20px;}
#foot ul{ float:right; margin-right:0px; margin-top:15px;}
#foot ul li{ float:left; margin-right:20px;list-style-type:none; padding:0px;}
#foot ul li a{color:#fff; text-decoration: none; padding-left:10px;padding-right:10px;}
#foot ul li a:hover{color:#ccc;  text-decoration: underline;}


#pagelist{margin-top:20px;}
#pagelist em {padding:4px;border:1px solid #F4F4F4;margin:0px 1px;background:#F4F4F4;color:#ED2224;font-weight:bold;font-style:normal;}
#pagelist strong {padding:4px;margin:0px 2px;color:#ff0000;font-size:12px; float:left;border:1px solid #F4F4F4;background:#F4F4F4; line-height:16px;}
#pagelist a {padding:4px;border:1px solid #F4F4F4;font-size:12px;margin:0px 2px;background:#F4F4F4;color:#666666;line-height:16px;font-weight:bold;text-decoration:none;}
#pagelist a:hover {	color:#0089CF;text-decoration:underline;}

#product-list{ text-align:center; }
#product-list div{width:150px;float:left; margin-right:10px; margin-top:20px;line-height:18px; text-align:center;}
#product-list h5 { float:none;margin:0px; padding:0px; font-size:12px;font-weight:normal;color:#333333; text-align:center;}
#product-list a{float:none;text-align:center;}

#send-form{text-align:center; font-size:12px; color:#666;width:700px;}
#send-form h5{margin:0px;padding:0px;font-size:12px;}
#send-form td{padding:4px;}
#send-form p{text-align:left;}
#send-form ul{font-size:12px;text-align:left; margin-left:0px; padding:4px; margin-top:10px;}
#send-form li{list-style-type: none;clear:both;}
#send-form li h6{float:left;font-size:12px;font-weight:normal; margin:0px; padding:0px;line-height:20px;}
#send-form li span{ float:right; line-height:20px;}
#send-form input{width:50px; height:16px; font-size:12px;}

.boder-all{border:1px #999999 solid;}
.big-table{ text-align:center; font-size:14px;}
.small-table{ text-align:left; font-size:11px;}

.bottomline{ border-bottom:1px #D9D9D9 solid; }
.topline{ border-top:1px #D9D9D9 solid; }

.disable { display: none;}
.topmargin{ margin-top:10px;}
.toppadding{ padding-top:10px;}
.floatclear{clear:both;}


#massage_box{
	position:absolute;
    visibility:hidden;
	width: 400px;
	height: 300px;
	z-index: 500; 
  	position:absolute;
	text-align:left;
  }
#mask{ 
    position:absolute; 
    visibility:hidden;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#666666;
	filter:alpha(opacity=75);
	opacity: 0.75;
	height:100%;
	width:100%;
 
 }
* html #mask { /* ie6 hack */
    position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
.massage{border:#036 solid; border-width:1 1 3 1; width:95%; height:95%; background:#fff; color:#036; font-size:12px; line-height:150%}
#submit-all {margin:10px;}
#submit-all ul{margin-top:0px;margin-bottom:0px;margin-left:15px;}

.massage a{color:#0089CF;text-decoration:none;}
.massage a:hover{color:#0089CF;text-decoration:underline;}
.header{background:#036; height:10%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff}
.header a{float:right; display:inline; color:#FFFFFF; text-decoration:none;}
.header a:hover{color:#FFFFFF; text-decoration:none;}