@charset "utf-8";
/* CSS Document */
body{ background:#f6f5f4}
.new_local{width:100%;max-width:1200px;margin:auto;font-size:0.8rem;line-height:3rem;color:#777;}  
.new_local a{color:#777}
.new_local a:hover{color:#575757}
.new_pdetail{ width: 100%; max-width: 1200px; margin: auto;padding:1rem; background:#fff}


.pcontent { width: 100%; max-width: 1200px; margin: auto;padding:1rem; background:#fff ;font-size:1rem;color:#666;line-height:1.5rem}
.pcontent table { width: 100%; border-collapse: collapse; }
.pcontent td { color:#333;border: 1px solid #d7e7ec; font-size: 0.8rem; line-height: 1.3rem; padding: 8px 5px; text-align: center; vertical-align: middle; }
.pcontent td img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
.pcontent h3 {font-size: 1.4rem;font-weight: 600;color: #444;margin-bottom: 1rem;line-height:3rem}
.pcontent p{font-size:1rem;text-indent:0}
.lcp-container { max-width: 1200px; width: 100%;margin:auto;background: #ffffff;border:1px solid #d7e7ec; }/*box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08); border-radius: 0; */
.split-layout { display: flex; flex-wrap: wrap; }
.image-area { flex: 1 1 50%; background: #d9e2ec; min-height: 360px; overflow: hidden; }
.image-area img { width: 100%; height: 100%; object-fit: cover; display: block; }
.content-area { flex: 1 1 50%; background: #ffffff; padding: 2.5rem 2rem; display: flex; flex-direction: column; justify-content: center; }
.section-tag { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: #fb9600; background: rgba(251, 150, 0, 0.1); display: inline-block; padding: 0.25rem 1rem; margin-bottom: 1rem; width: fit-content; }
.main-heading { font-size: 1.8rem; font-weight: 700; color: #003d4d; margin-bottom: 1.8rem; letter-spacing: -0.3px; line-height: 1.3; }
.main-heading span { color: #fb9600; border-bottom: 2px solid #fb9600; }
.feature-list { display: flex; flex-direction: column; gap: 1rem; }
.feature-item { display: flex; align-items: center; gap: 0.9rem; padding: 0.6rem ; border: 1px solid #f0f0f0; border-radius:5rem;transition: all 0.2s ease; }
.feature-item:hover{transform: translateY(-2px);background:#fff4e5;color:#FFFFFF}
 
.uni-icon { width: 28px; height: 28px; background: #fb9600; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; color: white; font-size: 1rem; font-weight: bold; }
.feature-text { font-size: 1rem; font-weight: 500; color: #1f3e48; letter-spacing: -0.2px; }
.feature-text strong { color: #00586d; font-weight: 700; }
.extra-badge { margin-top: 2rem;   font-size: 0.8rem; color: #888; display: flex; gap: 1.2rem; flex-wrap: wrap; }
@media (max-width: 850px) { .split-layout { flex-direction: column; } .image-area, .content-area { flex: 1 1 100%; } .image-area { min-height: 280px; } .content-area { padding: 1.8rem; } .main-heading { font-size: 1.5rem; } }
@media (max-width: 550px) { body { padding: 1rem; } .feature-text { font-size: 0.9rem; } .uni-icon { width: 24px; height: 24px; font-size: 1.1rem; } .content-area { padding: 1.5rem; } }

		     /* 左右两栏：左边大图，右边核心特性（图标列表） */
        .feature-row {display: flex;flex-wrap: wrap;gap: 2rem;margin:  auto;align-items: stretch;}
        .feature-left {flex: 1;min-width: 260px;max-height:300px;background: #f5f9fe;display: flex;align-items: center;justify-content: center;border: 1px solid #e2edf7; overflow:hidden;border-radius:10px;}
        .feature-left img{width: 100%;height:100%}
		
        .big-image h4 {font-size: 1.2rem;font-weight: 600;color: #0f5b8c;margin: 0.8rem 0 0.3rem;}
        .big-image p {font-size: 1.1rem;color: #4a6f8c;}
        .feature-right {flex: 1;min-width: 280px;}
        .feature-right h3 {font-size: 1.4rem;font-weight: 600;color: #00586d;margin-bottom: 1rem;border-left: 3px solid #1a6eb2;padding-left: 0.8rem;}
        /* 统一图标列表，参考2.png风格 */
        .icon-list {list-style: none;padding: 0;display: grid;grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));gap: 12px;}
        .icon-list li {display: flex;align-items: center;gap: 12px;background: #f8fafd;padding: 0.7rem 1rem;border-radius: 60px;font-size: 0.9rem;font-weight: 500;color: #1e4a6e;border: 1px solid #e2edf7;transition: all 0.2s ease; }
		.icon-list li:hover{transform: translateY(-2px);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); background:#00586d;color:#FFF}
        .icon-list li .icon {font-size: 1.3rem;min-width: 28px;text-align: center;}
		.lcp_pic{width:100%;max-width:450px;margin:auto;padding:1rem 2rem 1rem 2rem; border:1px #eee solid} .lcp_pic img{width:100%}
	

/*2级分类 start*/
    .scp-container { max-width: 1200px; margin: 0 auto; }
        .scp-page-title { text-align: center; font-size: 2rem; font-weight: 600; color: #0b2b3b; margin-bottom: 2rem; letter-spacing: -0.3px; }
        .scp-page-title:after { content: ''; display: block; width: 70px; height: 3px; background: linear-gradient(90deg, #f0a500, #fb9600); margin: 0.6rem auto 0; border-radius: 2px; }
        /* 行卡片 - 固定高度220px */
        .scp-series-row { background: #ffffff; border: 1px solid #eef2f5; margin-bottom: 1.5rem; transition: all 0.2s ease; height: 260px; display: flex; }
        .scp-series-row:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); border-color: rgba(240, 165, 0, 0.3); }
        /* 三列百分比宽度：第一列18%，第三列32%，第二列自适应 */
        .scp-row-three-cols { display: flex; width: 100%; height: 100%; }
        .scp-col-name { flex: 0 0 18%; background: #eef7fa; display: flex; align-items: center; justify-content: center; border-right: 1px solid #eef2f5; }
        .scp-col-desc { flex: 1; padding: 0.8rem 1.2rem; display: flex; flex-direction: column; justify-content: center; gap: 0.6rem; border-right: 1px solid #eef2f5; overflow-y: auto; }
        .scp-col-images { flex: 0 0 32%; padding: 0.6rem; background: #fefefc; display: flex; flex-direction: column; justify-content: center; }
        /* 系列名称字体颜色 #00586d */
        .scp-series-name { font-size: 1.5rem; font-weight: 700; color: #00586d; text-align: center; letter-spacing: 2px; }
        /* 描述字体颜色 #666 */
        .scp-description { font-size: 0.95rem; line-height: 1.45; color: #555; text-align: justify; padding-bottom:1rem }
        /* 型号链接字体颜色 #00586d */
        .scp-models-list { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; padding-bottom:1rem }
        .scp-model-link { background: #f0f4f8; color: #00586d; font-size: 0.75rem; font-weight: 500; padding: 0.25rem 0.9rem; border-radius: 30px; text-decoration: none; transition: all 0.2s; border: 1px solid #e2e8f0; display: inline-block; }
        .scp-model-link:hover { background: #fb9600; color: white; border-color: #fb9600; transform: translateY(-1px); }
        .scp-btn-more { display: inline-flex; align-items: center; gap: 6px; background: transparent; border: 1.5px solid #fb9600; padding: 0.3rem 1rem; font-size: 0.75rem; font-weight: 600; color: #c96f0e; text-decoration: none; border-radius: 30px; transition: all 0.2s; width: fit-content; }
        .scp-btn-more:hover { background: #fb9600; color: white; }
        /* 图片区域：3列 x 2行 网格，无边框，悬停放大 */
        .scp-image-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; height: 100%; align-content: center; }
        .scp-img-card { text-align: center; overflow: hidden; cursor: default; }
        .scp-img-card img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; display: block; transition: transform 0.3s ease; background: #f5f7fb; }
        .scp-img-card:hover img { transform: scale(1.08); }
        .scp-img-caption { font-size: 0.65rem; color: #4a6272; margin-top: 0.3rem; font-weight: 500; }
        
        /* 响应式：宽度不足时，取消固定高度，恢复自适应 */
        @media (max-width: 850px) {
            .scp-series-row { height: auto; flex-direction: column; }
            .scp-row-three-cols { flex-direction: column; }
            .scp-col-name { flex: auto; border-right: none; border-bottom: 1px solid #eef2f5; padding: 0.6rem; }
            .scp-col-desc { border-right: none; border-bottom: 1px solid #eef2f5; padding: 0.8rem; }
            .scp-col-images { flex: auto; padding: 0.8rem; }
            .scp-image-grid { grid-template-columns: repeat(4, 1fr); }
            .scp-series-name { font-size: 1.3rem; }
        }
        @media (max-width: 550px) {
             .scp-image-grid { grid-template-columns: repeat(3, 1fr); }
        }
        .scp-footer-note { text-align: center; margin-top: 2rem; font-size: 0.7rem; color: #7c8e9a; border-top: 1px solid #e2e8f0; padding-top: 1.5rem; }
		
		/*2级分类 end*/
		
	
		
.left_menu {max-width: 480px;width: 100%;background: #ffffff;border-radius: 0px;box-shadow: 0 4px 12px rgba(0,0,0,0.05);overflow: hidden;}
.left_menu .menu-list {list-style: none;margin: 0;padding: 0 12px;}
.left_menu .menu-item {border-bottom: 1px solid #e9edf2;}
.left_menu .menu-item:last-child {border-bottom: none;}
.left_menu .main-row {display: flex;align-items: center;justify-content: space-between;padding: 10px 0;}
.left_menu .main-link {flex: 1;padding: 8px 8px 8px 4px;font-weight: 500;font-size: 1rem;color: #1f2d3d;text-decoration: none;border-radius: 10px;transition: background 0.2s ease;}
.left_menu .main-link:hover {background: #eef2f8;transform: translateX(2px);}
.left_menu .arrow-btn {background: transparent;border: none;font-size: 0.8rem;color: #8a9bb0;cursor: pointer;padding: 8px 12px;border-radius: 20px;transition: background 0.2s;line-height: 1;}
.left_menu .arrow-btn:hover {background: #eef2f8;}
.left_menu .arrow-btn .arrow {display: inline-block;transition: transform 0.2s;font-size: 0.7rem;}
.left_menu .menu-item.expanded .arrow-btn .arrow {transform: rotate(180deg);}
.left_menu .sub-menu {list-style: none;margin: 4px 0 12px 0;padding-left: 24px;display: none;}
.left_menu .menu-item.expanded .sub-menu {display: block;}
.left_menu .sub-menu li {padding: 8px 12px;margin: 2px 0;font-size: 0.9rem;color: #4a627a;border-radius: 8px;transition: background 0.2s;}
.left_menu .sub-menu li:hover {background: #eef2f8;}
.left_menu-footer {padding: 14px 20px;font-size: 12px;color: #7e8c9e;border-top: 1px solid #e9edf2;text-align: center;}


/*住友2 级start*/
  		.lcp_zy_page { max-width: 1200px; margin: 0 auto;  background: #ffffff; line-height:1rem}
        .lcp_zy_hero { background: linear-gradient(135deg, #00586d 0%, #006b85 100%); padding: 2rem 2rem; margin-bottom: 2rem; color: white; box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
        .lcp_zy_hero h1 { font-size: 2.2rem; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 0.5rem; }
		.lcp_zy_hero h2 { font-size: 1.2rem; font-weight: 500; letter-spacing: -0.02em;line-height:2rem}
        .lcp_zy_hero h1 sup { font-size: 0.9rem; font-weight: 500; }
        .lcp_zy_hero .tagline { font-size: 1rem; opacity: 0.9; margin-top: 0.5rem; line-height:1.4rem;   }
        .lcp_zy_hero-badge { display: inline-block; background: #004758; backdrop-filter: blur(4px); padding: 0.25rem 1rem; font-size: 0.75rem; margin-top: 1rem; }
        /* 卡片无边框，无内边距 */
        .lcp_zy_card {  margin-bottom: 2rem; box-shadow: none; text-align: center; }
        .lcp_zy_card h2 {color:#222222; font-size: 1.6rem; font-weight: 700; margin: 0; padding-bottom: 0.8rem; border-bottom: 1px solid #999; display: inline-block; }
		.lcp_zy_page .ptt {font-size: 1.1rem; font-weight: 700; color: #00586d;line-height:3rem}
        
		
		.pdl0 {width: 100%;margin: auto;display: flex; align-items: flex-start;font-size:1rem;line-height:1.4rem;color:#555}
		.pdl0 .pdll {width: 36%;}.pdll img{width:100%; border-radius:6px}
		.pdl0 .pdlr {width: 60%;  margin-left:4%}
		.ptt16rem {color:#222222; font-size: 1.6rem; font-weight: 700; padding-bottom: 0.8rem; border-bottom: 1px solid #999; display: inline-block; }
		
		.note{font-size:0.8rem;color:#777;line-height:1.2rem}
		/* 核心优势网格 */
        .lcp_zy_advantages-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.2rem; margin-top: 1rem; text-align: left; }
        .lcp_zy_adv-card { background: #f8fafd; padding: 1rem; border: 1px solid #e9edf2; transition: all 0.2s; display: flex; gap: 0.8rem; align-items: flex-start; border-radius: 6px; }
        .lcp_zy_adv-card:hover { border-color: #fa9500; box-shadow: 0 4px 12px rgba(0,0,0,0.04);transform: translateY(-5px); background: #fff;}
        .lcp_zy_adv-icon { flex-shrink: 0; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: #eef3fc; }
        .lcp_zy_adv-icon svg { width: 26px; height: 26px; stroke: #1e6f9f; stroke-width: 1.7; fill: none; }
        .lcp_zy_adv-content { flex: 1; }
        .lcp_zy_adv-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.3rem; color: #00586d; }
        .lcp_zy_adv-content p { font-size: 1rem; color: #666; line-height:1.6rem; margin: 0; text-indent:0}
        /* 应用领域 - 整个列用边框包起来，内部列表项无边框 */
        .lcp_zy_app-columns { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 0.5rem; text-align: left; }
        .lcp_zy_app-col { flex: 1; min-width: 200px; border: 1px solid #e9edf2; padding: 1rem; background: #ffffff; transition: all 0.2s; }
        .lcp_zy_app-col:hover { border-color: #cbdde9; box-shadow: 0 4px 12px rgba(0,0,0,0.04); }
        .lcp_zy_app-col h3 { font-size: 1.2rem; font-weight: 600; margin-bottom: 1rem; padding-bottom: 0.4rem; border-bottom: 2px solid #e2e8f0; display: flex; align-items: center; gap: 6px; }
        .lcp_zy_app-col h3::before { content: "◆"; color: #1e6f9f; font-size: 1rem; }
        .lcp_zy_app-list { list-style: none; padding: 0; margin: 0; }
        .lcp_zy_app-list li { margin-bottom: 0.6rem; padding-left: 1.4rem; position: relative; font-size: 0.9rem; line-height: 1.4; }
        .lcp_zy_app-list li::before { content: "◆"; color: #1e6f9f; position: absolute; left: 0; font-size: 0.75rem; }
        .lcp_zy_small-note { font-size: 0.7rem; color: #6c7e97; text-align: center; margin-top: 1.5rem; border-top: 1px solid #e2e8f0; padding-top: 1rem; }
        @media (max-width: 680px) { .lcp_zy_advantages-grid { grid-template-columns: 1fr; } .lcp_zy_page { padding: 1rem; } .lcp_zy_hero h1 { font-size: 1.6rem; } }
		/*住友2 级end*/
		
		/*可乐丽start*/
		  /* 总览容器 — 使用 kll_ 前缀 */
        .kll_container {max-width: 100%;margin: 0 auto;}
        /* 头部区域 — 简洁排版 */
        .kll_hero {padding: 2rem 2rem 1.8rem;background: #ffffff;border-bottom: 1px solid #eef2f6;}
        .kll_title {font-size: 1.9rem;font-weight: 700;color: #0b2b3b;letter-spacing: -0.3px;margin-bottom: 0.5rem; }
        .kll_title small {font-size: 0.9rem;font-weight: 500;color: #4a6f8f;background: #eef2f8;padding: 0.2rem 0.7rem;border-radius: 30px;display: inline-block;margin-left: 0.6rem;vertical-align: middle;}
        .kll_subhead {font-size: 0.95rem;color: #2c5a7a;margin-top: 0.3rem;margin-bottom: 1rem;border-left: 3px solid #ffb347;padding-left: 0.8rem;}
        .kll_badge {display: inline-block;background: #fef3e8;padding: 0.2rem 0.7rem;border-radius: 20px;font-size: 0.7rem;font-weight: 600;color: #c25d1a;margin-right: 0.5rem;}
         .kll_intro strong {color: #1c5a7a;font-weight: 700;}
        .kll_intro p {font-size: 0.92rem;color: #2c3e50;margin-top: 0.3rem;line-height: 1.5;}
        /* 内容主体 */
        .kll_content {padding: 1.8rem 2rem }
        /* 左右特性布局 */
        .kll_features {display: flex;flex-wrap: wrap;gap: 1.8rem;margin-bottom: 2rem;align-items: center;}
        .kll_feature_left {flex: 1;min-width: 200px;border-radius: 5px;text-align: center; }
        .kll_feature_left img {max-width: 100%;height: auto;border-radius: 12px;}
        .kll_feature_right {flex: 1.8;}
        .kll_feature_right h2 {font-size: 1.4rem;font-weight: 700;color: #00586d;margin-bottom: 0.6rem;border-left: 4px solid #ffb347;padding-left: 0.8rem;}
        .kll_grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.6rem;}        
		.kll_item {font-size: 1rem;font-weight:600;background: #f8fafd;padding: 0.4rem 0.8rem;border-radius: 30px;border: 1px solid #eef2f8;display: flex;align-items: center;gap: 6px;transition: all 0.25s ease;}
		.kll_item:hover {background: #00586d;border-color: #00586d; color:#fff;transform: translateY(-2px);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}
        .kll_item::before {content: "✓";color: #ff8c42;font-weight: bold; transition: color 0.2s;}
        /* 数据卡片 */
    	.kll_stats {display: flex;flex-wrap: wrap;gap: 1rem;margin: 1.5rem 0;background: #f9fafc;padding: 1.2rem;border-radius: 20px;border: 1px solid #eef2f6;        }        
		.kll_stat_card {flex: 1;min-width: 120px;background: white;border-radius: 8px;padding: 0.7rem;text-align: center;border: 1px solid #eef2f6;transition: all 0.25s ease;    }
        .kll_stat_card h4 {font-weight: 700;font-size: 1.1rem;color: #00586d;margin-bottom: 0.3rem;}
        .kll_stat_card p {color: #666;font-size:0.9rem;text-indent:0}
		.kll_stat_card:hover{background: #fff4e5;border-color: #fb9600; color:#fff;transform: translateY(-4px);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}
        /* 表格 */
        .kll_section_title {font-size: 1.3rem;font-weight: 700;margin: 1.5rem 0 0.8rem 0;padding-bottom: 0.3rem;border-bottom: 2px solid #ffb347;display: inline-block;}
        .kll_table_wrap {overflow-x: auto;margin: 1rem 0 1.5rem;border-radius: 16px;border: 1px solid #e9edf2; }
        .kll_table {width: 100%;border-collapse: collapse;font-size: 0.8rem;min-width: 680px; }
        .kll_table th {background-color: #eef3fc;padding: 0.7rem 0.8rem;font-size:1.1rem;text-align: center;font-weight: 700;color: #00586d;border-bottom: 1px solid #d4dee8;}
        .kll_table td {padding: 0.6rem 0.8rem;border-bottom: 1px solid #eef2f8;vertical-align: top;font-size:0.9rem; }
        .kll_badge {display: inline-block;background: #eef2fa;padding: 0.15rem 0.5rem;border-radius: 30px;font-size: 0.65rem;font-weight: 600;}
        .kll_badge_hb { background: #e0f0ea; color: #1f6e43;font-size:0.9rem;  }
        .kll_badge_v0 { background: #ffe6e2; color: #b13e2d;font-size:0.9rem;  }
        .kll_badge_hf { background: #e3eafc; color: #2c5282;font-size:0.9rem;  }

        /* 应用列表 */
        .kll_app_list {display: flex;flex-wrap: wrap;gap: 0.7rem;margin: 1rem 0 1.2rem;}
        .kll_app_item {background: #fff;padding: 0.4rem 1rem;border-radius: 30px;font-size: 1rem;font-weight: 500;color: #666;transition: all 0.25s ease; border:1px #00586d solid }
		.kll_app_item:hover{transform: translateY(-2px);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); color:#fff; background:#00586d}
        .kll_reflow {background: #eef5fa;border-radius: 16px;padding: 0.8rem 1.2rem;margin: 1rem 0;font-size: 1.1rem;display: flex;gap: 10px;align-items: center; }
        .kll_footer {text-align: center;margin-top: 1.8rem;padding-top: 1rem;border-top: 1px solid #e2e8f0;font-size: 0.7rem;color: #6c7e97;}
        @media (max-width: 700px) {.kll_features {    flex-direction: column;}.kll_grid {    grid-template-columns: 1fr;}.kll_content {    padding: 1.2rem;}.kll_hero {    padding: 1.5rem;}.kll_title {    font-size: 1.5rem;}}
	
		/*可乐丽end*/
		
		.pps_grid-container {display: grid;grid-template-columns: repeat(2, 1fr); /* 2列 */grid-template-rows: repeat(2, 1fr);    /* 2行 */gap: 20px; /* 卡片间距 */max-width: 1200px;margin: 0 auto;}
        .pps_card {background: white;padding: 25px;border-radius: 12px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);border-left: 5px solid #3498db;transition: all 0.25s ease;}
		.pps_card h2 {font-size: 20px;color: #3498db;margin-bottom: 15px;padding-bottom: 8px;border-bottom: 1px solid #eee;}
        .pps_card p, .card li {font-size: 15px;color: #666;line-height: 1.7;margin-bottom: 8px;}
        .pps_card ul {padding-left: 20px;}
		.pps_card:hover{transform: translateY(-2px);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}
		.pps_grid-container p{text-indent: inherit;}