﻿
html{height:100%;margin:0px auto;text-align:center;}
img{border-width:0px;}
body{position:relative;text-align:center;background:#fff;margin:0px auto;font-size:12px;line-height:180%;font-family:Arial, Helvetica, sans-serif;width:900px}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover,a:active{color:#000;}
div{text-align:left;}
ul,li{margin:0px;padding:0px;}
ul li,ol li{list-style:none;}
h1{font-size:16px;color:#000;font-family:Arial, Helvetica, sans-serif;text-align:center;padding:10px;height:30px;background:#fff url(images/bg/h1bg.jpg) center center no-repeat;}
h3{font-size:14px;border-bottom:1px solid #fc0;}
h3{font-style:normal;padding:5px 0;word-wrap: break-word;word-break: normal;clear:both}
table,td{font-size:12px;}
p{text-indent:2em}




#Header{position:relative;background:#fff url(images/bg/topbg.gif) no-repeat right top;height:80px; padding:0px;margin:0px;border:5px solid #fff;width:778px;text-align:left;}
/*#Logo{width:150px;height:80px;background:url(images/logo.gif) no-repeat center center;}
#Logo a{display:block;width:265px;height:43px;left:30px;top:30px; position:relative}*/


#Navigation{background:#e0e0e0;padding:5px 10px;border-top:1px solid #fff;border-bottom:10px solid #fff;}
#Navigation a{color:#000;}
#Navigation a:hover{color:#006600}

#GlobalMenu{clear:both;margin:0px;padding:0px;background:#f90;height:25px;width:778px;border-left:5px solid #fff;border-right:5px solid #fff;}
#GlobalMenu ul{float:right;width:500px;margin:0px;padding:0px;}
#GlobalMenu ul li {line-height:25px;height:25px;float:left;padding:0px;margin:0px;}
#GlobalMenu li a{display:block;float:left;color:#fff;padding:0px 10px 0px 10px;font-size:14px;line-height:25px;height:25px;}
#GlobalMenu a:hover{color:#fff;background:#c60;}
*{margin:0;padding:0;}  
 
#GlobalMenu{font-size:12px;position:relative;z-index:100;}   
#GlobalMenu ul{list-style:none;}   
#GlobalMenu li {float:left;position:relative;}   
#GlobalMenu ul ul {visibility:hidden;position:absolute;top:23px;}   
#GlobalMenu table {position:absolute; top:0; left:0;}   
#GlobalMenu ul li:hover ul,   
#GlobalMenu ul a:hover ul{visibility:visible;}   
 
#GlobalMenu ul ul{left:0px;}   
#GlobalMenu ul ul li {clear:both;text-align:left;font-size:12px;border-top:1px solid #fff}   
#GlobalMenu ul ul li a{display:block;width:100px;background:#f90;border-bottom:1px solid red;}   
#GlobalMenu ul ul li a:hover{border:0;background:#c60;border-bottom:1px solid #fff;}   

#TopAD{clear:both;width:778px;height:150px;overflow:hidden;border:5px solid #fff;background:#fff url(images/bg/topad.jpg);}
#ContentAD{overflow:hidden;clear:both;padding:5px 0;width:100%;}
#ContentAD .Left{float:left;width:49%;}
#ContentAD .Right{float:left;width:50%;}

#homeTopAD{ position:relative;clear:both;width:778px;border:5px solid #fff;height:400px;background:#fff url(images/bg/hometopad.jpg) no-repeat;}
#HomeLink{left:570px;top:220px; position:absolute;font-size:14px;font-weight:bold;color:#fff;}
#HomeLink a{color:#fff;}
#HomeLink a:hover{color:#000;}

#HomeMain1{clear:both;border:5px solid #fff;width:778px}
#Service{width:200px;float:left;}
#Service .title{background:#e0e0e0;font-size:14px;}
#Service .content{border:2px solid #e0e0e0;padding:5px;}

#Customer{width:568px;float:right;}
#Customer .title{background:#f0f0f0;font-size:14px;}
#Customer .content{border:0px solid #f0f0f0;padding:5px;}
#Customer .content td{text-align:center;padding:5px;}
#Customer .content img{border:1px solid #e0e0e0;padding:2px;}



#MainBlock{width:778px;border-left:5px solid #fff;border-right:5px solid #fff;position:relative}
#MainAll{border-left:solid 200px #ffc;
	float:left;
	height:auto;
	background:#fff;
	color:#000;width:578px;}
#Main{width:568px;float:right;line-height:180%; }
#Main a{color:#000}
#Main a:hover{color:#000;}
#Main .title{background:#dfe9f4;}
#Main .content{color:#000;padding:20px;overflow:hidden;}
#Main .details{border:2px solid #dfe9f4;padding:5px;clear:both}
#Main .introduce{float:left;overflow:hidden;width:425px;margin-left:10px;border:2px solid #dfe9f4;padding:5px;min-height:158px;margin-top:10px;}
#Description{border:2px solid #dfe9f4;padding:5px;font-size:14px;}
#Main table{border:1px solid #ffc;background:#fff;}
#Main td{background:#fff;padding:2px;}
#Main th{background:#ffc;padding:2px;}
#Main ul li{padding:0 0 0 15px; list-style:inside;line-height:25px}
#Main ul li{ list-style-image:url(images/icon/ol_li.gif)}

/*#introduce{overflow:hidden;border:2px solid #dfe9f4;padding:5px;margin-top:10px;}*/

#MapParentDiv{border:1px solid #cde;width:250px;min-height:168px;float:left;margin-top:10px;}
#MapOutDiv{width:250px;height:150px;padding:0px;overflow:hidden;}
#MapObj{width:290px;height:166px;}


#Side{	padding:0;
	margin:0;
	width:200px;
	float:left;
	margin-left:-200px;
	position:relative;
	background:#ffc;}
#Side .title{font-size:14px;color:#000;padding:5px 10px;border-bottom:1px solid #fff;display:block;background:#f90;font-weight:bold;}
#Side .title a{color:#fff;}
#Side ul li{background:#ff6;border-bottom:1px solid #fff}
#Side ul li a{line-height:25px;padding:0px 0px 0px 15px;display:block;}
#Side ul li a:hover{background:#fc0;font-weight:bold;}
#SideMenu{border:2px solid #dfe9f4;padding:1px;overflow:hidden;}
#SideMenu span{display:block;}

#SideMenu ul li{clear:both;display:block;border-top:1px solid #fff;background:#f0faff;}
#SideMenu li a{display:block;padding-left:5px;}
#SideMenu ul ul{overflow:hidden;width:100%;background:#fff;}
#SideMenu ul ul li{clear:none;background:#fff;float:left;width:33%;}
#SideMenu li li a{padding-left:5px;}

#SideContact{width:235px;}
#SideContact .title{padding:5px 20px;font-size:14px;font-weight:normal;border-bottom:2px solid #23621f;color:#6c3}
#SideContact .content{color:#6c3;padding:5px 5px 5px 20px;}
/*#SideMenu .highLight{background:#fff;}
#SideMenu .highLight a:link,#SideMenu .highLight a:visited{color:#f00;padding-left:25px;background:url(images/icon/arrow_r.gif) no-repeat 5px 5px}*/
#SideMenu li a:hover{color:#f00;}

#CommentForm{border:2px solid #dfe9f4;margin-top:5px;padding:5px;}

#NewComment{border:2px solid #dfe9f4;background:#f0faff;padding:5px;overflow:hidden;}
#NewComment ul li{border:2px solid #cde;padding:2px}
#NewComment .content{border-width:0px;}

#productBrief{width:100%;}
#BriefImg{width:330px;float:left;padding:;}
#BriefImg img{border:2px solid #e0e0e0;width:320px;height:240px;}
#Brief{width:228px;float:right;}

#Details{clear:both;border-top:0px solid #cde;}
#Details h3{border:1px solid #e0e0e0;clear:both;padding:5px;}
#Details ul{clear:both;}
#Details li{float:left;width:33.3%;}

#AddInquire a{display:block;padding:2px 30px;background:url(images/icon/cart.gif) no-repeat 5px 5px;}

.naviTxt{height:100px;line-height:150%;overflow:hidden}

#FriendLink{clear:both;border-top:10px solid #fff;}
#FriendLink li{display:inline;padding-right:5px;}

#Footer{clear:both;text-align:center;height:auto;color:#333;width:778px;border:5px solid #fff;}
#Footer div{clear:both;border:0px solid #fff;border-top:2px solid #fc0;background:#f0f0f0;padding:5px;text-align:center;}
#Footer a{color:#6c3}

.ProductDesc ul{padding:20px;margin-left:20px;}
.ProductDesc ul li{ list-style: circle outside;border-bottom:1px solid #cf3;margin:0px;}

.RowSpace{height:10px;clear:both;font-size:10px;overflow:hidden;}

.title{height:25px;line-height:25px;padding-left:10px;}
.content{padding:5px;overflow:hidden;clear:both;}
#Main .content a{color:#000;}
#Main .content a:hover{color:#FF0000}

.oneYP{border-bottom:2px solid #dfe9f4;padding:5px;}

.ND{display:none}

.productTB td{padding:20px 5px;border-bottom:1px solid #ccc;}
.productTB img{border:2px solid #e0e0e0;padding:2px;}

.PageNum{clear:both;}
.PageNum a{color:#000;clear:both;display:block;float:left;overflow:hidden;clear:none}
.PageNum a:link,.PageNum a:visited{color:#000;vertical-align: top;padding: 1px 5px;font-size: 12px;text-decoration: none;background-color: #FFFFFF;border: 1px solid #ccc;margin-right:1px;text-decoration:none;}
.PageNum a:hover{background-color: #cf3;border: 1px solid #036;color:#000;text-decoration: none;}
.PageNum .Left{float:left;overflow:hidden}
.PageNum #Num{float:left;overflow:hidden}
.PageNum .Current{display:block;float:left;padding:2px 5px;}

.Left{float:left}
.Right{float:right;}
.x2 li{width:50%;float:left}
.x6 li{display:block;width:16.6%;float:left}
.x8{float:left;width:100%;}
.x8 li{display:block;width:12.5%;float:left}
.x15 li{display:block;width:6.6%;float:left}

/*for all button,text Input*/
.InputTxt{border-top:1px solid #29387e;border-left:1px solid #29387e;border-bottom:1px solid #cde;border-right:1px solid #cde;background:#fff;padding:3px 1px;height:15px;margin-right:5px;}
.BtnSearch{border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;border-bottom:1px solid #29387e;border-right:1px solid #29387e;background:#fff url(images/icon/search.gif) no-repeat 2px 0px;padding:0px 2px 2px 20px;width:70px;height:23px;}

ul.product{width:100%;overflow;hidden;}
.product .proImg{}

.x3 li{float:left;width:33%;padding:0px;margin:0px;overflow:hidden}
.product img{border:2px solid #e0e0e0;width:160px;height:120px;}


#floatLeft{
   width:120px;
   height:250px;
}
#floatRight{
   height:250px;
}
.FloatTit{border-top:1px solid #cde;border-left:1px solid #cde;border-right:1px solid #cde;background:#fff;text-align:center;background:#e0e0e0 url(images/bg/titbg.gif) repeat-x;}
.FloatContent{overflow:hidden;border-left:1px solid #cde;border-right:1px solid #cde;border-bottom:1px solid #cde;background:#fff;padding:5px 0px;line-height:30px;}
#floatRight .FloatContent{padding:5px;}



