article{max-width:640px;margin:auto;padding:0 8px;}
.banner-lunbo .swiper-pagination-bullet{width: 30px;height: 3px;background: #fff;opacity: .6;border-radius: 0;}
.banner-lunbo .swiper-pagination-bullet-active{opacity: 1;background: #c81528;}
.pro_banner{position: relative;}
.pro_banner img{width: 100%;vertical-align: middle;}
.pro_banner .banner_tit{width: 100%;height: 100%;text-align: center;position: absolute;bottom: 0;display: flex;flex-direction: column;justify-content: center;}
.pro_banner .banner_tit h2{font-size: 28px;color: #ffffff;}
.pro_banner .banner_tit p{font-size: 18px;line-height: 30px;color: #ffffff;}
/*产品列表*/
.pro_a .pro_a_tit{font-size: 24px;line-height: 24px;color: #c81528;font-weight: bold;text-align: center;margin:25px 0;}
.pro_a .pro_a_tit1{font-size: 20px;line-height: 24px;color: #333;font-weight: bold;margin:20px 0;}
.pro_a .fine_mill{display:flex;justify-content: space-between;flex-wrap: wrap;gap: 8px;}
.pro_a .fine_mill .mill-con{width: 49%;}
.pro_a .fine_mill .mill-con .pro_img{position: relative;overflow: hidden;}
.pro_a .fine_mill .mill-con .pro_img img{width:100%;vertical-align: middle;}
.pro_a .fine_mill a span {width: 100%; text-align:center; display: block;font-size: 18px;line-height: 20px;font-weight:bold; color: #ffffff;padding: 10px;background-color: #00000075;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;transition: all 0.3s ease;position: absolute;bottom: 0;}
.pro_a .fine_mill a:hover span{background-color: #c81528;color: #ffffff;}
.pro_a .fine_mill a:hover{text-decoration: none;}
/*推荐案例*/
.hot-case h2{font-size: 24px;line-height: 24px;color: #333;font-weight: bold;text-align: center;margin:25px 0;}
.hot-case #case{display:flex;justify-content: space-between;flex-wrap: wrap;gap: 8px;}
.hot-case #case .hot-case-con{width: 49%;}
.hot-case #case .hot-case-con img{width:100%;vertical-align: middle;}
.hot-case #case a{position: relative;display: block;text-decoration: none;}
.hot-case #case a .case_det{background-color: #f1f1f1;}
.hot-case #case a .case_det h3,#case a .case_det1 h3{padding: 20px 20px 5px;font-size: 16px;line-height: 24px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hot-case #case a .case_det p,#case a .case_det1 p{padding: 0 20px 20px;font-size: 14px;line-height: 28px;color: #555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hot-case #case a .case_det1{background-color: #c81528;height: 2px;width: 100%;overflow: hidden;position: absolute;bottom: 0;transition: all 0.5s;}
.hot-case #case a:hover .case_det1{height: auto;}
.hot-case #case a:hover .case_det1 p, #case a:hover .case_det1 h3{color: #ffffff;}
/*案例列表*/
.case_exhi .nav-tabs{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap: 15px;margin-top: 15px;}
.case_exhi .nav-tabs .nav-item{width:49%;}
.case_exhi .nav-tabs .nav-item .nav-link{font-size: 18px; line-height: 18px;color: #ffffff;text-align: center;background-color: #555555;display:block;height: 100%;}
.case_exhi .nav-tabs .nav-item .nav-link.active{border: none;color: #ffffff;background-color: #c81528;}
.case_exhi #enviro > p{font-size: 14px;line-height: 24px;color: #333333;margin:30px 0;}
.casei_a{display:flex;justify-content: space-between;flex-wrap: wrap;margin-top: 15px;}
.casei_a .case-con{width: 49%;margin-bottom: 15px;}
.casei_a .case-con img{width:100%;vertical-align: middle;}
.casei_a .case-con a{position: relative;display: block;text-decoration: none;}
.casei_a .case-con a .case_det{background-color: #f1f1f1;}
.casei_a .case-con a .case_det h3,.casei_a .case-con a .case_det1 h3{padding: 10px 20px 5px;font-size: 16px;line-height: 24px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.casei_a .case-con a .case_det p,.casei_a .case-con a .case_det1 p{padding: 0 20px 10px;font-size: 14px;line-height: 28px;color: #555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.casei_a .case-con a .case_det1{background-color: #c81528;height: 2px;width: 100%;overflow: hidden;position: absolute;bottom: 0;transition: all 0.5s;}
.casei_a .case-con a:hover .case_det1{height: auto;}
.casei_a .case-con a:hover .case_det1 p, .casei_a .case-con a:hover .case_det1 h3{color: #ffffff;}
/*推荐设备*/
.hot-pro h2{font-size: 24px;line-height: 24px;color: #333;font-weight: bold;text-align: center;margin:25px 0 0;}
.hot-pro .hot-pro-list{display:flex;justify-content: space-between;flex-wrap: wrap;}
.hot-pro .hot-pro-list .hot-pro-con{width: 49%;margin-top:20px;}
.hot-pro .hot-pro-list .hot-pro-con a img{width:100%;vertical-align: middle;}
.hot-pro .hot-pro-list .hot-pro-con a div{position: relative;overflow: hidden;}
.hot-pro .hot-pro-list .hot-pro-con a p{font-size: 18px;line-height: 20px;font-weight:bold; color: #fff;text-align: center;padding: 10px;background-color: #00000075;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.3s ease;position: absolute;bottom: 0;width: 100%;}
.hot-pro .hot-pro-list .hot-pro-con a:hover{text-decoration: none;}
.hot-pro .hot-pro-list .hot-pro-con a:hover p{background-color: #c81528;color:#fff;}
/*专题列表*/
.solu-list h2{font-size: 24px;line-height: 24px;color: #333;font-weight: bold;text-align: center;margin:25px 0 0;}
.solu-list .solu-con{display:flex;justify-content: space-between;flex-wrap: wrap;}
.solu-list .solu-con .solu-con-des{width: 49%;margin-top:15px;}
.solu-list .solu-con .solu-con-des a{display: block;position: relative;overflow: hidden;}
.solu-list .solu-con .solu-con-des a img{width:100%;vertical-align: middle;}
.solu-list .solu-con .solu-con-des a .solu_des{position: absolute;top: 100%;width: 100%;transition: all 0.3s linear 0s;background-color: rgba(200, 21, 40, 0.7);padding: 10px 20px 10px;}
.solu-list .solu-con .solu-con-des a .solu_des p{font-size: 18px;font-weight: bold;line-height: 24px;color: #ffffff;}
.solu-list .solu-con .solu-con-des a:hover .solu_des{transform: translateY(-100%);}
/* 专题页调用案例 */
.special-case{display: flex;justify-content: space-between;flex-wrap: wrap;}
.special-case .case-con{width: 49%;}
.special-case .case-con a{display: block;position: relative;margin-top: 20px;}
.special-case .case-con a img{width: 100%;vertical-align: middle;}
.special-case .case-con a .case_det{background-color: #f1f1f1;}
.special-case .case-con a .case_det1{background-color: #c81528;height: 2px;width: 100%;overflow: hidden;position: absolute;bottom: 0;transition: all 0.5s;}
.special-case .case-con a .case_det h3, .special-case .case-con a .case_det p{color: #333333;}
.special-case .case-con a .case_det1 h3, .special-case .case-con a .case_det1 p{color: #ffffff;}
.special-case .case-con a .case_det h3, .special-case .case-con a .case_det1 h3{padding: 20px 20px 5px;font-size: 16px;line-height: 23px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.special-case .case-con a .case_det p, .special-case .case-con a .case_det1 p{padding: 0 20px 20px;font-size: 14px;line-height: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.special-case .case-con a:hover .case_det1{height: auto;}
@media (max-width:576px) {
	.pro_banner .banner_tit h2{font-size: 20px;}
	.pro_banner .banner_tit p{font-size: 16px;line-height: 20px;}
	.case_exhi .nav-tabs .nav-item .nav-link{font-size: 14px;line-height: 14px;display: flex;align-items: center;justify-content: center;padding: 8px 0;}
	.solu-list h2{font-size:16px;line-height:20px;}
}
@media (max-width:425px){
	.pro_banner .banner_tit h2{font-size: 16px;}
	.pro_banner .banner_tit p{font-size: 14px;line-height: 14px;}
    .pro_a .fine_mill,.hot-case #case{gap:20px;}
    .product-box a,.pro_a .fine_mill .mill-con,.hot-case #case .hot-case-con,.casei_a .case-con,.hot-pro .hot-pro-list .hot-pro-con,.solu-list .solu-con .solu-con-des,.special-case .case-con,.specList ul li{width: 100%;}
}