@charset "gb2312";
/* CSS Document */
body{}
html{overflow:auto;}body,html{height:100%;}body,html,span,div,ul,ol,li,dl,dd,dt,a,p,h1,h2,h3,h4,h5,h6,table,td,tr,marquee,input{color:#333333;list-style-type:none;margin:0;padding:0;font-family:"΢���ź�", Arial, Verdana;font-size:12px}
img{margin-top:0;margin-bottom:0;border:0 none;}
table{border-collapse:collapse;border-spacing:0;}
.cn{margin: 0 auto;}.clf:after{content:'\20';display:block;height:0;clear:both}.clf{*zoom:1}.cl{ clear:both;}.left{float: left;}.right{float: right;}
.cn1000{width:1000px;margin:0px auto;}
.martp10px{margin-top:10px;}
.martp20px{margin-top:20px;}
.marle10px{margin-left:10px;}
.marle20px{margin-left:20px;}
.ededed{background-color: #ededed;}


/* ���߹����� */
.title{
	width: 280px;
	border: 0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
	height: 50px;
	padding-bottom: 30px;
	padding-top: 30px;
}
.title h1 {
	font-size: 18px;
}

.icon img{
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 15px
}
h2{font:22px "΢���ź�","Microsoft YaHei";color:#333;border-left:3px solid #5FA924;padding-left:12px;line-height:34px}
h3{font-size:12px;font-weight:lighter;color:#666}

.header {
	width: 1200px;
	text-align: center;
	color: #999;
	font-size: 33px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
}
.toolwrap {
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* �б� */
.toollist{width:1200px;clear:both;display:inline-table}
.toollist dt{font-size:26px;height:30px;margin:20px 0 10px 0}
.toollist dd{font-size:18px;width:280px;height:70px;float:left;border:1px solid #DDD;margin:9px}
.toollist dd:hover{
	border: 1px solid #ff5e52;
}
.toollist dd img{width:50px;height:50px;float:left;margin-right:10px}
.toollist dd a{
	color: #333;
	display: block;
	padding: 10px 8px;
	text-decoration: none;
	font-size: 18px;
}
.toollist dd a:hover{
	color: #ff5e52;
	text-decoration: none
}
.toollist dd span{
	font-size: 12px;
	color: #999;
	margin-top: 4px;
	display: block;
}

/* �ı��� */
.tooltext{padding:4px;margin:10px 0;font-size:18px;width:720px;height:24px;line-height:24px;color:#333}
.toolarea{
	padding: 4px;
	width: 700px;
	height: 250px;
	color: #333;
	display: block;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}


/* ��ť */
.bt-blue{font-size:14px;border:none;line-height:33px;background:#4899E0;font-weight:bold;color:#FFF;cursor:pointer;padding:0 18px;margin-right:12px}
.bt-blue:hover{background:#368DD9;text-decoration:none}
.bt-green {font-size:14px;border:none;line-height:33px;background:#6FB934;font-weight:bold;color:#FFF;cursor:pointer;padding:0 18px;margin-right:12px}
.bt-green:hover{background:#5FA924;text-decoration:none}
.bt-grey {font-size:14px;border:none;line-height:33px;background:#DDD;font-weight:bold;color:#666;cursor:pointer;padding:0 18px;margin-right:12px}
.bt-grey:hover{background:#CCC;text-decoration:none}


.toolcode{
	width: 700px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.tool {float:left;margin:12px 0 40px 0;}
.tool dd{width:82px;height:132px;margin:12px 38px 0 0;float:left;display:inline}
.tool dd a{color:#666;line-height:30px;text-align:center;display:block}
.tool dd a:hover{color:#390;text-decoration:none}
.tool dd img{width:80px;height:80px;border:1px solid #FFF;}

.nav-tool{}
.nav-tool img{width:50px;height:50px;border:1px solid #EEE}
.nav-tool dd{width:90px;height:120px;float:left;text-align:center;}
.nav-tool dd a{color:#666;border-bottom:3px solid #EEE;display:block}
.nav-tool dd a.on{color:#390}
.nav-tool dd a:hover{color:#390}

.wenzi{font-size:18px;color:#666;margin-bottom:20px;padding:6px 6px 6px 18px;letter-spacing:2px;}