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

/*------------------- reset -------------------*/
a,area { blr:expression(this.onFocus=this.blur());} 
:focus { -moz-outline-style: none;}
a { outline:none; color: #FFF}
a:hover { text-decoration: none}

.f30 { font-size: 30px}
.f24 { font-size: 24px}
.ml154 { margin-left: 154px}
.text_center{ text-align: center}

/*------------------- activePage -------------------*/
#activePage { color: #FFF; background: url(../img/bg_01.jpg) no-repeat top center #370402}
.active_bg { width: 970px; margin:0 auto; background: url(../img/bg_02.jpg) no-repeat top center}

/*------------------- header -------------------*/
.header { width: 970px; height: 640px; background: url(../img/bg_03.jpg) no-repeat bottom center}
.btnlink { position: relative; height: 469px;}
.btnlink .enter_btn { position: absolute; top: 299px; left: 299px; display: block; width: 116px; height: 33px; text-indent: -9999px; background: url(../img/btnbg.png) no-repeat}
.btnlink .video { position: absolute; top: 379px; left: 333px; display: block; width: 42px; height: 38px}

.nav { width: 929px; padding-left: 41px}
.nav a{
	display: block; _display: inline; float: left; width: 161px; height: 67px; margin-left: 36px; padding-top: 68px;
	color: #f1b73d; text-align: center; font: 18px/30px "Microsoft YaHei";
	}
.nav a:hover,.nav a.cur { color: #FFF}

/*------------------- active_con -------------------*/
.active_con { width: 970px; margin:0 auto; padding: 40px 0}

/*------------------- act2box -------------------*/
.act2box { width: 970px; margin-bottom: 60px}
.act2box .conbg { float: left; width: 111px; height: 99px; background:url(../img/conbg.jpg) no-repeat}

.act2_con { float: right; width: 815px; padding-left: 26px; color:#ff68b3; border-left: 2px solid #c20c08}
.act2_con p { font-size: 14px; line-height: 24px}
.act2_con .green { color: #6aaa5f; font-size: 12px; margin-top: 30px}
.act2_con h4 { height: 48px; margin:10px 0 20px 0; text-indent: -9999px; background:url(../img/title_bg.gif) no-repeat}
.act2_con h4.title_01 { background-position: 0 0}
.act2_con h4.title_02 { background-position: 0 -48px}
.act2_con h4.title_03 { background-position: 0 -96px}
.act2_con h4.title_04 { background-position: 0 -144px}
.act2_con h4.title_05 { background-position: 0 -192px}

/*------------------- wb_title -------------------*/
.wb_title1,.wb_title2 { width: 970px; height: 38px; text-indent: -9999px; border-bottom: 3px solid #540c06; background:url(../img/title_bg.gif) no-repeat}
.wb_title1 { background-position: 0 -293px}
.wb_title2 { background-position: 0 -255px}


/*------------------- weibo -------------------*/
.weibo { width: 970px; margin: 6px 0 18px 0; padding: 10px 0; background: #400906}
.weibo_text { float: left; width: 688px; height: 260px; overflow: hidden;}
.weibo_text li,.weibo_text .first { color: #a79076; padding: 10px 18px 6px 18px; border-bottom: 2px dotted #ec3038}
.weibo_text .simg { float: left; width: 30px}
.weibo_text .simg img { width: 30px; height: 30px}
.weibo_text .stext { float:right; width: 610px}
.weibo_text a{ color: #609050}
.weibo_text strong,.weibo_text a:hover{ color: #ffdc0b}

.weibo .weibo_btn {
	float: right; width: 260px; height: 70px; padding-top: 192px;
	background:url(../img/wbbg.jpg) no-repeat top center; border-left: 2px dotted #655e4c
	}
.weibo .weibo_btn a { display: block; width: 202px; height: 33px; line-height: 33px; margin:0 auto; background:url(../img/title_bg.gif) no-repeat 0 -331px}

/*------------------- photo -------------------*/
.photo { width: 970px; margin-top: 6px; overflow: hidden}
.photo ul { width: 980px}
.photo li { position: relative; float: left; _display: inline; margin: 0 11px 22px 0; border: 5px solid #FFF}
.photo img { width: 224px; height: 302px}
.photo .title { position:absolute; bottom:0; left:0; width: 204px; height: 30px; line-height: 30px; padding: 0 10px; background: url(../img/libg.png) repeat-x}
.photo .title span { display: block; float: left; width: 176px}
.photo .title a { display: block; float: right; width: 22px; height: 30px; background: url(../img/icon.png) no-repeat 0 5px}

/*------------------- act3_top -------------------*/
.act3_top { width: 970px}
.left_bg { float: left; width: 42px; height: 604px; background:url(../img/left_bg.jpg) no-repeat top left}
.right_bg { float: left; width: 844px; padding: 54px 62px 14px 22px; color: #ffe098; line-height: 25px; background:url(../img/right_bg.jpg) no-repeat top right #790100}
.right_bg .rcon { padding: 0 30px}
.right_bg strong{ color: #bcff00}
.right_bg h4,.act3_box h4 { height: 42px; padding-bottom: 10px; margin-bottom: 14px; border-bottom: 2px dotted #ec3038; background: url(../img/act3_title.gif) no-repeat}
.right_bg h4{ background-position: 30px 0}

/*gift*/
.gift { width: 844px; margin-top: 16px; overflow: hidden; background: url(../img/gift_bg.jpg) no-repeat}
.gift ul { width: 852px}
.gift li { float: left; width: 126px; margin-right: 16px; color: #9e1b00; text-align: center}
.gift p{ color: #FFF; line-height: 24px; padding-bottom: 119px}

/*------------------- act3_box -------------------*/
.act3_box { width: 844px; margin:0 auto; margin-top: 36px; color: #ffe098; line-height: 25px}
.act3_box h4.act_title2 { background-position: 30px -62px}
.act3_box h4.act_title3 { background-position: 30px -124px}
.act3_box h4.act_title4 { background-position: 30px -186px}
.act3_box h4.act_title5 { background-position: 30px -248px}
.act3_box strong,.act3_box em{color: #ff1600}
.act3_box p{ padding: 0 30px}


/*------------------- footer -------------------*/
#footer { padding: 30px 0; background: #000}
#footer ul { width: 910px; margin: 0 auto}
#footer li { float: left; padding-right: 20px; color: #555; font: 12px/20px Arial, Helvetica, sans-serif}
