/*产品分配 - 展示图 - 售后*/
.categories-after-sale-wrapper {
    background: linear-gradient(to right, #40474D 50%, var(--color) 50%);
}
.categories-after-sale-wrapper a {
    color: #fff;
    cursor: pointer;
}
.categories-after-sale-content {
    display: flex;
    margin: auto;
}
/*分类列表*/
.product-icon-list {
    display: flex;
    flex-wrap: wrap;
}
.product-icon-item {
    text-align: center;
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.product-icon-item:hover {
    background-color: #282D31;
}
.product-icon-item img {
    width: 80px;
}
.product-icon-name {
    display: inline-block;
    margin-top: 20px;
}
/*中间展示图*/
.product-image-link {
    overflow: hidden;
}
.product-image-link img{
    width: 100%;
    height: 100%;
    transition: transform 0.4s ease-out;
    object-fit: cover;
}
.product-image-link:hover img {
    transform: scale(1.2);
    transition: all 0.4s;
}
/*右侧 售后描述*/
.product-after-sale {
    /*background-color: var(--color);*/
    color: #fff;
}
.after-sale-first-title {
    color: #FFFFFF;
    font-weight: bold;
}
.after-sale-introduce {
    color: #FFFFFF;
}
/* 最新博客 */
.new-blog-wrapper{
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 88px;
    margin-bottom: 88px;
}
.new-blog-title{
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    margin-bottom: 62px;
}
.new-blog-title-left{
    font-size: 28px;
    font-weight: 700;
    line-height: 37.21px;
    text-align: left;
    color: #1D1F21;
    margin-bottom: 41px;
}
.new-blog-content{
    display: flex;
    justify-content: space-between;
    position: relative;
    min-height: 300px;
}
.new-blog-content .new-blog-item{
    display: flex;
    flex-direction: column;
    width: 390px;
    height: initial;
}
.new-blog-content .new-blog-item .new-blog-img{
    width: 100%;
    height: 255px;
    object-fit: cover;
    vertical-align: top;
    margin-bottom: 39px;
    color: #1D1F21;
}
.new-blog-item a:hover .new-blog-item-title{
    color: var(--color);
    text-decoration: underline;
}
.new-blog-item .new-blog-item-title a:hover{
    color: var(--color);
    text-decoration: underline;
}
.new-blog-item-title{
    margin-bottom: 13px;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    height: 60px;
    text-align: left;
}
.new-blog-item-subtitle{
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #44494E;
    margin-bottom: 28px;
}
.new-blog-read-more {
    margin-top: auto;
}
.new-blog-read-more a{
    color: var(--color);
}
.loading-new-blog{
    min-height: 200px;
    position: relative;
}
.related-content-swiper-button-next,.related-content-swiper-button-prev{
    position: absolute;
    top: 200px;
    z-index: 2;
    color: #44494E;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    padding: 5px;
}
:is(.related-content-swiper-button-next,.related-content-swiper-button-prev):hover{
    color: var(--color);
}
.related-content-swiper-button-next{
    right: -55px;
}
.related-content-swiper-button-prev{
    left: -55px;
}
.related-content-blogs{
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}
/*特殊尺寸处理*/
@media only screen and (min-width: 1024px) and (max-width: 1320px) {
    /* .related-content-swiper-button-prev{
        left: 5px;
    }
    .related-content-swiper-button-next{
        right: 5px;
    } */
 }
/*PC*/
@media screen and (min-width: 1025px) {
    .categories-after-sale-wrapper {
        background: linear-gradient(to right, #40474D 50%, var(--color) 50%);
    }
    .categories-after-sale-content {
        justify-content: center;
        width: 1200px;
        max-width: 100%;
    }
    .content-item {
        width: 33%;
    }
    .after-sale-first-title {
        font-size: 36px;
    }
    .product-icon-item {
        height: 200px;
    }
    .after-sale-introduce {
        font-size: 14px;
        line-height: 28px;
    }
    .product-after-sale {
        box-sizing: border-box;
        padding: 58px 0 0 55px;
    }
}
/*Mobile*/
@media screen and (max-width: 1024px) {
    /*  */
    .related-content-blogs{
        display: none;
    }
    .related-content-swiper-button-next,.related-content-swiper-button-prev{
        display: none;
    }
    .content-item.product-image-link{
        display: none;
    }
    .categories-after-sale-wrapper {
        background: linear-gradient(to bottom, #40474D 50%, var(--color) 50%);
    }
    .categories-after-sale-content {
        flex-direction: column;
        border: 0.3rem solid #fff;
        border-width: 0.35rem 0.3rem;
    }
/*    产品 icon list*/
    .product-icon-list {
        background-color: #40474D;
    }
    .product-icon-item {
        width: 33.33%;
        height: 2.30rem;
    }
    .product-icon-name{
        font-size: 0.22rem;
        margin-bottom: 0.34rem;
        margin-top: 0.34rem;
    }
/*    售后介绍*/
    .product-after-sale {
        padding: 0.8rem 0.3rem;
    }
    .after-sale-introduce{
        font-size: 0.16rem;
        font-weight: 400;
        line-height: 0.3rem;
        text-align: left;
    }
    .after-sale-first-title {
        margin-bottom: 0.38rem;
        font-size: 0.28rem;
    }
    .product-icon-item img{
        width: 1rem;
    }

    /* 最新博客 */
    .new-blog-title{
        font-size: 0.28rem;
        line-height: 0.6rem;
        margin-bottom: 0.38rem;
    }
    .new-blog-wrapper{
        --swiper-theme-color:var(--color);
        width: 6.78rem;
        margin: 0.3rem auto;
    }
    .new-blog-wrapper .new-blogs-pagination{
        display: flex;
        justify-content: center;
        margin: 0.55rem 0;
    }
    .new-blog-content{
        /* flex-direction: column;
        gap: 0.41rem; */
        margin-bottom: 0.34rem;
    }
    .new-blog-content .new-blog-item{
        width: 100%;

    }
    .new-blog-content .new-blog-item .new-blog-img{
        height: 4.59rem;
        margin-bottom: 0.4rem;
    }
    .new-blog-item-title{
        height: 0.48rem;
        font-size: 0.24rem;
        font-weight: 700;
        line-height: 0.48rem;
        text-align: left;
        -webkit-line-clamp:1;
        margin-bottom: 0.14rem;
    }
    .new-blog-item-subtitle{
        font-size: 0.24rem;
        font-weight: 400;
        line-height: 0.4rem;
        text-align: left;
        margin-bottom: 0.2rem;
    }
    .new-blog-read-more{
        font-size: 0.24rem;
    }
}