/*--------------------------
  design by fen 
  my bolg URL www.fenth.com
----------------------------*/
body{ margin:0; font:12px Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#666}
#head{ width:760px; margin:0 auto}
#top{ width:100%; height:173px; background:url(images/head.jpg) no-repeat}
ul{ margin:0; padding:0}
a{text-decoration:none}
a:hover{ text-decoration:underline}
#nav{}
#wrapper{ width:760px; margin:5px auto auto auto; text-align:left; overflow:auto; _height:1%; height/**/:auto}
#leftbar{ float:left; width:220px; background:url(images/left-bg.png) repeat-x top; text-align:center}
#content{float:right; width:500px; float:right; background:url(images/footer-bg.png) repeat-x top; padding:15px; line-height:18px}

#content span img{float:left; margin:0 10px 10px 0; padding:4px; border:1px solid #ccc}
#content p{ margin:10px auto}
#content .link a{ text-decoration:underline; color:#003366}
#content .link a:hover{ color:#c30}
/*--leftbar--*/
#leftbar form{ width:auto; text-align: left; margin:10px}
#leftbar form select{ width:140px; float:left; font-family:Georgia, "Times New Roman", Times, serif}
#leftbar form input{ width:135px; float:left; font-family:Georgia, "Times New Roman", Times, serif}
#leftbar form .b{ float:right; width:48px; height:46px; margin-top:-23px}
.left-ti{ width:190px; height:30px; background-color:#E6E7CA; margin:10px auto;  color:#036; font:bold 14px/30px Georgia, "Times New Roman", Times, serif; padding-left:15px; text-align:left; clear:both}
.list{ width:200px; list-style:none; line-height:20px; color:#333; display:block; text-align:left; margin:0 10px}
.list li{ margin-left:5px; font-size:10px}

.list li a{color:#CC6600}
.rz{width:200px; margin:10px auto;overflow:auto;_height:1%}
.rz img{float:left; margin-right:10px}
/*--footer*/
#footer{ width:100%; height:80px; background:url(images/main-bg.png) repeat-x top; clear:both; text-align:center; line-height:18px; padding:10px 0; font-size:10px; color:#999}
#footer a{color:#999}


/*--products show--*/
.pro-con{ padding-right:0; width:300px}
.products{ width:150px; height:190px; float:left; border:1px solid #ccc; background-color:#f7f7f7; padding:5px; margin:5px 7px auto auto; overflow:hidden}
.products-name{height:40px; background-color:#fff; color:#666; font-weight:bold; line-height:18px; padding:3px 8px}
.products-pic{ width:100%; height:145px; background-color:#fff}
.fenye{ width:500px; margin:5px auto; background-color:#EFEFD8; float:left; line-height:18px; text-align:center; color:#003366; padding:5px 0}
.fenye a{ color:#CC6600; font-weight:bold}
/*产品打开页面*/
#content .bigimg{ text-align:center; margin:20px auto}
#content .bigimg img{ padding:5px; background-color: #F7F7F7; border:1px solid #E0E0E0}
.tab,.tab td{border:1px #DBD8B7 solid;border-collapse:collapse;}
.tab tr{ background-color: #B8A592; font-weight:bold; color:#003333}
.tab .tabti{ background-color:#F5F5EB; font-weight:normal}
.tab td{ padding: 5px 3px; height:22px}
/*---feedback---*/
form{margin: 10px auto;width:500px}
.bo{ float:left; margin:2px auto}
label{float: left;padding: 10px 5px 4px 10px; width:80px; text-align:right}
input{padding: 1px;}
input,textarea{border: 1px solid #CCCCCC;margin:5px 0px;}
textarea{padding: 2px; overflow:auto; width:392px}
.bt{width: 38px;height: 20px;font-size: 11px;border: solid 1px #CCCCCC;background: #FBFBFB;text-align: center;}
.btcenter{text-align: center;clear: left;padding: 4px 0px 0px;}
.sffocus {
background: #F0F9FB; /*----for IE----*/
border: 1px solid #1D95C7;
}
textarea:focus, input:focus {
background: #F0F9FB; /*----for firefox......----*/
border: 1px solid #1D95C7;
}
.botton{padding:1px 10px; font-size:12px; border:1px #1E7ACE solid; background:#D0F0FF;}
.tj{margin-left:100px}
.botton{ margin-right:20px}
/*---contact us----*/
.contact {margin:10px auto auto 20px; line-height:26px; float:left}
* html .contact{ margin-left:10px}
.contact li{ height:26px; width:240px; border-bottom:1px dashed #ccc}
.contact a{ color:#c60}
.con-img{ float:right; position:relative}
.con-img  img{ width:200px; padding:5px; background-color:#fff; border:1px solid #ccc; margin-top:16px}
.con-img1{ float:right; position:relative}
.con-img1 img{padding:5px; background-color:#fff; border:1px solid #ccc;width:389px; margin-top:-50px; position:absolute; left:-400px}

/*---Certificate----*/
.zhengshu,.z1{padding:5px; border:1px solid #efefef; background-color:#fff; width:160px; float:left; margin:20px 30px 0 30px; display:inline; text-align:center}
.zhengshu img,.z1 img{ padding:5px; border:1px solid #ccc; background-color:#fff;}
.zhengshu .ti{ display:none}
.z1 .ti{background-color:#FBFBF4; height:50px; line-height:30px; margin:-65px auto auto auto; padding:5px; width:140px;background-color: #000; position:relative; z-index:1;opacity:0.5}
* html .z1 .ti{filter:alpha(opacity=50); position:static; background-color:#000; margin-top:-68px}
*+html .z1 .ti{filter:alpha(opacity=50); position:static;background-color:#000; margin-top:-68px}
.z1 .ti span{position:relative; color:#fff; font:bold 12px/30px Georgia, "Times New Roman", Times, serif; z-index:3;opacity:1}