@media screen and (max-width: 1680px) {

/* kaffi-2026.6.16新增-start */
    .blwi-bot-box-nub {
        padding: 0 14px;
    }

    .blwi-bot-box {
        margin: 0 -14px;
    }

    .blog-list-wrap-item {
        margin-bottom: 38px;
    }

    .bbbn-cont-bot-tit {
        margin-bottom: 30px;
    }

    .blog-list {
        padding-bottom: 120px;
    }

    .blog-bot-cont {
        padding: 100px 120px 80px;
    }

    .blog-bot {
        padding-bottom: 120px;
    }

    .blog-news-input-search {
        width: 450px;
    }

    .blog-bot-bg {
        border-radius: 20px;
    }

    .tag-list-top-ri {
        width: 52%;
    }

    .tag-list {
        padding-top: 90px;
        padding-bottom: 120px;
    }

    .icbr-top {
        padding: 25px 40px;
        margin-bottom: 40px;
    }

    .info-cont {
        padding-bottom: 100px;
    }

    .icbl-scroll {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .info-post {
        padding-bottom: 90px;
    }

    .info-cont .detail-fqa .std-title36 {
        margin-bottom: 45px;
    }

    .detail-fqa .blwi-bot-more {
        margin-top: 40px;
    }

    .info-cont {
        padding-bottom: 100px;
    }

    .info-post .std-title36 {
        margin-bottom: 38px;
    }

    /* kaffi-2026.6.16新增-end */
    /* 1680end */
}
@media screen and (max-width: 1440px) {

 /* kaffi-2026.6.16新增-start */
    .bnbl-box .std-title5 {
        font-size: 26px;
    }

    .bcbt-tip .mod-tip {
        padding: 0 8px;
    }

    .bcbt-tip {
        margin: 0 -8px;
    }

    .bbbn-cont-bot {
        padding: 20px;
    }

    .bbbn-cont-bot-tit {
        margin-bottom: 25px;
    }

    .std-font32, .std-font32 p {
        font-size: 28px;
    }

    .blwi-bot-box-nub {
        padding: 0 10px;
    }

    .blwi-bot-box {
        margin: 0 -10px;
    }

    .blog-bot-bg {
        width: calc(100% - 80px);
        left: 50%;
        transform: translateX(-50%);
    }

    .blog-news-input {
        margin-bottom: 50px;
    }

    .blog-news-cont {
        padding-bottom: 70px;
    }

    .blog-list {
        padding-bottom: 90px;
    }

    .blog-bot {
        padding-bottom: 90px;
    }

    .std-font20, .std-font20 p {
        font-size: 18px;
    }

    .blog-news-input-search {
        width: 400px;
    }

    .bnbl-box {
        padding: 12px 20px;
    }

    .bnbl-img .ys-imgbox-cover, .bbbn-cont, .icbr-top, .icbr-bot img, .icbr-power-le, .info-bottom-link, .info-bottom-le-img, .vide-news-box-le .ys-imgbox-cover {
        border-radius: 12px;
    }

    .blog-bot-bg {
        border-radius: 18px;
    }

    .tag-list {
        padding-top: 70px;
        padding-bottom: 90px;
    }

    .tag-list-top-ri {
        width: 56%;
    }

    .tag-list .blwi-bot-box-nub {
        margin-bottom: 40px;
    }

    .tag-list-top-le .std-text16 {
        margin-bottom: 20px;
    }

    .list-cont-top {
        width: 61%;
    }

    .list-cont-top .blog-news-input-search {
        width: 85%;
    }

    .list-main .tag-list {
        padding-top: 70px;
    }

    .info-cont .std-title3 {
        font-size: 28px;
    }


    .icbl-form .std-btn1-link {
        height: 32px;
    }

    .icbl-form .ys-fii-submit {
        height: 32px;
        line-height: 32px;
    }

    .icbr-top {
        padding: 20px 36px;
    }

    .icbr-bot h4 {
        margin-bottom: 22px;
    }

    .icbr-power {
        margin-bottom: 40px;
    }

    .icbr-tags {
        padding: 20px 16px;
        margin-bottom: 36px;
    }

    .detail-fqa .blwi-bot-more {
        margin-top: 38px;
    }

    .info-cont .detail-fqa {
        padding-bottom: 70px;
        padding-top: 0;
    }

    .info-cont {
        padding-bottom: 70px;
    }

    .info-post {
        padding-bottom: 70px;
    }

    .icbl-scroll {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .icbl-form-tit {
        font-size: 18px;
    }

    .info-jump-btn-link span {
        font-size: 16px;
    }

    .info-jump-btn-link {
        min-width: 180px;
    }

    .info-post .mod-arrows .slick-prev {
        left: -26px;
    }

    .info-post .mod-arrows .slick-next {
        right: -26px;
    }

    .info-post .std-title36 {
        margin-bottom: 30px;
    }

    .info-cont .detail-fqa .std-title36 {
        margin-bottom: 30px;
    }

    .icbr-bot {
        margin-bottom: 45px;
    }

    .icbr-power-ri-tit {
        font-size: 20px;
    }

    .info-cont-text {
        margin-bottom: 50px;
    }

    .info-cont {
        padding-top: 70px;
    }

    .vide-news-box-ri {
        padding: 40px 50px 60px 80px;
    }

    .vide-news-box-ri {
        border-radius: 0 16px 16px 0;
    }

    .vide-news {
        padding-top: 70px;
    }

    .icbr-bot {
        margin-bottom: 25px;
    }
    .info-cont .ys-share-img {
        width: 30px;
    }
    :root {
        --font16: 14px;
         --font14: 12px;
    }
    /* kaffi-2026.6.16新增-end */
    /* 1440end */
}
@media screen and (max-width: 1199px) {

/* kaffi-2026.6.16新增-start */
    .std-font20, .std-font20 p {
        font-size: 16px;
        color: var(--color333);
        line-height: 1.5;
    }

    .bhbr-wrap-item {
        padding: 0 7px;
    }

    .bhbr-wrap {
        margin: 0 -7px;
    }

    .bwin-tit {
        font-size: 14px;
    }

    .blog-header-box .std-font20 {
        padding-right: 15px;
    }

    .blog-news-input-search {
        width: 380px;
    }

    .blog-news-input {
        margin-bottom: 40px;
    }

    .bcbt-le-mins, .bcbt-le-mins span, .bcbt-le-date {
        font-size: 12px;
    }

    .mod-btn-link-text {
        font-size: 12px;
    }

    .bcbt-le-date, .bcbt-le, .bcbt-le-mins {
        padding: 0px 4px;
    }

    .bbbn-cont-bot-text {
        margin: 0 -4px -8px;
    }

    .bcbt-le-link-icon {
        width: 20px;
        margin-right: 4px;
    }

    .blog-news-box-le {
        width: 48%;
        position: relative;
    }

    .blog-news-box-ri {
        width: 50%;
    }

    .bnbl-box {
        padding: 12px 16px;
    }

    .bnbl-box .std-title5 {
        font-size: 20px;
    }

    .mod-tip span {
        font-size: 12px;
    }

    .bcbt-tip .mod-tip span {
        font-size: 14px;
    }

    .blog-news-cont {
        padding-bottom: 50px;
    }

    .std-font32, .std-font32 p {
        font-size: 26px;
    }

    .blwi-top {
        margin-bottom: 26px;
    }

    .blog-page .mod-dots2 .slick-dots li, .blog-page .mod-dots2 .swiper-pagination-bullet {
        margin: 0 8px;
        width: 8px;
        height: 8px;
    }

    .blog-page .mod-dots2 .slick-dots {
        bottom: -20px;
    }

    .blog-bot-cont {
        padding: 60px 56px 50px;
    }

    .blog-bot-cont-le {
        width: 74%;
    }

    .contact-btn-link {
        padding: 10px 20px;
    }

    .bbcl-wrap li {
        padding-left: 20px;
    }

    .bbcl-wrap li::after {
        left: 8px;
    }

    .blog-bot {
        padding-bottom: 70px;
    }

    .blog-list {
        padding-bottom: 70px;
    }

    .bnbr-item:last-child .bnbr-item-link {
        padding-bottom: 0;
    }

    .bnbl-img .ys-imgbox-cover, .bbbn-cont, .icbr-top, .icbr-bot img, .icbr-power-le, .info-bottom-link, .info-bottom-le-img, .vide-news-box-le .ys-imgbox-cover {
        border-radius: 10px;
    }

    .blog-bot-bg {
        border-radius: 14px;
    }

    .blog-header {
        top: 64px;
    }

    .tag-list {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .tag-list-top-le {
        width: 43%;
    }

    .blwi-bot-box-nub {
        width: 50%
    }

    .blwi-bot-box-nub.ys-fadeup1:nth-child(2n-1) {
        animation-delay: .2s;
    }

    .blwi-bot-box-nub.ys-fadeup1:nth-child(2n) {
        animation-delay: .3s;
    }

    .tag-list .blwi-bot-box-nub {
        margin-bottom: 30px;
    }

    .list-cont-top {
        width: 100%;
    }

    .list-cont-top .std-title3 {
        margin-bottom: 15px;
    }

    .list-cont-top .std-text16 {
        margin-bottom: 30px;
    }

    .list-cont-top {
        margin-bottom: 50px;
    }

    .list-main .tag-list {
        padding-top: 50px;
    }

    .icbl-form-top .std-btn1-link {
        padding: 4px 18px;
    }

    .icbl-scroll {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .info-cont {
        --width: 59%;
    }

    .icbr-top-content, .icbr-top-content p {
        font-size: 14px;
    }

    .icbr-top {
        padding: 18px 20px;
        margin-bottom: 30px;
    }

    .icbl-form-text, .icbl-form-text p {
        font-size: 14px;
    }

    .icbl-top {
        font-size: 18px;
    }

    .icbl-top {
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .info-bottom-link {
        padding: 30px 30px;
    }

    .info-bottom-ri .std-text16, .info-bottom-ri .std-text16 p {
        font-size: 14px;
    }

    .info-bottom-le {
        width: 50%;
    }

    .info-jump-btn:nth-child(1) {
        margin-right: 20px;
    }

    .ijbl-icon {
        width: 20px;
    }

    .info-jump-btn-link {
        min-width: 150px;
        padding: 12px 20px;
    }

    .info-bottom-ri {
        width: 100%;
        padding: 0
    }

    .info-bottom-link {
        padding: 20px 20px;
    }

    .info-bottom-le {
        margin-bottom: 20px;
    }

    .info-post .mod-arrows .slick-prev, .info-post .mod-arrows .slick-next {
        width: 32px;
        height: 32px;
    }

    .icbr-power-le {
        width: 100%
    }

    .icbr-power-link {
        padding-right: 0
    }

    .icbr-power-ri {
        width: 100%;
        padding: 18px 16px;
    }

    .info-cont-box-le {
        width: 35.2%;
        top: 130px;
    }

    .info-cont {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .info-cont-text {
        margin-bottom: 40px;
    }

    .info-cont .detail-fqa .std-title36 {
        margin-bottom: 25px;
    }

    .blwi-bot-more-btn {
        padding: 8px 30px;
    }

    .info-cont .detail-fqa {
        padding-bottom: 50px;
    }

    .info-bottom {
        margin-bottom: 40px;
    }

    .info-post {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .vide-news {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .vide-news-box-ri {
        width: 63%;
    }

    .vide-news-box-ri {
        padding: 36px 20px 30px 40px;
    }

    .vide-news-box-le {
        width: 37%;
    }

    .blwi-bot-more-btn p {
        font-size: 16px;
    }
    .info-cont .ys-share-img {
        width: 28px;
    }

    /* kaffi-2026.6.16新增-end */
    /* 1199end */
}
@media screen and (max-width: 767px) {

  /* kaffi-2026.6.16新增-start */
    .blog-news-box-le {
        width: 100%;
        margin-bottom: 20px;
    }

    .blog-news-box-ri {
        width: 100%
    }

    .blog-news-box-le .bbbn-cont-bot-tit {
        margin-bottom: 15px;
    }

    .bnbl-box .std-title5 {
        font-size: 16px;
    }

    .bcbt-le-link-icon {
        width: 18px;
        margin-right: 6px;
    }

    .blog-news-input-search {
        width: 100%
    }

    .blog-header-box-ri {
        width: 100%
    }

    .bhbr-wrap {
        margin: 0 -6px;
    }

    .bhbr-wrap-item {
        padding: 0px 6px;
    }

    .bwin-tit {
        font-size: 12px;
    }

    .bwin-tit-down {
        right: -10px;
        left: auto;
        transform: translateX(0);
        width: 170px;
    }


    .blog-news-cont {
        padding-bottom: 40px;
    }

    .std-font32, .std-font32 p {
        font-size: 20px;
    }

    .bbbn-cont-bot {
        padding: 18px 16px;
    }

    .bbbn-cont-bot-tit {
        margin-bottom: 20px;
    }

    .blwi-top .std-font32 {
        padding-right: 15px;
    }
1
    .blog-list-wrap-item {
        margin-bottom: 30px;
    }

    .blog-page .mod-dots2 .slick-dots li, .blog-page .mod-dots2 .swiper-pagination-bullet {
        margin: 0 6px;
        width: 6px;
        height: 6px;
    }

    .blog-bot-bg {
        width: calc(100% - 40px);
    }

    .blog-bot-cont {
        padding: 20px 16px;
    }

    .blog-bot-cont-le {
        width: 100%;
        margin-bottom: 20px;
    }

    .blog-bot-cont-le .std-font32 {
        margin-bottom: 25px;
    }

    .contact-btn-link::before {
        height: calc(100% - 2px);
        width: calc(100% - 2px);
    }

    .blog-bot {
        padding-bottom: 45px;
    }

    .blog-list {
        padding-bottom: 45px;
    }

    .bnbl-img .ys-imgbox-cover, .bbbn-cont, .icbr-top, .icbr-bot img, .icbr-power-le, .info-bottom-link, .info-bottom-le-img, .vide-news-box-le .ys-imgbox-cover {
        border-radius: 6px;
    }

    .bnbr-item-link-ri .ys-imgbox-cover {
        border-radius: 6px;
    }

    .blog-bot-bg {
        border-radius: 8px;
    }

    .bnbr-item-link-le {
        width: 69%
    }

    .bnbr-item-link-ri {
        width: 30%;
    }

    .tag-list-top-le {
        width: 100%;
        margin-bottom: 20px;
    }

    .tag-list-top-ri {
        width: 100%
    }

    .tltr-wrap {
        justify-content: flex-start;
    }

    .tag-list-top-le .std-text16 {
        margin-bottom: 15px;
    }

    .tag-list-top {
        margin-bottom: 40px;
    }

    .blwi-bot-box-nub {
        width: 100%;
    }

    .blwi-bot-box-nub.ys-fadeup1:nth-child(n) {
        animation-delay: .2s;
    }

    .tag-list .blwi-bot-box-nub {
        margin-bottom: 24px;
    }

    .tag-list {
        padding-top: 40px;
        padding-bottom: 45px;
    }

    .list-main .tag-list {
        padding-top: 40px;
    }

    .list-cont-top .blog-news-input-search {
        width: 100%;
    }

    .list-cont-top .std-text16 {
        margin-bottom: 20px;
    }

    .list-cont-top .std-title3 {
        margin-bottom: 12px;
    }

    .list-cont-top {
        margin-bottom: 40px;
    }

    .info-cont-box-le {
        position: relative;
        top: auto;
        width: 100%;
    }

    .info-cont {
        --width: 100%;
    }

    .icbl-scroll {
        display: none;
    }

    .info-cont-text-le {
        padding-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }

    .icbr-bot, .icbr-bot li, .icbr-bot p, .icbr-bot a {
        font-size: 14px;
    }

    .icbr-tags-tit {
        margin-bottom: 15px;
        font-size: 18px;
    }

    .info-jump-btn-link span {
        font-size: 14px;
    }

    .info-jump-btn-link {
        min-width: 120px;
        padding: 12px 16px;
    }

    .info-cont {
        padding-bottom: 40px;
        padding-top: 40px;
    }


    .info-cont-box-le {
        margin-bottom: 25px;
    }

    .icbr-top {
        margin-bottom: 25px;
    }

    .icbr-bot h4 {
        margin-bottom: 12px;
    }

    .icbr-bot td, .icbr-bot td p, .icbr-bot td span {
        font-size: 14px;
        padding: 10px 20px;
    }

    .info-cont .detail-fqa .std-title36 {
        margin-bottom: 20px;
    }

    .detail-fqa .blwi-bot-more {
        margin-top: 20px;
    }

    .info-cont .detail-fqa {
        padding-bottom: 40px;
    }

    .info-bottom {
        margin-bottom: 30px;
    }

    .info-post {
        padding-bottom: 50px;
        padding-top: 40px;
    }

    .info-post .std-title36 {
        margin-bottom: 22px;
    }

    .vide-news-box-le {
        width: 100%
    }

    .vide-news-box-ri {
        width: 100%;
    }

    .vide-news-box-ri {
        padding: 20px 16px;
    }

    .vide-news {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .blog-header-box .std-font20{
        margin-bottom:5px;
    }
.bhbr-pc {
        display: none;
    }

    .bhbr-ph {
        display: block;
    }

    .blog-header-box-ri {
        width: auto;
    }

    .blog-header-box {
        position: relative;
    }

    .blog-header-box {
        border-bottom: 0;
    }

    .blog-header-box::after {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 40px);
        height: 1px;
        content: '';
        background: rgba(0, 0, 0, 0.10);
    }

    /* .bhbr-ph-bot::after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.3);
        z-index: -1;
    } */

    .blog-header {
        z-index: 30;

    }
    .blog-header-box .std-font20{
        margin-bottom:0;
    }
        .icbr-bot {
        margin-bottom: 20px;
    }
    /* kaffi-2026.6.16新增-end */
    .bnbr-item {
    height: auto;
}
    /* 767end */
    
}