@charset "utf-8";
/* CSS Document */

.swiper {width: 100%;height: 100%;}
	.swiper-slide {text-align: center;font-size: 18px;background: #fff;
/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
	.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;  }


/*c2*/
.ind_c2 { background:#F5F4F2; padding:30px 70px;}
	.ind_c2 h3 {font-size: 36px;line-height: initial;padding-bottom: 20px;}
	
	
.mySwiper2 p{position: absolute;
    width: 100%;
    background: #F5F4F2;
    bottom: 0;
    line-height: 2rem;}
	
.por_list {
	width:96%; margin:0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* 列间距 */
}

.por_list .item {
  /* 手机端：2列（每项占 50% - 间距补偿） */
  
    width: calc(25% - 15px); /* 4列（25% - 间距补偿） */
  background: #eee;
  padding: 0px;
  box-sizing: border-box;
   text-align:center;
   font-size:1rem;
   line-height:2rem;
}



.pagebar { padding:0 0 20px 0; overflow:hidden}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 7px 8px;
  margin: 0 2px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #337ab7;
  border: 1px solid #337ab7;
}
.pagination a.page-num-current {
  color: #fff;
  background: #337ab7;
  border: 1px solid #337ab7;
}

@media screen and (max-width:990px){
.por_list .item {
  width: calc(32% - 10px);
  }
}
@media screen and (max-width:768px){
.por_list .item {
  width: calc(50% - 10px);
  }
  .ind_c2 {
    padding: 30px 20px;
	}
	.ind_c3 {
		padding: 30px 20px;
	}
}
@media screen and (max-width:600px){
.por_list .item {
  width: calc(50% - 10px);
  }
}