.listPro_list{padding: 0 0 0; flex-wrap: wrap;}
.listPro_list li{width: calc((100% - 48px) / 3); box-sizing: border-box; padding: 30px 26px 20px; background: #fff; border-radius: 15px; margin-right: 24px; border: 1px solid #CECECE;}
.listPro_list li:nth-child(3n){margin-right: 0;}
.listPro_item{margin-bottom: 24px;}
.listPro_item .pro_pic{padding-bottom: 95%; overflow: hidden;}
.listPro_item .title{margin: 20px 0 15px; line-height: 24px; text-align: center; height: 50px; color: #666;}
.listPro_item .more_btn .txt{color: var(--commonColor);}
.listPro_item .more_btn .icon{background: url(../img/icon_right_h.png) no-repeat center /12px auto; width: 24px; height: 24px;}
.listPro_item:hover .title, .listPro_item:hover .title a{color: var(--commonColor);}
.listPro_item:hover{box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);}


@media only screen and (max-width: 1300px) {
	.listPro_list li{padding: 24px 20px;}
}
@media only screen and (max-width: 950px) {
	.listPro_list li{width: 100%; margin: 0 0 20px; padding: 20px 15px;}
	.listPro_item{padding-bottom: 30px; box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2);}
	.listPro_list li:last-child{margin-bottom: 10px;}
	.listPro_item .title{margin: 15px 0 10px; display: block; height: auto;}
}


/* listPro_adv */
.proadv_inner{}
.proadv_list{width: 30%;}
.proadv_list li{text-align: center; position: relative; padding-bottom: 14px;}
.proadv_list li::before{position: absolute; bottom: 0; height: 2px; background: var(--commonColor); content: ''; left: 50%; width: 0;}
.proadv_list li:nth-child(n+2){margin-top: 34px;}
.proadv_list li .icon{display: block; margin: 0 auto; height: 52px;}
.proadv_list li .title{font-family: 'Poppins-Medium'; font-size: 20px; margin: 20px 0 15px; line-height: 28px; height: 56px; overflow: hidden; text-transform: capitalize;}
.proadv_list li .title .txt{color: inherit;}
.proadv_list li .brief{color: #999; line-height: 22px;}
.proadv_pic_item{width: 30%;}
.proadv_pic_item .pro_pic{padding-bottom: 177.5%;}

.proadv_list li:hover .icon{animation: swing 0.5s;}
.proadv_list li:hover::before{width: 70px; margin-left: -35px;}
.proadv_list li:hover .brief{color: #666;}
.proadv_list li:hover{}


@media only screen and (max-width: 950px) {
	.proadv_inner{flex-direction: column;}
	.proadv_list{width: 100%;}
	.proadv_pic_item{width: 100%; margin: 20px 0;}
	.proadv_list li .title{height: auto; display: block; margin: 10px 0;}
	.proadv_list li .brief{height: auto; display: block;}
	.proadv_list li:nth-child(n+2){margin-top: 15px;}
}

/* listPro_install */
.listPro_install{background: #E3E3E3;}
.listPro_install .layout{width: 100%; box-sizing: border-box; padding-right: calc((100% - 1400px) / 2);}

.install_video{width: 57.8%;}
.install_video .pic{height: 100%;}
.install_video img{display: block; height: 100%; object-fit: cover;}
.install_video .lyt-activated{display: block; height: 100%;}
.install_video lite-youtube{display: block; height: 100%;}
.install_info{width: 40%; padding: 4.5% 0;}

.install_brief{color: #666; margin: 4% 0 0;}

@media only screen and (max-width: 1580px) {
	.listPro_install .layout{padding: 0 60px 0 0;}
}
@media only screen and (max-width: 1380px) {
	.listPro_install .layout{padding: 0 50px 0 0;}
}
@media only screen and (max-width: 1280px) {
	.listPro_install .layout{padding: 40px 50px 30px; flex-direction: column;}
	.install_video{width: 100%; max-width: 800px; margin: 0 auto;}
	.install_video .pic{height: 0; padding-bottom: 75%;}
	.install_info{width: 100%; padding: 30px 0 0;}
	.install_brief{margin-top: 20px;}
}
@media only screen and (max-width: 950px) {
	.listPro_install{padding: 30px 0;}
	.install_video img{height: auto;}
	.listPro_install .layout{padding: 0 15px; flex-direction: column;}
	.install_video .lyt-activated{height: 360px;}
	.install_video{width: 100%;}
	.install_info{width: 100%; padding: 20px 0 0;}
}