@charset "utf-8";
/*********************************************** 横向主导航条 ***********************************************/
.ddsmoothmenu{}
.ddsmoothmenu ul{margin:0;padding:0}
/*主菜单设置*/
.ddsmoothmenu ul li{position:relative;display:inline;float:left;}
.ddsmoothmenu ul li a{display:block; font-size:16px;}
.ddsmoothmenu ul li a span{display:block; width:130px;text-align:center}
/*主菜单连接效果设置*/
.ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited{color:#fff; background: url(../images/li.jpg) no-repeat right center}
.ddsmoothmenu ul li a:hover{ background:url(../images/nav_h.jpg) no-repeat center top}
.ddsmoothmenu ul li a:hover span{color:#fff;}
.ddsmoothmenu ul li a:active{ }
.ddsmoothmenu ul li a:active span{color:#fff}
.ddsmoothmenu ul li a.selected{ }
.ddsmoothmenu ul li a.selected span{color:#fff}
/*主菜单当前所在页面*/
.ddsmoothmenu ul li a#menu_selected{background:url(../images/nav_h.jpg) no-repeat center top}
.ddsmoothmenu ul li a#menu_selected span{color:#fff;}
/*子集菜单设置*/
.ddsmoothmenu ul.menulevel{position:absolute;left:0;display:none;visibility:hidden}
.ddsmoothmenu ul.menulevel li{background:none;margin:0px;padding:0px;display:list-item;float:none}
.ddsmoothmenu ul.menulevel li a{ background-color:#ececec;height:32px;line-height:32px;width:180px;margin:0px;border-right:1px solid #999;border-bottom:1px solid #fff;border-left:1px solid #CCC;font-size:12px; text-align:left; padding-left:20px}
.ddsmoothmenu ul.menulevel li a span{ width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*子集菜单连接效果设置*/
.ddsmoothmenu ul.menulevel li ul{top:0}
.ddsmoothmenu ul.menulevel li a:link,.ddsmoothmenu ul.menulevel li a:visited{color:#000}
.ddsmoothmenu ul.menulevel li a:hover{background:url(../images/mainmenu.gif) repeat-x left -90px;color:#034fab;font-weight:bold }
.ddsmoothmenu ul.menulevel li a.selected{background:url(../images/mainmenu.gif) repeat-x left -90px;color:#034fab;font-weight:bold}
.ddsmoothmenu ul.menulevel li a span{ text-align:left; padding-left:10px;}
.ddsmoothmenu ul.menulevel li a:hover span{ color:#fff}
/*下拉箭头*/
.ddsmoothmenu .downarrowclass{position:absolute;top:26px;right:26px}
.ddsmoothmenu .rightarrowclass{position:absolute;top:8px;right:10px}
/*阴影*/
.ddshadow{position:absolute;left:0;top:0;width:0;height:0;background:url(../images/40.png);z-index:1}
.toplevelshadow{/*opacity:0.8*/}
* html .ddsmoothmenu{height:1%}/* Holly Hack for IE \*//*Holly Hack for IE7 and below*/
* html .ddsmoothmenu ul li a{display:inline-block}/*IE6 hack to get sub menu links to behave correctly*/

/*********************************************** 纵向主导航条 ***********************************************/
.ddsmoothmenu-v{ }
.ddsmoothmenu-v ul{}
/*主菜单设置*/
.ddsmoothmenu-v ul li{ overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
 }
.ddsmoothmenu-v ul li a{display:block;height:45px;line-height:45px;vertical-align:middle;}
.ddsmoothmenu-v ul li a span{display:block;padding:0px 20px}

#LeftMenu .lihover #three li a{
background:none;
color:#333333;
}
/*主菜单连接效果设置*/
.ddsmoothmenu-v ul li a:link,.ddsmoothmenu-v ul li a:visited{ color:#000; border:#f2f2f2 1px solid; }
.ddsmoothmenu-v ul li a:hover{ background-color:#59bc2b;}
.ddsmoothmenu-v ul li a:hover span{color:#FFF}
.ddsmoothmenu-v ul li a:active{background-color:#59bc2b;}
.ddsmoothmenu-v ul li a:active span{color:#FFF}
#LeftMenu .lihover  a{ color:#FFFFFF;background-color:#59bc2b;}
.ddsmoothmenu-v ul li .selected:link,.ddsmoothmenu-v ul li a.selected:visited,.ddsmoothmenu-v ul li a.selected:active{background-color:#124b76;}
.ddsmoothmenu-v ul li a.selected span{color:#FFF}
/*主菜单当前所在页面*/
.ddsmoothmenu-v ul li a#menu_selected{background:url(../images/leftmenu.gif) no-repeat center top}
.ddsmoothmenu-v ul li a#menu_selected span{color:#FFF}
/*子集菜单设置*/
.ddsmoothmenu-v ul.menulevel{position:absolute;top:0;visibility:hidden;border-top:1px solid #CCC}
.ddsmoothmenu-v ul.menulevel li{background:none;margin:0px;padding:0px;display:list-item}
.ddsmoothmenu-v ul.menulevel li a{height:26px;line-height:26px;width:180px;padding:0px 5px;margin:0px;border-right:1px solid #999;border-bottom:1px solid #DFDFDF;border-left:1px solid #CCC}


/*子集菜单连接效果设置*/
.ddsmoothmenu-v ul.menulevel li a:link,.ddsmoothmenu-v ul.menulevel li a:visited{color:#000}
.ddsmoothmenu-v ul.menulevel li a:hover{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold; height:25px; line-height:25px; margin-top:0px}
.ddsmoothmenu-v ul.menulevel li a.selected{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold}
/*子集菜单连接效果设置*/
.ddsmoothmenu-v ul.menulevel li a:link,.ddsmoothmenu-v ul.menulevel li a:visited{color:#000; }
.ddsmoothmenu-v ul.menulevel li a:hover{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold}
.ddsmoothmenu-v ul.menulevel li a.selected{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold}

.ddsmoothmenu-v ul li ul li a{ height:35px; line-height:35px;}
.ddsmoothmenu-v ul li ul li a span{ padding-left:30px;}
/*左侧箭头*/
.ddsmoothmenu-v .rightarrowclass{position:absolute;top:10px;right:10px}
.ddsmoothmenu-v ul.menulevel .rightarrowclass{position:absolute;top:8px;right:10px}
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li {float:left;height:1%}
* html .ddsmoothmenu-v ul li a {height:1%}

#LeftMenu .lihover ul li a{
background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold
}

#LeftMenu .lihover ul li a{
background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold
}
#LeftMenu .lihover ul li a {
    color: #333;
	font-weight:normal;
}
#LeftMenu .ahover span{
font-weight:bold;
}
#LeftMenu .lihover ul li a:hover span{
font-weight:bold;
color:#be0201;
}

#LeftMenu .lihover .lihover li span{
padding-left:50px;
}

#LeftMenu .lihover .lihover .lihover li span{
padding-left:70px;
}


.pd   ul li a{ padding-left:30px;}





/*产品列表页*/
#ShowImages{ margin-top:20px;}
#ShowImages li{
	display: inline;
    float: left;
    margin: 6px 16px;
    text-align: center;margin-bottom:16px;
}
#ShowImages li:hover{box-shadow:0 5px 15px 0 rgba(0,0,0,.1)}
#ShowImages .images_img a {
    border: 1px solid #dddddd;
	display:block;
    height: 200px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 245px;
}
#ShowImages .images_img a:hover{
	
	
}
#ShowImages .images_img img {
    width: 100%;
    height: 100%;
}
#ShowImages .images_title a{
	height:38px;
	line-height:38px; background-color:#f2f2f2; display:block; 
}
/*图片列表页*/
#ShowImages .images_img1 a {
    border: 1px solid #dddddd;
	display:block;
    height: 260px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 245px;
}
#ShowImages .images_img1 a:hover{
	background:#fff4ce;
	border:1px solid #ff6600;
}
#ShowImages .images_img1 img {
    max-height: 260px;
}
/*产品详情*/
#preview{ float:none; margin:20px auto; text-align:center; width:300px; float:left;}
.jqzoom{ width:280px; margin-bottom:30px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{  width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{ width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:260px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}


#pro_info{margin-top:20px;float:left;margin-left:30px;}
#pro_info li{
padding-top:5px;
padding-bottom:5px;
overflow:hidden;

}
#qrcode{
vertical-align: top;
}
.chanpinTab{
	border-bottom:2px solid #000;
	height:31px;
	margin-bottom:10px;
}
.tab{
	width:100px;
	height:30px; 
	float:left; 
	text-align:center; 
	cursor:pointer;
	float:left;
	line-height:30px;
	background:url(../images/pro-noactive.jpg) repeat-x;
	border:1px solid #D6D6D6 ;
	margin-right:10px;
	border-bottom:none;
	font-weight:bold;
}
.active{
	color:#FFFFFF;
	background:#333333;
}