#top_i, #top_i ul, #top_i ul .top_i {width: 732px; height: 375px; position: relative; }
#top_i ul .top_i { position:absolute; top:0; left:0; }
#top_i .num {position: absolute; top: 11px; left: 636px;}
#top_i .num span {display: block; float: left; width: 18px; line-height: 18px; margin-right: 3px; font-size: 10px; text-align: center; color: #777; background: url(../img/bg_num.png) no-repeat 0 0; cursor:pointer; }
#top_i .num span.sel {background: url(../img/bg_num.png) no-repeat 0 -18px; color: #000; font-weight: bold;}
#top_i .caption {background: url(../img/bg_pecat.png) no-repeat 100% 0; padding-top: 36px; height: 145px; position: absolute; right: 0; top: 217px; width: 716px; z-index: 100;}
#top_i .nopecat {background-image:url(../img/bg_nopecat.png);}
#top_i .caption h2 {color: #fff; font-size: 40px; font-weight: normal;}
#top_i .caption h3 {padding: 5px 0 0 68px; font-size: 18px; color: #fff; text-transform: uppercase; width: 470px; overflow: hidden; height: 24px; font-weight: normal;}
#top_i .nopecat h3 {width: 570px;}

#top_i .caption h2 span.red_white {color: #fff;}
#top_i .caption h2 span.red_white b {color: #af0e23;}

#top_i .caption h2 span.red_red {color: #af0e23;}
#top_i .caption h2 span.red_red b {color: #af0e23;}

#top_i .caption h2 span.white_red {color: #af0e23;}
#top_i .caption h2 span.white_red b {color: #fff;}

#top_i .caption h2 span.black_white {color: #000;}
#top_i .caption h2 span.black_white b {color: #fff;}

#top_i .caption h2 span.black_black {color: #000;}
#top_i .caption h2 span.black_black b {color: #000;}

#top_i .caption h2 span.white_black {color: #fff;}
#top_i .caption h2 span.white_black b {color: #000;}

#top_i .caption h2 span.black_red {color: #af0e23;}
#top_i .caption h2 span.black_red b {color: #000;}

#top_i .caption h2 span.white_white {color: #fff;}
#top_i .caption h2 span.white_white b {color: #fff;}

#top_i .caption h2 span.red_black {color: #000;}
#top_i .caption h2 span.red_black b {color: #af0e23;}

.main_area {padding: 0 19px 0 15px; width: 698px; overflow: hidden;}
.main_area .news {float: left; background: url(../img/bg_news_bottom.jpg) no-repeat 0 100%; width: 521px;}
.main_area .news h3 {padding: 0 0 7px 11px; color: #fff; font-size: 14px; background-color: #000;}
.main_area .news .block {background: url(../img/bg_news_top.jpg) no-repeat 0 0; padding: 5px 14px 0 11px; width: 496px; overflow: hidden;}
.main_area .news .item {width: 496px; overflow: hidden; padding: 5px 0; background: url(../img/line_news.gif) no-repeat 100% 100%;}
.main_area .news .last {background-image: none;}
.main_area .news .item .f {position: relative; float: left; width: 83px;}
.main_area .news .item .f span {position: absolute; top: 0; left: 0; width: 7px; height: 50px;}
.main_area .news .item .p span {background-color: #ad0620;}
.main_area .news .item .e span {background-color: #e3a716;}
.main_area .news .item .n span {background-color: #0070de;}
.main_area .news .item .t {float: left; width: 410px; color: #5a5a5a; line-height: 1.2em;}
.main_area .news .item .t a {text-decoration: underline; font-size: 10px;}
.main_area .news .item .t h4 {color: #5a5a5a; font-size: 13px; text-transform: uppercase; padding-bottom: 2px;}
.main_area .news .item .t h4 a {color: #5a5a5a; text-decoration: none; font-size: 13px;}
.main_area .news .item .t em {font-style: normal; font-weight: bold;}
.main_area .news .more {display: block; background: url(../img/bg_news_more.gif) no-repeat 0 0; padding-left: 20px; width: 83px; line-height: 21px; font-size: 9px; color: #2c2c2c; text-transform: uppercase; margin-left: 400px;}
.main_area .news .more:hover {text-decoration: none;}
.main_area .news .noimg {background-image: none; border-bottom: 1px solid #d4d3d3;}
.main_area .news .noimg .t {float: none; width: 496px; }

.main_area .rarea {padding-top: 23px;}

.rarea .why {background: #fff url(../img/bg_benefit_bottom.gif) no-repeat 0 100%; padding-bottom: 0px; margin-bottom: 20px;}
.rarea .why h3 {background: #d4d4d4 url(../img/bg_benefit_top.gif) no-repeat 0 0; padding: 5px 8px; font-size: 12px;}
.rarea .why ul {padding: 10px 5px 5px 8px;}
.rarea .why ul li {color: #5a5a5a; font-size: 11px; padding: 0 0 5px 10px; background: url(../img/arr_text.gif) no-repeat 0 5px;}