.clearfix:after,
.container:after {
    content: ".";
    clear: both;
    visibility: hidden
}

.clearfix:after {
    display: block;
    height: 0
}

.company_wrap {
    background: #f3f5f7;
    overflow: hidden
}

.company_list {
    width: 1250px
}

.company_list li {
    background: #fff;
    width: 255px;
    margin-right: 20px;
    float: left;
    height: 50px;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 15px
}

.company_list li:hover .comname {
    color: #d6363b
}

.company_list li a {
    display: block
}

.company_list img {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 4px
}

.company-province {
    padding: 20px 0;
    font-size: 20px
}

.txt_box {
    padding-left: 70px
}

.ptit {
    font-size: 14px;
    padding-top: 2px;
    line-height: 16px;
    box-sizing: border-box
}

.ptxt {
    color: #999;
    margin-top: 4px
}

a.c666 {
    color: #666
}

.c333 {
    color: #333
}

.company-letter-btn {
    font-size: 18px;
    line-height: 40px;
    padding-left: 30px;
    color: #D6363B;
    background: #e5e5e5;
    width: 1170px
}

.pt50 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.company-filter {
    margin: 18px auto 20px;
    height: 50px;
    z-index: 999;
    position: static
}

.company-filter .index-title {
    width: 205px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    text-align: center;
    float: left;
    font-size: 16px;
    color: #999;
    font-weight: 700;
    border-right: none
}

.company-filter .index-letter {
    height: 50px;
    line-height: 50px;
    margin-left: 205px;
    background-color: #fff
}

.company-filter .index-letter li {
    width: 50px;
    height: 50px;
    float: left;
    text-align: center
}

.company-filter .index-letter li a {
    width: 35px;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    color: #333;
    font-weight: 700
}

.company-filter .index-letter li a.active {
    background-color: #d6363b;
    color: #fff;
    border-radius: 50%;
    border-right-width: 0
}

.company-filter .index-letter li a.last-z {
    border-right: 0
}

.company_nav {
    padding-left: 40px;
    font-size: 18px;
    background: #fff
}

.company_nav p {
    line-height: 50px;
    font-size: 16px;
    margin-right: 60px;
    cursor: pointer
}

.company_nav .current {
    color: #d6363b;
    border-bottom: 1px solid #d6363b;
    display: inline-block
}

.company_nav p span:last-child {
    font-size: 14px
}

.p_r {
    position: relative
}

.boxleft {
    width: 400px;
    text-align: center
}

.boxleft p {
    font-size: 12px;
    padding-bottom: 10px
}

.boxleft p.f20,
.f20 {
    font-size: 20px
}

.company-logo {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    border: 1px solid #d7d7d7
}

.boxleft p.f20 {
    padding: 10px 0 15px
}

.boxright font,
.boxright p,
.boxright span {
    font-size: 16px !important
}

.mb15 {
    margin-bottom: 15px
}

.mt20 {
    margin-top: 20px
}

.p20 {
    padding: 20px
}

.companylogo {
    background: #fff;
    padding: 20px 0;
    display: flex
}

.companylogo .boxmiddle {
    width: 1px;
    background: #d7d7d7;
    display: inline-block
}

.boxright {
    width: 639px;
    padding: 40px 80px 0
}

.boxright p {
    height: auto !important;
    line-height: 26px !important
}

.boxright font {
    font-family: "微软雅黑" !important
}

.company_txt {
    font-size: 12px
}

.company_txt p {
    width: 33%;
    text-align: center;
    color: #666
}

.company_txt p span {
    font-size: 22px;
    color: #333
}

.f12 {
    font-size: 12px;
    line-height: 18px
}

.container {
    width: 1200px;
    margin: 0 auto;
    display: block
}

.container:after {
    display: block;
    height: 0
}

.company-view,
.no-company,
.notice-wrap {
    display: none
}

ul:after {
    content: none
}

.company-filter.fixed {
    position: fixed;
    top: -18px;
    left: 50%;
    margin-left: -600px
}

.company-letter-btn.fixed2 {
    position: fixed;
    top: 50px;
    left: 50%;
    margin-left: -600px
}

.company-content {
    padding-bottom: 30px
}

.company-province .see-more {
    float: right;
    color: #666;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer
}

.company-meetlist {
    margin-top: 20px
}

.company_auctionmeeting_list .company-meetlist .other-meet:last-child {
    margin-bottom: 0
}

.company-searchFormWrap .layui-btn-sm {
    margin-top: -6px;
    height: 34px;
    line-height: 34px;
    padding: 0 14px
}

.company-searchFormWrap .layui-form-label {
    width: auto;
    padding: 9px 10px
}

.company-view .company-viewBtn {
    color: #2664FF;
    cursor: pointer
}

.follow {
    width: 96px;
    height: 32px;
    cursor: pointer;
    margin: 10px auto 0;
    background: url(/themes/images/followgray.png) no-repeat;
    background-size: 100%
}

.follow.followred {
    background: url(/themes/images/followred.png) no-repeat;
    background-size: 100%
}

.publicity-content {
    margin-top: 20px;
    padding: 20px;
    background: #fff;
    box-sizing: border-box
}

.publicity-content .notice-term {
    width: 100%
}

.publicity-content .page-wrap .pagination {
    margin: 0 auto
}

.publicity-content .publicity-nodata {
    padding: 78px 0 100px
}



/* 1. 让父容器自适应宽度，避免固定宽度导致溢出 */
.company_list {
    width: 100%;
    /* 替换原 1250px，让容器随页面宽度自适应 */
    padding: 0 10px;
    /* 增加左右内边距，避免边缘贴紧 */
    box-sizing: border-box;
}

/* 2. 重新计算列表项宽度，确保不溢出 */
.company_list li {
    width: calc(25% - 15px);
    /* 一行4个，减去间距后的宽度 */
    margin-right: 20px;
    /* 保留其他样式：background、padding、display等 */
}

/* 3. 最后一列移除右侧间距，避免总宽度超界 */
.company_list li:nth-child(4n) {
    margin-right: 0;
    /* 关键：第4、8、12...个项目无右侧间距 */
}

/* 4. 图片强制不被裁剪，确保完整显示 */
.company_list img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 120px;
    object-fit: contain;
    display: block;
    /* 避免图片底部多余空白 */
    margin: 0 auto;
    /* 确保图片在容器内水平居中 */
}

/* 1. 列表项样式：去掉白色背景 + 自适应布局 */
.company_list li {
    background: transparent;
    /* 移除白色背景，继承页面背景 */
    width: calc(25% - 15px);
    /* 一行显示 4 个，自动计算宽度（可根据需求改列数） */
    margin-right: 20px;
    float: left;
    height: auto;
    /* 高度由图片自动撑开 */
    border-radius: 0;
    /* 可选：去掉圆角，让图片更自然 */
    margin-bottom: 20px;
    /* 增加垂直间距，避免拥挤 */
    padding: 10px;
    /* 调整内边距，给图片留空间 */
    box-sizing: border-box;
    /* 确保 padding 不撑大容器 */
    display: flex;
    /* Flex 布局：让图片自动居中 */
    align-items: center;
    justify-content: center;
}

/* 2. 图片样式：自适应 + 保持比例 */
.company_list img {
    float: none;
    /* 取消浮动，配合 Flex 布局 */
    width: auto;
    /* 宽度自动适应 */
    height: auto;
    /* 高度自动适应 */
    max-width: 100%;
    /* 最大宽度不超过列表项 */
    max-height: 120px;
    /* 最大高度限制（避免图片过高，可自定义） */
    object-fit: contain;
    /* 保持图片比例，完整显示在容器内 */
    border-radius: 0;
    /* 可选：去掉图片圆角 */
}

/* 3. 每行最后一个列表项：取消右侧间距 */
.company_list li:nth-child(4n) {
    margin-right: 0;
}

/* 4. 响应式适配（小屏幕下调整列数） */
@media (max-width: 768px) {
    .company_list li {
        width: calc(50% - 10px);
        /* 平板：一行 2 个 */
    }

    .company_list li:nth-child(2n) {
        margin-right: 0;
    }
}

@media (max-width: 480px) {
    .company_list li {
        width: 100%;
        /* 手机：一行 1 个 */
        margin-right: 0;
    }
}