html,
		body {
			overflow-x: visible;
		}

		.banner {
			width: 100%;
			position: relative;
		}

		.product-banner-text {
			position: absolute;
			top: 10%;
			left: 50%;
			transform: translateX(-50%);
			text-align: center;
		}

		.product-banner-text h3 {
			margin-bottom: 11px;

			font-size: 76px;
			line-height: 76px;
			color: #251E1C;
			font-weight: bold;

		}

		.product-banner-span {
			display: flex;
			justify-content: center;
			position: relative;
		}

		.product-banner-span span {

			font-size: 28px;
			line-height: 32px;
			color: #251E1C;
			font-weight: 600;
			position: relative;

		}

		.product-banner-span span:not(:last-child)::after {
			content: '';
			position: absolute;
			right: 0;
			width: 2px;
			height: 80%;
			color: #000000;
			background: #000000;
			border: #000000;
			bottom: 8%;
		}

		.banner img {
			width: 100%;
			aspect-ratio: 384 / 143;
		}

		.site-footer {
			margin-top: 0px;
		}

		.product {
			width: 100%;
			padding-top: 111px;
			padding-bottom: 46px;
			background: #FFFFFF;
			height: 100%;
		}

		.product-content {
			width: 1240px;
			margin: auto;
			display: flex;
			justify-content: space-between;
		}



		.pc-left {
			width: 216px;
			/* position: sticky;
			top: 55px; */
			height: 100%;
		}

		.pc-left a {
			display: inline-block;
			width: 216px;
			height: 69px;
			background: #EEEEEE;
			font-size: 13px;
			line-height: 16px;
			margin-bottom: 14px;
			font-weight: 600;

			color: #251E1C;
			justify-content: center;
			text-align: center;
			display: flex;
			align-items: center;
			padding-left: 30px;
			padding-right: 30px;
		}

		.pc-left a:hover {
			color: #FFFFFF;
			background: #477F69;
		}

		.pc-right {
			width: 100%;
			padding-left: 20px;

		}

		.pc-left-a {
			color: #477F69 !important;
			background: #CDCDCD !important;
		}

		.pcr-item {
			width: 100%;

			display: flex;
			gap: 23px;

			flex-wrap: wrap;
			display: none;
		}

		.pcr-item-show {
			display: flex !important;
		}

		.piem:hover {
			background: #e9e9e9;
		}

		.piem {
			width: 315px;
			height: 332px;
			background: #F7F7F7;

			margin-bottom: 22px;
			cursor: pointer;
		}

		.piem:hover .ph2 {
			display: none;
		}

		.piem:hover .pbutton {
			display: flex;
		}

		.piem img {
			width: 100%;
			height: 120px;
			margin-bottom: 14px;


		}


		.p-hh {
			width: 100%;
			padding: 28px 35px 14px 35px;
		}

		.p-hb {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.ph1 {
			font-weight: bold;
			font-size: 26px;
			line-height: 27px;

			color: #251E1C;

			text-align: center;
			margin-bottom: 6px;
		}

		.ph2 {
			font-weight: 600;
			font-size: 24px;
			line-height: 26px;

			color: #477F69;

			text-align: center;

			display: inline-block;
		}

		.pb1:hover {
			color: #000000;
		}

		.pb2:hover {
			color: #FFFFFF;
		}

		.ppp {
			font-weight: 400;
			font-size: 12px;
			line-height: 16px;
			color: #251E1C;

			text-align: center;
		}

		.pbutton {
			display: none;
			justify-content: space-between;
			width: 224px;
		}

		.pb1 {
			width: 108px;
			height: 29px;

			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: 500;
			font-size: 13px;
			line-height: 13px;
			color: #251E1C;

			text-align: center;
			background: url(/static/2.0/ling.png);
			background-size: 100% 100%;

		}

		.pb2 {
			width: 108px;
			height: 29px;
			background: #487F69;
			font-weight: 500;
			font-size: 13px;
			line-height: 13px;
			color: #251E1C;
			text-align: center;
			color: #FFFFFF;
			display: flex;
			justify-content: center;
			align-items: center;
			clip-path: polygon(0 80%, 8% 100%, 100% 100%, 100% 0, 8% 0, 0 20%);
		}

		@media (max-width:1440px) {
			.product-banner-text h3 {
				font-size: 40px;
				line-height: 40px;
				margin-top: 11px;
			}

			.product-banner-span span {
				font-size: 20px;
				line-height: 20px;
			}
		}
@media (max-width:1240px) {
    .piem {
        width: 45%;
        height: 100%;
		        padding-bottom: 20px;

    }
	.piem img{
		    width: 100%;
    height: auto;
	}
	.product-banner-text {
				top: 25%;
				width: 100%;
			}

			.pc-left a {

				width: 48%;
			}

			.product-content {
				width: 90%;
				margin: auto;
				flex-direction: column;
			}

			.product {
				padding-top: 16px;
				padding-bottom: 36px;
			}

			.pc-left {
				width: 100%;
				position: relative;
				top: 0;
				height: 100%;
				display: flex;
				flex-wrap: wrap;
				gap: 2%;
				justify-content: space-between;
			}

			.pc-right {
				padding-left: 0;
			}


			.pbutton {
				display: flex;
			}

			.ph1 {
				font-size: 23px;
				line-height: 23px;
			}

			.p-hb {
				flex-direction: column;
			}

			.ph2 {
				font-size: 18px !important;
				line-height: 18px !important;
				margin-bottom: 10px;
			}

			.p-hh {
				padding: 18px 15px 7px 15px;
			}

			.piem:hover .ph2 {
				display: inline-block;
			}

			.piem:hover .pbutton {
				display: flex;
			}
}
		@media (max-width:750px) {
			.banner img {
				aspect-ratio: 750 / 739;
			}
			 .piem {
				width: 100%;
			 }
		}