.product {
	background: url(../imgs/bg_prod.jpg) no-repeat center;
}

.global-padding {
	width: 100%;
	height: 100%;
	max-width: var(--site-width--site-max-width);
	padding-right: var(--site-width--global-site-padding);
	padding-left: var(--site-width--global-site-padding);
	margin-left: auto;
	margin-right: auto;
}

.product>.global-padding {
	position: relative;
	padding-top: 120px;
	padding-bottom: 148px;
}

.p_btitle {
	font-size: 36px !important;
	line-height: 1;
	transition: all ease .8s .3s;
	color: #fff;
}

.p_summary {
	font-size: 18px;
	margin-top: 10px;
	color: rgb(255 255 255 / 100%);
	line-height: 1.6;
	min-height: 50px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: all ease .8s .9s;
	margin-bottom: 20px;
	margin-top: 15px;
}

.p_button {
	color: #fff;
	font-size: 14px;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 9px 15px;
	display: inline-block;
	margin-top: 30px;
	width: 100%;
	max-width: 140px;
	border-radius: 25px;
	text-align: center;
	transition: all ease .3s, opacity ease .8s 1.2s, transform ease .8s 1.2s;
	margin-bottom: 5px;
}

.product .primary-button {
	display: inline-block;
	border-color: #fff;
	color: #fff;
	font-size: 16px;
	margin-bottom: 35px;
	line-height: 1.4;
}

.product .content {
	text-align: center;
	border-top: 2px solid var(--primary-color);
	background: #fff;
	align-items: center;
	font-size: 16px;
	padding: 20px;
}

.p_smalltitle {
	color: #3d3d3d;
	font-size: 18px;
	font-weight: bold;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	width: 100%;
	line-height: 1;
	margin-bottom: 0;
	transition: all ease .3s;
	display: block;
	padding: 5px 0;
}



.p_slideSmall:hover p {
	color: #fff
}

.p_slideSmall:hover .p_smallsubtitle {
	color: rgb(255 255 255 / .4)
}

.swiper-slide-thumb-active p {
	color: #fff
}

.swiper-slide-thumb-active .p_smallsubtitle {
	color: rgb(255 255 255 / .4)
}

.product-list {
	position: absolute;
	bottom: 0;
	height: auto;
	transform: translateY(68%);
	width: 100%;
	/* overflow: hidden; */
	left: 0;
}

.product-list .swiper-slide:hover img {
	transform: translate(-50%, -50%) scale(1.2);
}

.product-list .swiper-slide .proPic {
	overflow: hidden;
	background: #fff;
}

.product-list img {
	position: absolute;
	transition: all .5s;
	background: #fdfdfd;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.proSwiperBox .swiper-container {
	padding: 14px 0;
	overflow: hidden;
}

.primary-button {
	padding: var(--spacing--xs) var(--spacing--s);
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
	flex: none;
	transition: color .4s ease-in-out, background-color .4s ease-in-out;
	position: relative;
	overflow: hidden;
}

.product-list .swiper-slide:hover .content a span {
	color: var(--primary-color);
	transform: scale(1.2);
}

.product-list .swiper-slide .proPic a {
	position: relative;
	display: block;
	padding-bottom: 100%;
	height: 0;
	background: #e6e6e6;
	overflow: hidden;
}

.proCotent {
	overflow: hidden;
}

.product-list .swiper-backface-hidden .swiper-slide {
	overflow: hidden;
}

.proCotent .chat_now {
	padding: 8px 0;
	margin-top: 8px;
	display: block;
	border: 1px solid var(--primary-color);
	font-size: 15px;
	line-height: 1.5;
	color: var(--primary-color);
}

.proCotent .chat_now:hover {
	background: var(--primary-color);
	color: #fff;
}

.proCotent .swiper-slide {
	overflow: hidden;
}


@media screen and (max-width: 992px) {


	.product-list {
		padding: 0;
		bottom: 0;
		transform: translateY(100%);
	}

	.product>.global-padding {
		padding: 50px 10px;
		padding-top: 10px;
	}

	.section-title h2 {
		font-size: 36px;
	}
}