.main-box {min-width:1200px;width:100% !important;margin:0 auto;_width:100%; height:530px;}
.area{position:relative;width:1200px;margin-left:auto;margin-right:auto;}
.f-fl{float:left;_display:inline;}
.f-fr{float:right;_display:inline;}
.m-news{ padding: 24px 0; font-family: 'SimSun';}
.m-news .title{ position: relative; zoom:1; height: 48px; line-height: 48px; overflow: hidden; font-family: 'Microsoft YaHei';}
.m-news .title:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; overflow: hidden; border-bottom: solid 2px #e8e8e8;}
.m-news .title h2{ font-size: 24px;}
.m-news .title h2:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 50px; height: 0; overflow: hidden; border-bottom: solid 3px #c00;}
.m-news .title a.more{ float: right; display: inline; margin: 0 12px; font-size: 14px;}
.m-news .title a.more:hover{ color: #c00;}

.newsList-1,
.newsList-2{ width: 400px; margin-right: 30px; border-bottom: solid 1px #ebebeb;}
.newsList-1 .listBox{ padding-top: 16px;}
.newsList-1 .listBox li{ width:380px; zoom:1; height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; border-bottom: solid 1px #ebebeb;}
.newsList-1 .listBox li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.newsList-1 .listBox li a{ color: #666;}
.newsList-1 .listBox li a:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: 16px 10px 0; width: 5px; height: 5px; overflow: hidden; background: #999; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.newsList-1 .listBox li a:hover{ color: #c00;}
.newsList-1 .listBox li a:hover:before{ background-color: #c00;}
.newsList-1 .listBox li.pic{ padding: 10px; height: auto; border: solid 1px #e8e8e8; background: #f4f4f4;}
.newsList-1 .listBox li.pic a:before{ display: none;}
.newsList-1 .listBox li.pic .u-img{ float: left; display: inline; margin-right: 10px; width: 140px; height: 105px; overflow: hidden;}
.newsList-1 .listBox li.pic .u-name{ padding-top: 6px; height: 38px; line-height: 38px; overflow: hidden;}
.newsList-1 .listBox li.pic .u-name a{ color: #333;}
.newsList-1 .listBox li.pic .u-name a:hover{ color: #c00;}
.newsList-1 .listBox li.pic .u-con{ height: 48px; line-height: 24px; overflow: hidden; font-size: 12px; color: #666;}


.newsList-2 .listBox{ padding-top: 16px;}
.newsList-2 .listBox li{width:380px;  zoom:1; height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; border-bottom: solid 1px #ebebeb;}
.newsList-2 .listBox li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.newsList-2 .listBox li a{ color: #666;}
.newsList-2 .listBox li a:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: 16px 10px 0; width: 5px; height: 5px; overflow: hidden; background: #999; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.newsList-2 .listBox li a:hover{ color: #c00;}
.newsList-2 .listBox li a:hover:before{ background-color: #c00;}
.newsList-2 .listBox li.pic{ padding: 10px; height: auto; border: solid 1px #e8e8e8; background: #f4f4f4;}
.newsList-2 .listBox li.pic a:before{ display: none;}
.newsList-2 .listBox li.pic .u-img{ float: left; display: inline; margin-right: 10px; width: 140px; height: 105px; overflow: hidden;}
.newsList-2 .listBox li.pic .u-name{ padding-top: 6px; height: 38px; line-height: 38px; overflow: hidden;}
.newsList-2 .listBox li.pic .u-name a{ color: #333;}
.newsList-2 .listBox li.pic .u-name a:hover{ color: #c00;}
.newsList-2 .listBox li.pic .u-con{ height: 48px; line-height: 24px; overflow: hidden; font-size: 12px; color: #666;}


.newsList-3{ width: 333px;}
.newsList-3 .listBox ul{ margin-top: -4px;}
.newsList-3 .listBox li{ position: relative; zoom:1; padding: 14px 20px 18px 0;}
.newsList-3 .listBox li:before{ content: ""; position: absolute; top: 0; left: 0; width: 50px; height: 2px; overflow: hidden; background: #c00;}
.newsList-3 .listBox a:hover{ color: #c00;}
.newsList-3 .listBox .u-name{ padding-left: 32px; height: 40px; line-height: 40px; overflow: hidden;}
.newsList-3 .listBox .u-con{ padding-left: 32px; height: 72px; line-height: 24px; overflow: hidden; color: #666;}

.newsList-3 .listBox .u-name:before,
.newsList-3 .listBox .u-con:before{ display: inline-block; *display: inline; zoom:1; vertical-align: top;  margin-left: -32px; margin-right: 12px; width: 20px; height: 20px; line-height: 20px; overflow: hidden; font-size: 12px; text-align: center; font-weight: normal; color: #fff; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}

.newsList-3 .listBox .u-name:before{ content: "问"; margin-top: 10px; background: #000;}
.newsList-3 .listBox .u-con:before{ content: "答"; margin-top: 2px; background: #c00;}