.company-page .page-banner{background:linear-gradient(135deg,#0066cc,#0052a3);padding:24PX 0;color:#fff}.company-page .page-banner-inner{max-width:1280PX;margin:0 auto;padding:0 24PX;display:flex;align-items:center;justify-content:space-between}.company-page .page-banner h1{font-size:24PX;font-weight:600;margin-bottom:4PX;color:#fff}.company-page .page-banner p{font-size:13PX;opacity:.85;color:#fff}.company-page .page-banner-stats{display:flex;gap:32PX}.company-page .banner-stat{text-align:center}.company-page .banner-stat .num{font-size:28PX;font-weight:700;font-family:DIN Alternate,sans-serif}.company-page .banner-stat .label{font-size:12PX;opacity:.8;margin-top:2PX}.company-page .container{max-width:1280PX;margin:0 auto;padding:16PX 24PX 40PX;display:flex;gap:16PX;align-items:flex-start}.company-page .sidebar-left{width:160PX;flex-shrink:0;background:#fff;border-radius:6PX;box-shadow:0 1PX 4PX rgba(0,0,0,.06);overflow:hidden}.company-page .sidebar-title{padding:14PX 16PX;font-size:15PX;font-weight:600;color:#1a1a1a;border-bottom:1px solid #f0f0f0;background:#f5f6f8;display:flex;align-items:center;gap:6PX}.company-page .sidebar-title:before{content:"";width:3PX;height:16PX;background:#0066cc;border-radius:2PX}.company-page .cat-tree{padding:6PX 0}.company-page .cat-item{position:relative}.company-page .cat-link{display:flex;align-items:center;padding:9PX 16PX;font-size:13PX;color:#555;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.company-page .cat-link:hover{color:#0066cc;background:#f0f6ff}.company-page .cat-link.expanded{color:#0066cc;font-weight:600;background:#f0f6ff;border-left-color:#0066cc}.company-page .cat-link .arrow{margin-left:auto;font-size:10PX;color:#999;transition:transform .2s}.company-page .cat-link.expanded .arrow{transform:rotate(90deg)}.company-page .cat-sub{display:none;padding:2PX 0;background:#fafbfc}.company-page .cat-sub.show{display:block}.company-page .cat-sub a{display:block;padding:7PX 16PX 7PX 36PX;font-size:12PX;color:#555;transition:all .2s}.company-page .cat-sub a:hover{color:#0066cc}.company-page .cat-sub a.active{color:#0066cc;font-weight:500}.company-page .main-content{flex:1;min-width:0}.company-page .filter-section{background:#fff;border-radius:6PX;box-shadow:0 1PX 4PX rgba(0,0,0,.06);margin-bottom:16PX;overflow:hidden}.company-page .search-bar{padding:16PX 20PX;display:flex;align-items:center;gap:12PX;border-bottom:1px solid #f0f0f0}.company-page .search-input-wrap{flex:1;display:flex;border:2px solid #0066cc;border-radius:4PX;overflow:hidden}.company-page .search-input-wrap input{flex:1;padding:10PX 14PX;border:none;outline:none;font-size:14PX}.company-page .search-btn{padding:10PX 28PX;background:#0066cc;color:#fff;border:none;font-size:14PX;cursor:pointer;transition:background .2s}.company-page .search-btn:hover{background:#0052a3}.company-page .filter-row{display:flex;padding:10PX 20PX;border-bottom:1px solid #f0f0f0;align-items:flex-start}.company-page .filter-row:last-of-type{border-bottom:none}.company-page .filter-label{width:70PX;flex-shrink:0;font-size:13PX;color:#999;line-height:28PX}.company-page .filter-options{display:flex;flex-wrap:wrap;gap:6PX}.company-page .filter-tag{padding:3PX 12PX;font-size:13PX;color:#555;border-radius:20PX;cursor:pointer;transition:all .2s;line-height:22PX}.company-page .filter-tag:hover{color:#0066cc;background:#f0f6ff}.company-page .filter-tag.active{color:#fff;background:#0066cc}.company-page .filter-toggle{display:inline-flex;align-items:center;gap:4PX;margin-top:10PX;margin-left:70PX;padding:4PX 12PX;font-size:12PX;color:#0066cc;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#f0f6ff;border-radius:12PX;transition:all .2s ease;width:-moz-fit-content;width:fit-content}.company-page .filter-toggle:hover{background:#e0edff;color:#0052a3}.company-page .filter-toggle:active{transform:scale(.98)}.company-page .filter-toggle .toggle-icon{display:inline-flex;align-items:center;transition:transform .3s ease}.company-page .filter-toggle.expanded .toggle-icon{transform:rotate(180deg)}.company-page .filter-actions{padding:10PX 20PX;display:flex;justify-content:space-between;align-items:center;background:#f5f6f8;border-top:1px solid #f0f0f0}.company-page .filter-selected{display:flex;gap:6PX;align-items:center;flex-wrap:wrap}.company-page .filter-selected .sel-label{font-size:12PX;color:#999}.company-page .filter-selected .sel-tag{display:inline-flex;align-items:center;gap:4PX;padding:2PX 8PX;font-size:12PX;color:#fff;background:#0066cc;border-radius:3PX}.company-page .filter-selected .sel-tag .x{cursor:pointer;opacity:.7}.company-page .filter-selected .sel-tag .x:hover{opacity:1}.company-page .clear-all{font-size:12PX;color:#999;cursor:pointer;margin-left:8PX}.company-page .clear-all:hover{color:#ff6b35}.company-page .filter-count{font-size:12PX;color:#999}.company-page .filter-count b{color:#0066cc;font-weight:600;font-size:14PX}.company-page .result-header{display:flex;justify-content:space-between;align-items:center;padding:0 4PX 12PX}.company-page .result-count{font-size:13PX;color:#555}.company-page .result-count .num{color:#0066cc;font-weight:600;font-size:16PX}.company-page .sort-tabs{display:flex;gap:4PX}.company-page .sort-tab{padding:5PX 14PX;font-size:13PX;color:#555;border-radius:4PX;cursor:pointer;transition:all .2s}.company-page .sort-tab:hover{color:#0066cc}.company-page .sort-tab.active{color:#0066cc;background:#fff;font-weight:600;box-shadow:0 1PX 4PX rgba(0,0,0,.06)}.company-page .supplier-list{display:flex;flex-direction:column;gap:12PX}.company-page .supplier-card{background:#fff;border-radius:6PX;box-shadow:0 1PX 4PX rgba(0,0,0,.06);padding:20PX 24PX;transition:all .25s;border:1px solid transparent;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:20PX;height:190PX;overflow:hidden}.company-page .card-left{flex:1;min-width:0;flex-basis:0;overflow:hidden;word-break:break-word}.company-page .card-header{display:flex;align-items:center;gap:10PX;margin-bottom:10PX;flex-wrap:wrap}.company-page .company-name{font-size:17PX;font-weight:600;color:#1a1a1a;transition:color .2s;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-page .company-name:hover{color:#0066cc}.company-page .badge{display:inline-flex;align-items:center;padding:2PX 8PX;font-size:11PX;border-radius:3PX;font-weight:500;line-height:18PX}.company-page .badge-nature{background:#e8f1ff;color:#0066cc}.company-page .badge-year{background:#fff7e6;color:#d48806}.company-page .badge-vip{background:linear-gradient(135deg,#ffd700,#ffa500);color:#fff}.company-page .company-card-vip{height:20PX;width:auto;vertical-align:middle}.company-page .badge-cert{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.company-page .badge-special{background:#fff0f6;color:#eb2f96;border:1px solid #ffadd2}.company-page .badge-tech{background:#f9f0ff;color:#722ed1;border:1px solid #d3adf7}.company-page .badge-high{background:#e6fffb;color:#08979c;border:1px solid #87e8de}.company-page .badge-foreign{background:#fffbe6;color:#d4b106;border:1px solid #ffe58f}.company-page .card-info{display:flex;flex-wrap:wrap;gap:0 28PX;margin-bottom:8PX}.company-page .info-item{display:flex;align-items:center;gap:5PX;font-size:13PX;min-width:0}.company-page .info-item .label{color:#999}.company-page .info-item .value{color:#1a1a1a}.company-page .card-products{display:flex;gap:6PX;flex-wrap:wrap;margin-top:10PX}.company-page .card-products-text{display:flex;align-items:flex-start;gap:4PX;margin-top:8PX;font-size:13PX;line-height:1.6}.company-page .card-products-text .label{color:#999;flex-shrink:0}.company-page .card-products-text .value{color:#1a1a1a;flex:1;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.company-page .card-clients{display:flex;align-items:flex-start;gap:4PX;margin-top:8PX;font-size:13PX;line-height:1.6}.company-page .card-clients .label{color:#999;flex-shrink:0}.company-page .card-clients .value{color:#1a1a1a;flex:1;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.company-page .product-tag{padding:3PX 10PX;font-size:12PX;color:#0066cc;background:#f0f6ff;border-radius:3PX;transition:all .2s}.company-page .product-tag:hover{background:#0066cc;color:#fff}.company-page .card-desc{margin-top:10PX;font-size:13PX;color:#555;line-height:22PX;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.company-page .card-right{width:160PX;flex-shrink:0;flex-direction:column;border-left:1px solid #f0f0f0;padding-left:20PX;align-self:stretch}.company-page .card-right,.company-page .company-logo{display:flex;align-items:center;justify-content:center}.company-page .company-logo{width:80PX;height:80PX;border-radius:4PX;background:#f5f6f8;font-size:24PX;font-weight:700;color:#0066cc;border:1px solid #e8e8e8;overflow:hidden}.company-page .company-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.company-page .card-actions{display:flex;flex-direction:column;gap:6PX;width:100%}.company-page .btn-contact{padding:7PX 0;font-size:13PX;color:#fff;background:#0066cc;border:none;border-radius:4PX;cursor:pointer;text-align:center;transition:all .2s}.company-page .btn-contact:hover{background:#0052a3}.company-page .btn-detail{padding:7PX 0;font-size:13PX;color:#0066cc;background:#fff;border:1px solid #0066cc;border-radius:4PX;cursor:pointer;text-align:center;transition:all .2s;text-decoration:none}.company-page .btn-detail:hover{background:#f0f6ff}.company-page .btn-compare{padding:5PX 0;font-size:12PX;color:#555;background:#fff;border:1px solid #e8e8e8;border-radius:4PX;cursor:pointer;text-align:center;transition:all .2s}.company-page .btn-compare:hover{border-color:#0066cc;color:#0066cc}.company-page .btn-compare.checked{background:#f0f6ff;border-color:#0066cc;color:#0066cc}.company-page .sidebar-right{width:240PX;flex-shrink:0;display:flex;flex-direction:column;gap:16PX}.company-page .right-card{background:#fff;border-radius:6PX;box-shadow:0 1PX 4PX rgba(0,0,0,.06);overflow:hidden}.company-page .right-card-title{padding:14PX 16PX;font-size:14PX;font-weight:600;color:#1a1a1a;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:6PX}.company-page .right-card-title:before{content:"";width:3PX;height:14PX;background:#0066cc;border-radius:2PX}.company-page .right-card-body{padding:14PX 16PX}.company-page .stats-list{display:flex;flex-direction:column;gap:12PX}.company-page .stat-item{display:flex;justify-content:space-between;align-items:center}.company-page .stat-item .stat-label{font-size:13PX;color:#555}.company-page .stat-item .stat-num{font-size:18PX;font-weight:700;color:#0066cc;font-family:DIN Alternate,sans-serif}.company-page .hot-list{display:flex;flex-direction:column;gap:12PX}.company-page .hot-item{display:flex;gap:10PX;align-items:flex-start;cursor:pointer;text-decoration:none}.company-page .hot-rank{width:20PX;height:20PX;flex-shrink:0;border-radius:3PX;display:flex;align-items:center;justify-content:center;font-size:12PX;font-weight:700;color:#fff}.company-page .hot-rank.r1{background:#ff4d4f}.company-page .hot-rank.r2{background:#ff7a45}.company-page .hot-rank.r3{background:#ffa940}.company-page .hot-rank.r4,.company-page .hot-rank.r5,.company-page .hot-rank.r6{background:#d9d9d9}.company-page .hot-info{flex:1;min-width:0}.company-page .hot-name{font-size:13PX;color:#1a1a1a;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-page .hot-name:hover{color:#0066cc}.company-page .hot-desc{font-size:12PX;color:#999;margin-top:2PX;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-page .quality-recommend{padding:0}.company-page .quality-recommend .right-card-title{padding:14PX 16PX}.company-page .quality-grid{display:grid;grid-template-columns:1fr;gap:12PX;padding:16PX}.company-page .quality-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e8e8e8;overflow:hidden;cursor:pointer;transition:all .2s;color:inherit;min-width:0}.company-page .quality-card-img{width:100%;aspect-ratio:16/10;overflow:hidden;background:#f5f6f8;position:relative;flex-shrink:0}.company-page .quality-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;display:block}.company-page .quality-card-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20PX;font-weight:700;color:#fff}.company-page .quality-card-name{font-size:13PX;font-weight:500;color:#333;padding:8PX 6PX;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.company-page .ad-box{border-radius:6PX;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#0066cc,#0052a3);color:#fff;padding:20PX;text-align:center;display:block}.company-page .ad-box .ad-title{font-size:16PX;font-weight:600;margin-bottom:6PX}.company-page .ad-box .ad-desc{font-size:12PX;opacity:.85;margin-bottom:12PX}.company-page .ad-box .ad-btn{display:inline-block;padding:6PX 20PX;background:#fff;color:#0066cc;border-radius:20PX;font-size:13PX;font-weight:500}.company-page .empty-tip,.company-page .loading-tip{text-align:center;padding:64PX 0;color:#999;font-size:14PX}.company-page .empty-tip button{margin-top:16PX;padding:8PX 24PX;background:#0066cc;color:#fff;border:none;border-radius:4PX;cursor:pointer;font-size:14PX}@media (max-width:1280PX){.company-page .container{max-width:100%}}@media (max-width:1100PX){.company-page .sidebar-right{display:none}}@media (max-width:768PX){.company-page .sidebar-left{display:none}.company-page .container{padding:12PX}.company-page .card-right{width:120PX}}@media (max-width:640PX){.company-page .page-banner-inner{flex-direction:column;gap:16PX;text-align:center}.company-page .page-banner-stats{justify-content:center}.company-page .supplier-card{flex-direction:column}.company-page .card-right{width:100%;border-left:none;border-top:1px solid #f0f0f0;padding-left:0;padding-top:16PX;flex-direction:row;justify-content:space-between}.company-page .card-actions{flex-direction:row}}.company-page .highlight-keyword{color:red;font-weight:600}