.case{margin-top: 20px;}
.case *{font-size: 18px;}

.case a {color:#007bfc;outline:none;}
.case a:focus,a:hover {color:#0d1e67;outline:none;}
.case img {max-width:100%;height:auto;}
.case .pagination {justify-content:center;width:100%}
.case .pagination li a {display:inline-block;padding:0 12px;height:38px;margin:0 3px;line-height:38px;border:1px solid #ddd;color:#666;border-radius:5px;}
.case .pagination li a:hover {border:1px solid #035ded;background:#035ded;color:#fff;}
.case .pagination .active a {border:1px solid #035ded;background:#035ded;color:#fff;}
.case .pagination .active a:hover {color:#fff;}
.case .pagination .bn a {width:45px;text-align:center;line-height:35px;}
.case .pagination i {font-style:normal;}
.case .pagination .icon-angle-right::after{display:inline-block;font-family:"Ionicons";font-size:95%;content:"\f125";margin-left:auto;margin-right:.04rem;}
.case .screen-reader-text {clip:rect(1px,1px,1px,1px);white-space:nowrap;}
.case .screen-reader-text:focus {background-color:#eeeeee;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;}
.case .assistive-text,.site .screen-reader-text {position:absolute !important;clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px;width:1px;display:none;}
.case .iq-blog-box,.zdy-fx .widget{position:relative;overflow:hidden;margin-bottom:35px;border:1px solid #f2f4ff;border-radius:10px;background:#ffffff;transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}
.case .iq-blog-box:hover,.zdy-fx .widget:hover{-webkit-box-shadow:0px 10px 15px 0px rgba(0,0,0,0.06);-moz-box-shadow:0px 10px 15px 0px rgba(0,0,0,0.06);box-shadow:0px 10px 15px 0px rgba(0,0,0,0.06);}
.case .iq-blog-box .iq-blog-image {position:relative;text-align:center;display:inline-block;float:left;width:100%;max-height:200px;overflow:hidden;}
.case .iq-blog-box .iq-blog-image img {margin-bottom:30px;background:#f2f5fe;width:100%;margin-top: -50px;}
.case .iq-blog-box .blog-title {margin:0 0 5px 0;}
.case .iq-blog-box .blog-title h5 {font-size:16px;}
.case .iq-blog-box .blog-title a{color:#142149;text-decoration:none;}
.case .iq-blog-box .blog-title a:hover h5,.iq-blog-box .blog-title a:hover {color:#0d1e67;text-decoration:none;}
.case .iq-blog-box .iq-blog-detail {padding:30px;display:inline-block;float:left;width:100%;}
.case .iq-blog-box .iq-blog-meta {margin:0 0 10px;padding:0;line-height:16px;}
.case .iq-blog-box .iq-blog-meta ul.iq-postdate {padding:0;}
.case .iq-blog-box .iq-blog-meta ul.list-inline li a {text-decoration:none;color:#007bfc;}
.case .iq-blog-box .iq-blog-meta ul li a i,.iq-blog-box  .iq-blog-meta ul li i {color:#007bfc;}
.case .has-post-thumbnail .iq-blog-box .iq-blog-detail {padding:15px 30px 15px;display:inline-block;float:left;width:100%;}
.case .widget {margin-bottom:35px;padding:30px;border-radius:10px;display:inline-block;width:100%;float:left;position:relative;border: 1px solid #f2f4ff;}
.case .widget:last-child {margin-bottom:0;}
.case .widget .widget-title {margin-bottom:15px;padding-bottom:0;font-size:22px;position:relative;}
.case .widget ul li a {color:#59597e;padding-left:15px;}
.case .widget .active a,.widget .active {color:#285bd4;font-weight:600;}
.case .widget.widget_recent_entries{margin-bottom:0}
.case article{float: left}
@media (min-width: 992px) {
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        overflow: hidden;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (min-width: 992px) {
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        overflow: hidden;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        overflow: hidden;
        float: right;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}
.pagination{
    overflow: hidden;
    justify-content: center;
    width: 100%;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}
.pagination li{
    float: left;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.case h1{
    text-align: center;
    font-size: 30px;
}
.case .detail{
    text-align: center;
    margin: 10px auto 30px;
}

@media (max-width: 750px){
    .col-sm-12{    position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;}
    .casearticle aside{
        display: none;
    }
    .case h1{
        font-size: 24px;
    }
    p[style*="text-indent: 2em"]:has(img) {
        text-indent: 0 !important;
    }
}
.iq-blog-image {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%; /* 4:3 固定比例核心：3/4=0.75 */
    overflow: hidden; /* 隐藏放大超出部分 */
}

.iq-blog-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 自动裁剪，不变形，填满4:3 */
    object-position: center; /* 图片居中显示 */
    transition: transform 0.4s ease; /* 放大动画平滑 */
}

/* 悬浮放大效果 */
.iq-blog-image:hover img {
    transform: scale(1.1); /* 放大1.1倍，可自行修改 */
}