.cptC{width: 100%;background-color: #FFF5EE}
.cptB{max-width: 1200px;margin: 0 auto;padding: 5rem 0;text-align: center}
.cptH1{font-size: 3rem;line-height: 2.5rem;font-weight: 700}
.cptP1{font-size: 1.25rem;margin-top: 32px}
.cpmC{max-width: 1200px;margin: 0 auto;padding: 3rem 0}
.cpmB{width: 100%}
.cpDG{display: grid}
.cpGAP{gap: 3rem}
.cpGTC{grid-template-columns: repeat(3,1fr)}
.cpmA{color: #232323;text-decoration: none}
.cpmA:hover{color: #232323}
.cpmImg{object-fit:cover;width:100%;aspect-ratio:1.6;border-radius: 1rem}
.cpmH2{font-size: 1.5rem;line-height: 2rem;margin-top: 1.25rem;font-weight: 700}

.page_list{margin:48px auto 0;text-align:center;font-size: 13px;}
.page_list a{color: #232323;box-sizing: border-box;display: inline-block;width: 25px;height: 25px;line-height: 25px;text-decoration: none;border-radius: 50%;font-weight: 700;}
.page_list a:hover{color: #409eff}
.page_list .currentPage{color: #409eff}
.page_list .pageTotal{margin-right: 8px;color:#606266}

@media (max-width: 1024px) {
    .cptB,.cpmC{padding-left: 1.25rem;padding-right: 1.25rem}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .cptB{padding-top: 3.5rem;padding-bottom: 3.5rem}
    .cptH1{font-size: 2rem}
    .cptP1{margin-top: 1rem}
    .cpGTC{grid-template-columns: repeat(2, 1fr)}
}
@media (max-width: 767px) {
    .cptB,.cpmC{padding-left: 2rem;padding-right: 2rem}
    .cptB{padding-top: 3.5rem;padding-bottom: 3.5rem}
    .cptH1{font-size: 2rem}
    .cptP1{margin-top: 1rem}
    .cpGTC{grid-template-columns: repeat(1, 1fr)}
}