﻿@charset "UTF-8";

/* common ***************************************************************************************/
.wrapper { width: 1200px; margin-right: auto; margin-left: auto;}
.fl { float: left;}
.fr { float: right;}

.focus { position: relative; width: 442px; height: 296px; overflow: hidden;}
.focus .hd { position: absolute; right: 10px; bottom: 0; z-index:1; height: 36px; overflow: hidden;}
.focus .hd ul { margin-top: 14px; font-size: 0;}
.focus .hd ul li { display: inline-block; width: 8px; height: 8px; margin: 0 3px; vertical-align: middle; border-radius: 8px; background-color: #fff; cursor: pointer;}
.focus .hd ul li.on { background-color: #f00;}
.focus .bd { position:relative; z-index: 0; width: 100%; height: 100%;}
.focus .bd ul li { zoom:1; vertical-align:middle;}
.focus .bd ul li a { position: relative; display: block;}
.focus .bd ul li .pic img { display:block; width: 442px; height: 296px;}
.focus .bd ul li .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; opacity: 0.6; filter:alpha(opacity=60); background: #000;}
.focus .bd ul li .title { position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; font-family: Arial, "Helvetica Neue", Helvetica, Tahoma, Verdana, "\5B8B\4F53", "\5FAE\8F6F\96C5\9ED1", sans-serif; font-size: 14px; font-weight: normal; line-height: 36px; overflow: hidden;}
.focus .bd ul li .title span { display: block; padding: 0 10px; color: #fff;}


/* topic 1 ***************************************************************************************/
.topic-1 { background-color: #eee;}
.topic-1 .header { position: relative; width: 100%; height: 194px; background-color: #96d2f7;}
.topic-1 .banner { width: 100%; height: 194px; background-repeat: no-repeat; background-position: top center;}
.topic-1 .nav { position: absolute; left: 50%; bottom: -25px; width: 1198px; margin-left: -600px; border: 1px solid #3098da;}
.topic-1 .nav ul { font-size: 0; text-align: center; border: 1px solid #fff; background: url(../images/nav_bg_01.jpg) repeat-x;}
.topic-1 .nav ul li { display: inline-block; height: 40px; margin: 0 45px; font-family: "\5FAE\8F6F\96C5\9ED1"; font-size: 16px; line-height: 40px;}

.topic-1 .container { padding-top: 40px; background: url(../images/bg_01.jpg) repeat-x top center;}

.topic-1 .main { padding-bottom: 25px; background-color: #fff;}

.topic-1 .focus-wrap { float: left; padding: 5px; border: 1px solid #c5dcee; background-color: #ebf7fe;}
.topic-1 .focus ,
.topic-1 .focus .bd ul li .pic img { width: 490px; height: 296px;}

.topic-1 .hot-news { margin-left: 530px; padding: 10px 20px 0 0;}

.topic-1 .news-item { margin-top: 15px;}
.topic-1 .news-item .item { width: 592px;}

.topic-1 .module-1-hd { height: 26px; background: url(../images/line_01.jpg) repeat-x left center;}
.topic-1 .module-1-hd h3 { float: left; font-size: 16px; font-weight: bold; color: #e60000; line-height: 26px; background-color: #fff;}
.topic-1 .module-1-hd a { float: right; padding-left: 10px; font-size: 12px; line-height: 26px; background: #fff url(../images/arrow_01.jpg) no-repeat left center ;}
.topic-1 .module-1-bd { margin-top: 8px;}
.topic-1 .module-2 { padding: 1px; border: 1px solid #c0d9ec;}
.topic-1 .module-2-hd { height: 45px; padding: 0 30px 0 10px; background: url(../images/title_bg_01.jpg) repeat-x left center;}
.topic-1 .module-2-hd h3 { float: left; padding-left: 24px; font-size: 16px; font-weight: bold; color: #0777bf; line-height: 45px; background: url(../images/arrow_02.jpg) no-repeat left center;}
.topic-1 .module-2-hd a { float: right; font-size: 12px; line-height: 45px;}
.topic-1 .module-2-bd { padding: 10px 20px;}

.topic-1 .news-list li { line-height: 30px;}
.topic-1 .news-list li .title { display: block; height: 30px; margin-right: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.topic-1 .news-list li .title a { color: #58585a;}
.topic-1 .news-list li .title a:hover { color: #e60000;}
.topic-1 .news-list li .date { float: right;}

.topic-1 .footer { padding: 10px 0 15px; font-size: 12px; color: #444141; line-height: 26px; border-top: 30px solid #1d79ce; text-align: center; background: #e9f3fd url(../images/footer_bg_01.jpg) repeat-x;}

.topic-1 .content-box { padding: 8px 12px 25px; background-color: #fff;}

.topic-1 .content-title { height: 34px; padding: 0 50px 0 13px; line-height: 34px; border: 1px solid #dae3e0; background: url(../images/title_bg_02.jpg) repeat-x;}
.topic-1 .content-title span { float: right; font-family: "\5B8B\4F53"; font-size: 12px; color: #666;}
.topic-1 .content-title span a { color: #666;}
.topic-1 .content-title span a:hover { color: #c20c0b;}
.topic-1 .content-title h3 { float: left; padding-left: 20px; color: #c20c0b; line-height: 34px; background: url(../images/icon_01.jpg) no-repeat left center;}

.topic-1 .list-item ul { padding: 30px 50px;}
.topic-1 .list-item ul li { line-height: 34px;}
.topic-1 .list-item ul li .title { display: block; height: 34px; margin-right: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.topic-1 .list-item ul li .title a { color: #58585a;}
.topic-1 .list-item ul li .title a:hover { color: #e60000;}
.topic-1 .list-item ul li .date { float: right;}

.topic-1 .pages {  text-align: center;}

.topic-1 .detail-title { margin: 40px 50px; text-align: center;}
.topic-1 .detail-title h1 { font-size: 23px; font-weight: normal; line-height: 1.7;}
.topic-1 .detail-title p { margin-top: 12px; font-size: 12px; color: #888;}
.topic-1 .detail-title p span { margin: 0 22px;}
.topic-1 .detail-content { margin: 40px 50px; font-size: 16px; line-height: 1.75;}
.topic-1 .detail-content p { margin: 1.5em 0; text-indent: 2em;}

.topic-1 .context { height: 18px; padding: 20px 50px 0; font-size: 12px; color: #1d79ce; border-top: 1px solid #1d79ce;}
.topic-1 .context span { float: left; width: 50%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.topic-1 .context a { color: #1d79ce;}


/* topic 2 ***************************************************************************************/
.topic-2 { background-color: #ede8de;}
.topic-2 .header { width: 100%; height: 370px; background-repeat: no-repeat; background-position: top center;}
.topic-2 .container { position: relative; z-index: 1;}
.topic-2 .main { margin-top: -21px; padding: 10px; background-color: #fff;}

.topic-2 .focus { float: left; height: 320px;}
.topic-2 .focus ,
.topic-2 .focus .bd ul li .pic img { width: 500px; height: 320px;}

.topic-2 .hot-news { margin: 10px 12px 0 532px;}

.topic-2 .module-tab { position: relative;}
.topic-2 .module-tab ul { height: 28px; border-bottom: 2px solid #ddd;}
.topic-2 .module-tab ul li { float: left; margin-right: 42px; cursor: pointer;}
.topic-2 .module-tab ul li h3 { height: 25px; padding-bottom: 3px; font-size: 25px; font-weight: normal; line-height: 25px;}
.topic-2 .module-tab ul li h3 span { display: none;}
.topic-2 .module-tab ul li h3 .before { display: none;}
.topic-2 .module-tab ul li h3 .after { display: block;}
.topic-2 .module-tab ul li a { display: none; position: absolute; top: 0; right: 0; font-family: "\5B8B\4F53"; font-size: 12px; line-height: 25px;}
.topic-2 .module-tab ul li.active { color: #c50c11;}
.topic-2 .module-tab ul li.active h3 { margin-bottom: -2px; border-bottom: 2px solid #c50c11;}
.topic-2 .module-tab ul li.active h3 .before { display: block;}
.topic-2 .module-tab ul li.active h3 .after { display: none;}
.topic-2 .module-tab ul li.active a { display: block;}
.topic-2 .module-content { display: none; margin-top: 12px;}

.topic-2 .news-list li { line-height: 30px;}
.topic-2 .news-list li .title { display: block; height: 30px; margin-right: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.topic-2 .news-list li .title a { color: #58585a;}
.topic-2 .news-list li .title a:hover { color: #e60000;}
.topic-2 .news-list li .date { float: right;}

.topic-2 .news-item { margin-bottom: 25px;}
.topic-2 .news-item .item { float: left; width: 568px; margin-top: 55px; margin-right: 44px;}
.topic-2 .news-item .item .hd { height: 35px; background: url(../images/title_bg_11.jpg) no-repeat center;}
.topic-2 .news-item .item .hd h3 { font-size: 26px; color: #be0607; text-align: center;}
.topic-2 .news-item .item .hd h3 span { display: none;}
.topic-2 .news-item .item .bd { height: 160px; margin-top: 10px; padding: 20px 32px; line-height: 32px; background-color: #ebebeb; overflow: hidden;}
.topic-2 .news-item .item .bd a { color: #db0000;}
.topic-2 .news-item .item-first { width: 100%; margin-right: 44px;}
.topic-2 .news-item .item-first .hd { background-image: url(../images/title_bg_12.jpg);}
.topic-2 .news-item .item-first .bd { height: auto;}
.topic-2 .news-item .item-even { margin-right: 0;}

.topic-2 .footer { position: relative; z-index: 0; padding: 20px 0; font-size: 12px; color: #fff; text-align: center; line-height: 26px; background-color: #b40200;}
.topic-2 .footer-index { margin-top: -22px; padding: 42px 0 20px;}

.topic-2 .content-box { padding-bottom: 35px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; background-color: #fff;}

.topic-2 .content-title { height: 56px; padding: 0 50px 0 20px; line-height: 52px; background: url(../images/title_bg_03.jpg) repeat-x;}
.topic-2 .content-title span { float: right; font-family: "\5B8B\4F53"; font-size: 12px; color: #666;}
.topic-2 .content-title span a { color: #666;}
.topic-2 .content-title span a:hover { color: #c20c0b;}
.topic-2 .content-title h3 { float: left; padding-left: 27px; color: #dd0000; line-height: 52px; background: url(../images/icon_02.jpg) no-repeat left center;}

.topic-2 .list-item ul { padding: 30px 50px;}
.topic-2 .list-item ul li { line-height: 34px;}
.topic-2 .list-item ul li .title { display: block; height: 34px; margin-right: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.topic-2 .list-item ul li .title a { color: #58585a;}
.topic-2 .list-item ul li .title a:hover { color: #e60000;}
.topic-2 .list-item ul li .date { float: right;}

.topic-2 .pages {  text-align: center;}


.topic-2 .detail-title { margin: 40px 50px; text-align: center;}
.topic-2 .detail-title h1 { font-size: 30px; font-weight: normal; line-height: 1.4;}
.topic-2 .detail-title p { margin-top: 12px; font-size: 14px;}
.topic-2 .detail-title p span { margin: 0 22px;}
.topic-2 .detail-content { margin: 40px 50px; font-size: 16px; line-height: 1.75;}
.topic-2 .detail-content p { margin: 1.5em 0; text-indent: 2em;}

.topic-2 .context { height: 18px; padding: 20px 50px 0; font-size: 12px; line-height: 18px; border-top: 1px solid #ddd;}
.topic-2 .context span { float: left; width: 50%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}


/* topic 3 ***************************************************************************************/
.topic-3 { background-color: #eceaea;}
.topic-3 .header { position: relative; width: 100%;}
.topic-3 .banner { width: 100%; height: 220px; background-repeat: no-repeat; background-position: top center;}
.topic-3 .nav { width: 100%; background: #c90708 url(../images/nav_bg_02.jpg) repeat-x;}
.topic-3 .nav ul { font-size: 0; text-align: center;}
.topic-3 .nav ul li { display: inline-block; height: 39px; font-size: 16px; font-weight: bold; color: #fff; line-height: 39px; background: url(../images/nav_line.jpg) no-repeat right center;}
.topic-3 .nav ul li.last { background: no-repeat;}
.topic-3 .nav ul li a,
.topic-3 .nav ul li a:hover { display: block; padding: 0 65px; color: #fff;}

.topic-3 .container { margin-top: 12px;}

.topic-3 .side { float: right; width: 430px; height: 965px; border: 1px solid #cbcccf; background: #fff url(../images/side_bg_01.jpg) repeat-y left top;}
.topic-3 .side .item-1 { margin-top: 20px;}
.topic-3 .side .item-2 { margin-top: 32px; padding-bottom: 15px; background: url(../images/tree.jpg) no-repeat right bottom;}
.topic-3 .side h3 { height: 47px; margin-bottom: 20px;}
.topic-3 .side h3 span { display: none;}
.topic-3 .side h3 img { height: 47px; margin-left: -1px;}
.topic-3 .side dl { margin: 10px 20px; line-height: 26px;}
.topic-3 .side dl dt { float: left; font-family: "\5FAE\8F6F\96C5\9ED1"; font-size: 16px; color: #bd0f11; line-height: 24px;}
.topic-3 .side dl dd { margin-left: 88px; font-size: 14px;}
.topic-3 .side dl.last dt { float: none;}

.topic-3 .main { float: left; width: 762px;}

.topic-3 .focus-wrap { height: 330px; padding: 8px; border: 1px solid #dbd9d9; background-color: #fff;}
.topic-3 .focus ,
.topic-3 .focus .bd ul li .pic img { width: 744px; height: 330px;}

.topic-3 .module { margin-top: 12px;}
.topic-3 .module-hd { height: 31px; padding: 1px 1px 0; line-height: 31px; border: 1px solid #dbd9d9; border-bottom: 1px solid #e10200; background-color: #fff;}
.topic-3 .module-hd h3 { float: left; width: 146px; height: 31px; font-size: 20px; font-weight: normal; color: #fff; text-indent: 25px; background: url(../images/title_bg_21.jpg) no-repeat; overflow: hidden;}
.topic-3 .module-hd h3 span { display: none;}
.topic-3 .module-hd h3 img { margin-top: 5px;}
.topic-3 .module-hd .tabs { float: left; margin-left: 125px; font-size: 14px; font-weight: bold;}
.topic-3 .module-hd .tabs li { float: left; margin-right: 58px;}
.topic-3 .module-hd .tabs li span { display: block; padding-left: 15px; background: url(../images/arrow_03.jpg) no-repeat left center; cursor: pointer;}
.topic-3 .module-hd .tabs li:hover span,
.topic-3 .module-hd .tabs li.active span { color: #e60000;}
.topic-3 .module-hd .more { float: right; margin-right: 20px; font-family: "\5B8B\4F53"; font-size: 12px;}

.topic-3 .module-bd { height: 240px; margin-top: 6px; padding: 8px 30px 8px 20px; border: 1px solid #dbd9d9; background-color: #fff; overflow: hidden;}
.topic-3 .tabs-item { display: none;}
.topic-3 .tabs-item li { height: 30px; line-height: 30px;}
.topic-3 .tabs-item li .date { float: right;}
.topic-3 .tabs-item li .title { display: block; height: 30px; margin-right: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.topic-3 .footer { margin-top: 16px; padding: 25px 0 42px; font-size: 12px; color: #444141; line-height: 26px; border-top: 1px solid #c0c0c0; text-align: center; background: #fbfbfb url(../images/footer_bg_02.jpg) repeat-x;}

.topic-3 .list-side { float: left; width: 248px; height: 716px; border-radius: 2px; border: 1px solid #d0d0d0; background: #fff url(../images/side_bg_02.jpg) no-repeat left bottom;}
.topic-3 .list-side h3 { height: 47px; background: url(../images/side_title_bg.jpg) repeat-x;}
.topic-3 .list-side h3 span { display: block; height: 44px; margin: 0 2px; font-size: 16px; text-indent: 56px; line-height: 44px; border-bottom: 3px solid #af141a;}
.topic-3 .list-side ul { margin: 0 12px; font-size: 16px;}
.topic-3 .list-side ul li { height: 42px; margin-bottom: 5px; padding-left: 22px; line-height: 42px; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #cfcfcf; overflow: hidden;}
.topic-3 .list-side ul li i { display: inline-block; width: 15px; height: 9px; margin-top: -2px; margin-right: 8px; vertical-align: middle; background: url(../images/arrow_04.jpg) no-repeat;}
.topic-3 .list-side ul li a:hover,
.topic-3 .list-side ul li.current a { color: #ba1013;}

.topic-3 .list-main { height: 716px; margin-left: 258px; padding: 0 12px; border-radius: 2px; border: 1px solid #d0d0d0; background-color: #fff;}

.topic-3 .path { padding: 17px 18px 10px; font-family: "\5B8B\4F53"; font-size: 12px; border-bottom: 1px dotted #9b9b9b;}
.topic-3 .path img { margin-top: -2px; margin-right: 10px;}

.topic-3 .list-item ul { padding: 10px;}
.topic-3 .list-item ul li { line-height: 33px;}
.topic-3 .list-item ul li .title { display: block; height: 33px; margin-right: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.topic-3 .list-item ul li .title a { color: #58585a;}
.topic-3 .list-item ul li .title a:hover { color: #e60000;}
.topic-3 .list-item ul li .date { float: right;}

.topic-3 .pages {  text-align: center;}

.topic-3 .detail { padding: 0 12px; border-radius: 2px; border: 1px solid #d0d0d0; background-color: #fff;}
.topic-3 .detail-title { margin: 40px 80px; text-align: center;}
.topic-3 .detail-title h1 { font-size: 24px; font-weight: normal; line-height: 1.4;}
.topic-3 .detail-title p { margin-top: 12px; font-size: 12px; line-height: 28px; background-color: #f2f2f2;}
.topic-3 .detail-title p span { margin: 0 30px;}
.topic-3 .detail-content { margin: 40px 80px 80px; font-size: 14px; line-height: 1.75;}
.topic-3 .detail-content p { margin: 1.5em 0; text-indent: 2em;}


/*分页*/
.FYpas{ text-align:center; font-size:12px; color:#999;}
a.FYpasA{ margin:0 4px; border:1px solid #eee; border-radius:3px; text-align:center; width:30px; height:30px; line-height:30px; color:#999; display:inline-block;}
a.FYpasA:hover{color:#FFF; background:#b61818; border:1px solid #b61818;}
