/* 产品内容 */
		.app-container {
			width: 100%;
			height: 1400px;
			position: relative;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

		/* 产品标题 */
		.container-title {
		    position: absolute;
		    text-align: center;
			font-size: 2rem;
			color: black;
			top: 100px;
			font-weight: 600;
		}

		/* 产品 */
		.product-item {
			position: absolute;
			width: 400px;
			height: 300px;
		}
		.product-item .remark {
			/*transform: translateY(-100px);*/
		 /*   opacity: 0;*/
		}
		.product-section-img_div {
		    overflow: hidden;
		    background-color: white;
		    text-align: center
		}
        .product-section-img {
			transition: transform 0.5s ease;
		}
		/* 鼠标经过显示产品部分的标题 */
		.product-item:hover .product-item-title {
			transform: translateY(0);
			opacity: 1;
		}
		/* 鼠标经过显示产品部分的标题 */
		.product-item:hover .product-section-img {
			transform: scale(1.3);
		}

		/* 鼠标经过显示产品部分的描述 */
		.product-item:hover .remark {
			transform: translateY(0);
			opacity: 1;
		}

		/* 产品的主图 */
		.product-item img {
			cursor: pointer;
			width: 400px;
			height: 250px;
			object-fit: contain;
		}

		/* 产品的标题部分 */
		.product-item-title {
			/* opacity: 0; */
			display: flex;
			/*background-color: #DEDEDE;*/
			padding: 8px;
			border-radius: 8px;
			margin-bottom: 16px;
			line-height: 20px;
			transition: transform 0.5s ease;
			/* transform: translateY(-100%); */
		}

		/* 产品的标题中文 */
		.product-item-title strong {
			font-size: 20px;
		}

		/* 产品标题 */
		.product-item-title strong,
		.product-item-title p {
			color: #1495e7;
		}

		/* 六角形 */
		.hexagon {
			width: 20px;
			height: 18px;
			background-color: #1495e7;
			margin-right: 6px;
			clip-path: polygon(25% 0%,
					75% 0%,
					100% 50%,
					75% 100%,
					25% 100%,
					0% 50%);
		}

		/* 产品描述 */
		.remark {
			transition: all 0.5s ease;
			/* opacity: 0; */
		}

		/* 产品中文 */
		.remark-cn {
			margin-top: 12px;
			font-size: 14px;
			line-height: 16px;
		}

		/* 产品的图片 */
		.product-img {
			width: 40%;
			height: auto;
		}

		/* 小于1450 */
		@media screen and (max-width: 1450px) {
		    .product_img_init{
		        transform: initial !important;
		    }
		    .product-img{
		        width: 100%;
		        padding: 0 24px;
		    }
			.app-container {
				display: flex;
				flex-direction: column;
				height: auto;
			}

			.container-title {
				position: static;
				margin-top: 64px;
			}

			.product-item {
				position: static;
				margin-top: 18px;
				width: 100%;
				height: auto;
				padding: 0 24px;
			}

			.product-item-title {
				opacity: 1;
				transform: translateY(0);
			}

			.remark {
				transition: transform 0.5s ease;
				opacity: 1;
				/* transform: translateY(100%); */
			}
		}
		
		/* .proinfo-part1-left {
			width: 630px !important;
		}

		.proinfo-part1-right {
			width: calc(100% - 720px) !important;
		} */

		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			font-family: 'Microsoft YaHei', Arial, sans-serif;
		}

		body {
			background-color: #f5f5f5;
			color: #333;
			line-height: 1.6;
		}

		.container {
			max-width: 1200px;
			margin: 0 auto;
			padding: 30px 20px;
		}

		.feature-title {
			font-weight: 400;
			font-size: 26px;
			text-align: center;
			color: black;
			margin-bottom: 12px;
		}

		.feature-remark {
			text-align: center;
			line-height: 1.5;
			margin-bottom: 32px;
		}

		.features-grid {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
			gap: 30px;
			margin-bottom: 64px;
		}

		.feature-card {
			background-color: #fff;
			border-radius: 8px;
			overflow: hidden;
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
			transition: transform 0.3s ease, box-shadow 0.3s ease;
		}

		.feature-card:hover {
			transform: translateY(-10px);
			box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
		}

		.feature-image {
			height: 220px;
			overflow: hidden;
		}

		.feature-image img {
			width: 100%;
			height: 100% !important;
			object-fit: contain;
			transition: transform 0.5s ease;
		}

		.feature-card:hover .feature-image img {
			transform: scale(1.05);
		}

		.feature-content {
			padding: 25px;
		}

		.feature-name {
			font-size: 1.3rem;
			font-weight: bold;
			margin-bottom: 10px;
			color: #2c3e50;
			display: flex;
			align-items: center;
		}

		.optional-tag {
			display: inline-block;
			background-color: #1495e7;
			color: white;
			font-size: 0.8rem;
			padding: 3px 8px;
			border-radius: 4px;
			margin-left: 10px;
		}

		.standard-tag {
			display: inline-block;
			background-color: #2ecc71;
			color: white;
			font-size: 0.8rem;
			padding: 3px 8px;
			border-radius: 4px;
			margin-left: 10px;
		}

		.feature-desc {
			color: #666;
			font-size: 1rem;
			line-height: 1.5;
		}

		@media (max-width: 768px) {
			.features-grid {
				grid-template-columns: 1fr;
			}

			.header h1 {
				font-size: 2rem;
			}
		}