@charset "utf-8";
/* CSS Document */
body {
	font: 100% "Microsoft YaHei",Verdana, Arial, Helvetica, sans-serif;
	/*background: #666 url(themes/gray/images/ui-bg_diagonals-medium_75_cccccc_40x40.png) 50% 50% repeat;*/
	background-color:#FFF;
	margin: 0;
	padding: 0;
	color: #000;
	font-size:14px;
}

span, ul, ol, dl, dt, dd, form, p{ /* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
	padding: 0;
	margin: 0;
}
a:link {
	color: #000;/****#009DE1****/
	text-decoration: none; /* 除非将链接设置成极为独特的外观样式，否则最好提供下划线，以便可从视觉上快速识别 */
}
a:visited {
	color: #9C0E0E;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
	text-decoration: underline;
	color:#CC0000;
}

.wrap {
	width: 1000px;
	margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */
	background-color:#F5F5F5;
	border:0px solid #FFF;
}
.splHd .wrap img{
	height:480px;
}
.container{
	width: 1000px;
	margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */
	background-color:#F5F5F5;
	border:0px solid #FFF;
	padding:1px;
}

.shortcut {	/*~顶部快捷导航~*/
	background:#F5F5F5;
	border-bottom:1px solid #CCC;
	height:28px;
	line-height:28px;
	clear:both;
}
.shortcut .fl a, .shortcut .fl a:visited {
	padding:0 5px 0 5px;
	height:20px;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	color:#999;
}

/* ~~ 头部 ~~ */
.splHd {
	display:block;
	height:480px;
	background-color:#29789F;
	position:relative;
}
.header h1{
	display:none;
}

/* ~~ 首页内容页 ~~ */

.splNote{
	display:block;
	margin:40px 40px 40px 40px;
	padding:10px;
	background-color:#666666;
	color:#fff;
}
.splNote h1{
	font-size:28px;
	font-weight:200;
	margin:10px;
	padding:0;
	display:none;
}
.splArticle p,
.splNote p{
	margin:10px;
	line-height:24px;
}
.splCon{
	display:block;
	margin:20px 0;
	padding:0;
}
.splCon h2{
	margin:0;
	padding:0 10px;
	height:68px;
	color:#FFF;
	font-size:32px;
	font-weight:100;
}
.splCon h2.h01{
	background-image:url(../../imges/spl_h_01.png);
	background-repeat:no-repeat;
}
.splCon h2.h02{
	background-image:url(../../imges/spl_h_02.png);
	background-repeat:no-repeat;
}
.splCon h2.h03{
	background-image:url(../../imges/spl_h_03.png);
	background-repeat:no-repeat;
}
.splCon .wrap01,
.splCon .wrap02,
.splCon .wrap03{
	display:block;
	margin:0 40px;
	padding:20px;
}

.splCon .wrap01{
	background-color:#3399CC;
}
.splCon .wrap02{
	background-color:#669900;
}
.splCon .wrap03{
	background-color:#D98200;
}
.splMethod,
.splCase,
.splArticle,
.splTactics{
	margin:0;
	padding:0 0 10px 0;
	color:#FFF;
	border-bottom:1px dashed #FFF;
}
.splTactics{
	display:block;
	width:460px;
	float:left;
	border-bottom:0px dashed #FFF;
}
.splMethod{
	display:block;
	margin-left:20px;
	width:400px;
	float:left;
	border-bottom:0px dashed #FFF;
}
.splMethod h3,
.splCase h3,
.splArticle h3,
.splTactics h3{
	margin:0;
	padding:5px 0;
	color:#FFF;
	display:block;
}
.wrap01 .splMethod h3 span,
.wrap01 .splTactics h3 span,
.wrap01 .splCase h3 span,
.wrap01 .splArticle h3 span {
	background-color:#113546;
	padding:5px 10px;
}
.wrap02 .splMethod h3 span,
.wrap02 .splTactics h3 span,
.wrap02 .splCase h3 span,
.wrap02 .splArticle h3 span{
	background-color:#344D00;
	padding:5px 10px;
}
.wrap03 .splMethod h3 span,
.wrap03 .splTactics h3 span,
.wrap03 .splCase h3 span,
.wrap03 .splArticle h3 span{
	background-color:#553300;
	padding:5px 10px;
}

.splArticle .fl{
	display:inline-block;
	width:620px;
}
.wrap01 .splArticle .fr{
	display:inline-block;
	padding:10px;
	background-color:#297CA5;
}
.wrap02 .splArticle .fr{
	display:inline-block;
	padding:10px;
	background-color:#4E7300;
}
.wrap03 .splArticle .fr{
	display:inline-block;
	padding:10px;
	background-color:#AA6600;
}

.splCase .fl{
	display:inline-block;
	width:250px;
	margin:20px 0 auto 0;
	border:5px solid #FFF;
}
.splCase .fr{
	display:inline-block;
	width:600px;
	margin:20px 0 auto 0;
}
.splCase p{
	margin:10px 0;
}

.tactics{
	display:block;
	margin:10px 0;
	padding:10px 20px;
	border-radius:10px;
}

.wrap01 ul,
.wrap01 .tactics{
	background-color:#297CA5;
}
.wrap01 .tactics:hover{
	background-color:#1A4F68;
}

.wrap02 ul,
.wrap02 .tactics{
	background-color:#4E7300;
}
.wrap02 .tactics:hover{
	background-color:#395500;
}
.wrap03 ul,
.wrap03 .tactics{
	background-color:#AA6600;
}
.wrap03 .tactics:hover{
	background-color:#754600;
}
.fr strong,
.tactics strong{
	font-size:20px;
	font-weight:100;
	margin-bottom:0px;
	display:block;
}
.tactics strong{
	cursor:pointer;
}
div.tacDd{
	display:block;
	margin:0;
	padding:10px 20px;
	overflow:visible;
}
.splMethod ul{
	margin:20px 0;
	padding:10px 10px 10px 30px;
	display:block;
	line-height:28px;
	border-radius:10px;
}
.splCon a:link,.splCon a:visited,
.splMethod ul a:link,.splMethod ul a:visited{
	color:#FFF;
	text-decoration:underline;
}
.splCon a:hover,.splCon a:active,.splCon a:focus,
.splMethod ul a:hover,.splMethod ul a:active,.splMethod ul a:focus{
	color:#CCC;
	text-decoration:none;
}
.accordion {
	padding:10px 0;
}
/* ~~ 其它浮动/清除类 ~~ */

.fl {
	float:left;
}
.fr {
	float:right;
}
.caseItem{
	display:inline;
	margin:0 0 0 10px;
	padding:0 10px;
	border-radius:4px;
	color:#FFFFFF;
	font-size:12px;	
}
.wrap01 .caseItem{
	background-color:#297CA5;
}
.wrap02 .caseItem{
	background-color:#4E7300;
}
.wrap03 .caseItem{
	background-color:#AA6600;
}
.caseItem a:link,.caseItem a:visited{
	text-decoration:underline;
}
.caseItem a:hover,.caseItem a:active,.caseItem a:focus{
	text-decoration:none;
}
/********右侧浮动导航*********/
.fltNav{
	background: url("../../images/floatbg.png") no-repeat scroll 0 0 transparent;
	display: block;
	width: 170px;
	height: 140px;
	left:auto;
	position: fixed!important;
	_position:absolute;
	_top:expression(offsetParent.scrollTop+540);
	bottom:110px;
	right:0px;
	font-size:18px;
	color:#FFFFFF;
}
.fnav01{
	background: url("../../imges/floatbg.png") no-repeat scroll 0 0 transparent;
	margin:5px 0;
	padding:5px 10px 5px 30px;
}
.fnav02{
	background: url("../../imges/floatbg.png") no-repeat scroll 0 -47px transparent;
	margin:5px 0;
	padding:5px 10px 5px 30px;
}
.fnav03{
	background: url("../../imges/floatbg.png") no-repeat scroll 0 -94px transparent;
	margin:5px 0;
	padding:5px 10px 5px 30px;
}
.fltNav a:link,.fltNav a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
.fltNav a:hover,.fltNav a:active,.fltNav a:focus{
	color:#FFFFFF;
	text-decoration:none;
}