﻿@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;

}


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:20px;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/
#topMain{
	width:100%;
	height:273px;
	background-image: url(img/top_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#top{
	width:916px;
	margin:0 auto;
	height:273px;
	background:url(img/header.jpg) right top no-repeat;
	position:relative;
}
#top img.logo{
	display:block;
	font-size:0;
	line-height:0;
	margin:0;
	position:absolute;
	left:0;
	top:50px;
}

#top h1{
	display:block;
	width:450px;
	height:85px;
	position:absolute;
	left:450px;
	top:60px;
	text-indent:10px;
	font-size: 26px;
	color: #900;
}
#top a.join{
	display:block;
	background:url(../img/join.gif) 0 0 no-repeat;
	width:180px;
	height:129px;
	position:absolute;
	left:247px;
	top:90px;
	text-indent:-2000px;
}
#top a.join:hover{
	background-image: url(../img/join.gif);
	background-repeat: no-repeat;
	background-position: 0 -128px;
}
#top img.soft{
	display:block;
	font-size:0;
	line-height:0;
	position:absolute;
	left:715px;
	top:42px;
}
#top a.download{
	display:block;
	background:url(images/download.gif) 0 0 no-repeat;
	width:33px;
	height:137px;
	position:absolute;
	left:890px;
	top:47px;
	text-indent:-2000px;
}
#top a.download:hover{
	background:url(images/download_hover.gif) 0 0 no-repeat;
}
#top ul.nav{
	width:916px;
	height:23px;
	background:url(img/nav_bg.gif) 0 0 repeat-x;
	position:absolute;
	left:0;
	top:226px;
}
#top ul.nav li{
	float:left;
	font-size:0;
	line-height:0;
}
#top ul.nav li a{
	display:block;
	padding:0 14px;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#top ul.nav li a:hover{
	color:#fff;
	background:url(img/nav_bg_hover.gif) 0 0 repeat-x;
	background-color:inherit;
}
#top ul.nav li a.hover{
	display:block;
	padding:0 14px;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	background:url(img/nav_bg_hover.gif) 0 0 repeat-x;
}
#top ul.sub{
	width:916px;
	height:23px;
	background:url(img/sub_bg.gif) 0 0 repeat-x;
	position:absolute;
	left:0;
	top:249px;
}
#top ul.sub li{
	float:left;
	font-size:0;
	line-height:0;
	background:url(img/sub_div.gif) right top no-repeat;
	height:23px;
	padding:0 1px 0 0;
}
#top ul.sub li a{
	display:block;
	padding:0 14px;
	font:normal 10px/23px Arial, Helvetica, sans-serif;
	color:#B6B6B6;
	background-color:inherit;
	text-decoration:none;
}
#top ul.sub li a:hover{
	color:#F60;
	background-color:inherit;
}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------body--------------------*/
#bodyMain{
	width:100%;
	background:url(img/body_bg.gif) left bottom repeat-x #F5F7E7;
	color:#6C6C6C;
}
#body{
	width:916px;
	margin:0 auto;
	padding:0 0 12px 0;
	background-image: url(img/body_bot_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/*------------------------------------------------left--------------------*/
#left{
	width:228px;
	float:left;
	background:url(img/left_panel_bg.gif) left bottom no-repeat;
	padding:20px 11px 0 5px;
}
#left h2{
	display:block;
	width:230px;
	height:28px;
	background:url(img/news_div.gif) left bottom repeat-x;
	font:bold 20px/20px Arial, Helvetica, sans-serif;
	color:#EC6E00;
	background-color:inherit;
	float: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.show{
	display:block;
	width:227px;
	height:28px;
	background:url(img/news_div.gif) left bottom repeat-x;
	font:bold 28px/28px Arial, Helvetica, sans-serif;
	color:#EC6E00;
	background-color:inherit;
	margin:0 0 16px 0;
}
#left h2 span{
	display:block;
	font:bold 11px/10px Arial, Helvetica, sans-serif;
	color:#8E0B01;
	background-color:inherit;
	padding:0 0 0 14px;
	background:url(img/date_icon.gif) 0 0 no-repeat;
	float:right;
	margin:6px 0 0 0;
}
#left p.bg{
	display:block;
	width:204px;
	height:19px;
	background:url(img/news_icon.gif) 6px 4px no-repeat #E8EBD6;
	padding:0 0 0 24px;
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#444444;
	margin:0 0 14px 0;
	float:left;
}
#left p.leftTxt{
	display:block;
	width:223px;
	padding:0 0 12px 0;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#6C6C6C;
	background-color:inherit;
	float:left;
}
#left a.more{
	display:block;
	width:73px;
	height:19px;
	background-color:#8E0B01;
	color:#fff;
	text-align:center;
	text-decoration:none;
	float:right;
	margin:0 0 6px 0;
	font:bold 11px/19px Arial, Helvetica, sans-serif;
}
#left a.more:hover{
	background-color:#666;
	color:#fff;
}
#left p.whatNew{
	display:block;
	width:100%;
	height:210px;
	padding:5px 0 0 0;
	margin:10px 0 10px 0;
	float:left;
	background-color: #CCC;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#left p.whatNew a{
	font:bold 11px/10px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	_border:0px;
}
#left p.whatNew a:hover{
	color:#DFD3B5;
	background-color:inherit;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #960;
}
#left .whatNew img {
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 4px;
	*border-color: #fff;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------mid--------------------*/
#mid{
	width:174px;














	*width:169px;
	_width:110px;
	float:left;
	background-color:#FFF;
	color:#060606;
	padding:20px 10px 0 10px;
	margin-top: 30px;
}
#mid h2.mem{
	display:block;
	padding:0 0 18px 24px;
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	color:#0C0C0C;
	background-color:inherit;
	background:url(img/member_login_icon.gif) 0 0 no-repeat;
	display:block;
	padding:0 0 13px 24px;
	width: 140px;

}

#mid h2.ser{
	display:block;
	padding:0 0 18px 24px;
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	color:#0C0C0C;
	background-color:inherit;
	background:url(img/service_icon.gif) 0 0 no-repeat;
}
#mid ul.serLink{
	width:155px;
	padding:0 0 19px 0;
}
#mid ul.serLink li{
	font-size:0;
	line-height:0;
}
#mid ul.serLink li a{
	display:block;
	background:url(img/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 14px;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#333;
	background-color:inherit;
	text-decoration:none;
}
#mid ul.serLink li a:hover{
	color:#930;
	background-color:#F5F7E7;
}
#mid h2.newsletter{
	display:block;
	padding:0px 0 13px 24px;
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	color:#0C0C0C;
	background-color:inherit;
	background:url(img/newsletter_icon.gif) 0 0 no-repeat;
}
#mid form.nl{
	width:155px;
	padding:0 0 19px 0;
}
#mid form.nl input.txtBox2{
	width:153px;
	height:17px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#404040 solid 1px;
	border-left:#404040 solid 1px;
	float:left;
	margin:0 0 7px 0;
}
#mid form.nl label{
	display:block;
	font:normal 10px/14px Arial, Helvetica, sans-serif;
	color:#060606;
	background-color:inherit;
	float:left;
	margin:0 0 5px 0;
}
#mid form.nl input.signup{
	background:url(img/btn_login.gif) 0 0 no-repeat #fffffe;
	width:47px;
	height:19px;
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	border:none;
	cursor:pointer;
	float:right;
}
#mid ul.botLink{
	width:155px;
	padding:0;
}
#mid ul.botLink li{
	font-size:0;
	line-height:0;
}
#mid ul.botLink li.subscribe{
	display:block;
	background:url(img/subscribe_bg.gif) 0 0 no-repeat;
	height:33px;
	padding:0 0 0 35px;
	margin:0 0 12px 0;
}
#mid ul.botLink li.subscribe a{
	font:bold 12px/33px Arial, Helvetica, sans-serif;
	color:#4D4D4D;
	background-color:inherit;
	text-decoration:none;
}
#mid ul.botLink li.subscribe a:hover{
	color:#FF4400;
	background-color:inherit;
}
#mid ul.botLink li.reg{
	display:block;
	background:url(img/registration_bg.gif) 0 0 no-repeat;
	height:33px;
	padding:0 0 0 10px;
	*padding:0 0 0 10px;
	_padding:0 0 0 0px;
	margin:0;
}
#mid ul.botLink li.reg a{
	font:bold 12px/33px Arial, Helvetica, sans-serif;
	color:#4D4D4D;
	background-color:inherit;
	text-decoration:none;
}
#mid ul.botLink li.reg a:hover{
	color:#FF4400;
	background-color:inherit;
}
#mid ul.botLink li.reg a span{
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#8E0B01;
	text-decoration:none;
	width:37px;
	text-align:center;
	margin:9px 8px 0 0;
	float:left;
	cursor:pointer;
}
#mid ul.botLink li.reg a:hover span{
	color:#fff;
	background-color:#000;
}
#mid p {
	display:block;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#333;
	background-color:inherit;
	float:left;
	font-weight: 400;
	margin-bottom: 13px;
	width: 150px;
}
#mid p span {
	margin: 0px;
	color: #033;
	font-weight: 700;
}
#mid .bg a {
	text-decoration: none;
	color: #930;
}
#mid .bg a:hover{
	text-decoration: none;
	color: #333;
}
/*------------------------------------------------mid--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:462px;
	background:url(img/right_bg.gif) left bottom no-repeat;
	float:right;
	padding:20px 0 0 15px;
	margin-top: 30px;
}
#right h2{
	display:block;
	height:28px;
	background:url(img/news_div.gif) left bottom repeat-x;
	font:bold 28px/28px Arial, Helvetica, sans-serif;
	color:#EC6E00;
	background-color:inherit;
	margin:0 0 15px 0;
}
#right p.rightTxt1{
	display:block;
	font-size:12px;
	line-height:17px;
	padding:0 0 14px 0;
}
#right p.rightTxt1 span{
	color:#9D0303;
	background-color:inherit;
}
#right p.rm{
	display:block;
	height:19px;
	background:url(img/icon1.gif) 6px 4px no-repeat #E8EBD6;
	padding:0 0 0 25px;
	font:normal 10px/19px Arial, Helvetica, sans-serif;
	color:#262721;
	margin:0 0 10px 0;
}
#right p.rm a{
	display:block;
	width:70px;
	height:19px;
	background:url(img/read_more_bg.gif) 0 0 no-repeat;
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
	float:right;
}
#right p.rm a:hover{
	color:#E8EBD6;
	background-color:inherit;
}
#right ul{
	width:457px;
	border:#E5E8D0 solid 1px;
	padding:4px 0 4px 4px;
	background-color:#FEFFFA;
	color:#000;
	height:100%;
	margin:0 0 14px 0;
}
#right ul li{
	float:left;
	margin:0 4px 4px 0;
	font-size:0;
	line-height:0;
	width: 110px;
}
#right ul li a.pic1{
	display:block;
	background:url(images/img1.gif) 0 0 no-repeat;
	width:87px;
	height:70px;
	font-size:0;
	line-height:0;
}
#right ul li a.pic1:hover{
	background:url(images/img1_hover.gif) 0 0 no-repeat;
}
#right ul li a.pic2{
	display:block;
	background:url(images/img2.gif) 0 0 no-repeat;
	width:87px;
	height:70px;
	font-size:0;
	line-height:0;
}
#right ul li a.pic2:hover{
	background:url(images/img2_hover.gif) 0 0 no-repeat;
}
#right ul li a.pic3{
	display:block;
	background:url(images/img3.gif) 0 0 no-repeat;
	width:87px;
	height:70px;
	font-size:0;
	line-height:0;
}
#right ul li a.pic3:hover{
	background:url(images/img3_hover.gif) 0 0 no-repeat;
}
#right ul li a.pic4{
	display:block;
	background:url(images/img4.gif) 0 0 no-repeat;
	width:87px;
	height:70px;
	font-size:0;
	line-height:0;
}
#right ul li a.pic4:hover{
	background:url(images/img4_hover.gif) 0 0 no-repeat;
}
#right ul li a.pic5{
	display:block;
	background:url(images/img5.gif) 0 0 no-repeat;
	width:87px;
	height:70px;
	font-size:0;
	line-height:0;
}
#right ul li a.pic5:hover{
	background:url(images/img5_hover.gif) 0 0 no-repeat;
}
#right ul li a.pic6{
	display:block;
	background:url(images/img6.gif) 0 0 no-repeat;
	width:87px;
	height:70px;
	font-size:0;
	line-height:0;
}
#right ul li a.pic6:hover{
	background:url(images/img6_hover.gif) 0 0 no-repeat;
}
#right ul li a.pic7{
	display:block;
	background:url(images/img7.gif) 0 0 no-repeat;
	width:87px;
	height:70px;
	font-size:0;
	line-height:0;
}
#right ul li a.pic7:hover{
	background:url(images/img7_hover.gif) 0 0 no-repeat;
}
#right ul li.gallery{
	background:url(img/gallery.gif) 0 0 no-repeat;
	width:271px;
	height:70px;
	float:left;
	margin:0 4px 0 0;
}
#right h2.test{
	display:block;
	background:url(img/testimonial_icon.gif) 0 0 no-repeat;
	height:52px;
	margin:0 0 10px 0;
	text-indent:-2000px;
	clear: both;
}
#right p.testTxt{
	display:block;
	width:333px;
	float:left;
	background:url(img/one.gif) 0 0 no-repeat;
	padding:0 0 0 20px;
	font:italic 14px/18px Georgia, "Times New Roman", Times, serif;
	color:#95997B;
	background-color:inherit;
}
#right p.testTxt span{
	font:bold 13px/14px Arial, Helvetica, sans-serif;
	color:#AE3136;
	background-color:inherit;
	display:block;
	margin:0 0 13px 0;
}
#right img.client{
	width:70px;
	height:60px;
	border:#ffffff solid 3px;
	float:inherit;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:86px;
	background:url(img/footer_bg.gif) 0 0 repeat-x;
}
#footer{
	width:916px;
	height:86px;
	position:relative;
	margin:0 auto;
}
#footer ul{
	position:absolute;
	left:350px;
	top:30px;
	width: 520px;
}
#footer ul li{
	float:left;
	font:bold 11px/22px Arial, Helvetica, sans-serif;
	color:#47483E;
	background-color:inherit;
}
#footer ul li a{
	padding:0 8px;
	font:bold 11px/22px Arial, Helvetica, sans-serif;
	color:#47483E;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#8E0B01;
	background-color:inherit;
}
#footer p.copyright{
	font:normal 10px/22px Arial, Helvetica, sans-serif;
	position:absolute;
	left:570px;
	top:55px;
	width:230px;
	color:#8E0B01;
	background-color:inherit;
}
#footer a.xhtml{
	display:block;
	background:url(img/xhtml_bg.gif) 0 0 no-repeat;
	width:70px;
	height:21px;
	position:absolute;
	left:5px;
	top:17px;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 0 27px;
}
#footer a.xhtml:hover{
	color:#8E0B01;
	background-color:inherit;
}
#footer a.css{
	display:block;
	background:url(img/xhtml_bg.gif) 0 0 no-repeat;
	width:70px;
	height:21px;
	position:absolute;
	left:109px;
	top:17px;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 0 27px;
}
#footer a.css:hover{
	color:#8E0B01;
	background-color:inherit;
}
#footer p.design{
	display:block;
	width:281px;
	position:absolute;
	left:5px;
	top:46px;
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#47483E;
	background-color:inherit;
	padding:2px;
}
#footer p.design a.link{ padding:0 8px;
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#963;
	background-color:#F5F7E7;
	text-decoration:none;	
}
#footer p.design a.link:hover{
	color:#000;
	background-color:#F5F7E7;
}
#footer img{
	position:absolute;
	left:827px;
	top:45px;
	border:none;
}
/*------------------------------------------------footer--------------------*/

/*滚动样式*/

#eval {
	height: 200px;
	width: 169px;


	*width: 169px;
	_width: 160px;
	overflow: hidden;
	visibility: hidden;
	clear: none;
}
#evalbox {
	height: 200px;
	width: 169px;


	*width: 169px;
	_width: 160px;
	visibility: visible;
	overflow: hidden;
}

#evalbox  a {
	font:bold 11px/10px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#evalbox a:hover{
	color:#DFD3B5;
	background-color:inherit;
}
#evalbox img {
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	float: left;
	*border-color: #fff;
}
/*滚动样式*/


/*搜索样式*/


#SearchForm {
	background:url(img/serch_icon.gif) 5px 0 no-repeat;
	clear: both;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 23px;
	height: 60px;
	margin-top: 8px;
}

#SearchForm select {
	margin:5px;
	float:left;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#404040 solid 1px;
	border-left:#404040 solid 1px;
	font:normal 10px/17px Arial, Helvetica, sans-serif;
	color:#060606;
	background-color:#fff;
}
.txtBox{
	width:148px;
	height:17px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-top:#404040 solid 1px;
	border-left:#404040 solid 1px;
	font:normal 10px/17px Arial, Helvetica, sans-serif;
	color:#060606;
	background-color:#fff;
	padding:0 0 0 8px;
	float:left;
	margin-left: 5px;
}
.inputButton {
	background:url(img/btn_go.gif) 0 0 no-repeat;
	height:19px;
	width:30px;
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#F5F7E7;
	cursor:pointer;
	float:right;
	border:none;
	margin-right: 10px;
	margin-top: 10px;
}
/*搜索样式*/
.kb2 li{
	float: left;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 3px;
	text-align: center;
	}

.kb3 a {
	text-align: center;
	width:110px;
	font-size: 12px;
	line-height: 12px;
	color: #666;
	text-decoration: none;
	margin-top: 2px;
	display: block;
}
.kb3 a:hover {
	color: #ec6e00;
}
.msn {
	float: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: -3px;
	padding-left: 6px;
	height: 18px;
	width: 18px;
	border: 0px;
	margin-bottom: -4px;
}

#bodyMain #body #mid .newsletter a {
	color: #0c0c0c;
	text-decoration: none;
}
#bodyMain #body #mid .newsletter a:hover {
	color: #ec6e00;
}

