@charset "utf-8";
/* CSS Document */
body {
	padding:0;
	margin:-12px 0;
	*margin:0 0 50px 0;
	font:normal 12px/180% Arial;
	color:#333;
}
/* --------------------- header ------------------*/
#header {
	height:46px;
	background:url(../images/ec_topbarBg.jpg) repeat-x top left;
}
#header .topinner {
	width:908px;
	margin:0 auto;
	text-align:left;
}
#header .topinner .logo {
	height:46px;
	margin-top:-20px;
	*margin-top:-27px; /* IE7 */
}
#header .topinner .logo a {
	width:245px;
	display:block;
	text-decoration:none;
}
#header .topinner img {
	border:none;
}
#header .topinner ul {
	list-style-type:none;
	padding-top:12px;
}
#header .topinner ul li {
	float:right;
	color:#fff;
}
#header .topinner ul li a {
	margin:0 12px;
	font-family:Verdana;
}
#header .topinner a:link, .topinner a:visited {
	color:#FFF;
	text-decoration:none;
}
#header .topinner a:hover, .topinner a:active {
	color:#FFF;
	text-decoration:underline;
}

/* --------------------- main ----------------------- */
#main {
	width:906px;
	margin:0 auto;
	text-align:left;
	color:#166C9D;
	font:normal 12px/180% Arial;
}
#main .banner {
	height:248px;
	margin:20px auto 0 auto;
	background-image:url(../images/banner.jpg);
}
#main .banner a {
	position:absolute; 
	width:135px; 
	height:40px;
	margin-top:170px;
	margin-left:709px;
}
#main .banner a:link, .banner a:visited {
	background:url(../images/btn_download.jpg) no-repeat top left;
}
#main .banner a:hover, .banner a:active {
	background:url(../images/btn_download.jpg) no-repeat bottom left;
}
#main .banner .ecsoft {
	 position:absolute; 
	 margin-left:692px;
	 margin-top:210px; 
	 font-size:13px; 
	 color:#FFF;
}
#main .ec_intro {
/*	padding:10px 10px 20px 10px;   */
/*	*padding:20px 50px 20px 50px;  /* IE7 */
/*	_padding:10px 15px 20px 15px;  /* IE6 */
}
#main .ec_intro h3 {
	color:#f90;
	font-size:20px;
	font-family:"SimHei";
	font-weight:bold;
	margin-left:10px;
}
#main .special1 {
	clear:both;
	width:453px;
	float:left;
	background-color:#f1fcec;
	overflow:hidden;
	height:320px;
	*height:300px;
	*padding-top:20px;
	_height:300px;  /* IE6 */
}
#main .special2 {
	float:right;
	width:453px;
	background-color:#f1fdfd;
	height:320px;
	*height:300px;
	overflow:hidden;
	*padding-top:20px;
	_height:300px;  /* IE6 */
}
#main .ec_intro ul li a:link, #main .ec_intro ul li a:visited {
	display:block;
	width:50px;
	color:#166C9D;
	background:url(../images/small_icon.gif) no-repeat 0 0;
	padding-left:19px;
	text-decoration:underline;
}
#main .ec_intro ul li a:hover, #main .ec_intro ul li a:active {
	text-decoration:none;
}
#main .ec_intro .ec_ul1 {
	list-style-type:none;
	margin:0;
}
#main .ec_intro .ec_ul1 li {
	text-indent:2em;  
	padding-right:20px;
	*padding-left:20px;
}
#main .ec_intro .ec_ul2 {
	list-style-type:none;
	float:left;
	width:350px;
	*width:360px; /* IE7 */
	margin-left:0;
	*margin-left:20px;  /* IE7 */
	margin-right:10px;
	*margin-right:30px; /* IE7 */
}
#main .ec_intro .ec_ul2 .ec_li {
	font-size:16px; 
	color:#333;
	font-family:"SimSun";
	height:100px;
}
#main .ec_intro .ec_ul2 .ec_li b {
/*	background:url(../images/list.gif) no-repeat left center; */
	padding-left:1em;
/*	margin-left:-1em; */
}
#main .ec_intro .ec_ul2 .ec_li .ul2 {
	margin-left:-20px;
	*margin-left:2em; /* IE7 */
	list-style:square;
}
#main .ec_intro .ec_ul2 .ec_li .ul2 li {
	font-size:12px;
	color:#31d0cb;
}
#main .ec_intro .ec_ul3 {
	margin-left:10px;
	padding:0 5px;
}
#main .ec_intro .ec_ul3 li {
	margin:15px 5px;
}
.dot {
	background:url(../images/list_icon.jpg) no-repeat 0 5px;
	padding-left:2em;
}
#main .adver {
	border-top:1px dashed #ccc;
	text-align:center;
	padding:20px 0 20px;
	color:#0086A2;
	clear:both;
}
#main .adver img {
	vertical-align:middle;
	margin:0 5px 0 30px;
}
/* -------------------- footer ---------------------- */
#footer {
	clear:both;
	width:906px;
	margin:0 auto 50px auto;
	*height:30px;
	background:url(../images/ec_footerBg.jpg) no-repeat 0 bottom;
}
#footer .copyrt {
	color:#166C9D;
	line-height:30px;
	padding-right:30px;
	text-align:center;
}
#footer .copyrt a:link, #footer .copyrt a:visited {
	color:#166c9d;
	text-decoration:none;
}
#footer .copyrt a:hover, #footer .copyrt a:active {
	color:#166c9d;
	text-decoration:underline;
}
/* ------------------- featureTips ----------------- */
.featureTips {
	position:absolute;
	filter:alpha(opacity=0);
	display:none;
	padding-top:2px;
	opacity:0;
}
.featureTips .bg {
	padding:0 2px;
	background:#e7eff2;
}
.featureTips .case {
	padding:1px;
	border:#bce7fd 1px solid;
	position:relative;
	background:#fff;
	top:-2px;
	margin-top:10px;
}
.featureTips .caseBg {
	padding:5px;
	background:#eef6fc;
}

.feature {
	background:url(../../images/ec_feature.jpg) no-repeat 0 0;
	height:288px;
	z-index:0;
	position:relative;
}
.feature a {
	display:block;
	padding:2px 10px;
	width:225px;
	color:#3cbbb2;
}
.feature a:link, .feature a:visited {
	border:1px solid #f8e425; 
	text-decoration:none;
}
.feature a:hover, .feature a:active {
	border:#bce7fd 1px solid;
	text-decoration:none;
	background-color:#eef6fc;
}
.feature .preview_1 {
	float:left;
	margin-left:20px;
	_margin-left:10px; /* IE6 */
	margin-top:27px;
}
.feature .preview_2 {
	float:left;
	clear:left;
	margin-top:53px;
	margin-top:54px\0; /* IE8 */
	*margin-top:55px; /* IE7 */
	margin-left:20px;
	_margin-left:10px; /* IE6 */
}
.feature .preview_3 {
	float:right;
	clear:both;
	margin-top:-152px;
	margin-top:-151px\0; /* IE8 */
	*margin-top:27px;  /* IE7 */
	margin-right:19px;
	_margin-right:10px; /* IE6 */
}
.feature .preview_4 {
	float:right;
	clear:both;
	margin-top:-50px;
	margin-top:-49px\0; /* IE8 */
	*margin-top:55px; /* IE7 */ 
	margin-right:19px;
	_margin-right:10px; /*IE6 */
}