/* 分类导航开始 */
/* PC端 */
#index-pages {
    /* background-color: #f6f6f6; */
}

#index-pages .index-sort-menu {
    margin: 0 auto;
    background-size: 100%;
}


#index-pages .index-sort-menu .sort-menu-list {
    width: 100%;
    height: 8rem;
    margin: 0 auto;
    margin-top: 3rem;
    box-sizing: border-box;
    padding-top: 1.4rem;
    background-color: #fff;
    border-radius: 0.8rem;
}

#index-pages .index-sort-menu .sort-menu-item {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    /* transition: all 0.3s ease-in-out; */
}

#index-pages .index-sort-menu .sort-menu-item a {
    color: #666
}

#index-pages .index-sort-menu .sort-menu-item:hover {
    transform: scale(1.2);
}

#index-pages .index-sort-menu .sort-menu-item .sort-menu-item-img {
    width: 3rem;
    height: 3rem;
}

#index-pages .index-sort-menu .sort-menu-item .sort-menu-item-img img {
    width: 3rem;
    height: 3rem;
}

/* 手机端 */

#index-pages .mobile-index-sort-menu {
    padding: 0.8rem 0.8rem;
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden;
}

#index-pages .mobile-index-sort-menu .sort-menu-item {
    display: flex;
    flex-flow: column;
    align-items: center;
}

#index-pages .mobile-index-sort-menu .sort-menu-item .sort-menu-item-img {
    width: 2.8rem;
    height: 2.8rem;
}

#index-pages .mobile-index-sort-menu .sort-menu-item .sort-menu-item-img img {
    width: 100%;
    height: 100%;
}

/* 分类导航结束 */


/* 集团资讯开始 */
#index-pages .index-news-list-wrapper {
    width: 100%;
    margin-top: 3rem;
}

#index-pages .index-news-list-content {
    box-sizing: border-box;
}

#index-pages .news-top-title-wrapper {
    width: 100%;
    height: 2.4rem;
}

#index-pages .news-top-title {
    font-size: 1.6rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    color: #333;
}

#index-pages .news-top-more {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #e30009;
}

#index-pages .news-top-title .news-top-column {
    display: inline-block;
    width: 0.2rem;
    height: 1.2rem;
    margin-right: 0.4rem;
    background-color: #e30009;
}

#index-pages .index-news-list {
    margin-top: 0.8rem;
}

#index-pages .index-news-list a {
    display: block;
    color: #333;
    margin-bottom: 0.6rem;
}

#index-pages .index-news-list .news-item {
    width: 100%;
    padding: 1.4rem 1.4rem;
    display: flex;
    cursor: pointer;
    background-color: #fff;
}

#index-pages .index-news-list .news-item:hover {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
}

#index-pages .index-news-list .news-item:hover .item-img img {
    transform: scale(1.2);
    transition: all 1s ease-in-out;
}

#index-pages .index-news-list .news-item:hover .item-mesg .title {
    color: #e30009;
}

#index-pages .index-news-list .news-item:last-child {
    margin-bottom: 0;
}

#index-pages .index-news-list .news-item .item-img {
    width: 16rem;
    border-radius: 0.4rem;
    margin-right: 1rem;
    overflow: hidden;
}

#index-pages .index-news-list .news-item .item-img img {
    width: 100%;
    height: 100%;
}

#index-pages .index-news-list .news-item .item-mesg {
    width: 50%;
    height: 9rem;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    font-size: 1rem;
    line-height: 1.8rem;
}

#index-pages .index-news-list .news-item .item-mesg .title {
    font-size: 1.2rem;
    font-weight: bold;
    color: #333;
}

/* 主营品牌开始 */
#index-pages .index-brand-wrapper {
    width: 100%;
    margin-top: 3rem;
    position: relative;
    background-color: #fff;
    box-sizing: border-box;
}

#index-pages .index-brand-wrapper .brand-top-title {
    font-size: 1.6rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    color: #333;
}

#index-pages .index-brand-wrapper .brand-top-title .brand-top-column {
    display: inline-block;
    width: 0.2rem;
    height: 1.2rem;
    margin-right: 0.4rem;
    background-color: #e30009;
}

#index-pages .index-brand-wrapper .brand {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#index-pages .index-brand-wrapper .brand .brand-item {
    width: 20%;
    margin-top: 1.4rem;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

#index-pages .index-brand-wrapper .brand .brand-item a {
    display: block;
    width: 100%;
}

#index-pages .index-brand-wrapper img {
    width: 60%;
}

#index-pages .index-brand-wrapper .brand .brand-item:hover img {
    transform: scale(1.2);
    transition: all 0.3s ease-in-out;
}

/* 主营品牌结束 */

/* 经销商推荐开始 */
#index-pages .index-map-wrapper {
    width: 100%;
    margin-top: 3rem;
}

#index-pages .index-map-content {
    width: 100%;
    position: relative;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 2rem;
}

#index-pages .index-map-content #index-map {
    width: 100%;
    height: 30rem;
    margin-top: 0.8rem;
}

#index-pages .index-map-shop-list-wrapper {
    width: 26%;
    height: 23rem;
    box-sizing: border-box;
    overflow-y: auto;
    position: absolute;
    z-index: 999999999999999;
    top: 15%;
    right: 4%;
    background-color: #fff;
    padding: 0.8rem 0.8rem;
}

#index-pages .index-map-shop-list {}

#index-pages .index-map-shop-list .shop-item {
    padding: 0.8rem 0.8rem;
    margin-bottom: 1rem;
    border-radius: 0.2rem;
}

#index-pages .index-map-shop-list .shop-item:hover {
    background-color: #f2f2f2;
}

#index-pages .index-map-shop-list .active-shop-item {
    background-color: #f2f2f2;
}

#index-pages .index-map-shop-list .shop-item .shop-name {
    font-size: 0.9rem;
    font-weight: bold;
}

#index-pages .index-map-shop-list .shop-item .shop-text {
    margin-top: 0.2rem;
}

#index-pages .index-map-shop-list .shop-brand-list {
    width: 100%;
    margin-top: 0.2rem;
    display: flex;
    flex-wrap: wrap;
}

#index-pages .index-map-shop-list .shop-brand-list .shop-brand-item {
    height: 1.4rem;
    padding: 0 0.8rem;
    border-radius: 0.7rem;
    color: #e30009;
    font-weight: bold;
    background-color: rgba(294, 22, 5, 0.3);
    line-height: 1.4rem;
}

/* 经销商推荐结束 */


/* 手机端显示 */
@media screen and (max-width: 768px) {
    #index-pages {}

    /* 分类导航开始 */
    #index-pages .mobile-index-sort-menu .sort-menu-item {
        margin-top: 1.2rem;
    }

    /* 分类导航结束 */

    /* 新闻列表开始 */
    #index-pages .index-news-list-content {
        margin-top: 2rem;
    }

    #index-pages .index-news-list-content .index-news-list {
        margin-top: 0.2rem;
    }

    #index-pages .index-news-list .news-item {
        flex-flow: column;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-radius: 0.4rem;
        overflow: hidden;
        background-color: #fff;
    }

    #index-pages .news-top-title {
        font-size: 1.2rem;
    }

    #index-pages .index-news-list .news-item .item-img {
        width: 100%;
        margin-bottom: 0.4rem;
    }

    #index-pages .index-news-list .news-item .item-mesg {
        width: 100%;
        /* height: 3rem; */
        padding: 0 0rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        box-sizing: border-box;
    }

    #index-pages .index-news-list .news-item .item-mesg .title {
        font-size: 1rem;
    }

    /* 新闻列表结束 */

    #index-pages .index-map-content {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #index-pages .index-map-content #index-map {
        margin-top: 0.2rem;
        width: 100%;
        height: 12rem;
    }

    #index-pages .index-map-content .index-map-shop-list-wrapper{
                position: static;
        width: 100%;
        height: 32rem;
        box-shadow: none !important;
        padding: 0 0;
        margin-top: 0.8rem;
    }

    #index-pages .index-brand-wrapper .brand-top-title {
        font-size: 1.2rem;
    }
}