@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/main_bg.gif) 0 0 repeat-x #fff;
	color:#333;
	font-size:12px;

}
.center{
text-align:center;
}
a:link {
	color: #333333;
	text-decoration: none;
	
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #ff0000;
}
a:active {
	text-decoration: none;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
li{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/
#top1{
	width:990px;
	margin:0 auto;	
}
#top{
	width:990px;
	margin:0 auto;
	background:url(../images/top_bg.gif) 0 0 repeat-x;
	height:60px;
	padding:10px 0 0 0;
}
#top a.bookmark{
	display:block;
	background:url(../images/uni_03.gif) 0 0 no-repeat;
	width:334px;
	height:34px;
	padding:0 0 0 0px;
	font:bold 11px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	float:left;
	margin:0 10px 0 0;
}
#top a.bookmark:hover{
	color:#000;
	background-color:inherit;
}
#top p.topTxt0{
	float:right;
	font: 12px/22px Arial, Helvetica, sans-serif;
	color:#404040;
	background-color:inherit;	
	margin:0;
	
	display:block;
	width:115px;
	text-align:right;
}
#top p.topTxt0 span{
	font:normal 11px/22px Arial, Helvetica, sans-serif;
	color:#66838F;
	background-color:inherit;
}
#top p.topTxt1{
	float:left;
	font:bold 11px/22px Arial, Helvetica, sans-serif;
	color:#404040;
	background-color:inherit;
	background:url(../images/bullet1.gif) 301px 6px no-repeat;
	margin:0 127px 0 0;
	display:block;
	width:313px;
}
#top p.topTxt1 span{
	font:normal 11px/22px Arial, Helvetica, sans-serif;
	color:#66838F;
	background-color:inherit;
}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	width:640px;
	float:right;
	
}
#header ul{
	width:600px;
	height:45px;	
	background:url(../images/dh_01.gif)0 0 repeat-x;		
	float:left;
}
#header ul li{
	float:left;
	margin:0 0px 0 0;
	display:block;
	font-size:0;
	line-height:0;

}
#header ul li a{
	display:block;
	font-size:14px;
	font-family:"黑体";
	color:#fff;
	font-weight:bold;
}
#header ul li a.signup{
	background:url(../images/signup.gif) 0 0 no-repeat;
	width:99px;
	height:221px;
}
#header ul li a.signup:hover{
	background:url(../images/signup_hover.gif) 0 0 no-repeat;
}
#header ul li a.idea{
	background:url(../images/idea.gif) 0 0 no-repeat;
	width:99px;
	height:221px;
}
#header ul li a.idea:hover{
	background:url(../images/idea_hover.gif) 0 0 no-repeat;
}
#header ul li a.freeReg{
	background:url(../images/free_registration.gif) 0 0 no-repeat;
	width:267px;
	height:221px;
}
#header ul li a.freeReg:hover{
	background:url(../images/free_registration_hover.gif) 0 0 no-repeat;
}
#header ul li a.comments{
	background:url(../images/comments.gif) 0 0 no-repeat;
	width:99px;
	height:221px;
}
#header ul li a.comments:hover{
	background:url(../images/comments_hover.gif) 0 0 no-repeat;
}
#header ul li a.special{
	background:url(../images/special.gif) 0 0 no-repeat;
	width:99px;
	height:221px;
}
#header ul li a.special:hover{
	background:url(../images/special_hover.gif) 0 0 no-repeat;
}
#headLeft{
	width:20px;
	background:url(../images/dh_03.gif) 0 0 repeat-x;
	height:45px;
	padding:0px 0 0 0;
	float:left;
}
#headLeft img.logo{
	display:block;
	font-size:0;
	line-height:0;
	margin:0 0 30px 13px;
	border:none;
}
#headLeft img.slogan1{
	display:block;
	font-size:0;
	line-height:0;
	margin:0 0 0 18px;
}
#headRight{
	width:20px;
	background:url(../images/dh_23.gif) 0 0 repeat-x;
	height:45px;
	padding:0;
	float:right;
}
#headRight img.offer{
	display:block;
	font-size:0;
	line-height:0;
	margin:0 0 0px 0;
	border:none;
}
#headRight img.slogan2{
	display:block;
	font-size:0;
	line-height:0;
	margin:0 0 0 12px;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------nav--------------------*/
#nav{
	width:640px;
	height:45px;
	background:url(../images/dh_01.gif) 0 0 repeat-x;	
	margin:0;
	padding:0 0 0 0px;
	font-family:"黑体";　　
}
#nav ul{
	height:45px;
	padding-top:0px;
}
#nav ul li{
	float:left;	
	height:45px;

}
#nav ul li.bdr{
    width:11px;
	height:45px;
	background:url(../images/dh_09.gif) 0 0 no-repeat;
}
#nav ul li a{
	display:block;
	padding:7px 0px 0 0px;
	font:14px/24px "黑体", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	width:60px;
	text-align:center;
}
#nav ul li.jishu a{
width:75px;
}
#nav ul li.jishu a:hover{
width:75px;
height:45px;
}
#nav ul li a:hover{
	background:url(../images/dhd_01.gif) 0 0 no-repeat;
	width:60px;
	height:45px;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	font:14px/24px "黑体",Arial, Helvetica, sans-serif;
	display:block;
	text-align:center;

}
ul.nav_dh{list-style: none;clear: left;float: left;padding: 0px;}
ul.nav_dh li{float:left;line-height:45px;}
ul.nav_dh li a{float: left;text-decoration: none;}
ul.nav_dh li a span{float: left;display: block;height: 45px;}
ul.nav_dh li a.current {background: url(images/dhd_01.gif) no-repeat top right;color: #fff; font-weight:bold;}
ul.nav_dh li a.current span {background: url(images/dhd_01.gif) no-repeat top left;}
ul.nav_dh li a:hover {background: url(images/dhd_01.gif) no-repeat top right;color: #fff;}
ul.nav_dh li a:hover span {background: url(images/dhd_01.gif) no-repeat top left;}
/*------------------------------------------------nav--------------------*/

/*------------------------------------------------banner--------------------*/
#white{
	width:990px;
	margin:0 auto;
}
#white p.download{
	display:block;
	width:355px;
	background:url(../images/software_box.gif) 0 0 no-repeat;
	padding:15px 0 0 77px;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	color:#CB7700;
	background-color:inherit;
	float:left;
	margin:0 14px 0 0;
	height:65px;
}
#white p.download a{
	font:bold 27px/27px Arial, Helvetica, sans-serif;
	color:#353535;
	background-color:inherit;
	text-decoration:none;
}
#white p.download a:hover{
	color:#3B9AC9;
	background-color:inherit;
}
#white p.txt1{
	display:block;
	width:366px;
	background:url(../images/arrow_shadow.gif) 0 0 no-repeat;
	padding:20px 0 0 44px;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#727345;
	background-color:inherit;
	float:left;
}
#white p.txt1 a{
	color:#287DA8;
	background-color:inherit;
	text-decoration:underline;
}
#white p.txt1 a:hover{
	text-decoration:none;
}
#white p.dn{
	display:block;
	background:url(../images/download.gif) 0 0 no-repeat;
	width:55px;
	height:36px;
	float:right;
	margin:13px 0 0 0;
	padding:20px 0 0 0;
	text-align:center;
}
#white p.dn a{
	font:normal 9px/12px Arial, Helvetica, sans-serif;
	color:#0F0F0F;
	background-color:inherit;
	text-decoration:none;
}
#white p.dn a:hover{
	color:#CC0000;
	background-color:inherit;
}
#whitesec{
    width:990px;
	margin:0 auto;
	height:163px;
	background:url(../images/sec_03.gif) 0 0 no-repeat
}
/*------------------------------------------------white--------------------*/

/*------------------------------------------------black--------------------*/
#black{
	width:988px;
	height:27px;
	margin:5px auto 0px auto;	
	padding:0px 0px 0px 0px;
	background:url(../images/uni_07.gif) 0 0 repeat-x;
	line-height:27px;
	border:1px solid #ccc;
}
#blackLeft{
	width:100px;
	float:left;	
	padding:0 10px 0 11px;
	font:bold 14px/25px Arial, Helvetica, sans-serif;
	color:#ff7200;
	border-right:1px solid #ccc
}
#blackLeft h2{
	display:block;
	background:url(../images/icon1.gif) 0 4px no-repeat;
	padding:0 0 20px 26px;
	font:bold 23px/23px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#blackLeft p.blackTxt1{
	display:block;
	padding:0 0 3px 0;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#9F9F9F;
	background-color:inherit;
}
#blackLeft p.blackTxt1 b{
	color:#C6C885;
	background-color:inherit;
	font-weight:bold;
}
#blackLeft p.blackTxt1 a{
	color:#63BBE7;
	background-color:inherit;
	text-decoration:underline;
}
#blackLeft p.blackTxt1 a:hover{
	text-decoration:none;
}
#blackLeft p.rm{
	width:75px;
	height:21px;
	text-align:center;
	margin:0 0 0 526px;
	background:url(../images/read_more.gif) 0 0 no-repeat;
}
#blackLeft p.rm a{
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#blackLeft p.rm a:hover{
	color:#000;
	background-color:inherit;
}
#blackRight{
	width:850px;
	float:right;
}
#blackRight a{
	font:normal 12px/30px Arial, Helvetica, sans-serif;
	color:#333;
	background-color:inherit;
	text-decoration:none;
}
#blackRight a:hover{
	color:#ff0000;
	background-color:inherit;
}
/*------------------------------------------------black--------------------*/

/*------------------------------------------------bot--------------------*/
#bot{
	width:990px;
	margin:5px auto 5px auto;	
	padding:0 0px 0 0;
}
#news{
	width:485px;
	height:144px;
	float:left;
	background:url(../images/uni_11.gif) 0 0 repeat-y;
}
#news span{
	display:block;	
	padding:4px 0 4px 450px;
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	color:#404040;
	background-color:inherit;
}
#news span img{
	display:block;	
	padding:10px 0 10px 0;
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	color:#404040;
	background-color:inherit;
}
#news ul{
	padding:0;
}
#news h1{
	display:block;
	width:159px;
	height:100px;
	padding:0px 0 4px 0px;
	font:normal 12px/30px Arial, Helvetica, sans-serif;
	color:#1260a4;
	background-color:inherit;
	margin:2px 0 0 2px;
	float:left;
	text-align:center;
	border-right:1px #ccc solid;
}
#news h1 a{color:#1260a4;}
#news h2 a{color:#1260a4;}
#news h3 a{color:#1260a4;}
#news h1 li a{color:#333333;}
#news h2 li a{color:#333333;}
#news h3 li a{color:#333333;}
#news h1 li{
	display:block;
	font:normal 12px/30px Arial, Helvetica, sans-serif;
	color:#333;
	background:url(../images/icon2.gif) 1px no-repeat;
	text-align:left;
	padding-left:6px;
	height:30px;
}
#news h2{
	display:block;
	width:158px;
	height:100px;
	padding:0px 0 4px 2px;
	font:normal 12px/30px Arial, Helvetica, sans-serif;
	color:#1260a4;
	background-color:inherit;
	margin-top:2px;
	float:left;
	text-align:center;
	border-right:1px #ccc solid;
}
#news h2 li{
	display:block;
	padding:0px;
	font:normal 12px/30px Arial, Helvetica, sans-serif;
	color:#333;
	background:url(../images/icon2.gif) 1px no-repeat;
	text-align:left;
	padding-left:6px;
	height:30px;
}
#news h3{
	display:block;
	width:158px;
	height:100px;
	padding:0px 0 4px 0;
	font:normal 12px/30px Arial, Helvetica, sans-serif;
	color:#1260a4;
	background-color:inherit;
	margin:2px 2px 0 0;
	float:right;
	text-align:center;
}
#news h3 li{
	display:block;
	padding:0px;
	font:normal 12px/30px Arial, Helvetica, sans-serif;
	color:#333;
	background:url(../images/icon2.gif) 1px no-repeat;
	text-align:left;
	padding-left:6px;
	height:30px;
}
#right{
	width:503px;
	float:right;
}
#test{
	width:275px;
	height:144px;
	float:left;
	margin:0 4px;	
	background:url(../images/uni_13.gif) 0 0 no-repeat;
}
#test span{
	display:block;	
	padding:4px 0 4px 240px;
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	color:#404040;
	background-color:inherit;
}
#test span img{
	display:block;	
	padding:10px 0 10px 0;
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	color:#404040;
	background-color:inherit;
}
#test h2{
	display:block;
	background:url(../images/testimonial_icon.gif) 0 0 no-repeat;
	padding:0 0 20px 51px;
	font:normal 25px/29px Arial, Helvetica, sans-serif;
	color:#404040;
	background-color:inherit;
}
#test h3{
	display:block;
	width:278px;
	padding:0 0 12px 0;
	font:normal 18px/22px Arial, Helvetica, sans-serif;
	color:#CB7700;
	background-color:inherit;
	margin:0;
}
#test ul{
	padding:0;
	margin-left:84px;
	margin-right:4px;
}
#test ul li{
	display:block;
	background:url(../images/icon1.gif) 0px 8px no-repeat;
	padding:0 0px 3px 10px;
	font:normal 12px/22px Arial, Helvetica, sans-serif;
	color:#1260a4;
	background-color:inherit;
	border-bottom:1px solid #e4e4e4;
}
#test ul li.red2{
	display:block;
	padding:0 10px 9px 0;
	font:bold 11px/11px Arial, Helvetica, sans-serif;
	color:#CC0000;
	background-color:inherit;
	background-image:none;
	text-align:right;
	
}
#high{
	width:212px;
	height:144px;
	float:right;	
	background:url(../images/uni_15.gif) 0 0 no-repeat;
}
#high h2{
	display:block;
	background:url(../images/highlight_icon.gif) 0 0 no-repeat;
	padding:0 0 20px 51px;
	font:normal 25px/29px Arial, Helvetica, sans-serif;
	color:#404040;
	background-color:inherit;
}
#high h3{
	display:block;
	width:278px;
	padding:0 0 12px 0;
	font:normal 18px/22px Arial, Helvetica, sans-serif;
	color:#CB7700;
	background-color:inherit;
	margin:0;
}
#high ul{
	padding:0;
	margin:40px 4px 4px 84px;	
}
#high ul li{
	display:block;
	background:url(../images/icon3.gif) 0 6px no-repeat;
	padding:0 0px 0 8px;
	border-bottom:1px #e4e4e4 solid;
}
#high ul li a{
	color:#287DA8;
	background-color:inherit;
	text-decoration:underline;
	font:normal 12px/22px Arial, Helvetica, sans-serif;
}
#high ul li a:hover{
	text-decoration:none;
	color:#000;
	background-color:inherit;
}
/*------------------------------------------------bot--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:988px;
	margin:0 auto;	
	height:100px;
	border-left:#ccc solid 1px;
	border-top:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-bottom:#1260a4 solid 2px;
	background:#efefef;
}
#footer ul.link1{
	width:768px;
	padding:2px 0 2px 220px;
	height:25px;
	background:#e6e6e6;
	text-align:center;
}
#footer ul.link1 li{
	font:normal 12px/23px Arial, Helvetica, sans-serif;
	color:#333;
	background-color:inherit;
	float:left;
}
#footer ul.link1 li a{
	display:block;
	padding:0 6px;
	color:#333;
	background-color:inherit;
	text-decoration:none;
	float:left;
	font:normal 12px/25px Arial, Helvetica, sans-serif;
}
#footer ul.link1 li a:hover{
	color:#fff;
	background-color:#1260a4;
}
#footer p.copy{
	width:700px;
	margin:0 auto;
	padding:0;
	font:normal 12px/23px Arial, Helvetica, sans-serif;
	color:#333;
	background-color:inherit;
	text-align:center;
}
#footer ul.link2{
	width:197px;
	margin:0 auto;
	height:21px;
}
#footer ul.link2 li.xhtml{
	display:block;
	background:url(../images/xhtml_bg.gif) 0 0 no-repeat;
	width:95px;
	height:21px;
	float:left;
	text-align:center;
}
#footer ul.link2 li.css{
	display:block;
	background:url(../images/xhtml_bg.gif) 0 0 no-repeat;
	width:95px;
	height:21px;
	float:right;
	text-align:center;
}
#footer ul.link2 li a{
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	color:#A30000;
	background-color:inherit;
	text-decoration:none;
	text-transform:uppercase;
}
#footer ul.link2 li a:hover{
	color:#000;
	background-color:inherit;
}
#footer p.design{
	width:170px;
	margin:0 auto;
	padding:10px 0 0 0;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#3CA0D3;
	background-color:inherit;
}
#footer p.design a{
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	padding:2px;
}
#footer p.design a:hover{
	color:#fff;
	background-color:#A30000;
}	
/*------------------------------------------------footer--------------------*/
/* 表单 */
form{margin:20px;}
label{padding:0;margin:0;line-height:20px;}
fieldset{border:1px solid #ccc;padding: 2px;}
legend{color: #333;font-weight:bold;}
form ul{margin-top:0;margin-right:0;margin-bottom:0;font-size:12px;}
form li{display:inline;padding:0; float:left;margin-left:10px;font-size:12px;}
form li textarea{margin-left:expression(true?"0px":"0");}
form li.col-1{margin-left:0px;}
form span{height:30px;line-height:30px;padding-top:20px;}

input,textarea,select{
    font-family: "tahoma", "宋体"; 
	FONT-SIZE:12px;  
	color:#333; 
}
select{    
	background-color:#fff;
	border:1px solid #ccc;
}
input {
    border:expression((this.type=="text"||this.type=="password")?"1px solid #ccc":"style");
	height:expression((this.type=="text"||this.type=="password")?"20px":"style");
	width:expression((this.type=="text"||this.type=="password")?"100px":"style");	
	background-image:expression((this.type=="text"||this.type=="password")?"":"none");
	background-color:expression((this.type=="text"||this.type=="password")?"#fff":"");
}
input[type="text"],input[type="password"]{
    border:1px solid #ccc;
	height:20px;
	width:100px;
	line-height:20px;
	
}
input.btn { 
    font-size:12px; 
    font-style: normal ;
    color: #000000; 
    border: 1px solid #cccccc;
    background-color: #ffffff; 
    cursor: hand;
	height:24px;
    line-height:24 px;
	background:url(../images/bg_btn.gif);
	padding:0 4px;	
	margin: 2px;
	cursor: pointer;
}
textarea{ 
    border:1px solid #ccc;	
    padding:0;
    scrolling:auto;
}
form .valin{vertical-align:top;}