/* CSS Document */
/* @import url(css/page_1024.css)  screen and (max-width:1024px); */
/* CSS Document_1024 常用设备*/
/* @import url(css/page_768.css) screen and (max-width:768px); */
/* CSS Document_768 常用设备*/
/* @import url(css/page_414.css) screen and (max-width:414px); */
/* CSS Document_414 常用设备*/
.H_list{text-align: center;}
.H_list a.text {position:relative;display:inline-block;width: auto;height:50px;background:rgba(0,0,0,.5);line-height:50px;text-align:center;color:#fff;font-size: 0.24rem;box-sizing:border-box;z-index:3;transition:0.35s;margin:0 1%;max-width: 5rem;padding: 0 0.2rem;}
.H_list a.text:before {opacity:0;visibility:hidden;content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);transition:0.45s;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #c8252b;}
.H_list a:hover,
.H_list a.active {background: #c8252b;}
.H_list a:hover:before,
.H_list a.active:before{opacity: 1;visibility: visible;}
	
/* 列表 */
.prc_list{position:relative;overflow: hidden;}
.prc_list .commslist{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:20px 0;z-index:1}
.prc_list ul li{width: calc((100% - 60px)/4);background:#fff;box-shadow:0 8px 20px #ddd;float: left;margin-right: 20px;margin-bottom: 20px;}
.prc_list ul li:nth-child(4n){margin-right: 0;}
.prc_list ul li .list_img a{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}
.prc_list ul li .list_img{width: 100%;max-height: 315px;overflow: hidden;display: flex;align-items: center;align-self: center;padding-top: 100%;position: relative;}
.prc_list ul li .list_img img{width:100%;height: 100%;object-fit: cover;    display: block;}
.prc_list ul li .list_text{width: 100%;background-color: #fff;text-align: center;}
.prc_list ul li .list_text a{font-size: 0.24rem;color: #333333;line-height: 53px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.prc_list ul li:hover .list_img img{transform: scale(1.1);}

.pager {width:100%;overflow:hidden;white-space:nowrap;padding: 0px;float:none;text-align:center; margin:20px 0;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.pager a { background:#ddd; color:#000; font-size:14px;margin:2px;padding: 5px 15px; text-decoration:none;/* max-width: 30px; */display: inline-block;}
.pager a.current {background:#99241b; font-size:14px;margin:2px;padding:15px 15px;}
.pager a:hover {background:#99241b;font-size:14px;color:#fff;text-decoration:none;}
.hover_incase{ position:absolute; top:0; left:0; display:none;}/*index-left&right*/
.bottom_tw {
    width: 100%;
    max-width: 1400px !important;
    margin: 0 auto;
    color: #596470;
    padding: 30px 0px;
}
.bottom_b p {
    width: 100%;
    max-width: 1400px !important;
    margin: 0 auto;
    color: #596470;
}

@media screen and (max-width: 960px) {
	.H_list a.text{font-size:0.35rem}
	
.prc_list ul li{width: calc((100% - 10px)/2);margin-right: 10px;margin-bottom: 10px;}
.prc_list ul li:nth-child(2n){margin-right: 0;}
.prc_list ul li .list_text a{font-size: 0.35rem;}

}