/*---------- import ---------*/
@import url("base.css");
#container{border:1px #ccc solid;width:958px;background:#f3f3f3;margin:auto;margin-top:10px;}

#pleft{float:left;width:200px;background:#f3f3f3;}
.leftbox{border:1px #ccc solid;background:#fff;padding-top:1px;width:172px;margin:auto;margin-top:16px;}

.leftbox ul.type{padding:8px 0;}
.leftbox ul.type li{width:152px;height:25px;margin:auto;line-height:25px;}
.leftbox ul.type li a{width:152px;height:25px;display:block;background:url(../images/type_li_ico.gif) left no-repeat;text-indent:25px;}
.leftbox ul.type li.thisclass a{background:url(../images/type_li_h.gif) no-repeat;text-indent:25px;color:#fff;font-weight:bold;}
.leftbox ul.type_p{padding:8px 0 0 16px;}
.leftbox ul.type_p li{line-height:25px;}

#pright{float:right;width:737px;background:#fff;border-left:1px #ddd dashed;padding-left:20px;}
.position{height:40px;border-bottom:1px #ddd dotted;line-height:40px;}
.position span{float:right;margin-right:16px;}
.name{position:relative; bottom:34px;left:36px; font-size:x-small; }
#content{margin:8px 0;padding-right:16px;font-size:14px;min-height:200px;}
#content p{padding:8px 0;font-size:14px;text-indent:2em;}

#newlist{margin-top:16px;padding-right:16px;}
#newlist h2{height:30px;background:#ededed;font-weight:bold;line-height:30px;color:#ec0000;padding-left:16px;}
#newlist h2 span{float:right;width:120px;height:30px;display:block;border-left:1px #fff solid;text-align:center;color:#ec0000;font-weight:bold;}
#newlist ul{padding:8px 0;}
#newlist li{height:35px;line-height:35px;background:url(../images/bg4.gif) bottom repeat-x;}
#newlist li a{background:url(../images/arr.gif) left no-repeat;padding-left:15px;}
#newlist li span{float:right;width:120px;text-align:center;}

.dede_pages{clear:both;margin:16px 0;padding-right:16px;}
.dede_pages ul{background:#ededed;height:30px;line-height:30px;padding-left:8px;}
.dede_pages span.pageinfo{float:right;padding-right:8px;}
.dede_pages li{float:right;margin-right:8px;}
.dede_pages li.thisclass{color:#ff0000;font-weight:bold;}

#viewbox{padding-right:16px;margin-top:16px;}
#viewbox .title{text-align:center;background:url(../images/newsbt_bg.gif) no-repeat;height:38px;line-height:38px;}
#viewbox .title h2{font-size:16px;font-weight:bold;}
#viewbox .info{text-align:center;height:30px;line-height:30px;color:#666;}
#viewbox small{color:#666;margin:0 8px;}
#viewbox .content{font-size:14px;}
#viewbox .content p{padding:8px 0;font-size:14px;text-indent:2em;}
.boxoff{height:10px;overflow:hidden;clear:both;background:url(../images/boxoff.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.boxoff strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/boxoff.gif) right -10px no-repeat;float:left;}
.context{margin-top:8px;border:1px #ededed solid;background:#f7f7f7;padding:8px;margin-bottom:16px;}

#pshow{padding-right:16px;}
#pshow li{float:left;width:180px;margin-top:8px;}
#pshow li span{clear:both;display:block;text-align:center;line-height:25px;}
#pshow li img{width:160px;height:120px;border:1px #ddd solid;padding:2px;}
#pshow .pshow_li{clear:both;border:1px #ddd solid;margin-top:16px;display:inline-block;}
#pshow .pshow_li h2{background:url(../images/pro_bt_bg.jpg) repeat-x;height:28px;line-height:28px;}
#pshow .pshow_li h2 a{background:url(../images/arr2.gif) left no-repeat;padding-left:16px;margin-left:8px;}
#pshow .pshow_li dl{display:inline-block;padding-bottom:8px;}
#pshow .pshow_li dl dt{border:1px #ddd solid;margin:10px;float:left;width:300px;}
#pshow .pshow_li dl dt a img{width:300px;}
#pshow .pshow_li dl dd.t{margin-top:8px;font-weight:bold;}
#pshow .pshow_li dl dd.c{max-height:370px;overflow:hidden;}
#pshow .pshow_li dl dd.l{width:86px;height:30px;display:block;text-align:center;line-height:30px;font-weight:bold;background:url(../images/click.gif) no-repeat;margin-top:16px;}
#pshow .pshow_li dl dd.l a{color:#fff;}

#p_view{margin-top:16px;padding-right:16px;}
#p_view .picview{background:url(../images/bg_product.jpg) no-repeat;width:327px;height:280px;text-align:center;float:left;vertical-align:middle;margin-right:16px;}
#p_view .picview img{ vertical-align:middle;margin-top:16px;}
#p_view .title{}
#p_view .title h2{color:#ff0066;font-weight:bold;font-size:14px;}
#p_view .info{margin-top:8px;}
#p_view .content{clear:both;margin-top:16px;border-top:1px #ddd solid;}
#p_view .content h2{line-height:30px;font-size:14px;}

.now{ position:relative; top:-10px; right:15px; float:right;}
.dianhua{position:relative; top:-10px;  float:right;}

/*产品左侧导航*/
#leftnav { width:140px; line-height: 24px; list-style-type: none; text-align:left; /*定义整个ul菜单的行高和背景色*/
}
/*==================一级目录===================*/
#leftnav a { width: 140px; display: block; padding-left:20px; /*Width(一定要)，否则下面的Li会变形*/
}
#leftnav li { border-bottom:#FFF 1px solid; /*下面的一条白边*/ float:left; background-color: #FECFD6; color:#DD1336; font-weight:bold; }
#leftnav li a:hover { background:#F85B78; /*一级目录onMouseOver显示的背景色*/ }
#leftnav a:link { color:#DD1336; text-decoration:none; }
#leftnav a:visited { color:#DD1336; text-decoration:none; }
#leftnav a:hover { color:#FFF; text-decoration:none; font-weight:bold; }
/*==================二级目录===================*/
#leftnav li ul { list-style:none; text-align:left; }
#leftnav li ul li { background:#ffecef; /*二级目录的背景色*/ font-weight:normal; }
#leftnav li ul a { padding-left:40px; width:120px;/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/
#leftnav li ul a:link { color:#666; text-decoration:none; }
#leftnav li ul a:visited { color:#666; text-decoration:none; }
#leftnav li ul a:hover { color:#F3F3F3; text-decoration:none; font-weight:normal; background:#FFAA1C;/* 二级onmouseover的字体颜色、背景色*/
}
/*==============================*/
#leftnav li:hover ul { left: auto; }
#leftnav li.sfhover ul { left: auto; }
#content { clear: left; }
#leftnav ul.collapsed { display: none; }
-->
#PARENT { width:140px; }