/*
-----------------------------------------------
Style Sheet

Site: fangyuan
Author:   Cary    
E-mail:cary@zjidc.com.cn,astx2003@hotmail.com
Tel;0086-0571-56833683
Version:  2007.2
----------------------------------------------- */

/*
公共样式 --------------------- */

* {
margin:0;
padding:0;
}

html, body, div, p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size:12px;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
font-weight:normal;
}

table{
border-collapse:collapse;
}

body {
background: #fff;
}

#container{
width:950px;
}

ul{
list-style-type:none;
}

/*
链接样式--------------------- */

a{
color:#000;
}

a:link, a:active, a:visited{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

a img {
	border-width: 0; 
	border-style: none;
}

/*
顶部样式 --------------------- */

#masthead{
position:relative;
width:100%;
}


#logo{
position:relative;
width:100%;
background:url(../img/name.jpg) no-repeat 156px 21px;
height:63px;
}

#logo img{
position:absolute;
left:52px;
top:9px;
}

#nav{
float:left;
margin-top:18px;
margin-left:200px;
display:inline;
height:31px;
}

#nav li{
float:left;
padding:0 15px;
}

#nav li a{
line-height:31px;
display:block;
}

#nav li a:hover{
background:url(../img/triangle.jpg) no-repeat 50% 0%;
}

#top{
background:url(../img/top.jpg) no-repeat left top;
float:left;
height:253px;
width:100%;
}


#search{
float:left;
margin-top:228px;
margin-left:580px;
display:inline;
}
#search label{
float:left;
line-height:24px;
height:24px;
width:61px;
text-indent:-9000px;
background:url(../img/search.jpg) no-repeat 0% 58%;
}

.keyWord{
float:left;
height:22px;
line-height:22px;
color:#3c3c3c;
border:1px solid #BFC3CC;
}

.search_ibtn{
float:left;
}


.default .home,
.contactus .contact,
.feedbackb .feedback,
.productsb .products,
.newproductsb .newproducts,
.aboutus .about,
.newsb .news{
background:url(../img/triangle.jpg) no-repeat 50% 0%;
}

/*
左边目录样式 --------------------- */

#sidebar{
float:left;
width:270px;
background:url(../img/left.jpg) no-repeat right top;
}

#sidebar h1{
float:left;
margin-left:70px;
margin-top:30px;
display:inline;
background:url(../img/catalog.jpg) no-repeat left top;
width:131px;
height:12px;
text-indent:-9000px;
}

#catalog{
float:left;
width:220px;
margin-left:50px;
display:inline;
margin-top:20px;
}

#catalog ul{
float:left;
width:100%;
margin-bottom:20px;
}

#catalog li{
width:100%;
float:left;
}

#catalog li a{
color:#3C3C3C;
padding-left:22px;
line-height:28px;
width:190px;
display:block;
}

.bcatalog{
background:url(../img/triangle.jpg) no-repeat 0% 50%;
}

.bncatalog{
background:url(../img/triangle2.jpg) no-repeat 0% 50%;
}

.scatalog{
background:url(../img/dot.jpg) no-repeat 0% 50%;
}


/*
右边主要内容样式 ------------------*/

#content{
float:left;
margin-left:48px;
width:556px;
display:inline;
}

#content h1{
float:left;
width:100%;
height:24px;
}

.haboutus{
background:url(../img/aboutus.jpg) no-repeat left top;
}

.featuredproducts{
background:url(../img/featuredproducts.jpg) no-repeat left top;
}

.hcontactus{
background:url(../img/contactus.jpg) no-repeat left top;
}

.hfeedback{
background:url(../img/feedback.jpg) no-repeat left top;
}

.hnewproducts{
background:url(../img/newproducts.jpg) no-repeat left top;
}

.hproducts{
background:url(../img/products.jpg) no-repeat left top;
}

.hnews{
background:url(../img/news.jpg) no-repeat left top;
}

/*-----default-------*/

#haboutus{
float:left;
width:100%;
padding-bottom:30px;
}

#haboutus a{
float:right;
margin-right:16px;
border:1px dashed #ffffff;
padding:2px;
display:block;
width:31px;
height:11px;
}
#haboutus a:hover{
border:1px dashed #3c3c3c;
padding:2px;
}


#haboutus p{
float:left;
width:100%;
color:#3C3C3C;
line-height:24px;
}

#fproducts{
float:left;
width:100%;
}

.fproduct{
float:left;
width:152px;
}

.fpm{
margin-right:50px;
display:inline;
}

.fproduct img{
float:left;
}

.fproduct p{
float:left;
width:100%;
padding:6px 0;
}

.fproduct label{
float:left;
color:#3c3c3c;
padding-right:4px;
}

.fproduct p a{
float:right;
margin-right:12px;
border:1px dashed #ffffff;
padding:2px;
display:block;
width:31px;
height:11px;
}
.fproduct p a:hover{
border:1px dashed #3c3c3c;
padding:2px;
}


/*------about_us------*/

/*-----contact_us-----*/

#contactus{
float:left;
width:100%;
}

#contactus p{
float:left;
line-height:24px;
width:100%;
margin-bottom:30px;
}
.contactp{
color:#3c3c3c;
}

#contactus a{
color:#FF8814;
}

#contactus a:hover{
color:#949494;
}

/*------feecback------*/

fieldset {
   float:left;
   border:solid 0 transparent;
   }
   
#feedback{
float:left;
width:100%;
}

#feedback p{
   float:left;
   line-height:24px;
   width:100%;
   margin-bottom:25px;
   color:#3C3C3C;
   }
#theForm{
float:left;
width:100%;
}
.fieldsetdiv{
   float:left;
   margin-top:10px;
   margin-bottom:10px;
   width:100%;
   color:#949494;
   }
legend {
   color:#949494;
   margin-bottom:20px;
   }
.cred{
  color:#FF0000;
  }
.t1{
  width:150px;
  border:1px solid #D4DEE7;
  } 
.t2{
  width:300px;
  border:1px solid #D4DEE7;
  }
 .t3{
  width:300px;
  border:1px solid #D4DEE7;
  height:150px;
  }
.lefr-label {
   float:left;
   width:130px;
   text-align:right;
   } 
 
.input1{
   border:1px solid #D4DEE7;
   width:200px;
   }
   
.rad {
   float:left;
   }
.p1{
   margin-left:130px;
   }
.p2{
   margin-left:60px;
   }   
   
/*------member login-----*/
.m1,m2{
float:left;
width:100%;
line-height:24px;
}

.m2{
color:#949494;
padding:20px 0;
}

#login{
float:left;
width:100%;
margin-top:20px;
}

#loginup,#unbox,#pwbox{
float:left;
}

#login label{
float:left;
width:90px;
height:18px;
text-indent:-9000px;
}

.m3{
float:left;
width:302px;
height:30px;
}

.m4{
background:url(../img/username.jpg) no-repeat left center;
}

.m5{
background:url(../img/password.jpg) no-repeat left center;
}

/*------products-----*/
#pheader{
float:left;
width:100%;
}

#pheader label{
float:left;
color:#3c3c3c;
line-height:24px;
}

#pheader label a{;
border:1px solid #fff;
line-height:24px;
padding:2px;
color:#3c3c3c;
}

#pheader label a:hover{
border:1px dashed #3c3c3c;
text-decoration:none;
}

#products{
float:left;
width:100%;
margin-top:20px;
}

.product{
float:left;
width:224px;
margin-right:76px;
height:300px;
display:inline;
}

.pcontent #content{
width:608px;
}

#products img{
float:left;
}

.timg{
float:left;
width:216px;
background:url(../img/bgproduct.jpg) no-repeat left top;
height:216px;
padding:4px;
}

#products .product_name{
float:left;
line-height:28px;
width:224px;
text-align:center;
}

#products .view{
float:left;
line-height:28px;
width:167px;
padding-left:57px;
background:url(../img/detail.jpg) no-repeat 68% 40%;
}
#p2{
float:left;
width:100%;
}
#noproduct{
float:left;
width:100%;
}

#noproduct a{
text-decoration:underline;
}

#bgbottom{
float:left;
width:100%;
background:url(../img/other.jpg) no-repeat 155px 30px;
height:128px;
}
/*-- Products Details 的样式--*/	

#pdetails{
float:left;
width:100%;
}
#pimg{
float:left;
margin-top:30px;
text-align:center;
width:100%;
}

#pimg img{
border:1px solid #000000;
}

.productname{
float:left;
margin-bottom:30px;
margin-top:20px;
font-size:16px;
font-weight:bold;
width:100%;
text-align:center;
display:inline;
}

#pdetails table{
float:left;
width:100%;
margin-top:20px;
}

#pdetails caption{
color:#FFF;
border:1px solid #666;
border-bottom:0px;
line-height:24px;
font-weight:bold;
}

#pdetails td{
line-height:20px;
font-size:11px;
border:1px solid #000000;
text-align:center;
}
#pdetails p{
float:left;
width:100%;
line-height:24px;
}

.pdetails{
float:left;
width:100%;
}

.pcatalog{
line-height:24px;
padding-right:5px;
font-weight:bold;
float:left;
text-align:left;
}

.pname{
line-height:24px;
float:left;
display:block;
height:24px;
}

.pname a{
line-height:24px;
border:1px solid #fff;
padding:2px;
}

.pname a:hover{
border:1px dashed #679AC9;
text-decoration:none;
}

#pbottom{
float:left;
width:100%;
line-height:40px;
text-align:right;
}

#pbottom a{
margin-right:15px;
}

/* ------- news -------*/
#news{
float:left;
width:100%;
}

#news ul{
float:left;
width:100%;
}

#news li{
line-height:30px;
background:url(../img/dot2.jpg) no-repeat 0% 50%;
padding-left:20px;
border-bottom:1px dashed #B8B8B8;
width:70%;
}

#news li label{
	padding-left:20px;
}

#news li a{
color:#7e7e7e;
display:block;
width:90%;
padding-right:30px;
}

.hotclass
{
	background:url(../img/new.jpg) no-repeat 100% 50%;
}


#news li a:hover{
color:#3370A8;
}

#news_title{
float:left;
width:100%;
color:#3370A8;
line-height:30px;
}

#news_details{
float:left;
width:100%;
padding-top:15px;
}

#news_content{
float:left;
color:#7E7E7E;
line-height:30px;
width:100%; 
}

#news_content p{
color:#7E7E7E;
line-height:30px;
}
.no_pic
{
	display:none;
}
#news_pic{
float:right;
background:url(../img/bg_news.jpg) no-repeat left top;
width:235px;
height:270px;
}
#news_pic img{
float:left;
margin-top:10px;
margin-left:12px;
display:inline;
}




/*----分页样式-----*/

#p1{
float:left;
width:100%;
}

#page {
    float:left;
	width:100%;
	text-align:center;
	margin-top:20px;
	}
	
#page-center{
display:inline;
float:left;
}
	
#page ul{
    list-style:none;
	margin:0;
	padding:0;
	}
	
#page li {
    float:left;
	padding:0 15px;
	height:24px;
	line-height:24px;
	}

	 	
 /*
底部的样式 ------------------------- */

#footer{
float:left;
width:100%;
padding-top:30px;
padding-bottom:15px;
}

#footer img{
float:left;
margin-left:155px;
margin-top:6px;
display:inline;
}

#footer div{
float:left;
margin-left:30px;
width:650px;
display:inline;
}

#footer p{
float:left;
width:100%;
font-size:11px;
line-height:18px;
color:#8C8C8C;
}

#footer a{
color:#8C8C8C;
text-decoration:underline;
}

#footer a:hover{
color:#3c3c3c;
}

.btitle{
float:left;
padding-right:6px;
}

.bcontent{
float:left;
padding-right:10px;
}


/*
必需的样式 ------------------------- */
   /*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */