﻿.page{width:850px;margin:0 auto; border-left:solid 1px #b7b7b7; border-right:solid 1px #b7b7b7;}
.left,.sub_left,.sub_middle,.middle,.third_left{ float:left;}
.right,.sub_right,.third_right{ float:right;}
.center{ text-align:center;}
.hidden { display: none;}
.invisible {visibility: hidden;}
.text_right{text-align:right;padding-right:10px;}
.p_t_30{padding-top:10px;}
.p_l_10{padding-left:10px;}
.h80{height:80px}
.h20{height:20px;}
.indent100{text-indent:100px;}
.font_12{font-size:12px;}
.font_14{font-size:14px;}
.pad_20{padding:20px;}
.grey{color:silver;}
.s{width:50px;}
.l{width:180px;}
.flat{border:solid 1px #BDC7D8;padding:3px 2px;}
.red{ color:red;}
.pos_rela{position:relative;}
.bg_grey{background:#f7f7f7;}
.mar_bot_5{margin-bottom:5px;}
.p_10{padding:0 8px;}
.smaller{font-size:0.8em;}
.align_right{text-align:right; padding-right:50px;}

.clearfix:after,.feed dd:after { content: '\0020'; display: block; height: 0; clear: both;}
.top{position:relative;z-index:2;height:76px; background:url(images/bg_top.jpg) no-repeat;}
#nav{position:relative;left:55px;top:30px; width:690px;overflow:hidden;  height:26px;}
.top li{float:left;padding:0 8px 0 12px;position:relative; background:url(images/v_line.gif) no-repeat left; left:-1px;}
.top a{color:#fff; line-height:26px;display:block; font-weight:bold; letter-spacing: 2px; font-size:14px;padding:0px 5px; }
.top a:hover,#nav a.current{background:#9a0202 url(images/bg_hover.jpg) repeat-x top; text-decoration:none;color:#fff; }


.mid{padding-bottom:0px}
/* for index */
.sub_nav{text-align:right; background:url(images/bg_cycle.jpg) repeat-x; margin-top:-3px;}
#cycle_1_nav{float:left;margin-left:30px;font-weight:bold;}
#cycle_1_nav a{border-bottom:solid 4px #d5dbdd; height:28px; text-align:center; width:110px; line-height:28px;display:block;float:left;}
#cycle_1_nav a:hover{text-decoration:none;}
#cycle_1_nav a.activeSlide{border-bottom-color:#ce0000;}
.cycle{padding:4px;}

.content{border-top:solid 4px #9a0202;}
#index_con .left{width:527px;padding:4px; }
#index_con .left,.aboutus .right{margin-top:8px;}
#index_con .left .sub_left img{border:solid 5px #e4e5e7;}
#index_con .left .sub_right{width:380px;position:relative;line-height:24px; }
#index_con.left .sub_right p{text-align:justify;}
.sub_title{font-weight:bold;}

.pros{margin-top:8px; }
.pros .line{height:2px;background:#ddd;border-top:solid 2px #ce0000;font-size:1px; line-height:1px;}
.pros .title{font-weight:bold; position:relative; color:#9a0202; padding-top:4px; font-size:14px;padding-left:4px;}
.pros .mo{top:2px; right:0;}


#index_con .left .pros ul li{width:164px; line-height:20px;position:relative; margin-top:15px; text-align:left;}
#index_con .left .pros ul li.sub_left{margin-right:18px;}
#index_con .left .pros ul li .sub_title a{color:#9a0202;}

.pros li img{border:solid 5px #e4e5e7;}

.btn_1{width:39px; height:21px;line-height:21px; background:url(images/bg_more.jpg) no-repeat;text-align:center;display:block;}
a.btn_1{ color:#fff; }
a.btn_1:hover{color:#fff; text-decoration:none;}

#news{ width:297px;padding:4px; margin-top:8px;}
#news .title{ background:url(images/bg_news.gif) no-repeat; position:relative;font-size:14px; }
#news .title b{margin-left:15px;padding:0 4px; background:#fff;}
#news li{ border-bottom:dashed  1px #ccc; line-height:28px;*line-height:25px;}
#news li .sub_left{width:79%; padding-left:5px; background: url(images/more_bg.png) no-repeat scroll 0 -47px;}
#news li .sub_right{width:18%; color:#777;}


#config{}
#config .head{ background:url(images/bg_config.gif) no-repeat bottom right; height:117px; padding-top:2px;position:relative; }
#config .head .title{font-family:"黑体"; font-size:28px;position:relative;bottom:-70px; left:10px;}

#to_top{position:absolute; right:20px;}
#config .content{padding-top:30px;}
#config table{line-height:24px; width:100%;}
#config td ul li{font-weight:bold; width:70%; text-align:right;}
#config td p{width:90%; text-align:justify; margin-bottom:20px; text-indent:2em;}
#config h3{color:maroon;}

.articles dt{width:90%; position:relative; }
.articles dd{color:#999; width:90%; text-indent:2em; text-align:justify;}

#news_title{text-align:center; font-size:14px; font-weight:bold; background:#eee;padding:5px; width:90%;}

.foot{background:#9a0202 url(images/bg_foot.gif) repeat-x bottom; height:66px;}
.foot div{margin-top:35px;color:#aca47c;}
.foot div.left{padding-left:2px;}
.foot div.right{padding-right:10px;}
.foot,.top,.mid{border-left:solid 1px #888;border-right:solid 1px #888;}
/***********************************************
* More Link
***********************************************/
.more {  background: url(images/more_bg.png) no-repeat 100% 4px;  padding-right: 12px;}
.mo{position:absolute; right:10px; top:2px;font-size:12px;font-weight:normal;}
.detail{position:absolute; right:10px; bottom:2px;font-size:12px;font-weight:normal;}
/* END */
/***********************************************
* Hacks
***********************************************/
/* common */
.clearfix{ *zoom : 1; }
#nav a{*line-height:30px;}
.box .top_bg,.box .bot_bg { _overflow: hidden; /* for ie6 height < 12px */ }
.box .head h3,.box .rl { *line-height: 23px; _line-height: 21px; /* for ie7 */ }
.box-h14 .head h3,.box-h14 .rl { *line-height: 25px; _line-height: 23px; /* for ie7 */ }
.feed dd,.login li,.con_title li{ *zoom:1;}
/* btn */
.btn, .small-btn, .long-btn, .short-btn { *display: inline; } 






