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

Site: yongsheng
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: #bdbec0;
padding-top:10px;
}

#container{
width:759px;
margin:0 auto;
background:#eee;
}

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: #bdbec0;
}

#logo img{

}

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

#space{
height:4px;
background:#FFF;
float:left;
font-size:4px;
width:100%;
}

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

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

#sidebar #space{
height:8px;
}

.catalog{
float:left;
background:url(../img/productscatalog.jpg) no-repeat 20% 60%;
width:100%;
height:30px;
text-indent:-9000px;
}

.lcontact{
float:left;
background:url(../img/contactus.jpg) no-repeat 20% 60%;
width:100%;
height:30px;
text-indent:-9000px;
}

#catalog{
float:left;
width:100%!important;
width:92%;
padding-left:8%;
margin-bottom:10px;
}

#catalog li{
width:90%;
float:left;
background:url(../img/dot.jpg) no-repeat 0% 50%;
}

#catalog li a{
color:#3e8732;
line-height:20px;
display:block;
margin-left:15px;
}

#lcontact{
float:left;
width:100%!important;
width:92%;
padding-left:8%;
}

#lcontact p{
float:left;
width:92%;
font-size:10px;
line-height:20px;
color:#707067;
}

#lcontact p a{
color:#707067;
text-decoration:underline;
}
/*
.cert2{
position:absolute;
left:180px;
bottom:50px !important;
bottom:80px;
z-index:1;
width:68px;
height:35px;
}*/

.cert2{
	float:left;
	margin-left:60px;
	display:inline;
}

.logo1{
	margin-top:230px;
}

.logo2{
	margin-top:130px;
}

.logo3{
	margin-top:320px;
}

.logo4{
	margin-top:550px;
}

.logo5{
	margin-top:600px;
}

.logo6{
	margin-top:160px;
}

.logo7{
	margin-top:380px;
}

.logo8{
	margin-top:420px;
}
/*
右边主要内容样式 ------------------*/

#content{
float:left;
width:543px;
padding-left:18px;
background:#fff;
padding-bottom:60px;
}

#content h1{
float:left;
width:524px;
height:24px;
font-size:12px;
}

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


.haboutus{
background:#bdbec0 url(../img/aboutus.jpg) no-repeat 4% 50%;
}
.featuredproducts{
background:#bdbec0 url(../img/featuredproducts.jpg) no-repeat 4% 50%;
}
#haboutus,#fproducts{
float:left;
width:524px;
border:1px solid #bdbec0;
}

#fproducts{
margin-top:8px;
}

#haboutus div{
float:left;
margin:7px 6px;
width:510px;
display:inline;
}

#haboutus p,#fproducts p{
float:left;
width:510px;
color:#707067;
font-size:10px;
line-height:18px;
}

#fproducts p{
padding-bottom:15px;
}

.more{
text-align:right;
display:inline;
font-size:10px;
}

.more img{
margin-right:15px;
display:inline;
}

.fproduct{
float:left;
width:142px;
margin-top:31px;
margin-left:19px;
display:inline;
margin-right:10px;
}

.fproduct img{
float:left;
}

.fproduct label{
float:left;
color:#878786;
text-align:center;
font-size:10px;
font-weight:bold;
width:100%;
line-height:40px;
}

.fproduct label a{
color:#878786;
text-decoration:underline;
}



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

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

.aboutus{
background:url(../img/aboutus1.jpg) no-repeat 6% 50%;
float:left;
width:100%;
height:60px;
}

#aboutus p{
float:left;
width:88%;
margin-left:2%;
line-height:18px;
color:#636363;
padding-bottom:20px;
font-size:11px;
}

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

#contactus{
float:left;
width:100%;
padding-bottom:110px;
}

.contactus{
background:url(../img/contactus1.jpg) no-repeat 6% 50%;
float:left;
width:100%;
height:60px;
}

#contactus div{
float:left;
width:98%;
margin-left:2%;
display:inline;
line-height:18px;
color:#717171;
padding-bottom:12px;
}

#contactus label{
float:left;
text-align:right;
width:130px;
display:block;
padding-right:12px;
font-weight:bold;
}

#contactus p{
float:left;
width:70%;
color:#717171;
}

#contactus p a{
text-decoration:underline;
color:#717171;
}

/*------feecback------*/
.fdh{
background:url(../img/feedback.jpg) no-repeat 6% 50%;
float:left;
width:100%;
height:60px;
}
fieldset {
   float:left;
   border:solid 0 transparent;
   }
   
#feedback{
float:left;
width:100%;
}

.fdp{
   float:left;
   line-height:14px;
   width:82%;
   font-size:10px;
   display:inline;
   margin-left:20px;
   margin-bottom:25px;
   color:#717171;
   }
.fdn{
   float:left;
   line-height:14px;
   width:82%;
   font-size:11px;
   margin-bottom:10px;
   color:#717171;
   display:inline;
   margin-left:20px;
   font-style:italic;
   font-weight:bold;
   }
#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;
   }   
   
.cert{
background:url(../img/certificates1.jpg) no-repeat 6% 50%;
float:left;
width:100%;
height:60px;
}
#cert{
float:left;
width:100%;
background:url(../img/certificates.jpg) no-repeat 38% 15%;
height:400px;
}
/*------products-----*/
.ph{
background:url(../img/products.jpg) no-repeat 6% 50%;
float:left;
width:100%;
height:60px;
line-height:60px;
font-size:14px;
text-indent:120px;
color:#3e8732;
font-weight:bold;
}

.ph a{
color:#3e8732;
}


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

.product{
float:left;
width:145px;
height:220px;
display:inline;
margin:0 50px;
}

#products img{
float:left;
}

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

#products .product_name{
float:left;
width:145px;
text-align:center;
color:#707170;
font-weight:bold;
line-height:18px;
}

#products .view{
float:left;
background:url(../img/detail.jpg) no-repeat 68% 40%;
padding-left:30px;
padding-top:6px;
}

#p2{
float:left;
width:100%;
}
#noproduct{
float:left;
width:90%;
margin-left:30px;
display:inline;
line-height:20px;
padding-bottom:300px;
}

#noproduct a{
text-decoration:underline;
}

#bgbottom{
float:left;
width:100%;

}
/*-- Products Details 的样式--*/	

#pdetail{
float:left;
width:100%!important;
width:95%;
padding-left:5%;
}

.pleft{
float:left;
width:240px;
}

.pleft img{
float:left;
}

.pright{
float:left;
width:250px;
padding-top:40px;
}

.pright label{
float:left;
width:100%;
font-size:14px;
color:#717171;
line-height:24px;
}

.dview{
float:left;
margin-top:20px;
margin-left:10px;
display:inline;
}

#detail{
float:left;
width:100%!important;
width:92%;
padding-left:8%;
}

#detail label{
float:left;
color:#717171;
line-height:40px;
padding-top:15px;
width:100%;
}

#detail p{
float:left;
color:#717171;
line-height:14px;
}

#pinquiry {
float:left;
width:100%;
text-align:center;
padding:20px 0;
}

#back{
float:left;
width:93%;
text-align:center;
padding:18px 0;
border-top:1px solid #645a50;
}


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

#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 10px;
	height:24px;
	line-height:24px;
	color:#717070;
	}
#page li a{
	color:#717070;
	}
	 	
 /*
底部的样式 ------------------------- */

#footer{
width:759px;
margin:0 auto;
}

/*
必需的样式 ------------------------- */
   /*
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 */