/* CSS Document */

body{
	padding:0px;
	margin:0px;
	font-family:"微软雅黑";
	background:url(../images/visual_wrap_bg.jpg) no-repeat center top #fff;
	color:#000;
	font-size:12px;
}
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;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:950px;
	margin:0 auto;
	padding:0 0 10px 0;
	
	
}
/*------------------------------------------------left--------------------*/
#left{
	width:296px;
	float:left;
	background:url(../images/left_bg.gif) 0 0 no-repeat;
	padding:210px 0 0 0;
}
#left img.logo{
	display:block;
	font-size:0;
	line-height:0;
	margin:0 0 0 23px;
}
#left h2.service{
	display:block;
	background:url(../images/left_head_bg1.gif) 0 0 no-repeat;
	width:208px;
	height:41px;
	padding:0 35px 0 45px;
	font:bold 15px/41px "微软雅黑";
	color:#3E3E3E;
	background-color:inherit;
}
#left h2.service span.one{
	margin:0 0 0 0;
	width:28px;
	font:bold 10px/16px "Trebuchet MS", "微软雅黑";
	color:#fff;
	background-color:inherit;
	height:16px;
	float:right;
}
#left ul.leftLink{
	width:271px;
	background-color:#F4F4F4;
	color:#000;
	border-left:#E1E1E1 solid 1px;
	border-right:#E1E1E1 solid 1px;
	padding:10px 5px 10px 10px;
}
#left ul.leftLink li{
	line-height:0;
	font-size:0;
}
#left ul.leftLink li a{
	display:block;
	background:url(../images/arrow.gif) 0 9px no-repeat;
	font:normal 12px/23px "微软雅黑";
	color:#3E3E3E;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 0 13px;
}
#left ul.leftLink li a:hover{
	color:#3E3E3E;
	background-color:#ECE8E8;
}
#left h2.mem{
	display:block;
	background:url(../images/left_head_bg1.gif) 0 0 no-repeat;
	width:209px;
	height:41px;
	padding:0 34px 0 45px;
	font:bold 14px/41px "微软雅黑";
	color:#3E3E3E;
	background-color:inherit;
}
#left h2.mem span.two{
	margin:0 0 0 0;
	width:20px;
	font:normal 8px/16px "微软雅黑";
	color:#fff;
	background-color:inherit;
	background:url(../images/add_icon.gif) 0 3px no-repeat;
	height:16px;
	float:right;
	padding:0 0 0 9px;
	text-transform:uppercase;
}
#left form{

}

#left form input.txtBox{
	width:240px;
	height:23px;
	border:#D4D0C8 solid 1px;
	background-color:#fff;
	color:#000;
	float:left;
}
.txtBoxCode{
	width:150px;
	height:23px;
	border:#D4D0C8 solid 1px;
	background-color:#fff;
	color:#000;
	float:left;
}
#left form label.black{
	display:block;
	width:242px;
	font:normal 12px/25px "微软雅黑";
	color:#000;
	background-color:inherit;
	float:left;
}
#left form input.chk{
	width:13px;
	height:13px;
	margin:10px 10px 0 0;
	float:left;
}
#left form label.green{
	display:block;
	width:84px;
	font:bold 12px/13px "微软雅黑";
	color:#7C8E05;
	background-color:inherit;
	float:left;
	margin:10px 0 0 0;
}
#left form input.login{
	background:url(../images/btn_login.gif) 0 0 no-repeat #F4F4F4;
	width:72px;
	height:20px;
	font:bold 12px/20px "微软雅黑";
	color:#fff;
	border:none;
	cursor:pointer;
	float:right;
	margin:10px 0 0 0;
}
#left ul.leftLink2{
	width:254px;
	background-color:#F4F4F4;
	color:#000;
	border-left:#E1E1E1 solid 1px;
	border-right:#E1E1E1 solid 1px;
	padding:10px 17px 10px 15px;
}
#left ul.leftLink2 li{
	font-size:0;
	line-height:0;
}
#left ul.leftLink2 li a.pro1{
	display:block;
	background:url(../images/red_juice.gif) 0 0 no-repeat;
	width:254px;
	height:89px;
	font-size:0;
	line-height:0;
	margin:0 0 10px 0;
}
#left ul.leftLink2 li a.pro1:hover{
	background:url(../images/red_juice_hover.gif) 0 0 no-repeat;
}
#left ul.leftLink2 li a.pro2{
	display:block;
	background:url(../images/left_bot_link.gif) 0 0 no-repeat;
	width:254px;
	height:89px;
	font-size:0;
	line-height:0;
	margin:0 0 10px 0;
}
#left ul.leftLink2 li a.pro2:hover{
	background:url(../images/left_bot_link_hover.gif) 0 0 no-repeat;
}
#left ul.leftLink2 li a.pro3{
	display:block;
	background:url(../images/red_juice1.gif) 0 0 no-repeat;
	width:254px;
	height:89px;
	font-size:0;
	line-height:0;
	margin:0 0 10px 0;
}
#left ul.leftLink2 li a.pro3:hover{
	background:url(../images/red_juice1_hover.gif) 0 0 no-repeat;
}
#left ul.leftLink2 li a.pro4{
	display:block;
	background:url(../images/red_juice2.gif) 0 0 no-repeat;
	width:254px;
	height:89px;
	font-size:0;
	line-height:0;
	margin:0 0 10px 0;
}
#left ul.leftLink2 li a.pro4:hover{
	background:url(../images/red_juice2_hover.gif) 0 0 no-repeat;
}
#left ul.leftLink2 li a.pro5{
	display:block;
	background:url(../images/red_juice3.gif) 0 0 no-repeat;
	width:254px;
	height:89px;
	font-size:0;
	line-height:0;
	margin:0 0 10px 0;
}
#left ul.leftLink2 li a.pro5:hover{
	background:url(../images/red_juice3_hover.gif) 0 0 no-repeat;
}

/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:654px;
	float:right;
	font-size:12px;
	line-height:20px;
	background-color:#fff;
}
#right ul.topLink{
	width:654px;
	height:208px;
	padding:0;
	margin:0 0 2px 0;
	font-size:0;
	line-height:0;

}
#right ul.topLink li{
	float:left;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	display:block;
}
#right ul.topLink li a.service{
	display:block;
	background:url(../images/featured_service_pic.gif) left bottom no-repeat;
	width:251px;
	height:200px;
	padding:8px 4px 0 0;
	text-decoration:none;
	font:bold 18px/18px "微软雅黑";
	color:#3e3e3e;
	background-color:inherit;
	text-align:right;
}
#right ul.topLink li a.service:hover{
	background:url(../images/featured_service_pic_hover.gif) left bottom no-repeat;
	color:#2d598c;
	background-color:inherit;
}
#right ul.topLink li a.service span.nor{
	font:normal 11px "微软雅黑";
	color:#888888;
	background-color:inherit;
	display:block;
	margin:4px 0 0 0;
}
#right ul.topLink li a.faq{
	display:block;
	background:url(../images/faq_pic.gif) left bottom no-repeat;
	width:165px;
	height:196px;
	padding:12px 4px 0 0;
	text-decoration:none;
	font:bold 18px/12px "微软雅黑";
	color:#3e3e3e;
	background-color:inherit;
	text-align:right;
}
#right ul.topLink li a.faq:hover{
	background:url(../images/faq_pic_hover.gif) left bottom no-repeat;
	color:#882726;
	background-color:inherit;
}
#right ul.topLink li a.faq span.nor2{
	font:normal 11px "微软雅黑";
	color:#888888;
	background-color:inherit;
	display:block;
	margin:6px 0 0 0;
}
#right ul.topLink li a.solution{
	display:block;
	background:url(../images/solution_pic.gif) left bottom no-repeat;
	width:126px;
	height:196px;
	padding:12px 4px 0 0;
	text-decoration:none;
	font:bold 18px/12px "微软雅黑";
	color:#3e3e3e;
	background-color:inherit;
	text-align:right;
}
#right ul.topLink li a.solution:hover{
	background:url(../images/solution_pic_hover.gif) left bottom no-repeat;
	color:#696954;
	background-color:inherit;
}
#right ul.topLink li a.solution span.nor3{
	font:normal 11px "微软雅黑";
	color:#888888;
	background-color:inherit;
	display:block;
	margin:6px 0 0 0;
}
#right ul.topLink li a.policy{
	display:block;
	background:url(../images/policy_pic.gif) left bottom no-repeat;
	width:96px;
	height:196px;
	padding:12px 4px 0 0;
	text-decoration:none;
	font:bold 18px/12px "微软雅黑";
	color:#3e3e3e;
	background-color:inherit;
	text-align:right;
}
#right ul.topLink li a.policy:hover{
	background:url(../images/policy_pic_hover.gif) left bottom no-repeat;
	color:#536498;
	background-color:inherit;
}
#right ul.topLink li a.policy span.nor4{
	font:normal 11px "微软雅黑";
	color:#888888;
	background-color:inherit;
	display:block;
	margin:6px 0 0 0;
}
#right ul.nav{
	width:644px;
	height:40px;
	background:url(../images/nav_bg.gif) 0 0 repeat-x;
	padding:0 0 0 10px;
}
#right ul.nav li{
	float:left;
	padding:0 2px 0 0;
	background:url(../images/nav_div.gif) right top no-repeat;
	height:40px;
}
#right ul.nav li a{
	display:block;
	padding:0 13px 0 13px;
	font:bold 12px/40px "微软雅黑";
	color:#E2E2E2;
	background-color:inherit;
	text-decoration:none;
}
#right ul.nav li a:hover{
	color:#EDD140;
	background-color:inherit;
}
#right ul.nav li.noImg{
	background-image:none;
}
#right h2.welcome{
	display:block;
	background:url(../images/welcome.gif) 0 0 no-repeat;
	width:634px;
	height:35px;
	margin:11px 0 10px 20px;
	text-indent:-2000px;
}
#right p.rightTxt{
	display:block;
	width:634px;
	font-size:12px;
	line-height:20px;
	color:#444444;
	background-color:inherit;
	padding:0 0 0 20px;
	margin-top:10px;
	border-bottom:1px #CCC dashed;
}
#right p.rightTxt span{
	color:#BD6C03;
	background-color:inherit;
}
#right p.rightTxt  a,#right p.rightTxt  a:link,#right p.rightTxt  a:visited{
text-decoration:none;
color:#444444;
}
#right p.rightTxt  a:hover{
text-decoration:underline;
color:#444444;
}
#right a.rm{
	display:block;
	background:url(../images/read_more_bg.gif) 0 0 no-repeat;
	font:bold 12px/20px "微软雅黑";
	color:#fff;
	text-align:center;
	background-color:inherit;
	width:72px;
	height:20px;
	margin:24px 0 15px 581px;
	text-decoration:none;
}
#right a.rm:hover{
	color:#000;
	background-color:inherit;
}
#right h2.yellow{
	display:block;
	width:644px;
	height:31px;
	background:url(../images/bot_div.gif) 0 0 repeat-x;
	padding:0 0 0 10px;
}
#right h2.yellow span{
	display:block;
	background:url(../images/bullet.gif) 0 8px no-repeat;
	height:16px;
	padding:8px 0 0 31px;
	margin:0;
	font:bold 15px/16px "微软雅黑";
	color:#404040;
	background-color:inherit;
}
#bot{
	width:621px;
	margin:0 0 20px 20px;
	background:url(../images/bot_bg.gif) 0 0 repeat-x #626262;
	color:#D7D6D6;
	padding:11px 0 0 13px;
	float:right;
}
#bot a.whatNew{
	display:block;
	background:url(../images/what_new.gif) 0 0 no-repeat;
	width:123px;
	height:120px;
	float:left;
	text-indent:-2000px;
	margin:0 13px 0 0;
}
#bot a.whatNew:hover{
	background:url(../images/what_new_hover.gif) 0 0 no-repeat;
}
#bot p.questionIcon{
	display:block;
	background:url(../images/question_icon.gif) 0 0 no-repeat;
	width:69px;
	height:72px;
	float:left;
	margin:17px 17px 0 0;
}
#bot p.questionTxt{
	display:block;
	width:134px;
	font:normal 10px/11px "微软雅黑";
	float:left;
	padding:19px 17px 0 0;
}
#bot p.questionTxt span{
	color:#FF9251;
	background-color:inherit;
}
#bot p.questionTxt b{
	font:bold 20px/18px "微软雅黑";
	color:#fff;
	background-color:inherit;
	display:block;
	margin:0 0 9px 0;
}
#bot p.botDiv2{
	display:block;
	width:2px;
	height:107px;
	background:url(../images/bot_div2.gif) 0 0 no-repeat;
	float:left;
	margin:0 17px 0 0;
}
#bot p.privacyIcon{
	display:block;
	background:url(../images/privacy_icon.gif) 0 0 no-repeat;
	width:47px;
	height:74px;
	float:left;
	margin:19px 24px 0 0;
}
#bot p.privacyTxt{
	display:block;
	width:144px;
	font:normal 10px/11px "微软雅黑";
	float:left;
	padding:19px 0 0 0;
}
#bot p.privacyTxt span{
	color:#FF9251;
	background-color:inherit;
}
#bot p.privacyTxt b{
	font:bold 20px/18px "微软雅黑";
	color:#fff;
	background-color:inherit;
	display:block;
	margin:0 0 9px 0;
}
#test{
	width:283px;
	background-color:#FAF8EF;
	color:#99916D;
	border:#EBE7D8 solid 1px;
	float:right;
	padding:7px 10px 0px 7px;
	margin:0 10px 0 30px;
}
#test h2{
	display:block;
	width:36px;
	height:82px;
	padding:2px 0 0 247px;
	margin:0 0 15px 0;
	background:url(../images/testimonial_top.gif) 0 0 no-repeat;
}
#test h2 span{
	font:bold 10px/14px "Trebuchet MS", "微软雅黑";
	color:#fff;
	background-color:inherit;
}
#test ul{
	width:203px;
	float:left;
}
#test ul li.bullet{
	display:block;
	background:url(../images/bullet2.gif) 0 5px no-repeat;
	padding:0 0 0 13px;
	font:bold 12px/15px "微软雅黑";
	color:#3C3C3C;
	background-color:inherit;
	float:left;
	width:269px;
}
#test ul li.testTxt1{
	font:normal 12px/15px "微软雅黑";
	color:#99916D;
	background-color:inherit;
	margin:0 0 8px 0;
	float:left;
	padding:0 0 0 14px;
	display:block;
	width:269px;
}
#test ul li.testTxt2{
	font:normal 12px/15px "微软雅黑";
	color:#99916D;
	background-color:inherit;
	/*margin:0 0 12px 0;*/
	float:left;
	padding:0 0 8px 14px;
	display:block;
	width:269px;
	margin:0 0 15px 0;
}
#test p.testPic{
	display:block;
	width:64px;
	height:41px;
	float:right;
	background:url(../images/testimonial_pic.gif) 0 0 no-repeat;
	margin:0 0 12px 0;
}
#test a.rm2{
	display:block;
	background:url(../images/read_more_bg.gif) 0 0 no-repeat;
	font:bold 12px/20px "微软雅黑";
	color:#fff;
	text-align:center;
	background-color:inherit;
	width:72px;
	height:20px;
	margin:0;
	text-decoration:none;
	float:right;
}
#test a.rm2:hover{
	color:#000;
	background-color:inherit;
}
#event{
	width:283px;
	background-color:#FAF8EF;
	color:#99916D;
	border:#EBE7D8 solid 1px;
	float:right;
	padding:7px 10px 13px 7px;
	margin:0;
}
#event h2{
	display:block;
	width:36px;
	height:82px;
	padding:2px 0 0 247px;
	margin:0 0 15px 0;
	background:url(../images/event_top.gif) 0 0 no-repeat;
}
#event h2 span{
	font:bold 10px/14px "Trebuchet MS", "微软雅黑";
	color:#fff;
	background-color:inherit;
}
#event ul{
	width:273px;
}
#event ul li.bulletTxt{
	display:block;
	background:url(../images/bullet2.gif) 0 5px no-repeat;
	padding:0 0 0 13px;
	font:bold 12px/15px "微软雅黑";
	color:#3C3C3C;
	background-color:inherit;
}
#event ul li.eventTxt{
	font:normal 12px/15px "微软雅黑";
	color:#99916D;
	background-color:inherit;
	margin:0 0 15px 0;
	padding:0 0 0 14px;
	display:block;
	width:269px;
}
#event a.rm3{
	display:block;
	background:url(../images/read_more_bg.gif) 0 0 no-repeat;
	font:bold 12px/20px "微软雅黑";
	color:#fff;
	text-align:center;
	background-color:inherit;
	width:72px;
	height:20px;
	margin:0;
	text-decoration:none;
	float:right;
}
#event a.rm3:hover{
	color:#000;
	background-color:inherit;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:950px;
	margin:0 auto;
	padding:0 0 10px 0;
	height:100px;
	background:url(../images/footer_bg.gif) 0 0 repeat-x #626262;
	color:#fff;
	position:relative;
}
#footer ul{
	width:800px;
	position:absolute;
	left:8px;
	top:24px;
}
#footer ul li{
	float:left;
	font:normal 12px/18px "微软雅黑";
	color:#DFDFDF;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	font:normal 12px/18px "微软雅黑";
	color:#DFDFDF;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font: normal 12px/18px "微软雅黑";
	position: absolute;
	left: 243px;
	top: 34px;
	width: 618px;
	height: 31px;
}
#footer p.design{
	display: block;
	width: 354px;
	height: 22px;
	padding: 0;
	position: absolute;
	left: 255px;
	top: 37px;
	font: bold 12px/18px "微软雅黑";
	color: #CCE645;
	background-color: inherit;
}
#footer p.design a.link{
font:bold 12px/18px "微软雅黑";
	color:#CCE645;
	background-color:inherit;
	text-decoration:none;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:inherit;
}
#footer a.xhtml{
	display:block;
	background:url(../images/xhtml_bg.gif) 0 0 no-repeat;
	width:82px;
	height:20px;
	position:absolute;
	left:765px;
	top:23px;
	font:bold 12px/20px "微软雅黑";
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#footer a.xhtml:hover{
	color:#FFE45F;
	background-color:inherit;
}
#footer a.css{
	display: block;
	background: url(../images/xhtml_bg.gif) 0 0 no-repeat;
	width: 82px;
	height: 20px;
	position: absolute;
	left: 654px;
	top: 38px;
	font: bold 12px/20px "微软雅黑";
	color: #fff;
	background-color: inherit;
	text-decoration: none;
	text-align: center;
}
#footer a.css:hover{
	color:#FFE45F;
	background-color:inherit;
}
/*------------------------------------------------footer--------------------*/
.userTxt{
float:left;
font-size:12px;
margin-top:10px;
width:150px;}
.userTxt a,.userTxt:link,.userTxt:visited{
text-decoration:none;
color:#333333;
}
.userTxt a:hover{
text-decoration:underline;
}
.pr_main{
margin:10px 0px 10px 0px;
}
.footLine
{
	border-top:1px #E4E4E4 solid;
	margin-right:8px;
}
.userBg{
	width:243px;
	background-color:#F4F4F4;
	color:#000;
	border-left:#E1E1E1 solid 1px;
	border-right:#E1E1E1 solid 1px;
	padding:5px 21px 15px 22px;
	font-size:12px;
	line-height:20px;
}
.userBg span{
	color:#e46d1e;
	font-size:13px;
}
.codeimg{
    margin-top:5px;
	margin-left:5px;
}

.typeList{
font-size:13px;
background:#626264;
padding:8px 10px 8px 15px;
color:#fff;
margin-top:0px;
margin-bottom:5px;
}
.typeList span{
font-weight:bold;
line-height:20px;
color:#fff;
}
.typeList a,.typeList a:link,.typeList a:visited{
color:#fff;
text-decoration:none;
}
.typeList a:hover{
color:#fff;
text-decoration:underline;
}
.dataTable{
width:100%;
margin:auto;
line-height:20px;
font-size:12px;
}
.dataTable table{
width:100%;
border-left:1px #818181 solid;
border-top:1px #818181 solid;
background:#f6f5ef;
margin:0px;
padding:0px;
}
.dataTable table th{
height:30px;
font-size:13px;
font-weight:bold;
padding-left:3px;
border-right:1px #818181 solid;
border-bottom:1px #818181 solid;
background:#d0d0d0;
}
.dataTable table td{
height:25px;
padding-left:3px;
text-align:left;
border-right:1px #818181 solid;
border-bottom:1px #818181 solid;
color:#000;

}
.dataTable .evenClass{
background:#555457;
}
.dataTable .overClass{
background:#bbbbbb;
}
.dataTable .selected{
background:#CCCCCC;
}
.floatLeft{
float:left;
}
.w50{
width:311px;
margin:7px;
}
