.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: 450px;

	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;

}



.thumb-item-cp {

	width: 80px;

	height: 80px;

	border: 2px solid transparent;

	cursor: pointer;

	background-color: #f0f0f0;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-shrink: 0;

	transition: all 0.3s;

}



.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: 12px 30px;

	font-size: 16px;

	font-weight: 600;

	border-radius: 8px;

	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-bottom: 15px;

            display: flex;

            justify-content: space-between;

            align-items: center;

            border-radius: 4px;

            cursor: pointer;

            transition: background-color 0.2s;

        }



        .download-item:hover {

            background-color: #eeeeee;

        }



        .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;

        }



        .download-icon svg {

            width: 16px;

            height: 16px;

            fill: currentColor;

        }



        /* Description & Table Styles */

        .description-container {

            border: 1px dashed #ddd;

            padding: 20px;

            margin-top: 10px;

        }



        .table-header {

            text-align: center;

            font-weight: bold;

            margin-bottom: 15px;

            font-size: 14px;

        }



        table {

            width: 100%;

            border-collapse: collapse;

            font-size: 13px;

        }



        th, td {

            border: 1px solid #e0e0e0;

            padding: 10px;

            text-align: center;

        }



        /* First column specific styling */

        td:first-child {

            font-weight: bold;

            width: 30%;

            background-color: #fafafa;

        }



.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;}



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

@media (max-width: 768px) {

	.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: left;

                /*position: absolute;*/

                left: 10px;

                top: 10px;

                width: auto;

                background: transparent;

                font-weight: bold;

                border: none;

                padding: 0;

            }

            

            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;

            }

	

}