@charset "utf-8";
/* CSS Document */
@import url("layout.css");
@import url("subpage.css");

/**base**/
*{ margin:0; padding:0;}
body{ font-size:12px;}
ul{ list-style:none;}
img{border:none;}
a{text-decoration:none; margin:0; padding:0; color:#000;}
.center{margin:0 auto;}
.w960{width:960px;}
.w732{width:730px;}
.clear{overflow:hidden;}
.mt8{ margin-top:8px;}
.ml8{ margin-left:8px;}
.fr{color:#FF0000; font-style:normal;}
.fbold{ font-weight:bold;}
.loat_left{ float:left;}

/**header**/
.header{ height:144px; overflow:hidden;}
/**header_top**/
.ht{ height:70px;}
.htlogo{ float:left; background:url(../images/sub_logo.gif) center no-repeat; height:70px; width:250px;}
.htr{ float:right; margin-top:25px;}
.htr ul li{float:left; height:27px;}
.htr ul li.l{background:url(../images/top_r_l.gif) center no-repeat; width:4px;}
.htr ul li.c{background:url(../images/top_r_c.gif) center repeat-x; width:400px; line-height:27px;}
.htr ul li.c a{ margin:0 5px;}
.htr ul li.c a:hover{ color:#FF0000;}
.htr ul li.r{background:url(../images/top_r_r.gif) center no-repeat; width:4px;}

/**navMenu**/
#navMenu{float:left; height:75px; overflow:hidden;}
#navMenu .l{float:left; background:url(../images/nav_l.gif) center no-repeat; height:74px; width:10px;}
#navMenu .r{float:right; background:url(../images/nav_r.gif) center no-repeat; height:74px; width:10px;}
#navMenu .c{ float:left; background:url(../images/nav_bg.gif) center repeat-x; width:940px; height:74px; overflow:hidden;}
#navMenu .c ul li{float:left; background:url(../images/nav_t.gif) left no-repeat; height:74px; line-height:43px; margin-left:-3px;}
#navMenu .c ul li a{font-size:14px; color:#FFF; padding:0 25px; display:block; margin-left:3px;}
#navMenu .c ul li a:hover{color:#FF0;}
#navMenu .c ul li.r{ background:url(../images/nav_g_bg.gif) center repeat-x; width:229px; height:74px; color:#FFF;}
#navMenu .c ul li.r img{ float:left;}
#navMenu .c ul li.r span{ float:left; background:url(../images/nav_car.gif) left no-repeat; height:40px; float:left; padding-left:25px;}
#navMenu .c ul li.r i{font-weight:bold; font-style:normal; color:#FF0000; padding:0 5px;}
#navMenu .c ul li.r a{float:left; font-weight:bold; color:#FF0; font-size:12px; height:30px; overflow:hidden; padding:0 20px;}

/**dropnav**/
.dropnav{position: relative; top:-29px; float:left;}
.search{ float:left;}
.search .key{ float:left; background:url(../images/search-bg.gif) no-repeat; width:160px; height:23px; border:0px; padding:3px 0 2px 56px; margin:0 10px 0 30px;}
.search .btn{ float:left; background:url(../images/search-bt.gif) no-repeat; width:68px; height:21px; border:0; cursor:pointer; margin-top:1px;}

.tags{ float:left; width:600px; overflow:hidden;}
.tags b{background:url(../images/search-tags.gif) center no-repeat; float:left; width:66px; height:22px; background-repeat: no-repeat; font-size:0px; color:#FFF; margin:0 5px 0 20px;}
.tags li{ float:left; margin-right:15px; line-height:24px;}
.tags li a{ color:#666;}
.tags li a:hover{ color:#FF0000; text-decoration: underline;}
/**main: left  center  right**/
.main{height:797px; float:left;}
/**main left**/
.mleft{ float:left; width:220px; 1overflow:hidden;}
/**pro_list**/
.mlpro_list{}
.mlpro_list ul{
	width: 218px; /* Width of Menu Items */
}	
.mlpro_list ul li{
	position: relative;
	width:218px;
}
	
/*1st level sub menu style */
.mlpro_list ul li ul{
	left:218px; /* Parent menu width - 1*/
	position: absolute;
	width: 218px; /*sub menu width*/
	top:0;
	1border:1px solid #e2e2e2;
	background-color:#FFF;
	display: none;
}
/*All subsequent sub menu levels offset */
.mlpro_list ul li ul li ul{ 
	left: 220px; /* Parent menu width - 1*/
}
/* menu links style */
.mlpro_list ul li a{
	float:none;
	display: block;
	color: black;
	1background: #fff;
}
.mlpro_list ul li a:visited{
	color: black;
}
.mlpro_list ul li a:hover{
	color: white;
	background-color:#FB8B31;
	text-decoration:none;
}
.mlpro_list .subfolderstyle{
	background:url(../images/pro_list_03.gif) 17em center no-repeat;
}	
/* Holly Hack for IE \*/
* html .mlpro_list ul li { float: left; height: 1%; }
* html .mlpro_list ul li a { height: 1%; }
/* End */


/**pro_hot**/
.mlpro_hot{}
.mlpro_hot dd{ border-bottom:1px solid #e2e2e2;}
.mlpro_hot .tbox li{ width:208px; margin:0 5px 0 5px; overflow:hidden; padding-top:5px; height:160px; border-bottom:1px dashed #e2e2e2;}
.mlpro_hot .tbox li img{margin:5px 0 5px 5px;}
.mlpro_hot li span{text-indent:0px; background:#FFF; width:208px; text-align:center; line-height:15px;}
.mlpro_hot .tbox li i{color:#FF0000; font-style:normal; margin-left:2px; margin-right:2px;}
.fdel{text-decoration:line-through;}

/**main center**/
.mcenter{ float:left; width:486px; overflow:hidden;}
.flashnews{ height:235px; background:#999;}

/**公司简介**/
.about{ height:140px;}
.w486{ width:486px;}
.about img{ float:left;}
.about dd{ float:left; margin-top:5px;}
.about dd p{line-height:21px; height:102px; width:411px; float:left; text-indent:24px;}

/**新品展示**/
.mcpro_news{}
.mcpro_news li img{ border:1px solid #e2e2e2;}
.mcpro_news li{ float:left; width:112px; margin:20px 4px 0 4px; overflow:hidden;}
.mcpro_news li span{ float:left; text-align:center; width:110px; margin-top:5px;}

/**main right**/
.mright{ float:left; width:238px; overflow:hidden;}
/**companynews**/
.companynews{}
.companynews .tbox dd{ border-bottom:1px solid #e2e2e2;}
.companynews .tbox li{ margin:0px 5px 0px 5px; text-indent:0px; border-bottom:1px dashed #e2e2e2; border:0px;}
.companynews .tbox li a{ width:180px; overflow:hidden;}
.companynews .tbox li i{ float:right; font-style:normal;}
/**hotnews**/
.hotnews{}
.hotnews dd{}
.hotnews dd a{}
.hotnews dd a:hover{color:#FF0000; text-decoration:underline;}
.hotnews dd .top{  width:225px; padding:5px; height:98px; border-bottom:1px dashed #e2e2e2;}
.hotnews dd img{ float:left;}
.hotnews dd p{ float:right; width:140px; height:94px; overflow:hidden; padding-left:4px;}
.hotnews dd p b{ width:140px; text-align:center; float:left;}
.hotnews .tbox li{ width:225px;}

/**contact_us**/ 
.contact_us{}
.contact_us dd{ border-bottom:1px solid #e2e2e2;}
.contact_us .tbox li{ border:0px; height:28px; line-height:28px;}
.contact_us .tbox li.qq_icon{height:60px; overflow:hidden;}
.contact_us .qq_icon li{ float:left;}
/**flink**/
.flink{ float:left;}
.flink dd{ border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; float:left;}
.flink li{ float:left; border-bottom:0px; width:90px; height:25px; line-height:25px;}


/**footer**/
.footer{ background:url(../images/unline_bg.gif) repeat-x; float:left; width:960px;}
.footer ul{padding-bottom:20px; padding-top:13px;}
.footer li{ text-align:center;}