@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{margin:0 0; padding:0 0; font-family: 'open_sansregular'; font-size:12px; color:#606060;}



a{color:#6e6e6e;}
a:hover{ text-decoration:none;}

input{float:left; border-radius:5px; padding:2px 3px;}
input[type=text]{border:1px solid #D4D2D2; background:#FEFEFE; color:#000;}
input[type=button]{border:1px solid #AD0303; color:#F3D9D9;
background: #B10303; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B10303', endColorstr='#AD0303'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#B10303), to(#AD0303)); /* for webkit browsers */
background: -moz-linear-gradient(top, #B10303, #AD0303); /* for firefox 3.6+ */}
input[type=button]:hover{background: #AD0303; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AD0303', endColorstr='#B10303'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#AD0303), to(#B10303)); /* for webkit browsers */
background: -moz-linear-gradient(top, #AD0303, #B10303); /* for firefox 3.6+ */}





#header, #trigger, #navi, #sub_navi, #middle, #footer {float:left; width:100%; overflow:hidden;}
.inner_wapper{margin:0 auto; width:1000px;}

#header{background:#DCD9D6 url(../images/header_bg.jpg) left top repeat-x;}
#header .lft{float:left; width:300px;}
#header .rgt{float:right; width:237px; margin:10px 0;}
#header .rgt p{float:left; width:100%; margin:2px 0; text-align:right;}
#header .rgt p input[type=text]{width:180px;}
#header .rgt p input[type=button]{margin-left:4px;}

#trigger{color:#B5B5B5; line-height:32px; background:#5F5E5E; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5F5E5E', endColorstr='#626161'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#5F5E5E), to(#626161)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #5F5E5E,  #626161); /* for firefox 3.6+ */}
#trigger span{float:left; width:87px; display:inline-block; color:#E4E4E4; background:url(../images/trigger_head_bg.png) left center no-repeat; text-indent:8px; margin-right:4px;}
#trigger a {color:#ffffff; text-decoration:none;}

#navi{background: #b60002; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b60002', endColorstr='#9f0000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#b60002), to(#9f0000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #b60002,  #9f0000); /* for firefox 3.6+ */}
#navi ul{float:left; width:100%; margin:0 0; padding:0 0; list-style:none;}
#navi ul li{float:left; padding:0 12px; font-size:13px; line-height:32px;}
#navi ul li:hover, #navi ul li.active{background: #ffffff; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ffffff,  #e0e0e0); /* for firefox 3.6+ */}
#navi ul li a,  #navi ul li.active a{color:#ffffff; text-decoration:none;}
#navi ul li:hover a,  #navi ul li.active a{color:#b60002;}

#sub_navi{background:#dfdfdf;}
#sub_navi ul{float:left; width:100%; margin:0 0; padding:0 0; list-style:none;}
#sub_navi ul li{float:left; padding:0 8px; font-size:12px; line-height:28px;}
#sub_navi ul li a{color:#626262; text-decoration:none;}
#sub_navi ul li:hover a{color:#333;}


#middle{margin:10px 0;}

#middle h1{float:left; margin:0 0; font-size:13px; font-weight:normal; line-height:28px; color:#fff; text-indent:6px;}
#middle h1.grey{ width:99.5%; border:1px solid #5f5e5e; background: #838383; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#838383', endColorstr='#5f5e5e'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#838383), to(#5f5e5e)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #838383,  #5f5e5e); /* for firefox 3.6+ */}
#middle h1.red{ width:99.5%; border:1px solid #860707; background: #a90b0c; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90b0c', endColorstr='#860707'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#a90b0c), to(#860707)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #a90b0c,  #860707); /* for firefox 3.6+ */}

h3{float:left; width:100%; font-size:12px; margin:0 0;}


#middle .lft{float:left; width:226px;}

#middle .lft .news_slid_bx{float:left; width:99.5%; height:348px; border:1px solid #cccccc; background:#f6f6f6; margin-bottom:12px; overflow:hidden;}
#middle .lft .news_slid_bx div{float:left; width:100%;}
#middle .lft .news_slid_bx .pic{height:184px; overflow:hidden;}
#middle .lft .news_slid_bx .pic img{float:left;}
#middle .lft .news_slid_bx .title{width:92%; padding:4%; background:#0b0b0b; color:#dedede; font-size:18px;}
#middle .lft .news_slid_bx .des{width:92%; padding:4%; line-height:16px;}

#middle .lft .latest_news_bx{float:left; width:91.5%; padding:4%; border:1px solid #cccccc; background:#f6f6f6; margin-bottom:12px;}
#middle .lft .latest_news_bx ul{float:left; width:94%; margin:0 0 0 8%; padding:0 0;}
#middle .lft .latest_news_bx ul li{margin:4px 0;}
#middle .lft .latest_news_bx div{float:left; width:100%;}

#middle .lft .latest_video_bx{float:left; width:91.5%; padding:4%; border:1px solid #cccccc; background:#f6f6f6; margin-bottom:12px;}
#middle .lft .latest_video_bx ul{float:left; width:100%; margin:0 0; padding:0 0; list-style:none;}
#middle .lft .latest_video_bx ul li{float:left; width:100%; padding:6px 0; border-bottom:1px dotted #bcbcbc;}
#middle .lft .latest_video_bx ul li .pic{float:left; width:80px;}
#middle .lft .latest_video_bx ul li .pic img{float:left; width:80px; height:80px;}
#middle .lft .latest_video_bx ul li .txt{float:right; width:120px;}
#middle .lft .latest_video_bx ul li .txt h3{color:#aa0304;}
#middle .lft .latest_video_bx ul li .txt p{float:left; width:100%; margin:2px 0;}

#middle .lft .latest_video_bx div{float:left; width:100%;}


#middle .mid{float:left; width:542px; margin:0 11px;}

#middle .mid .news_slid_bx{float:left; width:99.5%; height:348px;  border:1px solid #cccccc; background:#f6f6f6; margin-bottom:12px; overflow:hidden;}
#middle .mid .news_slid_bx div{float:left; width:100%;}
#middle .mid .news_slid_bx .pic{height:202px; overflow:hidden;}
#middle .mid .news_slid_bx .pic img{float:left;}
#middle .mid .news_slid_bx .title{width:96%; padding:2%; background:#0b0b0b; color:#dedede; font-size:18px;}
#middle .mid .news_slid_bx .des{width:96%; padding:2%; line-height:16px;}

#middle .mid .news_slid_bx1{float:left; width:99.5%; height:348px;  border:1px solid #cccccc; background:#f6f6f6; margin-bottom:12px; overflow:hidden;}
#middle .mid .news_slid_bx1 div{float:left; width:100%;}
#middle .mid .news_slid_bx1 .pic{height:202px; overflow:hidden;}
#middle .mid .news_slid_bx1 .pic img{float:left;}
#middle .mid .news_slid_bx1 .title
{
    width: 96%;
    padding: 2%;
    background: #E4E4E4;
    color: #dedede;
    font-size: 18px;
}
#middle .mid .news_slid_bx1 .des{width:96%; padding:2%; line-height:16px;}

#middle .mid .top_stories{float:left; width:95.5%; padding:2%; border:1px solid #cccccc; background:#f6f6f6; margin-bottom:12px;}
#middle .mid .top_stories .pre, #middle .mid .top_stories .next{float:left; width:15px; text-align:center; background:#919191;}
#middle .mid .top_stories .pre img, #middle .mid .top_stories .next img{margin:64px 0;}
#middle .mid .top_stories ul{float:left; width:471px; margin:0 8px; padding:0 0; list-style:none; overflow:hidden;}
#middle .mid .top_stories ul li{float:left; width:145px; margin:0 6px;}
#middle .mid .top_stories ul li div{float:left; width:100%; margin-bottom:4px;}
#middle .mid .top_stories ul li div img{float:left; width:145px;}
#middle .mid .top_stories ul li h3{color:#aa0304;}

#middle .mid .more_news{float:left; width:97.5%; padding:1%; border:1px solid #cccccc; background:#f6f6f6; margin-bottom:12px;}
#middle .mid .more_news .news_cat_bx{float:left; width:230px; padding:10px; margin:6px; background:#FFFFFF; border:1px solid #dfdfdf; border-radius:6px;}
#middle .mid .more_news .news_cat_bx h3{color:#aa0304; margin-bottom:4px;}
#middle .mid .more_news .news_cat_bx ul{float:left; width:100%; margin:0 0; padding:0 0; list-style:inside; border-top:1px dotted #bcbcbc;}
#middle .mid .more_news .news_cat_bx ul li{padding:6px 0; border-bottom:1px dotted #bcbcbc;}
#middle .mid .more_news .news_cat_bx ul li a{text-decoration:none;}
#middle .mid .more_news .news_cat_bx ul li a:hover{color:#404040;}
#middle .mid .more_news .news_cat_bx div{float:left; width:100%;}


#middle .rgt{float:right; width:210px;}

#middle .rgt .stk_markt_bx{float:left; width:91.5%; padding:4%; border:1px solid #cccccc; background:#f6f6f6; margin-bottom:12px;}
#middle .rgt .stk_markt_bx p{float:left; width:100%; margin:2px 0;}
#middle .rgt .stk_markt_bx p img{float:left; width:190px;}


#middle .rgt .eco_indicatr_bx{float:left; width:99.5%; padding:0; border:1px solid #cccccc; background:#f6f6f6; margin-bottom:12px;}
#middle .rgt .eco_indicatr_bx p{float:left; width:100%; margin:2px 0;}
#middle .rgt .eco_indicatr_bx p img{float:left; width:208px;}

#middle .rgt .hot_topic{float:left; width:91.5%; padding:4%; border:1px solid #cccccc; background:#f6f6f6; margin-bottom:12px;}
#middle .rgt .hot_topic ul{float:left; width:100%; margin:0 0; padding:0 0; list-style:inside decimal; border-top:1px dotted #bcbcbc;}
#middle .rgt .hot_topic ul li{padding:6px 0; border-bottom:1px dotted #bcbcbc;}
#middle .rgt .hot_topic ul li a{text-decoration:none;}
#middle .rgt .hot_topic ul li a:hover{color:#404040;}
#middle .rgt .hot_topic div{float:left; width:100%;}

#middle .rgt .banner{float:left; width:99.5%; padding:0; border:1px solid #cccccc; background:#f6f6f6; margin-bottom:12px;}
#middle .rgt .banner img{float:left; width:208px;}



#footer{background:#fff url(../images/footer_bg.jpg) left top repeat-x; border-top:4px solid #8f8f8f; font-size:12px; color:#8f8f8f; padding:10px 0;}
#footer a{color:#6e6e6e; text-decoration:none;}
#footer a:hover{color:#6e6e6e; text-decoration: underline;}
#footer .lft{float:left; width:500px;}
#footer .rgt{float:right; width:450px; text-align:right;}
#footer p{float:left; width:100%; margin:2px 0;}