@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
ul,li{list-style:none;}
img{border:0 none;}
body{
	font-size:12px;
	background: #CA004A url(../images/body_bg.gif) repeat-x;
}
.clr{width:100%; height:0px; line-height:0px; padding:0px; clear:both}
.clear{clear:both;}
a{text-decoration:none;color:#000;}
a:hover{color:red;text-decoration:underline;}
.font1{
	color:#BF0637;
	font-size: 15px;
	font-weight: bold;
}
.font2{color:#940022;}
#headers {
	margin: 0px auto;
	/* [disabled]height: 645px; */
	width: 980px;
	background: url(../images/banner_bg.gif) repeat-x left top;
	padding-top: 28px;
}
.title {
	padding-left: 1px;
}

#headers .header_trans {
	height: 549px;
	width: 943px;
	margin: 0px auto;
	border: 1px solid #f57251;
}

#menuy {
	margin: 0px auto;
	height: 66px;
	width: 980px;
	background: #A60002 url(../images/menu_bg.gif) no-repeat center center;
	position: relative;
}
#menuy .nav {
	background: no-repeat;
	height: 36px;
	width: 944px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left: 35px;
	top: 17px;
}
#menuy .nav ul li a {
	display: block;
	height: 36px;
	width: 124px;
}
#menuy .nav ul li .home {
	background: url(../images/menu/home.gif) no-repeat;
	margin-left: 0px;
}
#menuy .nav ul li .home:hover {
	background: url(../images/menu/home_hov.gif) no-repeat;
	margin-left: 0px;
}

#menuy .nav ul li .cultrue {
	background: url(../images/menu/wen.gif) no-repeat;
}
#menuy .nav ul li .cultrue:hover {
	background: url(../images/menu/wen_hov.gif) no-repeat;
}

#menuy .nav ul li .progress {
	background: url(../images/menu/progress.gif) no-repeat;
}
#menuy .nav ul li .progress:hover {
	background: url(../images/menu/progress_hov.gif) no-repeat;
}

#menuy .nav ul li .honour {
	background: url(../images/menu/honour.gif) no-repeat;
}
#menuy .nav ul li .honour:hover {
	background: url(../images/menu/honour_hov.gif) no-repeat;
}

#menuy .nav ul li .join {
	background: url(../images/menu/join.gif) no-repeat;
}
#menuy .nav ul li .join:hover {
	background: url(../images/menu/join_hov.gif) no-repeat;
}

#menuy .nav ul li .shop {
	background: url(../images/menu/shop.gif) no-repeat;
}
#menuy .nav ul li .shop:hover {
	background: url(../images/menu/shop_hov.gif) no-repeat;
}

#menuy .nav ul li .leave_word {
	background: url(../images/menu/leave_word.gif) no-repeat;
}
#menuy .nav ul li .leave_word:hover {
	background: url(../images/menu/leave_word_hov.gif) no-repeat;
}

#menuy .nav ul li {
	float: left;
	height: 36px;
	width: 124px;
	display: block;
	position: relative;
}
#menuy .nav ul {
	padding-left: 27px;
}
#menuy .nav ul span {
	display: block;
	/* [disabled]float: left; */
	height: 36px;
	width: 4px;
	padding-right: 4px;
	padding-left: 4px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#video {
	margin: 0px auto;
	height: 317px;
	width: 980px;
	background: #FFF;
}
#video .left {
	float: left;
	height: 281px;
	width: 380px;
	padding-left: 19px;
	background: url(../images/vedio_bg.gif) no-repeat right 12px;
	padding-top: 12px;
}
#video .left div {
	padding-top: 16px;
	padding-left: 22px;
}

#video .right {
	float: right;
	height: 267px;
	width: 519px;
	padding-top: 30px;
	padding-right: 22px;
}
#video .right p {
	line-height: 22px;
	text-indent: 2em;
	margin-top: 6px;
}

#cultrue {
	margin: 0px auto;
	width: 980px;
	background: #FFF url(../images/cultrue_bg.gif) no-repeat center 40px;
	height: 350px;
}
#cultrue h2 {
	font-size: 15px;
	padding-left: 36px;
	line-height: 26px;
}
#cultrue .margin_top {
	padding-top: 116px;
}
#progress  p {
	width: 290px;
	margin-top: 96px;
	line-height: 22px;
	text-indent: 2ex;
	padding-left: 10px;
}
#progress .step3 .step3_p {
	width: 273px;
}

#progress  ul li {
	width: 290px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-left: 10px;
	line-height: 22px;
}

#product {
	margin: 0px auto;
	height: 293px;
	width: 980px;
	background: url(../images/product_bg.jpg) no-repeat;
}
#product #democ1 table tr #democ11 table tr td a img {
	border: 5px solid #dfc47c;
}

#progress {
	margin: 0px auto;
	width: 980px;
	background: #FFF;
	overflow: auto;
}
#progress .title {
	padding-bottom: 22px;
	padding-top: 5px;
}

#progress .step1 {
	float: left;
	height: 364px;
	width: 301px;
	border: 1px solid #c71241;
	background: url(../images/progress_bg1.gif) no-repeat right;
	margin-left: 10px;	_display:inline;

}
#progress .step2 {
	float: left;
	height: 364px;
	width: 326px;
	border: 1px solid #c71241;
	background: url(../images/progress_bg2.gif) no-repeat right;
	margin-left: 20px;	_display:inline;

}
#progress .step3 {
	float: left;
	height: 364px;
	width: 289px;
	border: 1px solid #c71241;
	background: url(../images/progress_bg3.gif) no-repeat right;
	margin-left: 19px;
	_display:inline;
}
#honour {
	margin: 0px auto;
	clear: both;
	width: 980px;
	background: #FFF;
	padding-top: 10px;
}
#honour .words {
	height: 170px;
	width: 980px;
}
#honour .words ul {
	display: block;
	float: left;
	width: 304px;
}
#honour .words ul li {
	font-size: 13px;
	line-height: 25px;
}
#honour .words h3 {
	font-weight: normal;
	padding-left: 47px;
	padding-top: 20px;
	line-height: 60px;
	font-size: 13px;
}
#honour .words .ul1 {
	padding-left: 47px;
}

#honour .honour_list {
	background: url(../images/honour_scroll_bg.gif) no-repeat;
	height: 228px;
	width: 100%;
}
#honour .honour_list ul {
	padding-left: 43px;
	padding-top: 35px;
}
#honour .honour_list ul li {
	display: inline;
	padding-left: 13px;
	padding-right: 13px;
	float: left;
}

#join {
	margin: 0px auto;
	width: 980px;
	background: #FFF;
	overflow: auto;
	padding-top: 8px;
}
#join .side_left {
	float: left;
	height: 653px;
	width: 564px;
	padding-left: 20px;
}
#join .side_left h1 {
	padding-top: 29px;
}
#join .side_left ul li {
	line-height: 23px;
	font-size: 13px;
	width: 565px;
}

#join .side_right {
	float: right;
	width: 329px;
	padding-right: 22px;
}
#join .side_right img {
	padding-top: 28px;
}

#shop {
	width: 980px;
	margin: 0px auto;
	background: #FFF;
	padding-bottom: 10px;
	padding-top: 20px;
}
#shop .scroll_2 {
	background: url(../images/shop_bg.gif) no-repeat;
	height: 275px;
	width: 980px;
}
#shop .scroll_2 #democ2  td a img {
	border: 5px solid #dfc47c;
}

#shop .title img {
	padding-bottom: 10px;
}
#leave_word {
	margin: 0px auto;
	width: 980px;
	background: #FFF;
}
#leave_word .guestbook {
	height: 447px;
	width: 980px;
	background: #FFF;
}
#footery {
	background: url(../images/footer_bg.gif) no-repeat;
	margin: 0px auto;
	height: 232px;
	width: 980px;
	position: relative;
}
#footery .foot_ul {
	display: block;
	position: absolute;
	left: 490px;
	top: 30px;
	height: 188px;
	width: 435px;
}
#footery .foot_ul li {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	line-height: 22px;
}

/*#copyright {
	background: url(../images/copyright_bg.gif) repeat-x;
	height: 26px;
	width: 980px;
	margin: 0px auto;
	line-height: 26px;
	text-align: center;
	color: #B80535;}
#copyright a {color: #B80535;}*/
/*header trans css*/
#banner {position:relative; width:943px; height:549px; overflow:hidden;}
#banner_list img {border:0px;}
#banner_bg {position:absolute; bottom:0;background-color:#000;height:30px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000;cursor:pointer; width:478px; }
#banner_info{position:absolute; bottom:0; left:5px;height:22px;color:#fff;z-index:1001;cursor:pointer}
#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}
#banner ul {
	position:absolute;
	list-style-type:none;
	filter: Alpha(Opacity=80);
	opacity:0.8;
	z-index:1002;
	margin:0;
	padding:0;
	bottom:10px;
	right:14px;
}
#banner ul li { padding:2px 6px;float:left;display:block;color:#000;border:#e5eaff 1px solid;background:#ffe1b0;cursor:pointer;font-size:10px;margin-left:7px;font-weight:bold;}
#banner ul li.on { background:#bd8532}
#banner_list a{position:absolute;} 
