/*样式*/
@charset "utf-8";

/* ========= 通用图片比例占位 ========= */
.modulepic{padding-top:75%;position:relative;overflow:hidden;}
.modulepic img,.modulepic div{
    position:absolute;left:0;top:0;width:100%;height:100%;
    background-repeat:no-repeat;background-position:center;background-size:cover;}

/* ========= 列表栅格容器 ========= */
.ccr1403-lt ul{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap:wrap;flex-wrap:wrap;
    margin:0 -15px;        /* 栅格槽 */
    padding:0;list-style:none;}

/* ========= 卡片列 ========= */
.ccr1403-lt li{
    -webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;
    padding:0 15px 30px;   /* 左右 15px → 30px 间距，底部 30px 行距 */
    box-sizing:border-box;
    width:25%;}

/* ========= 卡片内部 ========= */
.ccr1403-lt li a{
    display:block;
    text-decoration:none;color:inherit;}

/* 图片区域（无边框悬浮位移） */
.ccr1403-lt .scale{
    position:relative;
    overflow:hidden;
    border:1px solid #e4e4e4;}
.ccr1403-lt .scale .imged{
    padding-top:70%;            /* 固定比例 */
    background-size:cover !important;
    background-position:center !important;}

/* 文字区域 */
.ccr1403-tx{padding-top:15px;}
.ccr1403-tx h3{
    font-size:24px;color:#333;margin:0 0 5px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ccr1403-tx p{
    font-size:18px;color:#999;margin:0;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 仅保留颜色高亮，无位移、无缩放 */
.ccr1403-lt li a:hover h3{color:#000;font-weight:600;}
.ccr1403-lt li a:hover p{color:#333;}

/* 分页 */
.page{text-align:center;margin-top:50px;}

/* 响应式 */
@media (max-width:1024px){.ccr1403-lt li{width:33.3333%;}}  /* 3 列 */
@media (max-width:768px){
    .ccr1403-lt li{width:50%;}                             /* 2 列 */
    .ccr1403-tx h3{font-size:18px;}
    .ccr1403-tx p{font-size:16px;}
}