.blogpage-section .col-xl-3.col-lg-6.col-md-6,
.blogpage-section .col-xl-4.col-lg-4,
.blogpage-section .col-xl-2.col-lg-6.col-md-6,
.blogpage-section .col-lg-4.col-md-6.col-sm-6.col-12,
.blogpage-section .col-xl-6.col-lg-6.col-md-12,
.blogpage-section .blog-box,
.blogpage-section .blog-box .post-item-wrap,
.blogpage-section .blog-box .post-item-wrap .infinite-blog,
.blogpage-section .fourcolumn-blog .post-item-wrap .lower-portion,
.blog-tabs-section .blog-tabs-inner-section .single-blog-outer-con .single-blog-box,
.blog-tabs-section .blog-tabs-inner-section .single-blog-outer-con .single-blog-details,
.blogpage-section .blog-box .lower-portion {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.section-title {
    display: flex;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 3px;
    margin-bottom: 10px;
}

.section-title h2 {
    position: relative;
    padding-bottom: 15px;
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
}

.section-title h2::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    content: "";
    background-color: #cf3118;
}

.section-title .more a{
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.875rem;
    color: #333;
    padding: 5px 8px;
    background-color: #f2f4f6;
    border-radius: 10px;    
    transition: all .3s ease-in-out;
}

.section-title .more a:hover {
	color: #fff;
	background-color: #cf3118;
    transition: ease-in-out .3s
}





.blog-box img {
    width: 100%;
    height: 260px;
    border: 0;
}

figure {
    margin: 0;
}

.blogpage-section {    
    position: relative;
    padding: 0;
    width: 100%;
    float: left;
}

.blogpage-section .blog-box {
    position: relative;
    background: #fff;
    margin-bottom: 32px;
    z-index: 3;
    /* box-shadow: 3px 3px 25px rgb(0 0 0 / 7%); */
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.192);
    width: 100%;
    border-radius: 3px;
}

.blogpage-section .blog-box .lower-portion {
    padding: 20px;
    border-bottom: 1px solid #bbb;
}
.text-size-14 {
    font-size: 14px;
}

.blogpage-section .blog-box .lower-portion a {
    display: inline-block;
}

.blogpage-section a {
    text-decoration: none;
}

.blogpage-section .blog-box .lower-portion h5 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
    color: #0b2a42;
    position: relative;
    transition: ease-in-out .6s;
    letter-spacing: 0;
    word-spacing: 0;
    font-weight: 500;
}

.blogpage-section .blog-box .lower-portion a:hover h5 {
    color: #cf3118
}

.blogpage-section .blog-box .button-portion {
    position: relative;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blogpage-section .blog-box .button-portion .date {
    display: inline-block;
}

.blogpage-section .blog-box .button-portion .view-info {
    display: inline-block;
}

.blogpage-section .blog-box .button-portion .read_more {
    background-color: #f2f4f6;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    padding: 5px 8px;
    text-align: center;
    display: inline-block;
    transition: all .3s ease-in-out;
    border: 0;
    overflow: visible;
    outline: 0;
    border-radius: 10px;
    border: 1px solid transparent;
}

.blogpage-section .blog-box .button-portion .read_more:hover {
    background-color: #cf3118;
    color: #fff;
    transition: ease-in-out .3s
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    height: 340px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.192);
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
    padding: 1.2rem 1rem;
    margin-bottom: 0;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 10px;
}

.card-header h3 {
    position: relative;
    padding-bottom: 15px;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
}


.card-header h3::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    content: "";
    background-color: #cf3118;
}

.card-header span a {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.875rem;
    color: #333;
    padding: 5px 8px;
    background-color: #f2f4f6;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}

.card-header span a:hover {
	color: #fff;
	background-color: #cf3118;
    transition: ease-in-out .3s
}

.sub-title {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}


.bg-primary {    
    background-color: #fff !important;
}

.badge {
    font-weight: 400;
    color: #333;
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem .75rem;
    background-color: #fff;
    border: none;
    border-radius: .25rem;
    margin-bottom: -1px;
}

.list-group-item a {
    color: #333;
    text-decoration: none;
}

.max-width-285 {
    max-width: 100%;
}
.nodata {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    /* position: relative; */
}

.nodata img {
    width: 50px;
    overflow-clip-margin: content-box;
    overflow: clip;
}


/* 面包屑 */
.position {
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}
.breadcrumb {
	/* 背景图片定位 左边距 1.38rem 垂直居中 */
	background: url("../images/icon/ico_map.png") left center no-repeat;
	padding: 0;
	/* margin-bottom: 1.875rem; */
	padding-left: 1.5rem;
	font-size: 14px;
	color: #999999;
}
.breadcrumb-item a{
	color: #999999;
}
.breadcrumb .active{
	color: #999999;
}
/* 面包屑 end */



.row-1 {
    height: 480px;
}

.panel {
    margin-bottom: 30px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.192);
    padding: 20px 30px 37px 30px;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
}

.panel .header {
    height: 45px;
    line-height: 45px;
    margin-bottom: 15px;
    padding: 0;
    margin: 0;
    display: block;
    unicode-bidi: isolate;
}

.panel .header .title {
    display: inline-block;
    font-size: 28px;
    line-height: 30px;
    color: #cf3118;
}

.panel .more {
    float: right;
    line-height: 38px;
    font-size: 14px;
    cursor: pointer;
}

.panel .clearfix {
    overflow: hidden;
    height: calc(100% - 65px);
}

.panel .clearfix:after {
    display: table;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.panel a {
    text-decoration: none;
    color: #333;
}

.panel a:hover {
    color: #cf3118;
}

.row-1 .news-item {
    display: inline-block;
    width: 380px;
    margin-right: 20px;
}

.row-1 .news-list .news-item img {
    width: 100%;
    height: 300px;
    display: block;
}

.row-1 .news-list .title {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.row-1 .news-item .title, .row-1 .news-item .subtitle {
    margin-top: 10px;
    margin-bottom: 5px;
    width: 100%;
}

.row-1 .news-item .date {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #8d8d8d;
}

.row-1 .news-item .subtitle, .row-1 .news-item .date {
    line-height: 21px;
}

.row-1 .news-item:nth-child(3n) {
    margin-right: 0;
}

.row-2 {
    /* 原来是固定 height:360px，5 条时最后一条会被裁掉半行；
       改成最小高度，三列靠 flex 默认 stretch 自动等高 */
    min-height: 360px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}

.row-2 .header {
    height: 45px;
    line-height: 45px;
    margin-bottom: 15px;
}



.row-2 .module {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /* flex 子项默认 min-width:auto，长标题那一列压缩不下去，
       会把后面的列挤出容器（媒体报道整列被 overflow:hidden 裁掉） */
    min-width: 0;
    padding: 30px;
    border-right: 1px solid #d8d8d8;
    height: 100%;
}

.row-2 .module .news-item {
    line-height: 35px;
}

/* 标题自适应剩余宽度、日期固定在右侧。
   原来标题是 inline-block 固定 max-width:285 + 日期 float:right，
   长标题会把日期挤到下一行，出现「日期和下一行日期并排」的错位。 */
.row-2 .module .news-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.row-2 .module .news-item .titles {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.row-2 .module .news-item .date {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 15px;
    float: none;
}


.xw_bt1 {
    height: 60px;
    /* border-bottom: solid 1px #ddd; */
    line-height: 60px;
}

.mh {
    width: 100%;
    float: left;
}

.md30 {
    margin-bottom: 30px;
}

.xw_bt1 .bt {
    font-size: 23px;
}

.dqwz {
    color: #999999;
    background: url("../images/icon/ico_map.png") left no-repeat;
    padding-left: 20px;
    color: #999999;
    /* font-size: 16px; */
}

.dqwz a{
    color: #999999;
}


.left {
    float: left;
}

.right {
    float: right;
}

/* 针对小型设备（手机） */
@media only screen and (max-width: 600px) {
    /* 适用于小屏幕的样式 */
}

/* 针对中型设备（平板） */
@media only screen and (min-width: 601px) and (max-width: 900px) {
    /* 适用于中屏幕的样式 */
}

/* 针对大型设备（桌面） */
@media only screen and (min-width: 901px) {
    /* 适用于大屏幕的样式 */
}