@charset "utf-8";
body{
width:990px;
margin:0 auto;
}
#proShopImg{
float:left;
width:250px;
height:250px;
border:1px solid #999;
text-align:center;
margin-right:6px;
background-color:#fff;
padding:3px;
}
#proShopImg img{
}
.pshow-pp-list { height:250px; overflow: hidden; display:table;} 
.pshow-pp-list li { width:250px; height:250px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; } 
.pshow-pp { *position:absolute; top:50%; } 
.pshow-pp img { *position:relative; top:-50%; left:-50%; } 

#proShopInfo{
float:left;
width:490px;
}
#proShopInfo ul{
margin-top:20px;
border:1px solid #999;
padding:3px 0;
background-color:#fff;
height:70px;
}
#proShopInfo li{
border:1px solid #eee;
padding:3px;
float:left;
display:block;
margin:0 2px;
}
#proShopInfo li img{
width:70px;
height:70px;
display:block;
}
#new_header_list{
float:left;
font-size:12px;
margin-top:3px;
}
.upNewsBg{
clear:both;
color:#f00;
height:21px;
padding-left:5px;
background:#eee url("images/upnewsbg.gif") no-repeat;
}
.mainTop h2{
width:100px;
}
.proClass{
border:1px solid #ccc;
}
.classT1{
padding-left:20px;
background:#eee;
font-size:14px;
font-weight:bold;
}
.proClass ul{
margin:0 auto;
padding:0 20px;
}
.pro li{
float:left;
margin:5px 3px;
width:176px;
height:200px;
	overflow:hidden;
/*border:1px solid #ccc;*/
}

.proPic{
}

a img.proPic:hover{
 }

.proInfo a{
font-size:12px;
}
.proInfo{
color:#f00;
}
.proInfo h3{
height:40px;
line-height:140%;
overflow:hidden;
}
.pro{
height:auto;
}
#proShopInfo table{
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}
#proShopInfo td{
border-bottom:1px solid #ccc;
}

 td.tdbg{
background:#eee;
width:90px;
text-align:right;
padding-right:5px;
height:20px;
}
.red{
color:#f00;
}
.proContent{
/*height:28px;*/
background:transparent url(images/cont1.gif) no-repeat scroll 0 5px;
clear:both;
padding-top:37px;
}
.proContent font{
line-height:160%;
}
.msgContent{
/*height:28px;*/
background:transparent url(images/cont2.gif) no-repeat scroll 0 5px;
clear:both;
padding-top:37px;
}
.msgContent font{
line-height:160%;
}
.msginput{
    background-color: #FEFEFE;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    margin: 2px;
    padding: 2px;
}
.table1{
background-color:#efefef;
margin:5px auto;
width:100%;
border:1px solid #fff;
border-collapse:collapse;
border-top:3px solid #ccc;
}
.table1 td{
border:1px solid #fff;
padding-left:5px;
}
.tdLeft{
width:100px;
text-align:center;
padding-right:10px;
}
.tdRight{
}
.contactForm{
border-top:1px dashed  #ccc;
}
.reply{
margin:5px 5px 5px 0;
padding:3px;
border:1px solid #ccc;
}

.state{
width:95px;
height:43px;
z-index:10;
top:5px;
left:5px;
position:absolute;
background:transparent url("/tem/style/images/state.gif") no-repeat scroll 0 0
}

.seoContent{
text-indent:-50000px;
position:absolute;
}


/*       top.htm          */
#head {
	height:68px;
	padding:10px auto 0;
	background:transparent url(/images/navigationLine.gif) no-repeat scroll center bottom;
}
#mainlogo {
	padding: 10px 0 0 0;
	width: 198px;
	float: left;
	margin-top:10px;
}
#navigation {
	float: left;
	height: 63px;
	overflow:hidden;
	margin-top:10px;
	/*width: 710px;*/
}
#menu ul {
  margin:0;
  padding:24px 0 0 0;
  list-style:none;
}
#menu li {
  display:inline;
  margin:0;
  padding:0;
}
#menu a {
  float:left;
  background:url("/images/tableft6.gif") no-repeat left top;
  margin:0 1px 0 0;
  padding:0 0 0 4px;
  text-decoration:none;
}
#menu a span {
  float:left;
  display:block;
  background:url("/images/tabright6.gif") no-repeat right top;
  padding:10px 14px 10px 10px;
  color:#FFF;
  font-size: 14px;
  font-weight: bold;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {
  color:#FFF;
}
#menu a:hover,
#menu ul li a:hover,
#menu .select a {
  background-position:0% -42px;
}
#menu a:hover span,
#menu .select span {
  background-position:100% -42px;
  color: #222;
}
#menu .cemmend a {
  background-position:0% -84px;
}
#menu .cemmend span {
  background-position:100% -84px;
}
#menu .hot a {
  background-position:0% -126px;
}
#menu .hot span {
  background-position:100% -126px;
}
#menu .news a {
  background-position:0% -168px;
}
#menu .news span {
  background-position:100% -168px;
}
#menu .violet a {
  background-position:0% -210px;
}
#menu .violet span {
  background-position:100% -210px;
}
#menu .g a {
  background-position:0% -252px;
}
#menu .g span {
  background-position:100% -252px;
}
#searchform {
	text-align: right;
	display: none;
}
#navigationLine {
	background-image: url(<phx:siteurl/>/images/navigationLine.gif);
	background-repeat: no-repeat;
	height: 5px;
	/*line-height: 5px;*/
	size: 5px;
	clear: both;
}

/*       top.htm     end     */

/*       commend.htm          */
#zsinfo{margin-top:15px;}
#zsinfo .table_periphery {
	border: 1px solid #87B0DA;
}
#zsinfo .table_description
{
    padding: 0 10px;
    line-height: 36px;
    border: 1px solid #C3DAF9;
    color: #ffffff;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    background-color: #87b0da;
}
#zsinfo table {
	background-color: #C3DAF9;
}
#zsinfo th {
	padding: 0 10px;
	line-height: 32px;
	background-color: #FFFFFF;
	border-bottom: none;
	text-align: left;
	font-weight: normal;
}
#zsinfo td {
	padding: 0 10px;
	line-height: 26px;
	height: 26px;
	background-color: #FFFFFF;
	/*border-bottom: 1px solid #C3DAF9;
	border-bottom: none;*/
}
#zsinfo .alternating_tr td {
	background-color: #E0ECFC;
}
#zsinfo .mouseover_tr td {
	background-color: #FFFF99;
	cursor: pointer;
}
#zsinfo .footer {
	padding: 0 15px;
	line-height: 32px;
	background-color: #FFFFFF;
	border-bottom: none;
	text-align: right;
	font-weight: normal;
	height: 32px;
}
#zsinfo .footer td
{
    line-height: 16px;
}
#zsinfo a {
	line-height: 26px;
}
/*  commend.htm   end  */
/*  bottom.htm   start  */
#unsites {
	background-color: #3599CC;
	line-height: 36px;
}
#unsites span {
	margin: 0 5px;
	font-weight: bold;
}
#unsites,
#unsites * {
	color: #FFFFFF;
}
#unsites a {
	padding-left: 10px;
}
#bottomlink {
	text-align: center;
	line-height: 20px;
	margin-top: 10px;
}
#bottomlink a {
	color: #333333;
	padding: 0 10px;
	border-right: 1px dashed #999;
	font-size: 14px;
}
#bottomlink .end {
	border-right: none;
}
.copyright {
	text-align: center;
	line-height: 30px;
}
/*  bottom.htm   end  */

#footer{
margin-top:30px;
padding-top:10px;
background-color:#ffffff;
height:60px;
border-top:2px solid #3399CC;
}
#new_header_list a:link,#new_header_list a:visited{font-size: 12px; color: #000; text-decoration: none}
#new_header_list a:hover {font-size: 12px; color: #f00; text-decoration: underline}


.linkCol{
margin-top:10px;
}
.linkColT{
background-color:#ccc;
font-weight:bold;
padding:5px;
}
.linkCol ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #ccc;
	font-size:12px;
	width:200px;
	}

.linkCol ul li {
	position: relative;
	}

.linkCol li ul {
	position: absolute;
	left: 199px;
	top: 0;
	display:none;
	}

.linkCol ul li a {
	display:block;
	padding:3px 15px;
	text-decoration:none;
	color: #777;
	background:#FFFFFF url(/tem/style/images/ico004.gif) no-repeat scroll 5px center;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

* html .linkCol ul li { float: left; height: 1%; }
* html .linkCol ul li a { height: 1%; }
/* End */

.linkCol li:hover ul, .linkCol li.over ul { display: block; }

.space10{ height:10px; overflow:hidden;}
#online{ width:200px;/* background:url(/tem/style/images/online.jpg) no-repeat;*/}
.from_sendemail{ margin-top:20px;}

.upt{ float:left; width:50px; display:block;}
.upNewsBg a{  
	width: 340px;   
	display:block;
	float:right;
    white-space: nowrap;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    -ms-text-overflow: ellipsis; /*For IE8*/  
}  

.proImg,#proShopImg{position:relative;}
.proImg-pp-list { width:120px; height:120px; overflow: hidden; display:table;border:1px solid #CCCCCC; padding:10px 27px;} 
.proImg-pp-list dd { width:120px; height:120px; text-align:center; vertical-align:middle; position:relative; *float:left; display: table-cell; } 
.proImg-pp { *position:absolute; top:50%; } 
.proImg-pp img { *position:relative; top:-50%; left:-50%; } 

b, strong {
    font-weight: bold;
}
.mainContent img{ max-width:100%;}