.content {
    width: 1200px;
    margin: 0 auto;
}

.productBanner {
    background-image: url("../images/index/bg_cp_banner.jpg");
}

.products {
    width: 100%;
    padding: 60px 0;
}

.productsBox {
    width: 1200px;
    margin: 0 auto;
}

.products_navs ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.products_navs li {
    /* margin-right: 15px; */
    margin-bottom: 15px;
}

.products_navs .products_navs_item {
    display: inline-block;
    padding: 11px 23px;
    border-radius: 20px;
    font-size: 18px;
    font-family: MiSans-Regular;
    color: #333;
}

.products_navs .products_navs_item:hover{
    color: #C50C19;
}

.products_navs .active {
    background-color: #EEEEEE;
}

.products_navs .active:hover{
    color: #333;
}

.proitemBox {
    padding-top: 25px;
}

.proitemBox ul {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.proitemBox li {
    /* width: 280px; */
    width: calc((1200px - 75px) / 4);
    background-color: #F2F6F9;
    margin-bottom: 40px;
    margin-right: 25px;
}

.proitemBox li:hover{
    color: #C50C19;
}

.proitemBox li:nth-child(4) {
    margin-right: 0;
}

.proitemBox li:nth-child(8) {
    margin-right: 0;
}

.proitem_img {
    width: 100%;
    height: calc(((1200px - 75px) / 4) / 3 * 2);
    background-image: url("../images/index/pro_list_pic_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.proitemBox .proitem_item{
    display: inline-block;
    width: 100%;
    padding-bottom: 24px;
}

.proitemBox li img {
    max-width: 100%;
    max-height: 100%;
}

.proitemBox li .title {
    font-size: 20px;
    font-family: MiSans-Medium;
    margin-top: 20px;
    padding-left: 20px;
}

.pages {
    display: flex;
    justify-content: center;
}

.pages ul {
    display: flex;
    font-family: PingFang-SC-Medium;
}

.pages li {
    margin-right: 20px;
}

.pages li:last-child {
    margin-right: 0;
}

.pages .active {
    border-color: #248DC4;
}

.page_item {
    width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    border: 1px solid #DDDDDD;
}

.page_next,
.page_prev {
    font-size: 20px;
}

.page_end,
.page_start {
    display: inline-block;
    padding: 0 10px;
    height: 46px;
    font-size: 20px;
    line-height: 46px;
    border: 1px solid #DDDDDD;
}

.page{
	width: 100%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.page > div {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.page a,.page span {
	width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    border: 1px solid #DDDDDD;
}

.page a,.page li {
	/* display: inline-block; */
	list-style: none;
	text-decoration: none;
	/* color: #999; */
}

.page a.first,.page a.prev,.page a.next,.page a.end {
	margin: 0;
}

.page a:hover {
	border-color: #248DC4;
}
.page span.current {
	border-color: #248DC4;
}