@charset "gb2312";
*{ } /* word-wrap:break-word; word-break:break-all;*/
body,td,th{font-size: 12px; color:#555555; font-family:Arial, Helvetica, sans-serif;}
body{margin: 0px auto; text-align:center;}
a{ color: #555555;text-decoration: none;}
a:hover{ text-decoration:underline;}
img{border:0;}
ul,li{ list-style:none; padding:0; margin:0;}
html { overflow:-moz-scrollbars-vertical; } /* 在Firefox下始终显示滚动条*/
.flaotl{ float:left;}
.flaotr{ float:right; margin-top:3px;}
.clear{ clear:both;}


.mainmenu{ background-image:url(../index/mainmenu_up.png); height:30px; position:relative; z-index:9999;}
.mainnav{ z-index:9999; text-align:center; display:flex; display:-webkit-flex; align-items:center; justify-content:center;}
.mainnav .nLi{ position:relative;}
.mainnav .jg{ background-image:url(../index/mainmenu_jg.png); background-repeat:no-repeat; padding-left:2px;}
.mainnav .nLi>a{ display:block; height:30px; line-height:30px; font-size:14px; padding:0 19px; color:#d4d5d5; text-transform:uppercase;}
.mainnav .nLi>a:hover{ text-decoration:none;}
.mainnav .on>a{color:#FFF; background-image:url(../index/mainmenu_over.png);}

.mainnav .sub{ display:none; left:50%; top:30px; position:absolute; padding:10px 0 20px;-moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; text-align:left; background-image:url(../index/mainmenu_sub_bg.png);}
.mainnav .sub li{ zoom:1; margin:0 15px;}
.mainnav .sub a{ background-image:url(../index/mainmenu_sub_up.png); background-repeat:no-repeat; background-position:0 8px; display:block; line-height:20px; font-size:13px; color:#cccccc; padding:3px 0 3px 10px;}
.mainnav .sub a:hover{ color:#ff0000; text-decoration:none;}

#main{ width:1003px; margin:0 auto; background-color:#FFFFFF;}

/*menu*/
#nav{ margin:0; padding:0; height:30px; width:960px; overflow:hidden; display:block;}
#nav .line{ background:url(../index/navline.jpg) no-repeat; padding-left:6px; padding-right:6px; float:left;}
#nav .line a {color:#000; text-decoration:none; line-height:32px; display:block; padding-left:65px; padding-right:65px; }
#nav .line a:hover {color:#fff; text-decoration:none;}
#nav .line ul {display:none; position:absolute;}
#nav .line li {border-top:1px solid #fff; background:#999; }/*IE6 only*/
#nav .lines li a {padding:auto;}


.picborder{ border:1px solid #e5e5e5;}
.indexpro{ width:126px;}
.indexpro img{ margin-bottom:5px;}

/*左边产品导航*/
.leftmenu1{ margin:10px 0 0 0; padding:0;}
.leftmenu1 li{ margin-top:5px;}
.leftmenu1 li .leftborder{ border-bottom:1px dotted #c9c9c9; padding:6px 10px;}
.leftmenu1 li img{ margin-right:5px;}
.leftmenu1 a{ color:#555555;}


.picborder{ border:1px solid #959595;}

.locl{ float:left; font-size:14px; color:#404040;}
.locl img{ margin-bottom:-2px; margin-right:5px;}
.locr{ float:right; color:#818181;}
.locr img{ margin-right:5px;}
.locr a{ color:#818181;}

.contenta{ padding:10px 5px;line-height:170%;}
 
.indexnews{ padding:3px;}
.indexnews img{ margin-right:5px;}

.newslist1{ padding:3px;}
.newslist1 img{ margin:0 5px;}
.newslist2{ text-align:right;}
.newsdetitle{ text-align:center; padding:10px; font-size:16px; color:#404040;}
.newsdetime{ text-align:center; padding-bottom:5px; border-bottom:1px dotted #CCCCCC;}
.newsdecontent{ padding:10px; line-height:170%;}

.proclasslist{ text-align:center;}
.proclasslist img{ margin-bottom:5px;}
.proclasslist a{}

.prodetitle{ text-align:center; padding:10px; font-size:18px;}
.prodeimg{ text-align:center; padding:10px; border-bottom:1px dotted #cccccc;}
.prodeInfo{ padding:10px; line-height:170%;}
.pro_btn_pn{ text-align:center; padding:20px;}

.foottop{ background:url(../index/bg2.jpg) repeat-x;padding-left:25px; height:40px; color:#7f7f7f;}
.foottop a{ color:#7f7f7f; margin-left:3px;}


/*CSS Code for Menu Begin:*/ 
/* Root = Vertical, Secondary = Vertical */ 
ul#navmenu, 
ul#navmenu li, 
ul#navmenu ul { 
margin: 0; 
border: 0 none; 
padding: 0; 
width: 150px; /*For KHTML*/ 
list-style: none; 
} 
ul#navmenu li { 
display: block !important; /*For GOOD browsers*/ 
display: inline; /*For IE*/ 
position: relative; 
} 
/* Root Menu */ 
ul#navmenu a {
background-image:url(../index/icon2.jpg);
background-position:8px 8px;
background-repeat:no-repeat;
border-bottom:dashed 1px #C9C9C9;
padding: 5px 6px 6px 16px; 
display: block; 
color: #555555;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:14px;
text-decoration: none; 
height: auto !important; 
height: 1%; /*For IE*/ 
} 

/* Root Menu Hover Persistence */ 
ul#navmenu a:hover, 
ul#navmenu li:hover a, 
ul#navmenu li.iehover a { 
color: #DB241C;
text-decoration:underline; 
} 
/* 2nd Menu */ 
ul#navmenu ul{background-color:#F7F6F4;}
ul#navmenu li:hover li a, 
ul#navmenu li.iehover li a { 
text-decoration:none; 
color: #555555;
} 
/* 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: #DB241C; 
text-decoration:underline; 
} 
/* 3rd Menu */ 
ul#navmenu li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li a { 
text-decoration:none; 
color: #555555;
} 
/* 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: #DB241C; 
text-decoration:underline; 
} 
/* 4th Menu */ 
ul#navmenu li:hover li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li.iehover li a { 
text-decoration:none; 
color: #555555; 
} 
/* 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: #DB241C; 
text-decoration:underline; 
} 
ul#navmenu ul, 
ul#navmenu ul ul, 
ul#navmenu ul ul ul { 
display: none; 
position: absolute; 
top: 0; 
left: 150px; 
} 
/* 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; } 