@charset "utf-8";

.treatment-product-section{position: relative; overflow: hidden;}

.treatment-cate-circle{ position: absolute; top: -120px; left: 50%; z-index: 3; width: 260px; height: 260px; border-radius: 50%; background-color: var(--yf-green-default); transform: translateX(-50%); } 
.treatment-cate-circle img{width: 100%;}

.treatment-cate-c1{position: absolute; inset: 0; z-index: -3; border-radius: 50%; animation: anCircle 5s ease-in-out infinite; animation-delay: 1s; }
.treatment-cate-c2{position: absolute; inset: 0; z-index: -3; border-radius: 50%; background-color: rgba(57, 170, 161, 0.1); transform: scale(1.2); animation: anCircle1 4s ease-in-out infinite;}

.treatment-cate-title{align-items: center; justify-content: center; padding-top: 40%; height: 100%; text-align: center; color: #fff;}
.treatment-cate-title h3{color: #fff;}
.treatment-cate-title span { display: block; margin: 10px auto; width: 32px;height: 2px; background-color: #fff;}

@media (max-width:1440px) {
	.treatment-cate-circle{ top: -100px; width: 200px; height: 200px;}
	.treatment-cate-title span { margin: 5px auto;}
}

@media (max-width:1200px) {
	.treatment-cate-circle{ top: -90px; width: 180px; height: 180px;}
	.treatment-cate-title span { margin: 5px auto;}
}


@keyframes anCircle{
	0%{transform: rotate(0deg);}
	0%{transform: rotate(-360deg);}
}

@keyframes anCircle1{
	0%{transform: scale(1.2) rotate(0deg);}
	0%{transform: scale(1.2) rotate(360deg);}
}


/*  */
.treatment-product-ico ul{margin-left: -60px;}

.treatment-product-item img{ width: 100%; image-rendering: pixelated;}




.treatment-product-swiper .swiper-button-prev::after,
.treatment-product-swiper .swiper-button-next::after{ color: var(--yf-green-default);}



@media (max-width:1200px) {
	.treatment-product-swiper .swiper-button-prev{left: 15px;}
	.treatment-product-swiper .swiper-button-next{right: 15px;}

}

@media (max-width:768px) {

	.treatment-product-swiper .swiper-button-prev::after,
	.treatment-product-swiper .swiper-button-next::after{ font-size: 24px;}
}