/*
 * 网站主样式定义
 *
 */

/*==通用定义开始==*/
body, a {
	color: #333333;
	font-size: 12px;
}
/*==通用定义结束==*/

/*==布局相关定义开始==*/
.PBWrapper {
	width: 980px;
	margin: auto;
}
.PBMain {
	width: 761px;
	float: left;
}
.PBSide {
	width: 219px;
	float: right;
	height: auto!important;
	height: 700px;
	min-height: 700px;
	background: url(Images/bg_mainboxB.png) no-repeat left top;
}
/*==布局相关定义结束==*/

/*==局部定义开始==*/
.PBMainBorder {
	border-top: 1px solid #7fa2b8;
	padding: 1px 1px 0 2px;
	background: url(Images/bg_mainboxB.png) no-repeat left top;
}
.PBMainBox {
	height: auto!important;
	height: 700px;
	min-height: 700px;
	padding-bottom: 100px;
	background: url(Images/bg_mainbox.png) repeat-x top;
}
.ShowBox, .ShowBox2, .ShowBox3, .ShowBox4, .ShowBox5 {
	padding-top: 80px;
	background: url(Images/bg_showboxT.png) no-repeat left top;
}
.ShowBox2 {
	background-position: -1000px top;
}
.ShowBox3 {
	background-position: -2000px top;
}
.ShowBox4 {
	background-position: -3000px top;
}
.ShowBox5 {
	background-position: -4000px top;
}

.ShowBox h2, .ShowBox3 h2, .ShowBox4 h2, .ShowBox5 h2, #FeatureBox h2 {
	height: 37px;
	line-height: 37px;
	padding-left: 40px;
	font-size: 16px;
	font-weight: bolder;
	color: #004e76;
	background: url(Images/tag_showbox.png) no-repeat left top;
}
.ShowBox2 h2 {
	font-size: 14px;
	font-weight: bolder;
	height: 37px;
	line-height: 37px;
	padding-left: 45px;
	color: #007200;
	background: url(Images/icon_BiFuncion.gif) no-repeat 20px 9px;
}
.ShowBox2 h2 span {
	font-size: 12px;
	font-weight: normal;
}
.ShowBox2 blockquote, .ShowBox5 blockquote {
	border: 1px dashed #959595;
	background-color: #f9f9f9;
	margin: 5px 12px;
	line-height: 24px;
	padding: 15px 30px;
}
.ShowBox2 blockquote a, .ShowBox5 blockquote a {
	width: 140px;
	color: #666666;
	padding-left: 20px;
	display: inline-block;
	background: no-repeat left 13px;
}
.ShowBox2 blockquote a:hover, .ShowBox5 blockquote a:hover {
	color: #000000;
}
.ShowBox p, .ShowBox3 p, .ShowBox4 p, .ShowBox5 p {
	font-size: 13px;
	line-height: 20px;
	color: #555555;
	text-indent: 2em;
	padding: 20px 10px 0 24px;
}
.ShowBox5 p a {
	color: #ea6901;
	font-size: 14px;
	text-decoration: underline;
}
.ShowBox .imgStyle, .ShowBox3 .imgStyle {
	float: right;
	margin: 0 0 0 20px;
}
.ShowBox4 .imgStyle {
	float: left;
	margin-right: 20px;
}
#SwitchBox {
	width: 442px;
	height: 160px;
	margin: 10px 0px 0px 24px;
	background: url(Images/bg_switchbox.png) no-repeat left top;
}
#SwitchBox dt {
	width: 140px;
	float: left;
	display: inline;
	margin: 8px 0 0 5px;
	cursor: pointer;
	color: #0263ad;
	font-size: 12px;
	font-weight: bolder;
}
#SwitchBox dt span {
	display: block;
	height: 28px;
	line-height: 28px;
	margin-right: 10px;
	padding-left: 8px;
	border: 1px solid #c0d9e8;
	background: url(Images/tag_switch.gif) repeat-x top;
}
#SwitchBox dt.on {
	height: 30px;
	margin-top: 8px;
	color: #b32e00;
	background: url(Images/tag_switchOn.png) no-repeat right center;
}
#SwitchBox .on span {
	border: 0;
	height: auto;
	line-height: normal;
	padding-top: 7px;
	padding-bottom: 65px;
}
#SwitchBox .on .p1 {
	background: no-repeat center bottom;
}
#SwitchBox dd {
	float: right;
	width: 280px;
	display: inline;
	margin-right: 3px;
	/*height: 218px;*/
}
#SwitchBox .b1 {
	background: no-repeat right bottom;
}
#SwitchBox dd p {
	padding: 10px 10px 10px 0px;
	font-size: 12px;
	line-height: 20px;
}

#TipsBox {
	float: right;
	display: inline;
	margin-right: 14px;
		margin-top: 5px;
	width: 205px;
}
#TipsBox dt {
	height: 32px;
	line-height: 28px;
	padding-left: 15px;
	color: #6a6a6a;
	cursor: pointer;
	background: #ffffff url(Images/tag_tipsbox.png) repeat-x left -100px;
}
#TipsBox dt.on {
	color: #d15901;
	background-position: left 0px;
}

#FeatureBox {
	float: left;
	width: 520px;
}
#FeatureBox h2 {
	background-image: url(Images/tag_showbox2.png);
}
#FeatureBox dl {
	width: 487px;
	height: auto!important;
	height: 197px;
	min-height: 197px;
	border: 5px solid #f4f4f5;
	margin: 0px 0 0 0px;
	background: url(Images/bg_featurebox.png) no-repeat left top;
}
#FeatureBox dt {
	padding-left: 10px;
}
#FeatureBox dt span {
	color: #002851;
	font-size: 13px;
	float: left;
	height: 31px;
	width: 81px;
	line-height: 40px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	margin-left: 10px;
	font-weight: bolder;
}
#FeatureBox dt span.on {
	color: #f46700;
	background: url(Images/tag_featurebox.png) no-repeat left top;
}
#FeatureBox dd {
	clear: left;
}
#FeatureBox p {
	padding: 20px;
	line-height: 24px;
	color: #555555;
}
#FeatureBox .imgStyle {
	float: left;
}
/*功能列表*/
#FunctionList dl {
	padding: 20px 20px 20px 10px;
}
#FunctionList dt {
	height: 26px;
	padding-bottom: 2px;
	background: url(Images/divline_tit.png) no-repeat left bottom;
}
#FunctionList dt span {
	float: left;
	position: relative;
	overflow: hidden;
	height: 26px!important;
	height: 28px;
	width: 80px;
}
#FunctionList dt em {
	top: 0;
	left: 18px;
	position: absolute;
	color: #c3e2f3;
	font-size: 34px;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
}
#FunctionList dt strong {
	color: #014a6f;
	float: left;
	font-weight: bolder;
	font-size: 16px;
	padding-top: 8px;
}
#FunctionList dt .more, .loopbox .more, #box_knowledge .more {
	float: right;
	width: 52px;
	height: 28px;
	background: url(Images/bt_foldup.png) no-repeat right 10px;
}
#FunctionList dt .less, .loopbox .less, #box_knowledge .less {
	background-position:  right -90px;
}
#FunctionList dd {
	height: auto!important;
	height: 100px;
	min-height: 100px;
	font-family: "宋体";
}
.max {
	display: none;
}
#FunctionList dd li {
	float: left;
	display: inline;
	width: 30%;
	margin: 15px 0 0 20px;
}
#FunctionList dd h4 {
	padding-left: 20px;
	color: #ea6901;
	font-weight: bolder;
	line-height: 28px;
	background: url(Images/arrow_orange.gif) no-repeat left 8px;
}
#FunctionList dd p {
	padding-left: 20px;
	line-height: 22px;
	color: #014a6f;
}

#DetailBox {
	padding: 20px 10px;
}
#DetailBox dt {
	height: 44px;
	line-height: 44px;
	background: #d8d6d6 url(Images/bt_switchdetail.gif) repeat-x bottom;
}
#DetailBox span {
	color: #afbfcc;
	font-weight: bolder;
	font-size: 30px;
	cursor: pointer;
	padding: 0px 20px 0 15px;
	height: 39px;
	overflow: hidden;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
}
#DetailBox .on {
	color: #ffffff;
	padding-right: 15px;
	background-color: #455e7e;
}
#DetailBox em {
	font-family: "微软雅黑";
	font-size: 18px;
	display: none;
	vertical-align: middle;
	margin-left: 10px;
}
#DetailBox .on em {
	display: inline;
}
#DetailBox h3 {
	font-weight: bolder;
	font-size: 14px;
	color: #cc6600;
	padding-left: 40px;
	line-height: 28px;
	margin-top: 20px;
}
#DetailBox p {
	line-height: 18px;
	color: #666666;
	padding: 0 40px;
}
/*边栏*/
.SideTitleOn {
	height: 41px;
	line-height: 41px;
	padding-left: 40px;
	color: #ffffff;
	font-weight: bolder;
	background: url(Images/tag_sidebox.png) no-repeat left top;
}
.SideTitle a {
	display: block;
	color: #006bbe;
	height: 40px;
	line-height: 40px;
	padding-left: 40px;
	font-weight: bolder;
	background: url(Images/tag_sidetitle.png) no-repeat left top;
}
.SideLinks {
	padding: 20px 0;
	border-bottom: 1px solid #c4deed;
	background: url(Images/bg_sidelink.gif) repeat-y right;
}
.SideLinks a {
	display: block;
	height: 24px;
	padding-left: 60px;
	line-height: 24px;
}
.SideLinks a.on {
	background: url(Images/tag_sidelink.png) no-repeat left top;
}
.SideLinks hr {
	width: 50%;
	margin: 10px auto;
}
.SideLinks2 li {
	height: 45px;
	padding-left: 20px;
	margin-top: 4px;
	border: 1px solid #e2e2e2;
	border-left-color: #bbccd7;
	font-family: Tahoma, Geneva, sans-serif, "宋体";
	background: url(Images/bg_sidelink2.gif) repeat-x left bottom;
}
.SideLinks2 a {
	display: block;
	line-height: 22px;
	font-weight: bolder;
}

#switchFunction {
	margin: 15px 0 0 5px;
}
#switchFunction .tit {
	background: url(Images/bg_sfFunction.png) no-repeat right top;
	height: 44px;
	line-height: 44px;
}
#switchFunction .tit span {
	color: #666666;
	cursor: pointer;
	float: left;
	font-size: 14px;
	font-weight: bolder;
	text-align: center;
	width: 200px;
	padding-left: 15px;
}
#switchFunction .tit span.on {
	background: url(Images/tag_sfFunction.png) no-repeat left 2px;
	color: #ffffff;
}
#switchFunction .tit span.on2 {
	background: url(Images/tag_sfFunction.png) no-repeat left -98px;
	color: #ffffff;
}
#switchFunction .con {
	clear: left;
	height: auto!important;
	height: 100px;
	min-height: 100px;
}

.loopbox {
	margin-top: 20px;
	border-top: 1px dashed #cccccc;
	padding-top: 20px;
	float: left;
	overflow: hidden;
}
.loopbox li {
	width: 360px;
	float: left;
	display: inline;
	margin: 0 3px 12px 12px;;
}
.loopbox dl {
	border: 1px solid #dedede;
}
.loopbox dt {
	padding: 1px;
	border-bottom: 1px solid #dedede;
}
.loopbox dt span {
	background: url(Images/tag_loopbox.gif) repeat-x bottom;
	color: #4b4a4a;
	font-weight: bolder;
	height: 26px;
	line-height: 26px;
	padding-left: 12px;
	display: block;
}
.loopbox dt span em {
	color: #004585;
	font-size: 14px;
	font-weight: bolder;
}
.loopbox dd {
	padding: 6px 10px;
	height: auto!important;
	height: 80px;
	min-height: 80px;
	background-color: #f9f9f9;
}
.loopbox dd p {
	color: #666666;
	line-height: 22px;
	padding-top: 5px;
}
.loopbox dd .imgStyle {
	float: left;
	margin-right: 15px;
}

#box_knowledge {
	background: url(Images/bg_knowledge.png) no-repeat left top;
	height: auto!important;
	height: 200px;
	min-height: 200px;
	width: 503px;
	display: inline;
	float: left;
	margin: 20px 0 0 5px;
}
#box_knowledge dt {
	background: url(Images/icon_knowledge.gif) no-repeat 10px bottom;
	color: #017c0a;
	font-size: 14px;
	font-weight: bolder;
	height: 34px;
	line-height: 34px;
	padding-left: 60px;
}
#box_knowledge dt em {
	color: #333333;
	font-weight: bolder;
}
#box_knowledge dd {
	padding: 20px;
	line-height: 22px;
	color: #666666;
}

.tipsbox2 {
	background: #f9fcf7 url(Images/bg_tipsbox2.png) repeat-x bottom;
	border: 1px solid #dde7d4;
	display: inline;
	float: right;
	height: auto!important;
	height: 200px;
	min-height: 200px;
	margin: 20px 6px 0 0;
	width: 220px;
}
.tipsbox2 ul {
	padding: 5px 8px;
	line-height: 24px;
}
.tipsbox2 a {
	color: #02689d;
}
.tipsbox2 em {
	color: #ff6600;
}
.sideTips {
	background: url(Images/bg_sideTips.png) repeat-y -1000px top;
	float: right;
	width: 209px;
	margin-top: 10px;
	overflow: hidden;
}
.sideTips dt {
	background: url(Images/tag_sideTips.png) no-repeat left top;
	color: #ffffff;
	font-weight: bolder;
	height: 24px;
	line-height: 24px;
	text-align: center;
}
.sideTips dd {
	padding: 15px 15px 20px;
	line-height: 22px;
	background: url(Images/bg_sideTips.png) no-repeat left bottom;
}
.tipsbox3 {
	background: #f9fcf7 url(Images/bg_tipsbox2.png) repeat-x bottom;
	border: 1px solid #dde7d4;
	display: inline;
	float: right;
	height: auto!important;
	height: 180px;
	min-height: 198px;
	margin: 43px 6px 0 0;
	width: 220px;
}
.tipsbox3 ul {
	padding: 5px 8px;
	line-height: 24px;
}
.tipsbox3 a {
	color: #02689d;
}
.tipsbox3 em {
	color: #ff6600;
}

.PBTop {
	background: url(Images/bt_foldup.png) no-repeat right -190px;
	width: 52px;
	height: 28px;
	float: right;
	margin-right: 10px;
}
.ShowBox6 {
background:transparent url(Images/tag_functionCompare.png) no-repeat scroll left top;
padding-top:80px;
}
.ShowBox7 {
background:transparent url(Images/tag_functionCompareSF.png) no-repeat scroll left top;
padding-top:80px;
}
.ShowBox8 {
background:transparent url(Images/tag_functionCompareSB.png) no-repeat scroll left top;
padding-top:80px;
}
/*==局部定义结束==*/