.supplier-nav{
    width: 210px;
}
.supplier-nav .item{
    width: 100%;
    gap: 0.75rem;
}
.supplier-nav .item .icon{
    width: 3rem;
}
.news-nav{
    width: 300px !important;
}

.panel-list{
    gap: 0.5rem;
    padding: 1rem 0;
}
.panel-list .child{
    font-size: 0.875rem;
    color: #333;
    position: relative;
    padding-left: 1rem;
    background: none !important;
}
.panel-list .child::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #469682;
    display: block;
}

/*supplier begin*/
.com_list li{
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ddd;
}
.com_list li:last-child{
    border-bottom: none;
}
.com_list .com_pic{
    width: 7rem;
    border-radius: 0.5rem;
}
.com_list .com_info{
    flex: 1 1 0;
    width: 0;
}
.com_list .com_info .com_desc{
    font-size: 0.875rem;
    color: #666;
}
.com_list .com_address{
    font-size: 0.875rem;
    color: #666;
}

.com_hy_cite .cite_grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    padding-right: 1rem;
}
.com_hy_cite .cite_grid .cat_item{
    background: #f5f5f5;
    border-radius: 0.25rem;
    padding: 0.75rem;
}
.com_hy_cite .cite_grid ul li em{
    font-style: normal;
    font-size: 0.75rem;
    color: #999;
}
/*supplier end*/

/*news_list begin*/
.news_list li{
    border-bottom:1px solid #ddd;
}
.news_list li:last-child{
    border-bottom: none;
}
.news_list .pic{
    width: 30%;
    border-radius: 0.5rem;
}
.news_list .txt{
    flex: 1 1 0;
    width: 0;
}
.news_list .txt .title{
    font-size: 1.125rem;
    font-weight: bold;
}
.news_list .txt .desc{
    font-size: 0.875rem;
    color: #666;
}
.news_list .txt .time{
    font-size: 0.875rem;
    color: #999;
}
.news_list li:hover .txt .title,.news_detail_guide span,.news_pn a:hover{
    color: #469682;
}
.news_detail_info p{
    font-size: 0.875rem;
    color: #999;
    margin: 0;
}
.news_detail_guide{
    background: #f6f8ff;
    line-height: 2;
    font-size: 0.875rem;
}
.news_detail_guide p{
    margin: 0;
    color: #333333;
}
.news_detail_content{
    line-height: 2;
}
.news_detail_content img{
    display: block;
    margin: 1rem auto;
    max-width: 100%;
}
.news_detail_content p{
    text-indent: 2em;
}
.news_pn{
    border-top:1px dashed #ddd;
}
.news_pn a{
    font-size: 0.875rem;
    text-align: left;
}
/*news_list end*/

/*procurement begin*/
.procurement_dl{
    border-top:1px solid #e9e9e9;
    border-left:1px solid #e9e9e9;
}
.procurement_dl dt,.procurement_dl dd{
    padding: 1rem;
    border-right:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
    font-size: 0.875rem;
}
.procurement_dl dt{
    font-weight: normal;
    background: #f6f6f6;
    width: 15%;
}
.procurement_dl dd{
    width: 35%;
}
/*procurement end*/

/* Responsive (<=1200px) */
@media (max-width: 1200px) {
    
}

/* Responsive (<=768px) */
@media (max-width: 768px) {
    .supplier-nav{
        width: 100% !important;
    }
    .h_party01 .panel-list .child{
        width: 100%;
        padding: 0 0 0 1rem;
    }
    .news_list .pic{
        width: 100%;
    }
    .news_detail_info p span{
        display: block;
    }
    .procurement_title{
        font-size: 0.875rem;
    }
    .procurement_dl dt,.procurement_dl dd{
        padding: 0.5rem;
    }
    .procurement_dl dt{
        color: #666;
        width: 40%;
    }
    .procurement_dl dd{
        width: 60%;
    }
    .com_list .com_info{
        width: 100%;
        flex: 1 1 0;
    }
    .com_list .com_info .com_desc{
        margin-bottom: 0;
    }
    .com_list .com_address{
        width: 100%;
    }
    .com_hy_cite .cite_grid{
        grid-template-columns: repeat(1, 1fr);
        gap: 0.625rem;
    }
}