.container-cp {

	max-width: 16.4rem;

	margin: 40px auto;

	/*background: #fff;*/

	display: flex;

	flex-wrap: wrap;

	/*box-shadow: 0 4px 15px rgba(0,0,0,0.05);*/

	min-height: 600px;

}



/* --- 左侧图片区域 --- */

.gallery-section-cp {

	flex: 1;

	min-width: 300px;

	padding: 20px;

	display: flex;

	flex-direction: column;

}



/* 主图容器 */

.main-image-wrapper-cp {

	position: relative;

	width: 100%;

	height: 500px;

	background-color: #fff;

	display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden;

	border-radius: 4px;

	margin-bottom: 20px;

}



.main-image-wrapper-cp img {

	max-width: 95%;

	max-height: 95%;

	object-fit: contain;

	transition: opacity 0.3s;

}



/* 左右箭头按钮 */

.nav-btn-cp {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	background-color: rgba(0, 0, 0, 0.3);

	color: white;

	border: none;

	width: 40px;

	height: 60px;

	cursor: pointer;

	font-size: 24px;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: background 0.3s;

}



.nav-btn-cp:hover {

	background-color: rgba(0, 0, 0, 0.6);

}



.prev-btn-cp { left: 10px; }

.next-btn-cp { right: 10px; }



/* 底部缩略图列表 */

.thumbnail-list-cp {

	display: flex;

	gap: 10px;

	overflow-x: auto;
justify-content: center;padding-bottom: 20px;
}



.thumb-item-cp {

	width: 140px;

	height: 140px;

	border: 2px solid transparent;

	cursor: pointer;

	background-color: #f0f0f0;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-shrink: 0;

	transition: all 0.3s;
border-radius: 10px;
  overflow: hidden;
}



.thumb-item-cp:hover {

	border-color: #999;

}



.thumb-item-cp img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.thumb-item-cp.active {

	border-color: var(--accent);

	opacity: 1;

}



.thumb-item-cp:not(.active) {

	opacity: 0.6;

}



/* --- 右侧信息区域 --- */

.info-section-cp {

	flex: 1;

	min-width: 300px;

	padding: 40px 50px;

	display: flex;

	flex-direction: column;

	justify-content: center;

}



.product-title-cp {

	font-size: 28px;

	font-weight: 700;

	margin-bottom: 20px;

	color: #333;

}

.product-ptjiage-cp{color: #ff4500;font-size: 24px;font-weight: 700;margin-bottom: 20px; text-align:center;}

.prxqbt{color: #666;

  font-size: 18px;

  font-weight: 700;

  margin-right: 5px;}

.product-ptjiage-cp span{color: #868686;

  font-size: 18px;

  font-weight:normal; margin:0 4px;

  -webkit-text-decoration-line: line-through;

  text-decoration-line: line-through;

  }



.product-desc-cp {

	font-size: 16px;

	color: #666;

	/*text-align: justify;*/

	margin-bottom: 20px;

	line-height: 2;

}



.contact-btn-cp {

	align-self: flex-start;

	background-color: var(--accent);

	color: white;

	border: none;

	padding: 10px 32px;

	font-size: 14px;

	font-weight: 600;

	border-radius:30px;

	cursor: pointer;

	transition: background 0.3s;

}



.contact-btn-cp:hover {

	background-color: var(--accent-light);

}





.cph2{

            font-size: 24px;

            font-weight: 600;

            margin-bottom: 20px;

            margin-top: 40px;border-bottom: 1px solid #eee;

  padding-bottom: 10px;

        }

.download-item {

            /*background-color: #f5f5f5;*/

            padding: 15px 20px;

            margin: 14px;

            display: inline-block;

            justify-content: space-between;

            align-items: center;

            border-radius: 4px;

            cursor: pointer;

            transition: background-color 0.2s;
text-align: center;
  border: 2px solid #c6c6c6;
        }



        .download-item:hover {

            border: 2px solid var(--accent);

        }



        .download-info h3 {

            margin: 0;

            font-size: 14px;

            font-weight: 500;

            color: #555;

        }



        .download-info p {

            margin: 5px 0 0;

            font-size: 12px;

            color: #888;

        }



        .download-icon {

            /*width: 32px;

            height: 32px;

            border: 1px solid #999;*/

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            color: #555;
margin: 0 auto 10px;
        }



        .download-icon svg {

            width: 16px;

            height: 16px;

            fill: currentColor;

        }



        /* Description & Table Styles */

        .description-container {

            /*border: 1px dashed #ddd;

            padding: 20px;*/

            margin: 10px 0 30px;

        }



        .table-header {
color: #333;
            /*text-align: center;*/

            font-weight: bold;

            margin-bottom: 15px;

            font-size: 14px;
border-bottom: 2px solid #D9D9D9;
  padding-bottom: 10px;
        }



        table {

            width: 100%;

            border-collapse: collapse;

            font-size: 15px;

        }



        th, td {

            border: 1px solid #e0e0e0;

            padding: 10px;

            text-align: left;

        }



        /* First column specific styling */

        td:first-child {

            font-weight: bold;

            width: 9%;

            background-color: #f0efec;

        }



.huibg_cpfl{width: 100%;
  overflow: hidden;
  padding:80px 0;}
.huibg_cpfl:nth-child(2n){background: rgb(246, 242, 236);}
.cpfl-section {
	display: flex;
	align-items: center;
	gap: 60px;
	/*margin-bottom: 80px;*/
}

/* 左侧图片区域 */
.image-wrapper_cpfl {
	flex: 1;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	text-align: center;
	/*box-shadow: 0 10px 30px rgba(0,0,0,0.1);*/
}

.image-wrapper_cpfl img {
	/*width: 100%;*/
	height: auto;
	display: block;
	transition: transform 0.5s ease;
	margin: 0 auto;
}

.image-wrapper_cpfl:hover img {
	transform: scale(1.02);
}




/* 右侧文字区域 */
.text-content_cpfl {
	flex: 1;
}

.section-title_cpfl {
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 25px;
	color: #222;
}

.highlight_cpfl {
	/*color: var(--accent);*/ /* 金色/橙色 */
	font-weight: 600;
}

.description_cpfl {
	color: #666;
	font-size: 16px;
	margin-bottom: 20px;
line-height: 33px;
	hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  word-break: break-word;
  /*text-align: justify;*/
}

.read-more-btn_cpfl {
	display: inline-block;
	margin-top: 20px;
	padding: 12px 35px;
	background-color: var(--accent);
	color: #fff;
	text-decoration: none;
	border-radius: 30px;
	font-size: 14px;
	letter-spacing: 1px;
	transition: background-color 0.3s;
}

.read-more-btn_cpfl:hover {
	background-color: var(--accent-light);
}





.nycpxiangqing{font-size: 18px;overflow-wrap: break-word;

  hyphens: auto;

  -webkit-hyphens: auto;

  -ms-hyphens: auto;}



.quote-container {

            max-width: 16.4rem;

            margin: 80px auto;

            display: flex;

            gap: 60px;

            align-items: flex-start;

        }



        /* --- 左侧信息区域 --- */

        .info-section-ly {

            flex: 1;

            min-width: 280px;

        }



        .info-title-ly {

            font-size: 28px;

            font-weight: 700;

            color: #222;

            margin-bottom: 30px;

            line-height: 1.3;

        }



        .info-list-ly {

            list-style: none;

        }



        .info-item-ly {

            display: flex;

            align-items: flex-start;

            gap: 15px;

            margin-bottom: 25px;

        }



        .info-dot-ly {

            width: 12px;

            height: 12px;

            min-width: 12px;

            background-color: var(--accent);

            border-radius: 50%;

            margin-top: 6px;

        }



        .info-text {

            font-size: 14px;

            color: #555;

            line-height: 1.7;

			overflow-wrap: break-word;

  hyphens: auto;

  -webkit-hyphens: auto;

  -ms-hyphens: auto;

        }



        /* --- 右侧表单区域 --- */

        .form-section-ly {

            flex: 1;

            min-width: 300px;

            background-color: #fff;

            padding: 35px;

            border-radius: 8px;

            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);

        }



        .form-title-ly {

            font-size: 20px;

            font-weight: 700;

            color: #222;

            margin-bottom: 25px;

        }



        .form-grid-ly {

            display: grid;

            grid-template-columns: 1fr 1fr;

            gap: 15px;

        }



        .form-group-ly {

            display: flex;

            flex-direction: column;

        }



        .form-group-ly.full-width {

            grid-column: 1 / -1;

        }



        .form-group-ly label {

            font-size: 12px;

            font-weight: 500;

            color: #555;

            margin-bottom: 6px;

        }



        .form-group-ly label .required {

            color: var(--accent);

        }



        .form-group-ly input,

        .form-group-ly textarea {

            padding: 10px 12px;

            border: 1px solid #ddd;

            border-radius: 4px;

            font-size: 14px;

            color: #333;

            background-color: #f7f7f7;

            transition: border-color 0.3s, background-color 0.3s;

            font-family: inherit;

        }



        .form-group-ly input:focus,

        .form-group-ly textarea:focus {

            outline: none;

            border-color: var(--accent);

            background-color: #fff;

        }



        .form-group-ly textarea {

            resize: vertical;

            min-height: 80px;

        }



        .submit-btn-ly {

            width: 100%;

            padding: 14px;

            background-color: var(--accent);

            color: #fff;

            border: none;

            border-radius: 4px;

            font-size: 15px;

            font-weight: 600;

            cursor: pointer;

            margin-top: 10px;

            transition: background-color 0.3s;

            letter-spacing: 0.5px;

        }



        .submit-btn-ly:hover {

            background-color: var(--accent-light);

        }

		

.xcplmul{ overflow:hidden;display: flex;margin-top: 30px;justify-content: center;flex-wrap: wrap;}

.xcplmul a{ overflow:hidden;padding: 12px 24px; text-align:center;border-radius: 6px;font-size: 14px;border: 2px solid #eee;/*flex: 1;*/margin: 0 5px 10px;font-size: 14px;font-weight: 500;

}

.xcplmul a:hover{background: var(--accent);border: 2px solid var(--accent);color: #ffffff;}

.xcplmul a.active{background: var(--accent);border: 2px solid var(--accent);color: #ffffff;}





.container_cplist {
    display: flex;
    max-width: 16.4rem;
    margin: 50px auto;
    padding: 20px;
    gap: 20px;
  }
  .sidebar {
    width: 280px;
    flex-shrink: 0;
  }

  .sidebar-card {
    /*background: #fff;*/
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px;
  }

  .sidebar-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #222;
  }

  /* Accordion Menu */
  .menu-list {
    list-style: none;
  }

  .menu-item {
    border-bottom: 1px solid #eee;
  }

  .menu-item:last-child {
    border-bottom: none;
  }

  .menu-header {
    display: flex;
    align-items: center;
    padding: 12px 0;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    user-select: none;
    transition: color 0.2s;
  }

  .menu-header:hover {
    color: #e8a020;
  }
.menu-header .active{ color: var(--accent);}
  .menu-icon {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #888;
    flex-shrink: 0;
    transition: transform 0.3s;border: 1px solid #d9d8d8;
  }

  .menu-header.active .menu-icon {
    transform: rotate(45deg);
    color: #e8a020;
  }

  .menu-header .checkbox-icon {
    width: 16px;
    height: 16px;
    border: 2px solid #999;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 11px;
    color: transparent;
    transition: all 0.2s;
  }

  .menu-header .checkbox-icon.checked {
    background: #e8a020;
    border-color: #e8a020;
    color: #fff;
  }

  .menu-sub {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
  }

  .menu-sub.open {
    max-height: 300px;
  }

  .menu-sub ul {
    list-style: none;
    padding-left: 26px;
    padding-bottom: 10px;
  }

  .menu-sub ul li {
    padding: 8px 0;
    font-size: 13px;
    color: #666;
    cursor: pointer;
    transition: color 0.2s;
  }

  .menu-sub ul li:hover {
    color: #e8a020;
  }

  /* Inquiry Form */
  .inquiry-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #222;
  }

  .form-group {
    margin-bottom: 14px;
  }

  .form-group label {
    display: block;
    font-size: 13px;
    color: #333;
    margin-bottom: 6px;
  }

  .form-group label .required {
    color: #e74c3c;
    margin-right: 2px;
  }

  .form-group input,
  .form-group textarea {
    width: 100%;
    padding: 10px 12px;
    border: none;
    border-bottom: 2px solid #ddd;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s;
    background: rgb(255, 251, 244);
  }

  .form-group input:focus,
  .form-group textarea:focus {
    border-bottom-color: #333;
  }

  .form-group textarea {
    resize: vertical;
    min-height: 80px;
    font-family: inherit;
  }
  
  .form-group-cpfl input,.form-group-cpfl textarea{background-color: rgba(246, 242, 236, 1);
  border-radius: 20px;
  border: none;}
  .form-group-cpfl input:focus,
  .form-group-cpfl textarea:focus {
    border-color: var(--accent);
  }

  .btn-submit {
    display: inline-block;
    background: var(--accent);
    color: #fff;
    border: none;
    padding: 10px 32px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
    margin-top: 6px;
  }

  .btn-submit:hover {
    background: var(--accent-light);
  }

  /* ========== Product Grid ========== */
  .product-area {
    flex: 1;
    min-width: 0;
	width: 92%;
  margin: 0 auto;
  }

  .product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  .product-card {
    /*background: #fff;*/
    /*border: 1px solid #e8e8e8;*/
    border-radius: 4px;
    padding: 20px;
    /*text-align: center;*/
    transition: box-shadow 0.3s;
  }

  .product-card:hover {
    /*box-shadow: 0 4px 16px rgba(0,0,0,0.08);*/
  }

  .product-img {
    width: 100%;
   /* height: 300px;*/
	/*height: auto;*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    background: #fafafa;
    border-radius: 4px;
    overflow: hidden;
	border: 1px solid #e8e8e8;
  }

  .product-img img{aspect-ratio: 3/2;transition: all 0.6s;}
  
  .product-img-default{ display:block;}
  .product-img-hover{ display:none;}
  .product-card:hover .product-img-default{display:none;}
  .product-card:hover .product-img-hover{display:block;}

  .product-name {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 1.5;
    margin-bottom: 10px;
   min-height: 54px;
  }

  .product-sku {
    font-size: 14px;
  color: #5b5b5b;
  line-height: 22px;
  }
  
  /*.product-card:hover .product-img img{transform: scale(1.1,1.1);}*/
  .product-card:hover .product-name{color: var(--accent);}

  /* Dimension labels in product images */
  .dim-label {
    font-size: 12px;
    fill: #333;
    font-family: sans-serif;
  }
  
  .flex3{display: flex;flex-wrap: wrap;justify-content: space-between;}

  /* ========== Mobile Header ========== */
  .mobile-header {
    display: none;
    background: #faf7ee;
    color: #e8a020;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
  }

  .mobile-header .arrow {
    transition: transform 0.3s;
    font-size: 20px;
  }

  .mobile-header .arrow.up {
    transform: rotate(180deg);
  }

  /* ========== Mobile Menu Overlay ========== */
  .mobile-menu-overlay {
    display: none;
    /*position: fixed;*/
    top: 36%;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 998;
  }

  .mobile-menu-overlay.show {
    display: block;
  }

  .mobile-menu-panel {
    display: none;
    /*position: fixed;*/
    top: 43%;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999;
    max-height: 60vh;
    overflow-y: auto;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  }

  .mobile-menu-panel.show {
    display: block;
  }

  .mobile-menu-panel .menu-header {
    padding: 14px 20px;
    border-bottom: 1px solid #eee;
  }

  .mobile-menu-panel .menu-sub ul {
    padding-left: 40px;
  }

  .mobile-menu-panel .menu-sub ul li {
    padding: 12px 0;
  }

  .mobile-menu-panel .menu-icon-arrow {
    margin-left: auto;
    font-size: 18px;
    color: #999;
    transition: transform 0.3s;
  }

  .mobile-menu-panel .menu-header.active .menu-icon-arrow {
    transform: rotate(180deg);
  }



  @media (max-width: 480px) {
    .product-grid {
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      padding: 8px;
    }

    .product-card {
      padding: 0px;margin-bottom: 10px;
    }

    .product-img {
      height: 120px;
    }

    .product-name {
      font-size: 12px;
      min-height: 36px;
    }
  }




/* --- 响应式调整 --- */

@media (max-width: 768px) {
	.product-title-cp{font-size: 18px;}
.container_cplist {
      flex-direction: column;
      padding: 0;margin: 0 auto 50px;
    }
.thumb-item-cp {width: 80px;height: 80px;}
    .sidebar {
      width: 100%;
    }

    .sidebar-card:first-child {
      display: none;
    }

    .mobile-header {
      display: flex;
    }

    .product-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
      padding: 12px;
    }

    .product-img {
      height: 150px;
    }

    .inquiry-card {
      padding: 16px;
    }
	
.thumbnail-list-cp{justify-content: normal;}	
	
	.xcplmul{grid-template-columns: repeat(2, 1fr);

  display: grid;}

  .xcplmul a{margin: 0 5px 10px;}

	.container-cp {

		flex-direction: column;

		margin: 0;

	}

	.info-section-cp {

		padding: 20px;

	}

	.main-image-wrapper-cp {

		height: 300px;

	}

	.product-ptjiage-cp span{/*display: block;*/}

.form-title-ly{ text-align:center;}	

	table, tbody, th, td, tr {

                /*display: block;*/

            }

            

            td {

                /*text-align: right;

                padding-left: 50%;*/

                /*position: relative;*/

            }



            td:first-child {

                /*text-align: center;*/

                /*position: absolute;*/

                left: 10px;

                top: 10px;

                width: auto;

                background: transparent;

                font-weight: bold;

                border: none;

                padding: 0 5px;

            }

            

            tr {

                margin-bottom: 15px;

                border: 1px solid #e0e0e0;

                padding: 10px;

            }

			.quote-container {

                flex-direction: column;

                gap: 30px;

				width: 92%;

            }



            .form-grid-ly {

                grid-template-columns: 1fr;

            }



            .info-title-ly {

                font-size: 24px;

            }



            .form-section-ly {

                padding: 25px;
width: 100%;
            }

.huibg_cpfl{padding: 40px 0;}
.cpfl-section {display: block;}
.image-wrapper_cpfl{margin-bottom: 14px;}
.section-title_cpfl{font-size: 26px;margin-bottom: 16px;}
.description_cpfl{font-size: 16px;margin-bottom: 10px;line-height: 28px;}
	

}