@charset "utf-8";
/* CSS Document */
* { padding:0; margin:0; }
body { font-family:"微软雅黑",Verdana, Geneva, sans-serif; font-size:12px; color:#222; background:#ebebeb url(../images/bg.gif) repeat-x top; }
a { text-decoration:none; color:#222; }
a:hover { color:#F00; }
a img { border:none; }

div.wrap { width:894px; overflow:auto; height:auto; margin:auto; }
div.wrap_outer { width:937px; overflow:auto; height:auto; margin:auto; }


div.top { height:102px; overflow:hidden; }
div.top a.logo { display:inline; float:left; margin-top:30px; }
div.top div.info { float:right; width:192px; }
div.top div.info div.lang { height:29px; padding:26px 0 0 55px; }
div.top div.info div.lang a { margin-right:10px; }
div.top div.info div.lang a img { margin:0 6px -1px 0; }

div#mnav { height:41px; overflow:hidden;  }
div#mnav ul { list-style:none; }
div#mnav li { float:left; }
div#mnav li a { height:30px; padding:11px 25px 0; display:block; float:left; }
div#mnav a:hover, div#mnav a.active, div#mnav li.over a { 
	padding:11px 24px 0; border-right:solid 1px #00639a; border-left:solid 1px #00639a;
	background:url(../Images/mnav_bg_over.gif) repeat-x top;
}
div#mnav ul ul { 
	display:none; position:absolute; padding:9px 0; background:#0372a2 url(../Images/mnav_child_bg.gif) repeat-x top;
	color:#fff; left:0; z-index:10;
}
div#mnav ul ul li { display:inline; }
div#mnav ul ul a { display:inline; float:none; padding:11px 25px; color:#fff; }
div#mnav ul ul a:hover, div#mnav ul li.over ul a { background-image:none; border:none; padding:11px 25px; }

div#mnav_child {
	position:absolute; left:0; width:100%; display:none;
	 color:#fff; padding:11px 0; background:#0372a2 url(../Images/mnav_child_bg.gif) repeat-x top;
}
div#mnav_child a { color:#fff; margin:0 10px; }

div.mpic_wrap { height:299px; overflow:hidden; margin-top:22px; background:url(../Images/main_bg.gif) no-repeat; }
div#mpic { width:874px; height:245px; overflow:hidden; position:relative; margin:10px auto 0; z-index:0; }
body.index div.mpic_wrap { height:429px; background:url(../Images/main_bg_index.gif) no-repeat; }
body.index div#mpic { height:375px; }

div#mpic ul { position:absolute; width:3000px; z-index:0; }
div#mpic li { float:left; display:inline; }
div#mpic_pager { height:21px; padding-top:10px; text-align:center; }
div#mpic_pager a { margin:0 3px; background:url(../Images/mpic_bn.gif) no-repeat top; padding:0;
	font-size:14px; line-height:14px; font-size:9px\9; line-height:9px\9;
 }
div#mpic_pager a.active { background-position:bottom; }

div.con_wrap { overflow:auto; _height:1%; background:url(../Images/sid_shadow.gif) no-repeat left top; }

div.side { width:227px; float:left; border:solid 1px #d9d9d9; background-color:#fff; padding:9px; margin-bottom:10px; }
div.side h1 { 
	display:block; height:33px; background:url(../Images/sid_hbg.gif) no-repeat left; font-size:12px;
	color:#fff; font-weight:normal;
}
div.side h1 strong { font-size:14px; }
div.side h1 span { display:block; float:left; padding:7px 0 0 10px; }
div.side h1 a { display:block; width:42px; height:33px; float:right; background:url(../Images/sid_more.gif) no-repeat; }
div.side ul.category { display:block; padding:7px 0; list-style:none; }
div.side ul.category li { _height:1%;  }
div.side ul.category li a { display:block; padding:3px 0 5px 20px; background:url(../Images/arrow.gif) no-repeat 10px center; }
div.side ul.category li a:hover { background-color:#e1dfdf; }
div.side ul.category li a.active { background:#f15521 url(../Images/arrow_w.gif) no-repeat 10px center; color:#fff; }

div.side a.vedio { display:block; margin:5px auto 10px; border:solid 1px #bcbbbb; background:url(../Images/sid_mov_bg.gif) repeat-x; }

div.side div.contacts { padding:7px 10px; line-height:1.8em; }

div.con { width:627px; float:right; }
div.con div.item {  
	border:solid 1px #d9d9d9; padding:13px 10px; background-color:#fff; margin-bottom:10px; overflow:auto; _height:1%; 
}
div.con div.item h1 { height:19px; margin-bottom:11px; overflow:hidden;  }
div.con div.item h1 img { display:block; float:left; }
div.con div.item h1 a.more { display:inline; float:right; width:44px; height:13px; background:url(../Images/more.gif) no-repeat; }
div.con div.about img.pic { float:right; margin:0 10px 0 17px;  }
div.con div.about p { padding:10px; line-height:1.9em; }
div.con div#products a { margin:0 12px 5px; display:inline; float:left; text-align:center; }
div.con div#products a img { display:block; margin-bottom:5px; }

div.con div.news, div.con div.case { width:49%; overflow:auto; float:left; height:auto; }
 div.con div.news { float:right; }
div.con div.item ul { padding:0 11px; list-style:none; display:block; }
div.con div.item ul li { 
	background:url(../Images/arrow.gif) no-repeat left center; display:block; clear:both; padding:3px 10px;
	overflow:auto; height:auto;
}
div.con div.item ul li a { display:inline; float:left; }
div.con div.item ul li span { display:inline; float:right; }

div.fo { background:#d9d9d9 url(../Images/bottom_bg.gif) repeat-x top; padding:19px 0 31px; }
div.fo div.nav { text-align:center; padding-bottom:18px; }
div.fo div.nav a { margin:0 10px; }
div.fo div.info { width:757px; margin:auto; text-align:left; line-height:1.8em; }
div.fo div.info img.iso { float:left; margin-right:10px; }
div.fo div.info img.gs { margin:0 0 -9px 0; } 

/*客户服务中心*/
div.layer_cutomer { 
	width:33px; height:166px; background:url(../Images/customer_bt.gif) no-repeat;
	cursor:pointer; z-index:1000; position:absolute; right:0; top:50px;
}
div.layer_cutomer div.pannel { 
	width:142px; background:#f94a10 url(../Images/customer_pic.gif) no-repeat top; border:solid 1px #962804;
	padding:120px 0 20px; position:absolute; margin-left:-111px; display:none;
}
div.layer_cutomer div.pannel a { display:block; padding:3px 0 3px 35px; margin:10px auto; font-size:14px;  color:#fff;  }
div.layer_cutomer div.pannel a.QQ { 
	background:url(../Images/icon_QQ.gif) no-repeat 5px center;
	
}
div.layer_cutomer div.pannel a.WW { 
	background:url(../Images/icon_WW.gif) no-repeat 5px center;
}

div.con div.item div.special { padding:0 8px; height:200px; height:108px; overflow:hidden; }
div.con div.item ul#special { margin:auto; }
div.con div.item ul#special li { 
	padding:5px 5px; width:124px; background:none;  float:left; display:block;
	clear:none;
}