@charset "gb2312";
html{ background:url(../images/bg2.jpg);}
body { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:12px 0 0; color:#000; background:url(../images/bg.jpg) repeat-x top;}
ul,li{ margin:0; padding:0; list-style:none;}
a{ font-family:"΢ÈíÑźÚ"; font-size:12px; text-decoration:none; color:#333;}
a:hover{ text-decoration:underline; color:#cc0000;}
img{ border:none;}
.both{ clear:both; height:0; overflow:hidden;}
h2{margin:0px;padding:0px;font-weight:normal;font-size:18px;}
h1{margin:0px;padding:0px;font-weight:normal;font-size:12px;display:inline;}
#logoBox{ width:960px; height:62px; margin:0 auto; background:url(../images/logo.jpg) no-repeat;}
#logoBox a{display:block;width:540px;height:67px;overflow: hidden;text-indent:-2000px;}
#menuBox{ width:974px; padding:0 3px; margin:9px auto 0; height:40px;}
	#menuBox ul{ float:left; height:40px; width:974px;}
		#menuBox ul li{ width:118px; height:40px; float:left;}
		#menuBox ul li.menuBor{ width:2px; background:url(../images/menubot.jpg) no-repeat;}
		#menuBox ul li a{ width:118px; height:40px; display:block; text-align:center; line-height:40px; color:#fff; font-size:14px; font-weight:bold;}
		#menuBox ul li a:hover{ text-decoration:none; color:#66CC33; background:url(../images/menuhover.jpg) no-repeat;}
#hotBox{ height:36px; width:956px; margin:0 auto;}
	#hotBox span{ padding-left:25px; background:url(../images/hoticon.jpg) no-repeat left 12px; font-family:"΢ÈíÑźÚ"; color:#333; float:left; height:36px; line-height:36px;}
		#hotBox span strong{ color:#c00;}
	#hotBox img{ padding-left:25px; float:right; margin-top:6px;}
	#hotBox input{ padding-right:25px; float:right; margin-top:6px;}
	#hotBox input.a{ padding-right:25px; float:right; margin-top:6px;}
	#hotBox input.text{ width:150px; height:23px; float:right; margin-top:6px; background:url(../images/searbg.jpg) repeat-x; line-height:23px; padding:0 5px; font-family:"΢ÈíÑźÚ"; font-size:12px; border:none; border-right:#ccc 1px solid;}
	#hotBox input.serBut{ width:50px; height:23px; margin:6px 0 0 5px; display:inline; float:right; text-align:center; line-height:21px; font-family:"΢ÈíÑźÚ"; color:#fff; font-weight:bold; background:url(../images/searbut.jpg) no-repeat; border:none;}

#flashBox{ width:980px; margin:10px auto; background:url(../images/maxbox.jpg) repeat-x; height:250px;}
	#flashBox ul#boxLeft{ background:url(../images/boxleft.jpg) no-repeat left; width:980px; height:250px; float:left;}
		#flashBox li#boxRight{ background:url(../images/boxright.jpg) no-repeat right; width:958px; height:228px; float:left; padding:11px;}
			#flashMax{ width:728px; float:left; height:228px;}
			#contact{ width:220px; float:right; height:228px;}
				#conTitle{ height:28px; background:url(../images/contitle.jpg) no-repeat;}
					#conTitle li{ height:25px; margin:1px 8px; display:inline; background:url(../images/icon.gif) no-repeat left center; padding-left:17px; line-height:25px; font-family:"΢ÈíÑźÚ"; font-size:14px;}
						#conTitle li span{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999;}
				#conBox{ height:179px; border-left:#ffd800 1px solid; border-right:#ffd800 1px solid; background:#ffa url(../images/comimg.jpg) right bottom no-repeat; padding:8px; overflow:hidden;}
					#conBox #phone{ height:70px; padding-left:40px; line-height:180%; background:url(../images/telicon.jpg) no-repeat left center; font-family:"΢ÈíÑźÚ"; color:#333;}
						#conBox #phone strong{ font-size:15px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#c00; font-style:italic;}
					#conBox #telInfo{ margin-top:35px; line-height:170%; font-family:"΢ÈíÑźÚ"; color:#333;}
						#conBox #telInfo strong{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#c00; font-style:italic;}
				#conFot{ height:5px; background:url(../images/confot.jpg) no-repeat; overflow:hidden;}
.conTop{ height:6px; overflow:hidden; background:url(../images/contop.jpg) no-repeat; margin:0 auto; width:980px;}
.contentBox{ width:958px; background:url(../images/conbg.jpg) repeat-y; padding:5px 11px; margin:0 auto;}
	.left{ width:230px; float:right;}
		.leftTitle{ height:25px; margin-bottom:5px; background:url(../images/lefttitlebg.jpg) repeat-x; padding:0 5px; border-bottom:#eee 1px solid;}
			.leftTitle font{ float:left; height:25px; line-height:25px; padding-left:17px; background:url(../images/icon.gif) no-repeat left center; font-family:"΢ÈíÑźÚ"; font-size:14px;}
				.leftTitle strong span{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; font-weight:normal;}
			.leftTitle img{ float:right; margin-top:4px;}
		.leftNewsImg{ padding:3px; border:#ddd 1px solid; background:#f5f5f5;}
		.jishuNewsImg{ padding:3px; border:#ddd 1px solid; background:#f5f5f5;}
			.leftNewsImg img{ border:#fff 1px solid;}	
		    .jishuNewsImg img{ border:#fff 1px solid;}		
		.leftNewsBox{ margin-bottom:10px; height:450px;}
		.jishuNewsBox{ margin-bottom:10px; height:110px;}
		.jishuNewsBox2{ margin-bottom:10px; height:250px;}
		.centerNews{ height:168px; margin-bottom:10px;}
		.leftNewsBox li{ height:25px; line-height:25px; background:url(../images/bor.gif) repeat-x bottom; float:left; width:220px; padding:0 5px;}
		.jishuNewsBox li{ height:25px; line-height:25px; background:url(../images/bor.gif) repeat-x bottom; float:left; width:340px; padding:0 5px;}
		.jishuNewsBox2 li{ height:25px; line-height:25px; background:url(../images/bor.gif) repeat-x bottom; float:left; width:218px; padding:0 5px;}
		    .jishuNewsBox li a{ height:25px; line-height:25px; display:block; padding-left:11px; background:url(../images/newsicon.gif) no-repeat left center; float:left;}
			.jishuNewsBox li span{ float:right; font-family:"Times New Roman", Times, serif; font-size:10px; color:#999;}
			.jishuNewsBox2 li a{ height:25px; line-height:25px; display:block; padding-left:11px; background:url(../images/newsicon.gif) no-repeat left center; float:left;}
			.jishuNewsBox2 li span{ float:right; font-family:"Times New Roman", Times, serif; font-size:10px; color:#999;}
			.centerNews li a,.leftNewsBox li a{ height:25px; line-height:25px; display:block; padding-left:11px; background:url(../images/newsicon.gif) no-repeat left center; float:left;}
			.centerNews li span,.leftNewsBox li span{ float:right; font-family:"Times New Roman", Times, serif; font-size:10px; color:#999;}
	.center{ width:488px; float:right; margin:0 10px; display:inline; position:relative;}
	.centerright{ width:710px; float:right; margin:0px 10px; display:inline; position:relative;}
		.companyBox{ border:#eee 1px solid; margin-bottom:10px;}
			.companyBox ul{ border:#fff 1px solid; background:url(../images/combgtop.jpg) repeat-x top;}
				.companyBox li{ background:url(../images/combg.jpg) repeat-x bottom; padding:5px 8px; line-height:180%; font-family:"΢ÈíÑźÚ"; color:#333;}
					.companyBox li img{ float:left; padding:4px; background:#f5f5f5; border:#ddd 1px solid; margin:0 10px 0 0; display:inline;}
					.companyBox li a{ font-weight:bold; color:#003278;}
					.companyBox li a:hover{ text-decoration:underline; color:#c00;}
		.centerNews li{ height:25px; line-height:25px; background:url(../images/bor.gif) repeat-x bottom; float:left; width:478px; padding:0 5px;}
		.prdBox{ padding:0 1px 0; background:url(../images/pagetitlebg.jpg) repeat-x bottom #fff; border:#ddd 1px solid; height:100%;}
		.prdBox ul{ width:152px; height:116px; float:left; margin:3px 10px 8px; display:inline;}
			.hotPrdImg{ width:150px; height:85px; float:left; border:#ddd 1px solid; padding:3px; background:#f5f5f5;}
				.hotPrdImg img{ width:148px; height:83px; border:#fff 1px solid; float:left;}
			.hotPrdFont{ width:158px; height:23px; float:left; background:url(../images/prdfont.jpg) repeat-x; line-height:23px; text-align:center;}
		.serviceBox{ line-height:195%; color:#333; font-family:"΢ÈíÑźÚ"; background:url(../images/combg.jpg) repeat-x bottom; padding:5px 5px 8px;}
			.serviceBox p{ margin:0 0 10px;}
			.serviceBox strong{ color:#c00; font-size:14px;}
	.right{ width:220px; float:left;}
		.listImg{ padding:4px; border:#ddd 1px solid; background:#f5f5f5;}
		.listBox{ border:#ddd 1px solid; border-top:none; background:#f5f5f5; padding:5px 5px 8px;}
			.listBox a{ height:23px; line-height:23px; border-bottom:#ddd 1px solid; border-top:#fff 1px solid; display:block; background:url(../images/prdicon.gif) 8px center no-repeat; padding-left:18px; font-size:14px;}
			.listBox a.listClass{ height:23px; line-height:23px; border:#e5b83e 1px solid; padding:0 8px; font-size:14px; color:#b75200; display:inline; background:url(../images/listclassbg.jpg) repeat-x; display:block;}
.conFoot{ height:6px; overflow:hidden; width:980px; margin:0 auto 10px; background:url(../images/confoot.jpg) no-repeat;}
.footLink{ width:958px; background:url(../images/conbg.jpg) repeat-y; padding:0 11px; margin:0 auto; line-height:180%; font-family:"΢ÈíÑźÚ";}
	.footLink strong{ color:#c00;}
.footBor{ height:28px; text-align:center; line-height:28px; color:#fff; font-family:"ËÎÌå"; background:url(../images/footlink.jpg) repeat-x; font-size:12px;}
	.footBor a{ color:#fff; font-size:14px;}
	.footBor a:hover{ color:#ff0;}
.foot{ height:100px; text-align:center; line-height:190%; background:url(../images/footbg.jpg) repeat-x bottom; font-family:"΢ÈíÑźÚ"; color:#333; font-size:12px;}
.foot2 link{ width:980px; }



.pageLeft{ width:728px; float:right;}
	.pageTitle{ height:30px; border:#ddd 1px solid; background:url(../images/pagetitle.jpg) repeat-x; padding:0 8px;}
		.pageTitle .pageTitleFont{ float:left; height:30px; line-height:30px; font-family:"ÐÂËÎÌå"; font-size:22px; background:url(../images/icon.gif) no-repeat left center; padding-left:17px;font-weight:bold;color:#FF0000;}
			.pageTitle .pageTitleFont span{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; font-size:11px;}
		.pageTitle .pageTitleDw{ float:right; height:30px; line-height:30px; font-family:"΢ÈíÑźÚ"; color:#333; background:url(../images/newsicon.gif) left center no-repeat; padding-left:11px;}
	.pageClassTitle{ height:30px; text-align:center; line-height:30px; font-size:22px; color:#FF0000;font-family:"΢ÈíÑźÚ"; font-weight:bold; border:#ddd 1px solid; border-top:none; background:url(../images/pagetitlebg.jpg) repeat-x; border-bottom:none; color:#900;}
	.pageCompanyInfo{ padding:8px; line-height:190%; color:#333; font-family:"΢ÈíÑźÚ"; border:#ddd 1px solid; background:#f5f5f5 url(../images/pagetitlebg.jpg) repeat-x;}
	.pageCompanyInfo a{ color:#c00;}

.pageRightTitle{ height:26px; background:url(../images/rightitle.jpg) no-repeat; padding:6px 0 2px 33px; line-height:26px; font-size:14px; font-family:"΢ÈíÑźÚ"; font-weight:bold;}
	.pageRightTitle span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999; font-weight:normal;}
.pageRightBox{ padding:0 11px; background:url(../images/rightbg.jpg) repeat-y; height:100%;}
	.pageRightBox a{ height:25px; margin-top:5px; display:block; padding-left:20px; line-height:25px; background:url(../images/rightbgone.jpg) no-repeat; font-weight:bold;}
	.pageRightBox a:hover{ background:url(../images/rightbgtwo.jpg) no-repeat; color:#fff; text-decoration:none;}
.pageRightFoot{ height:11px; overflow:hidden; background:url(../images/rightfoot.jpg) no-repeat; margin-bottom:10px;}
.pageNext{ height:25px; border-bottom:#ddd 1px dashed; line-height:25px; padding:0 8px; font-family:"΢ÈíÑźÚ";}
	.pageNext strong{ color:#c00;}
.pageWeb{ margin-top:5px; text-align:center; font-family:"΢ÈíÑźÚ"; color:#333;}
	.pageWeb a{ padding:0px 5px; margin:0 2px; border:#ddd 1px solid; background:#f5f5f5;}
	.pageWeb a:hover{ color:#fff; border:#900 1px solid; background:#f00;}
	.pageWeb input,.pageWeb button{ display:none;}

.pageNewsBox{ padding:5px 8px 8px; border:#ddd 1px solid; background:url(../images/pagetitlebg.jpg) repeat-x bottom #fff;}
	.pageNewsBox li{ height:25px; border-bottom:#ddd 1px dashed; padding-left:11px; line-height:25px; font-family:"΢ÈíÑźÚ"; background:url(../images/newsicon.gif) no-repeat left center; color:#333;}
		.pageNewsBox li span{ font-family:"Times New Roman", Times, serif; font-size:11px; color:#999;}
		.pageNewsBox li a{ font-size:14px; text-decoration:underline;}
.pageNewsAuto{ height:25px; background:#f5f5f5; border:#ddd 1px solid; text-align:center; border-bottom:none; line-height:25px; font-family:"΢ÈíÑźÚ"; color:#333;}
.pagePrdInfo{ line-height:180%; background:url(../images/pagetitlebg.jpg) repeat-x bottom #fff; border:#ddd 1px solid; border-bottom:none; font-family:"΢ÈíÑźÚ"; color:#333; padding:3px 8px; border-top:none;}
	.pagePrdInfo strong{ color:#c00;}
.pagePrdTab{ height:28px; border:#ddd 1px solid; border-top:none; background:url(../images/tabbg.jpg) repeat-x; border-bottom:none; padding:3px 0 0 57px;}
	.pagePrdTab li{ margin-right:3px; display:inline; float:left;}
		.pagePrdTab li a{ text-decoration:none; background:url(../images/tabtwo.jpg) no-repeat; text-align:center; height:28px; line-height:28px; font-size:14px; font-weight:bold; color:#333; display:block; width:120px;}
		.pagePrdTab li a.tabactive{ color:#c00; text-decoration:none; background:url(../images/tabone.jpg) no-repeat;}
.pagePrdContent{ padding:0 0 15px; background:url(../images/pagetitlebg.jpg) repeat-x bottom #fff; border:#ddd 1px solid; height:100%;}
	.pagePrdContent ul{ width:220px; height:164px; background:#f5f5f5; float:left; margin:15px 0 0 15px; display:inline; border:#ddd 1px solid; border-bottom:none;}
		.pagePrdImg{ float:left; width:212px; height:132px; padding:4px; border-bottom:#ddd 1px solid;}
			.pagePrdImg img{ border:#fff 1px solid; height:130px; width:210px; float:left;}
		.pagePrdName{ float:left; height:21px; text-align:center; border-bottom:#ddd 1px solid; border-top:#fff 1px solid; line-height:21px; padding:0 5px; width:210px; background:url(../images/pagetitlebg.jpg) repeat-x bottom; font-family:"΢ÈíÑźÚ"; overflow:hidden;}
			.pagePrdName strong{ color:#c00;}
		.pagePrdDp{ float:left; height:21px; border-bottom:#ddd 1px solid; border-top:#fff 1px solid; line-height:21px; padding:0 5px; width:210px; font-family:"΢ÈíÑźÚ"; color:#333;}
			.pagePrdDp span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
			.pagePrdDp img{ float:right; margin-top:2px;}
.pagePrdMaxImg{ border:#ddd 1px solid; border-bottom:none; padding:10px 0; text-align:center;}
	.pagePrdMaxImg img{ padding:4px; border:#ddd 1px solid;}
.pagePrdContentInfo{ border:#ddd 1px solid; border-top:none; padding:0 8px 8px; background:url(../images/pagetitlebg.jpg) repeat-x bottom #fff; font-family:"΢ÈíÑźÚ"; color:#333; line-height:180%;}

.Pbox { background:#fff; font-size:12px; text-align:left; width:100%; margin:0 auto 10px; border-collapse:collapse; border:1px solid #cfd8e1;}
.Pbox td { border:1px solid #cfd8e1; padding:2px 8px; height:25px; line-height:180%; font-family:"΢ÈíÑźÚ";}
.p1,.p2,.p3,.p4,.P5 { border:1px solid #cfd8e1;}
.P1 { background:#e8ebf2; color:#000; font-size:14px; font-weight:bold; height:35px; line-height:35px;}
span.T1 { color:#f00;}
.P2 { background:#f4f5f7; width:20%; }
.P3 { background:#fff; width:30%;}
.P4 { background:#f8f8f8; width:40%;}
.P5 { width:100%;}


#pageMessage table td{ line-height:normal; padding:3px; font-family:"΢ÈíÑźÚ"; color:#333;}
#pageMessage table td img{ float:left; margin-left:5px; display:inline;}
.inputName{ width:180px; height:20px; line-height:20px; padding:0 3px; border-right:#ccc 1px solid; font-family:"΢ÈíÑźÚ"; font-size:12px; color:#333; border-bottom:#ccc 1px solid; border-left:#ddd 1px solid; border-top:#ddd 1px solid; float:left;}
	.inputMessageCode{ width:50px; height:20px; line-height:20px; padding:0 3px; border-right:#ccc 1px solid; font-family:"΢ÈíÑźÚ"; font-size:12px; color:#333; border-bottom:#ccc 1px solid; border-left:#ddd 1px solid; border-top:#ddd 1px solid; float:left;}
	.messageButton{ width:70px; height:22px; background:url(../images/messagebutton.gif) no-repeat; border:none; float:left;}
	
	
	
.boxTab{ height:230px; background:url(../images/tabboxbg.jpg) repeat-x; width:728px; position:absolute; top:244px; overflow:hidden;}
	.boxTab ul{ width:728px; height:230px; float:left; background:url(../images/tabboxleft.jpg) no-repeat left;}
		.boxTab li{ width:708px; height:210px; float:left; background:url(../images/tabboxright.jpg) no-repeat right; padding:10px;}
			.boxTabTop{ height:180px; margin-bottom:5px;}
				.boxTabTopLeft{ height:170px; border:#ddd 1px solid; padding:4px; background:#fff; width:290px; float:left;}
					.boxTabTopLeft img{ width:290px; height:170px;}
				.boxTabTopRight{ height:170px; border:#ddd 1px solid; padding:4px; background:#f2f2f2; width:399px; border-left:none; float:left;}
					.boxTabTopRight div{ height:160px; width:389px; float:left; background:#fff; padding:5px; line-height:180%; font-family:"΢ÈíÑźÚ";}
					
			.boxTabDown{ height:19px; background:url(../images/tabbgbutton.jpg) repeat-x; border:#ddd 1px solid; padding:2px 5px;}
				.boxTabDown div{ float:right; width:240px;}
				.boxTabDown div a{ width:19px; height:19px; display:block; text-align:center; line-height:19px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left; margin-left:5px; background:url(../images/taba.gif) no-repeat; font-weight:bold; color:#fff; text-decoration:none;}
				.boxTabDown div a.tabactive{ background:url(../images/tabhover.gif) no-repeat; color:#fff; text-decoration:none;}
			.boxTabDown img{ float:left; margin-right:5px; display:inline;}

.bookcontent {width:97%;margin:0 auto}			
.bookcontent ul{border:1px solid #ddd;margin-bottom:10px;background:#f5f5f5; position:relative;height:130px;overflow:hidden}
.bookcontent ul li{padding:5px}
.book1{ position:absolute;left:0;top:0}
.book3{ position:absolute; top:23px;left:0px}
.book2{ position:absolute; left:200px;top:0}
.book5{ position:absolute;right:50px;top:0px}
.book4{ position:absolute;top:45px;left:0}

.fPage{ margin-top:5px; text-align:center;}
	.fPage a{ border:#ddd 1px solid; background:#f5f5f5; color:#333; padding:1px 3px; margin:0 3px; display:inline;}
	.fPage a:hover{ border:#900 1px solid; background:#f00; color:#fff; text-decoration:none;}
	.fPage input{ display:none;}
	.fPage button{ display:none;}
	
/* QQ¿Í·þ */

.QQbox{ z-index:99; width: 170px; right: 3px; top: 145px; position: absolute;}
.QQbox .press{ right: 0; border: none; cursor: pointer;width: 32px; height: 150px;position: absolute;}
.QQbox .Qlist{ left: 0; width: 170px; background: url(http://www.517mat.com/images/siderIM_bg.gif) padding:5px;}
.QQbox .Qlist .b{ float: right; height: 6px; width: 170px; font-size: 1px; }
.QQbox .Qlist .infobox{ text-align:center; background:#bdc5cb; background-image:url(http://www.517mat.com/images/siderIM_infobox.gif); background-repeat:no-repeat;  padding:5px; line-height:14px; color:#000; font-weight:700;}
.QQbox .Qlist .t{ background:url(http://www.517mat.com/images/siderIM_title.gif); height:34px;}
.QQbox .Qlist .b{ background:url(http://www.517mat.com/images/siderIM_bottom.gif); height:9px; overflow:hidden; }
.QQbox .Qlist .con{ background: url(http://www.517mat.com/images/siderIM_bg.gif); width: 100%; padding: 10px 0px 10px 0px;}
.QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "ËÎÌå"; background: url(http://www.517mat.com/images/siderIM_bg.gif) repeat-y -163px 0; border: 1px solid #3a708d; text-align: center; color:#fff;}

.QQbox .Qlist .con ul li{ padding: 5px 5px 0px 15px; }

/*QQ END*/



/*xinzengjia */
.centerright2{ width:980px; margin:0px 10px; display:inline; position:relative;}
.xin{ float:right; width:100px;
	height:30px; position:relative;
	background:url(http://www.517mat.com/images/xin.gif) no-repeat 0 0;margin-top:30px; margin-bottom:10px; margin-right:10px;}
.xin a{display:block;width:100px;height:30px; overflow: hidden;text-indent:-99999px;}
.xin2{ float:right; width:100px;
	height:30px; position:relative;
	background:url(http://www.517mat.com/images/lk.gif) no-repeat 0 0; margin-right:10px;}
.xin2 a{display:block;width:100px;height:30px; overflow: hidden;text-indent:-99999px;}
.xins{ float:left; width:6px;
	height:6px; position:relative;
	background:url(http://www.517mat.com/images/lks.gif) no-repeat 0 0; margin-top:20px;margin-left:40px;}
.xins a{display:block;width:6px;height:6px; overflow: hidden;text-indent:-99999px;}