.pro_dh{position: relative;}
.pro_dh .box{position: relative;overflow: hidden;margin: 0 35px;}
.pro_dh ul{justify-content: center;}
.pro_dh li{text-align: center;position: relative;padding: 0 15px;}
.pro_dh li a{display: block;margin: auto;width: auto;}
.pro_dh li.active::after{width: 100%;left: 0;}
.pro_dh li .button{width: auto;}
.pro_dh .ProDhP{left: -5px;background: url(../img/jt_Lh.png) center center / contain no-repeat;}
.pro_dh .ProDhN{right: -5px;background: url(../img/jt_Rh.png) center center / contain no-repeat;}
.pro_dh .ProDh_btn{display: none;width: 30px;height: 30px;top: 62%;}
.pro_dh.show .box{width: calc(100% - 60px);margin-left: auto;margin-right: auto;overflow: hidden;}
.pro_dh.show ul{justify-content: left;}
.pro_dh.show .ProDh_btn{display: block;}

.pro_list{padding: 35px 0 15px 0;}
.pro_list li{padding: 35px 0;}
.pro_list li>div{border-radius: 30px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);display: flex;flex-wrap: wrap;}
.pro_list li:nth-child(2n)>div{flex-direction: row-reverse;}
.pro_list .img{width: 50%;overflow: hidden;}
.pro_list .img img{height: 100%;}
.pro_list .content{width: 50%;padding:75px 60px 95px 70px;background: url(../img/pro_bj.webp) center center / cover no-repeat;}
.pro_list .content .title{font-size: 48px;font-weight: bold;}
.pro_list .content .tag{font-size: 22px;font-weight: bold;border: 1px solid #000;border-radius: 8px;display: inline-block;padding: 5px 30px;margin-top: 32px;}
.pro_list li>div:hover .content .tag{transform: rotateX(360deg);transition: 0.8s;}
.pro_list .content .desc{font-size: 18px;max-width: 630px;text-align: justify;line-height: 1.7;margin-top: 20px;}
.pro_list .content .xian{width:23%;max-width: 140px;height: 2px;background: var(--colormain);border-radius: 1px;margin: 42px 0 30px 0;}
.pro_list .content .data{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.pro_list .content .data p{width: 48%;font-size: 22px;padding: 13px 10px;}
.pro_list .content .data p:nth-child(2n){width: 52%;}

@media (min-width:1199px){
	.pro_dh li:hover::after{width: 100%;left: 0;}
}
@media (min-width:1500px) and (max-width:1700px){
	.pro_list .content .data p{font-size: 20px;}
}
@media (min-width:1199px) and (max-width:1500px){
	.pro_dh .ProDh_btn{width: 30px;height: 30px;top: 60%;}
	.pro_list .content .data p{font-size: 18px;}
}
@media (min-width:1199px) and (max-width:1380px){
	.pro_dh li {padding: 0 10px;}
	.pro_list .content{padding: 60px 50px 80px 55px;}
	.pro_list .content .data p{font-size: 17px;width: 46%;}
	.pro_list .content .data p:nth-child(2n) {width: 54%;}
}
@media (min-width:767px) and (max-width:1199px){
	.pro_dh li {padding: 0 9px;}
	.pro_dh li .button{height: 48px;}
	.pro_dh .ProDh_btn{width: 24px;height: 24px;top: 70%;}
	.pro_dh.show .box{width: calc(100% - 40px);}
	.pro_list .content{padding: 50px 40px 50px 45px;}
	.pro_list .content .title {font-size: 38px;}
	.pro_list .content .tag{font-size: 19px;padding: 5px 20px;margin-top: 26px;}
	.pro_list .content .desc {font-size: 15px;}
	.pro_list .content .xian{margin: 35px 0 25px 0;width: 21%;}
	.pro_list .content .data p{font-size: 14px;width: 46%;padding: 10px 10px;}
	.pro_list .content .data p:nth-child(2n) {width: 54%;}
}

@media (max-width:850px){
	.pro_list .content{padding: 45px 35px 45px 40px;}
	.pro_list .content .title {font-size: 30px;}
	.pro_list .content .tag{font-size: 15px;padding: 5px 18px;margin-top: 20px;}
	.pro_list .content .desc {font-size: 14px;line-height: 1.6;}
	.pro_list .content .xian{margin: 26px 0 20px 0;width: 21%;}
	.pro_list .content .data p{font-size: 14px;padding: 6px 10px;width: 100%!important;}
}
@media (max-width:767px){
	.pro_dh li {padding: 0 7px;}
	.pro_dh li .button{max-width: 145px;font-size: 15px;}
	.pro_dh .ProDh_btn{width: 20px;height: 20px;top: 76%;}
	.pro_dh.show .box{width: calc(100% - 40px);}
	.pro_list {padding: 25px 0 0px 0;}
	.pro_list li {padding: 25px 0;}
	.pro_list li>div {border-radius: 15px;}
	.pro_list .img{width: 100%;}
	.pro_list .content{padding:33px 30px;width: 100%;}
	.pro_list .content .title {font-size: 28px;}
	.pro_list .content .tag{font-size: 15px;padding: 5px 18px;margin-top: 20px;}
	.pro_list .content .desc {font-size: 15px;line-height: 1.6;}
	.pro_list .content .xian{margin: 26px 0 20px 0;width: 21%;}
	.pro_list .content .data p{font-size: 15px;padding:5px 10px;width: 100%!important;}
}
@media (max-width:350px){
	.pro_dh li {font-size: 18px;}
}