@charset "UTF-8";

ul,
ol {
    padding-left: 0;
    list-style: none;
}
.container {
    width: 1230px !important;
}
/**
 * common
 */
.mt-15 {
    margin-top: 15px;
}
.mb-15 {
    margin-bottom: 15px;
}

a {
    color: #333;
}
a:hover {
    color: #0c75cd;
    text-decoration: none;
}

.rotate-reverse-45 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.headline-section {
    margin-bottom: 15px;
}

/* links */
.links {
    margin-top: 30px;
    margin-bottom: 30px;
}
.links-header {
    margin-bottom: 15px;
    border-bottom: 2px solid #f3f6f9;
    color: #0c75cd;
}
.links-header h4 {
    font-size: 16px;
    font-weight: 700;
}
.links .item {
    float: left;
    margin-right: 30px;
    line-height: 1.75;
}
.links .item a {
    color: #666;
}
.links .item a:hover {
    color: #0c75cd;
}

/* footer */
.footer,
.footer .container {
    background: #f2f2f2;
}
.footer .inner {
    padding: 30px;
    line-height: 20px;
    color: #555;
    font-size: 12px;
}

/* 头部 header */
.topbar,
.topbar .container {
    background-color: #eee;
}
.topbar {
    height: 36px;
    line-height: 36px;
    font-size: 12px;
}
.logo {
    padding: 15px 30px 15px 0;
}
.search {
    margin-top: 34px;
}
.search .form-inline .form-group {
    width: 400px;
}
.search .form-inline .form-control {
    width: 100%;
}

/* 首页栏目导航 */
.main-menu,
.main-menu .container {
    background: #1D71B7;
}
.main-menu {
    margin-bottom: 15px;
}
.main-menu a {
    color: #fff;
}
.main-menu div {
    padding: 4px 0 4px 0;
}

/* banner */
.banner-section {
    margin-bottom: 15px;
}
.banner-section img {
    width: 100%;
}

/* breadcrumb */

/**
 * sidebar
 */
.sidebar-recommend .panel-body {
    padding-bottom: 10px;
}
.sidebar-recommend ul {
    margin: 0 -7px;
}
.sidebar-recommend .item {
    float: left;
    padding: 0 7px;
    width: 50%;
}
.sidebar-recommend .item .img {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 75%;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
}
.sidebar-recommend .item .img:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.sidebar-recommend .item h5 {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.sidebar-hot li {
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.sidebar-hot .label {
    margin-right: 5px;
    font-weight: normal;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.sidebar-hot .label-one {
    background-color: #ff0100;
}
.sidebar-hot .label-two {
    background-color: #ff522c;
}
.sidebar-hot .label-three {
    background-color: #ff7229;
}
.sidebar-hot .label-default {
     background-color: #a1a1a1;
 }

/**
 * 首页
 */

/* 头条 */
.headline-section {
    position: relative;
    padding-bottom: 8px;
    background-color: #f2f2f2;
    border: 1px solid #e2e2e2;
}
.headline-section h2 {
    margin-bottom: 6px;
    padding: 0 30px;
    line-height: 1.25;
}
.headline-section h5 a {
    color: #555;
}
.headline-section h5 a:hover {
    color: #0c75cd;
}
.headline-section .triangle {
    position: absolute;
    top: 0;
    left: 0;
    border-top: 70px solid #0c75cd;
    border-right: 70px solid transparent;
}
.headline-section .small-triangle {
    position: absolute;
    top: 0;
    left: 0;
    border-top: 28px solid #f2f2f2;
    border-right: 28px solid transparent;
}
.headline-section .rotate-reverse-45 {
    position: absolute;
    top: 12px;
    left: 8px;
    color: #fff;
    font-size: 16px;
}

/* 幻灯 */
.bg-slide .carousel-inner .item {
    width: 100%;
    padding-top: 75%;
    background-color: #f2f2f2;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
}
.bg-slide .carousel-indicators {
    bottom: 3px;
}
.bg-slide .carousel-caption {
    bottom: 12px;
    left: 30px;
    right: 30px;
    text-shadow: 0 0 10px #000;
}



/* 新闻区块 */
.news-block.voice {
    margin-top: 16px;
}

.news-block-header {
    margin-bottom: 10px;
    height: 42px;
    line-height: 40px;
    font-size: 16px;
    color: #0c75cd;
    background-color: #f3f6f9;
    border-bottom: 2px solid #0c75cd;
}
.news-block-header a {
    color: #b0becc;
}
.news-block-header a:hover {
    color: #0c75cd;
    text-shadow: 1px 1px 1px #19374f;
}
.news-block-header .iconfont {
    margin: 0 15px;
}
.news-block ul {
    margin-bottom: 15px;
}
.news-block li {
    position: relative;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.news-block .dot {
    margin-right: 5px;
    color: #0c75cd;
}

/* 网群 */
.site-group ul {
    margin: 6px -6px;
}
.site-group .item {
    float: left;
    padding: 6px;
    width: 25%;
}

/* 专题 */
.block-special {
    margin: 0 -4px 16px;
}
.block-special .item {
    float: left;
    padding: 4px;
    width: 50%;
}
.block-special .item a {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 40%;
    background-color: #f2f2f2;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
}
.block-special .item a:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}


/* 焦点新闻 */
.focus-news {
    display: block;
    position: relative;
    margin-bottom: 8px;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    background-color: #f2f2f2;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
}
.focus-news .title {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 8px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: rgba(0, 0, 0, 0.4);
}
.focus-news.focus-news-wenhua {
    padding-top: 75%;
}

/**
 * 列表页
 */
.news-block .one {
    margin-top: 15px;
}
.news-block .five {
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.news-block .inner-text {
    margin-right: 140px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.news-block .inner-time {
    position: absolute;
    top: 0;
    right: 0;
    color: #777;
}

/**
 * 正文
 */
.content-header {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.content-header .title {
    margin: 40px 0 20px;
}
.content-header span {
    display: inline-block;
    margin-bottom: 5px;
    color: #9a9a9a;
    font-size: 12px;
}
.content-body {
    line-height: 1.75;
}
.panel.attachment {
    margin-top: 50px;
}
.panel.attachment li a
{
    color: #0c75cd;
}
.panel.attachment li a:hover {
    text-decoration: underline;
}
.panel.attachment li span {
    margin-right: 5px;
    color: #0c75cd;
}

/**
 * 视频
 */
ul.news-video {
    margin: 0 -8px;
}
.news-video .item {
    float: left;
    padding: 0 8px;
    width: 50%;
}
.news-video .item .img {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
}
.news-video .item .img:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.news-video .item .title {
    margin-bottom: 5px;
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
}

/**
 * 专题页面
 */
.specials {
    margin-bottom: 35px;
}
.specials-header {
    margin: 40px auto 50px;
    width: 60%;
    text-align: center;
    border-bottom: 1px solid #0a5a9c;
}
.specials-header h2 {
    color: #0c75cd;
}
.specials .caption {
    height: 165px;
}
.specials .caption a {
    color: #0c75cd;
}
.specials .caption a:hover {
    color: #0a5a9c;
}