/* CSS Document */
body{ font-family:"Arial"; font-size:12px; margin:0px; line-height:18px;}
td{ font-family:"Arial"; font-size:12px; line-height:18px;}
p{ text-indent:20px;}

a{ text-decoration:none; color:#4e4e4e;}
a:hover{ text-decoration:underline; color:#FF0000;}
/*font size*/
.font11{ font-size:11px; line-height:18px;}
.font12{ font-size:12px; line-height:18px;}
.font14{ font-size:14px; line-height:20px;}

.fontbold{ font-weight:bold;}
.fontnormal{ font-weight:normal;}

/*font color*/
.colorwhite{ color:#FFFFFF;}
.colorf90  { color:#FF6600;}

.menu{ margin:0px; margin-top:10px; padding:0px; list-style:none;}
.menu .menu1{ margin:3px 5px; line-height:20px; color:#0066FF; font-weight:bold}
.menu .menu1 a{ color:#0066FF;}
.menu .menu2{ margin:3px 0 3px 20px; line-height:16px;overflow:hidden;height:16px}

.product-title{ font-size:14px; margin:10px 3px 3px 3px; padding:0px;}
.product-intro{ font-size:12px; margin:3px; padding:0px; font-weight:normal;}

.p{ width:80px; height:80px;}
html>body .p1{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/p1.png");}
* html .p1 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/p1.png");}

html>body .p2{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/p2.png");}
* html .p2 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/p2.png");}

html>body .p3{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/p3.png");}
* html .p3 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/p3.png");}

html>body .p4{ width:70px !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/p4.png");}
* html .p4 {  width:70px !important;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/p4.png");}

html>body .p5{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/p5.png");}
* html .p5 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/p5.png");}

#sy{ width:160px; height:120px; position:absolute;}
html>body #sy{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/sy.png");}
* html #sy{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/sy.png");}

.nav{height:28px; padding-left:24px; color:; background:url(images/nav.gif) 4px center no-repeat;}
.nav a{ color:;}

.leftmenu{ padding:0px; margin:10px 0 0 10px; list-style:none;}
.leftmenu li{ line-height:20px;}
.leftmenu .menu1{background:url(images/hr3.gif) 0px center no-repeat;padding-left:15px;}
.leftmenu .menu1 a{ padding-left:0px; background:;}
.leftmenu .menu1 a:hover{ background:;}

.leftmenu a{ background:url(images/hr.gif) 13px center no-repeat; padding-left:25px; display:block; overflow:hidden; height:20px; white-space:nowrap; width:156px;}
.leftmenu a:hover{ background-image:url(images/hr1.gif);}
.leftmenu .on{  background-image:url(images/hr1.gif); color:#FF0000;}

.product{}
.product .title{ margin:0; padding:0; font-size:14px; border-bottom:1px solid #A3A3A3;}
.product .info{ text-align:right;}
.product .info span{ color:#FF0000;}

/**main menu**/
.ddsmoothmenu{
font: bold 12px Verdana;
background: #0193de; /*background of menu bar (default state)*/
width:998px;
margin:0 auto;
text-align:center;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #0193de; /*background of menu items (default state)*/
padding: 8px 22px;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

/* 下拉框字体 */
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{
color: #000;
}
.ddsmoothmenu ul li ul li a:hover{
color: #fff;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #0193de; 
color: #000;
}

/* 一级栏目样式 */
.ddsmoothmenu ul li a:hover{
background: #0193de; /*background of menu items during onmouseover (hover state)*/
color: #000;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}


/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 170px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-bottom: 1px solid #0193de;border-right:1px solid #0193de;border-left:1px solid #0193de;
background:#fff;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

.ddsmoothmenu span {float:right;line-height:28px;padding-right:56px}
.ddsmoothmenu span a {color:#fff}