/* banner */
.page-single-blog-wrap .banner {position: relative;}
.page-single-blog-wrap .banner img {width: 100%;}
.page-single-blog-wrap .breadcrumbs {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;width: 100%;max-width: 700px;}
.page-single-blog-wrap .breadcrumbs h3 {color: #fff;text-transform: uppercase;font-family: 'Rubik Medium';font-size: 40px;position: relative;line-height: 1;padding-bottom: 15px;}
.page-single-blog-wrap .breadcrumbs h3::after {content: ' ';display: inline-block;width: 80px;height: 7px;background-color: var( --e-global-color-primary );border-radius: 5px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.page-single-blog-wrap .breadcrumbs ul {display: flex;padding-left: 0;justify-content: center;margin-top: 20px;}
.page-single-blog-wrap .breadcrumbs ul li {list-style: none;color: #fff;font-size: 18px;font-family: 'Rubik Regular';}
.page-single-blog-wrap .breadcrumbs ul li a {color: #fff;font-size: 18px;font-family: 'Rubik Regular';}

.newsnr-container {padding: 45px 0 80px;background: #fff;}
.newsnr-left {position: relative;}
.newsnr-left .text {padding: 50px;}
.table {width: 100%;margin-bottom: 1rem;color: #212529;}
.newsnr-left > .text >.table {overflow-x: hidden;}
.newsnr-container .title {font-size: 30px;line-height: 42px;color: #000000;margin-bottom: 45px;text-align: left;font-weight: bold;}
.newsnr-container .summary {border-bottom: 1px dashed #6c6d70;margin-bottom: 30px;padding-bottom: 10px;color: #000;font-size: 16px;}
.table>:not(caption)>*>* {padding: 0.5rem 0.5rem;background-color: var(--bs-table-bg);border-bottom-width: var(--bs-border-width);box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);}
.newsnr-container .content {margin-bottom: 20px;font-size: 14px;color: #000;line-height: 24px;border-bottom: 1px dashed #6c6d70;padding-bottom: 20px;}
.newsnr-container .nextnews {margin-top: 20px;}
.newsnr-left .text p {font-size: 16px;}
.newsnr-container .nextnews p {line-height: 28px;}
.newsnr-container .nextnews a {color: #666;text-decoration: none;background-color: transparent;}
.newsnr-container .nextnews p {line-height: 28px;}


/* solotion侧边栏 */
.no-gutters .col-md-3 {position: relative;}
.news-hot-box {
    background: #f6f6f6;
    padding: 40px 20px;
}
.newsnr-container .news-essay {
    font-size: 18px;
    color: #5a5b5d;
    font-weight: 700;
}
.newsnr-container .essay-items {
    display: flex;
    flex-wrap: wrap;
}
.newsnr-container .essay-items .item {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    border-bottom: 1px dashed #d2d2d2;
    padding-bottom: 20px;
    width: 100%;
}
.newsnr-container .essay-items .item a {
    display: flex;
    justify-content: space-between;
    transition: all 0.6s;
    color: #000;
}
.card-thumb {
    display: block;
    flex-grow: 0;
    overflow: hidden;
    position: relative;
}
.card-thumb img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    transition: all .2s ease;
}
.newsnr-container .essay-items .text {
    margin: 0;
    padding: 0 15px 0 0;
}
.newsnr-container .essay-items .text .t1 {
    width: 100%;
    line-height: 20px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newsnr-container .essay-items .text .t2 {
    margin-top: 14px;
    font-size: 14px;
    color: #999;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-hot-box.fadeInDown {
    position: fixed;
    max-width: 328px;
    top: 150px;
    width: 100%;
}
.news-hot-box.fadeInDown.floatDown {
    position: absolute;
    top: auto;
    bottom: 50px;
}
/* end */

@media (max-width:1200px) {
    .page-single-blog-wrap .breadcrumbs h3 {font-size: 26px;}

}
@media (max-width:786px) {
    .page-single-blog-wrap .breadcrumbs h3 {font-size: 22px;}
    .page-single-blog-wrap .breadcrumbs ul li a,
    .page-single-blog-wrap .breadcrumbs ul li {font-size: 14px;}
    .page-single-blog-wrap .breadcrumbs ul {margin: 5px 0;}
    .page-single-blog-wrap .breadcrumbs h3 {margin-bottom: 0;padding-bottom: 5px;display:none}

    .newsnr-container {padding: 10px;}
    .newsnr-left .text {padding: 10px;}
}