footer{background-color: var(--backgroundlight);}
.pro_b1 .box1{position: relative;overflow: hidden;margin: 47px -7.5% 0 -7.5%;}
.pro_b1 li{padding: 0 4.5%;}
.pro_b1 li>div{transform: scale(0.83);transition: 0.5s;opacity: 0.5;}
.pro_b1 li.swiper-slide-next>div{transform: scale(1);opacity: 1;}
.pro_b1 li .img{border-radius: 30px;overflow: hidden;}
.pro_b1 .proB1_P{left: 30%;animation: Btn_left 1.5s infinite ease-in-out;}
.pro_b1 .proB1_N{right: 30%;animation: Btn_right 1.5s infinite ease-in-out;}

.pro_b2 {background: var(--backgroundlight);padding-bottom: 65px;}
#pro_dh {position: relative;margin-top: 48px;}
#pro_dh .box{position: relative;overflow: hidden;width: 100%;margin: auto;max-width: 1435px;}
#pro_dh .box ul{justify-content: center;}
#pro_dh .slideDh ul{justify-content: left;}
#pro_dh li .button{margin: auto;}
#pro_dh .btnDH .button,#pro_dh .btnDH .button::after{background: transparent;}
#pro_dh .pro_btnP,#pro_dh .pro_btnN{width: 50px;height: 50px;top: 38%;}
#pro_dh .pro_btnP{left: -15px;}
#pro_dh .pro_btnN{right: -15px;}
.pro_list{position: relative;margin:40px auto 0 auto;}
.pro_list>ul>li{opacity: 0!important;z-index: -1;}
.pro_list>ul>li.swiper-slide-active{opacity: 1!important;z-index: 2;}
.pro_list .pro_itemP,.pro_list .pro_itemN{top: 45.5%;}
.pro_list .pro_itemP{left: 0px;}
.pro_list .pro_itemN{right: 0px;}
.pro_item{position: relative;overflow: hidden;width: 95%;margin: auto;padding-top: 50px;}
.pro_item li{pointer-events: auto!important;text-align: center;}
.pro_item li>div{transform: scale(0.7);transition: 0.5s;opacity: 0.5;transform-origin: bottom;filter: blur(5px);}
.pro_item li.swiper-slide-next>div{transform: scale(1);opacity: 1;filter: blur(0px);}
.pro_item li .title{font-size: 24px;background: var(--colormain);color: #fff;display: inline-block;margin: auto;border-radius: 30px;text-align: center;padding: 12px 40px;margin-top: 30px;opacity: 0;visibility: hidden;}
.pro_item li.swiper-slide-next .title{opacity: 1;visibility: visible;}

.main .swiper-pagination span{border-color: var(--colormain);}
.main .swiper-pagination span.swiper-pagination-bullet-active{background: var(--colormain);}

@media (min-width:1500px){
	.pro_b1{padding-top: 95px;}
	.pro_b2{padding-top: 98px;}
}
@media (min-width:1199px) and (max-width:1550px){
	.pro_b1 .box1{margin: 47px -7% 0 -7%;}
	.pro_b1 .proB1_P{left: 29.6%;}
	.pro_b1 .proB1_N{right: 29.6%;}
	#pro_dh .box{width: calc(100% - 100px);}
	#pro_dh .btnDH .button{width: 165px;}
	#pro_dh .pro_btnP,#pro_dh .pro_btnN{width: 47px;height: 47px;top: 47%;}
	#pro_dh .pro_btnP{left: -10px;}
	#pro_dh .pro_btnN{right: -10px;}
}
@media (min-width:767px) and (max-width:1199px){
	.pro_b1 .box1{margin-top: 40px;}
	.pro_b1 li .img {border-radius: 20px;}
	.pro_b1 .proB1_P{left: 29.3%;}
	.pro_b1 .proB1_N{right: 29.3%;}
	#pro_dh .box{width: calc(100% - 120px);}
	#pro_dh .pro_btnP,#pro_dh .pro_btnN{width: 40px;height: 40px;top: 55%;}
	#pro_dh .pro_btnP{left: 10px;}
	#pro_dh .pro_btnN{right: 10px;}
	.pro_list{margin-top: 20px;}
	.pro_list .pro_itemP, .pro_list .pro_itemN {top: 39.5%;}
	.pro_item li .title {font-size: 19px;padding: 9px 28px;}
}
@media (max-width:850px){
	.pro_b1 li .img{border-radius: 15px;}
	#pro_dh .box{width: calc(100% - 70px);}
	#pro_dh .pro_btnP,.pro_list .pro_itemP{left: -13px;}
	#pro_dh .pro_btnN,.pro_list .pro_itemN{right: -13px;}
}
@media (max-width:767px){
	.pro_b1 .box1 {margin: 40px -12px 0 -12px;}
	.pro_b1 li {padding: 0 12px;}
	.pro_b1 li>div{transform: scale(1);opacity: 1;}
	.pro_b1 li .img{border-radius: 10px;}
	.pro_b2{padding-bottom: 60px;}
	#pro_dh {margin-top: 38px;}
	#pro_dh .box{width: calc(100% - 75px);}
	#pro_dh .btnDH .button {width: 90%;height: 39px;max-width: 125px;}
	#pro_dh .pro_btnP,#pro_dh .pro_btnN{width: 30px;height: 30px;top: 71%;}
	#pro_dh .pro_btnP{left: 0px;}
	#pro_dh .pro_btnN{right: 0px;}
	.pro_list{margin:0px -10px;}
	.pro_item{width: 100%;}
	.pro_item li{padding: 0 10px;}
	.pro_item li>div{transform: scale(1);opacity: 1;filter: blur(0px);}
	.pro_item li.swiper-slide-next>div{transform: scale(1);opacity: 1;filter: blur(0px);}
	.pro_item li .title{font-size: 15px;padding: 6px 13px;margin-top: 20px;border-radius: 30px;opacity: 1;visibility: visible;}
	.pro_b2 .proB2-dot{margin-top: 40px;}

}
@media (max-width:350px){
	#pro_dh .box{width: calc(100% - 50px);}
	#pro_dh .pro_btnP{left: -8px;}
	#pro_dh .pro_btnN{right: -8px;}
	#pro_dh .btnDH .button b{display:none;}
}