@charset "utf-8";
@media (max-width: 468px) {
#content iframe,.content iframe,#print .edui-faked-video {width:300px;height:260px;}
}
/* CSS Document */

body,td,th,input,select,textarea {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	color: #666666;
}
body {
	margin: 0;
	background:url(bg.jpg) repeat-x;
}
form,ul,li,h1,h2,h3,h4,h5{ margin:0px;padding:0px;border:none;}
input,textarea,p{ font: 12px Tahoma,Arial; }
li{ list-style:none; }
img {border:none;}
input{border:1px solid #DEDEDE; height:20px; padding-left:5px; padding-right:5px; line-height:20px;}
.noInput{padding-left:0px; padding-right:0px; line-height:normal; height:auto; border:0px none;}
table{border-collapse:collapse;}
img {border:none;}
a{color:#666666; text-decoration:none;}
a:hover,a:active{color:#CC0000;}
.aGray{color:#999999;}
.aAbout{font-size:10px; color:#CC0000; text-decoration:underline;}
.aAbout:hover,.aAbout:active{text-decoration:none;}

#menu a{font-size:12px; display:block; width:86px; height:35px; font-weight:bold; line-height:32px; /* filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=1, Positive=1); background:url(space.gif);*/}
#menu a:hover,#menu a:active,#menu .menuA{background:url(menuA.gif) no-repeat center bottom; color:#CC0000;}



#show{margin:8px auto 22px auto; width:850px; overflow:hidden;}
#mid{margin:auto; width:850px; background:url(mid_bg.gif) repeat-y 211px top;}

.prolist{padding:5px 0px 5px 0px;}
.prolist a{background:url(arr2.gif) no-repeat left 5px; padding-left:10px; display:block; width:auto;}

.btm_text{
	color:#888888;
	font-family:Arial, Helvetica, sans-serif;
	/* filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=1, Positive=1);*/
}
.btm_text a{color:#888888;}
.btm_text a:hover,.btm_text a:active{color:#CC0000;}


#protag a{padding:3px 10px 4px 10px; border:1px solid #B70000; color:#CC0000; border-bottom:0px none; display:block; float:left; margin-right:5px; font-weight:bold;}
#protag .this,#protag a:hover,#protag a:active {background:url(bg2-2.jpg) repeat-x left top; color:#FFFFFF;}
.procon{line-height:18px;}
.procon br{line-height:normal;}
.procon table td{padding:5px; line-height:normal;}
.procon .info{display:none;}
.procon table.types td{padding:5px;}
.procon table.types{margin:2px 0px 10px 0px;}


#demo{
	width:628px; margin:auto; text-align:center; overflow:hidden;
}
.pic {
    float:left;
	width:160px;
	height:125px;
	background:url(pro_bg.gif) no-repeat center bottom;
	text-align:center; 
	padding-left:5px; 
	padding-right:5px; 
	padding-top:5px;
	font-size:11px;
	margin:10px 15px;
	line-height:16px;
	vertical-align:top;
}
.pic img {

  width:160px;
	height:100px;

}

.title {
  line-height:20px;
  font-weight:bold;
  padding-left:20px;
  background:url(title.gif) left top no-repeat;
  color:#CC0000;
}

.title a {
  color:#CC0000;
}

.copyright  {
  line-height:30px;
  text-align:center;
  color:#ccc;
}
.copyright a {
  color:#ccc;
}

/*news.php*/
.NewsTitle { color:#333;line-height:40px;font-size:14px;font-weight:bold; border-bottom:1px dotted #ccc;color:#CC0000;}
.PostDate{ color:#888;font-size:12px; text-align:right;}



/*products.php*/
.ProductPic{ 
	width:100px;
	height:100px;
	border:1px solid #CCCCCC;
	float:left;
	text-align:center;
}
.ProductPic img{ width:94px;height:94px;margin:3px; }
.ProductIntro{ width:150px;padding:0px 10px 0px 20px;float:left;height:100px;line-height:17px;color:#000;}
.ProductIntro h1{ font-size:14px;font-weight:bold; }
.ProductIntro h1 a { color:#CC0000;}
/************* 分页 */

.pages {
  clear:both;
  width:100%;
}

.pages strong {
  color:#888;
  display:block;
  float:left;
  height:18px;
  line-height:18px;
  float:left;
  padding:0px 8px;
  background:#F5FAFF;
  border:1px solid #888;
  margin: 0px 3px 0px 0px;
}
.pages a,.pages a:hover {
  display:block;
  float:left;
  height:18px;
  line-height:18px;
  float:left;
  padding:0px 8px;
  border:1px solid #CCC;
  text-decoration:none;
  margin: 0px 3px 0px 0px;
  color:#888;
}

.pages span {
  float:right;
  padding:0px 10px;
  height:18px;
  line-height:18px;
  background:#F5FAFF;
  border:1px solid #888;
}

.vote input {border:none;float:left;}
.vote ul li {clear:both;line-height:20px;}

/*工具*/
#tool {
	font-size:12px;
	line-height:20px;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	height:20px;
	margin:10px 0;
	padding:10px 0 10px 10px;
	overflow: hidden;
}
#tool ul {
	float:left;
}
#tool ul li {
	float:left;
	width:90px;
	line-height:20px;
}
#tool .commentary, #tool .print, #tool .copy, #tool .email, #tool .close, #tool .rss_2, #tool .t_1, #tool .t_2, #tool .t_3 {
	background-image: url(tool.gif);
	background-repeat: no-repeat;
	background-position: left -20px;
	height:20px;
	line-height:20px;
	padding:0 0 0 25px;
	display:block;
	margin:0 10px 0 0;
	color:#333;
}
#tool .print {
	background-position: left -40px;
}
#tool .copy {
	background-position: left -80px;
}
#tool .email {
	background-position: left -100px;
}
#tool .close {
	background-position: left -60px;
}
#tool .rss_2 {
	background-position: left -120px;
}
#tool .t_1 {
	background-position: left -140px;
}
#tool .t_2 {
	background-position: left -160px;
}
#tool .t_3 {
	background-position: left -180px;
}

#tool .t_4 {padding-left:20px;background:url(comment.gif) left 3px no-repeat;}
#tool .orders {padding-left:20px;background:url(orders.gif) left 2px no-repeat;}
#tool .sinaicon {padding-left:20px;background:url(sinaicon.png) left -3px no-repeat;}

.date {float:right;color:#999;}
.blank5,.blank10,.blank30 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank30 {height:30px;}



.news_text h5,.news_text_pic h5 {
  float:right;
  width:395px;
  font-weight:bold;
  font-size:12px;
  text-align:left;
  color:#333;
}

.news_text h5 {
  width:645px;
  line-height:32px;
}

.news_text h5,.news_text_pic h5 a {
  color:#333;
  font-size:14px;
}

.news_list .date,.news_text h5 .date,.news_text_pic h5 .date,.strgrade {
  float:right;

  color:#999;
  font-weight:normal;
}

.strgrade {
  display:block;
  width:160px;
  text-align:left;
}



.news_text,.news_text_pic {
  clear:both;
  height:auto;
  padding:30px 0px;

}


.news_text p,.news_text_pic p {
  float:right;
  width:390px;
  text-align:left;
  color:#999;
  padding:5px;
}

.news_text p {
  width:640px;
}

#list-view li {
  float:left;
  margin:0 5px 10px;
  width:150px;  
  overflow:hidden;
  text-align:center;
  display:block;
  position:relative;
  line-height:1em;
}

.img-wrap {
  margin:0 auto;
  width:90%;
  height:150px;
  /*非IE的主流浏览器识别的垂直居中的方法*/
  display: table-cell;
  vertical-align:middle;
  /*设置水平居中*/
  text-align:center;
  /* 针对IE的Hack */
  *display: block;
  *font-size: 139px;/*约为高度的0.873，200*0.873 约为175*/
  *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.img-wrap img {
  display:block;
  width:80%;
  margin:0px auto;
  vertical-align:middle;
  padding:5px;
  border:1px solid #ccc;
  _border:none;
  background:url(images/pic_bg.gif) left top no-repeat;
  border-right:1px solid white; 
  border-bottom:1px solid white;
}

.list_text_pic {float:left;width:140px; height:120px; vertical-align:100%;}
.list_text_pic .img-wrap {height:120px;}

#list-view h5 a {
clear:both;
  width:142px;
  overflow:hidden;
  height:18px;
  line-height:18px;
  margin-top:10px;
  font-size:12px;
   text-align:center;
  font-weight:normal;
}
#list-view span {color:red;}
#list-view h5 p {height:18px;
  line-height:18px;}
.back,.btn {
  display:block;
  clear:both;
  width:72px;
  height:21px;
  line-height:20px;
  margin:15px 0px;
  padding-left:10px;
  background:url(images/back.gif) left top no-repeat;
  text-align:center;
  color:white;
  font-size:12px;
  text-decoration: none;
  border:none;
}

.back a,.back a:hover {text-decoration: none;color:white;}

.news_text_pic {line-height:26px;}

/****************评论*/
#comment {
  margin-top:20px;
  font-size:12px;
}

#comment input {font-size:12px;}

.comm {
  height:28px;
  line-height:28px;
  padding-left:35px;
  background:url(images/comment.gif) 10px 7px no-repeat;
}

.input {
  width:72px;
  height:21px;
  line-height:21px;
  padding-left:10px;
  border:none;
  font-weight:bold;
  font-size:12px;
}

#textarea {
  width:100%;
  height:50px;
  background:#FFF url(images/cmslogo.gif) right bottom no-repeat;
  border-top:1px solid #E0DDDD;
  border-right:1px solid #E0DDDD;
  border-bottom:1px solid #E0DDDD;
  border-left:1px solid #E0DDDD;
}
.comment_list {padding:0px 20px;}
.comment_list dd {font-size:12px;background:url(images/point.gif) left bottom repeat-x;}
.comment_list dt span {float:right;color:#ccc;}

.commentnumber {padding:0px 5px;color:#CC0000;}

.comment_list dt strong {color: #70AADA;}

.comment_list dd.admin_reply  {margin:10px; padding:10px;border:1px dotted #ccc; background:#FFFFEE;}

.p_info,.d_info {
  height:20px;
  line-height:20px;
  padding-left:20px;
  background:url(images/rank_1.gif) left center no-repeat;
  color:#0D61BA;
  font-size:14px;
  font-weight:bold;
}
.f14 p{font-size:14px; line-height:200%;}
#content p,#content,.NewsContent p,.NewsContent {font-size:14px; line-height:200%;}

ul#navmenu {z-index:99;position: relative; padding:0px 40px;}

ul#navmenu li { 
margin: 0; 
border: 0 none; 
padding: 0; 
float: left; /*For Gecko*/ 
display: inline; 
list-style: none; 
position: relative; 

} 
ul#navmenu ul { 
margin: 0; 
border: 0 none; 
padding: 0; 
width: 200px; 
list-style: none; 
display: none; 
position: absolute; 
top: 34px; 
left: 0; 

} 
ul#navmenu ul li { 
line-height:28px;
float: none; /*For Gecko*/ 
display: block !important; 
display: inline; /*For IE*/ 
} 

ul#navmenu ul li a {
background:url(images/navmenu_bg.png) repeat-y left top;
background:url(images/navmenu_bg.png) no-repeat left top !important; 
/*For Firefox*/
*background:none;
/*For IE7 & IE6*/
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/navmenu_bg.png',sizingMethod='crop');
width:180px;
height:28px;
line-height:28px;
display:block;
}

/* 2nd Menu */ 
ul#navmenu li:hover li a, 
ul#navmenu li.iehover li a { 
float: none; 
color: #FFF; 
font-size:12px;
height:28px;
line-height:28px;
font-weight:normal;
padding:0px 10px 0px 10px;
border-bottom:1px solid #888;
} 
/* 2nd Menu Hover Persistence */ 
ul#navmenu li:hover li a:hover, 
ul#navmenu li:hover li:hover a, 
ul#navmenu li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover a { 
color: #FFF; 
background:none;
} 
/* 3rd Menu */ 
ul#navmenu li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li a { 
color: #FFF; 
} 
/* 3rd Menu Hover Persistence */ 
ul#navmenu li:hover li:hover li a:hover, 
ul#navmenu li:hover li:hover li:hover a, 
ul#navmenu li.iehover li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover a { 
color: #FFF; 
} 
/* 4th Menu */ 
ul#navmenu li:hover li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li.iehover li a { 
color: #FFF; 
} 
/* 4th Menu Hover */ 
ul#navmenu li:hover li:hover li:hover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover li a:hover { 
color: #FFF; 
} 
ul#navmenu ul ul, 
ul#navmenu ul ul ul { 
display: none; 
position: absolute; 
top: 0; 
left: 200px; 
} 
/* Do Not Move - Must Come Before display:block for Gecko */ 
ul#navmenu li:hover ul ul, 
ul#navmenu li:hover ul ul ul, 
ul#navmenu li.iehover ul ul, 
ul#navmenu li.iehover ul ul ul { 
display: none; 
} 
ul#navmenu li:hover ul, 
ul#navmenu ul li:hover ul, 
ul#navmenu ul ul li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu ul li.iehover ul, 
ul#navmenu ul ul li.iehover ul { 
display: block; 
} 


/* 滚动图片 */
.scroll{ width:520px; margin:auto; position:relative; padding:0px 30px 0px 40px; overflow:hidden; margin-bottom:10px;}
.scroll ul{}
.scroll li { width:106px; text-align:center; overflow:hidden; padding:0 12px; vertical-align:100%;}
.scroll li a{ display:block; color:#333; line-height:20px;font-size:12px;}

.scroll .img-wrap{
  margin:0 auto;

  /*非IE的主流浏览器识别的垂直居中的方法*/
  vertical-align:middle;
  /*设置水平居中*/
  text-align:center;
  /* 针对IE的Hack */
  *display: block;
  *font-size: 139px;/*约为高度的0.873，200*0.873 约为175*/
  *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.scroll img {
  display:block;
  width:100px;
  margin:0px auto 10px;
  vertical-align:middle;
  padding:5px;
  border:1px solid #ccc;
  _border:none;
  background:url(images/pic_bg.gif) left top no-repeat;
  border-right:1px solid white; 
  border-bottom:1px solid white;
  }
.scroll img:hover,#list-view .highlight{border-color:#ff8015;_border:none;}


.scroll li span {color:#F3572F;}
.scroll a.bx-prev,.scroll a.bx-next{
	position:absolute;
	top:0;
	display:block;
	width:40px;
	height:108px;
	background: url(images/scroll.gif) no-repeat left center;
	z-index:99999;
}
.scroll a.bx-prev{left:-24px;}
.scroll a.bx-prev:hover{background: url(images/scroll.gif) no-repeat -80px center;}
.scroll a.bx-next{right:-24px;background: url(images/scroll.gif) no-repeat -40px center;}
.scroll a.bx-next:hover{background: url(images/scroll.gif) no-repeat -120px center;}