/*公用*/
*{
    margin: 0;
    padding: 0;
}
body{
    _font-family: 'Microsoft YaHei' !important; font-family: 'Microsoft YaHei';
    margin:0 auto;
    width:100%;
}

/*更多选择标签*/
em,i{ font-style:normal;}

/*列表,图像,A重置*/
ul{ list-style:none;}
img{ border:0 none;}
a{ text-decoration:none; outline:none;}
li,img,label,input {vertical-align: middle; }

body{background-color:#ffffff;}
.cases_bannar{width:100%;}
.cases_bannar img{width:100%;}
.cases_content{position:relative;top:-120px;width:1300px;margin:0 auto;}
.cases_content .cases_title{width:100%;padding-left:40px;box-sizing: border-box;}
.cases_content .cases_title p{font-size:14px;color:#fff;line-height: 60px;}
.cases_content .cases_title p a{color:#fff;}
.cases_content .cases_nav{width:100%;padding:10px 50px;background-color:#fff;box-sizing: border-box;box-shadow: 1px 1px 10px #ccc;}
.cases_content .cases_nav ul li{padding:20px 0;border-bottom:1px solid #ebebeb;}
.cases_content .cases_nav ul li span{font-size:14px;font-weight:bold;line-height: 30px;margin-right:20px;display: inline-block;}
.cases_content .cases_nav ul li a{padding:0 20px;color:#000;font-size:14px;line-height: 30px;display: inline-block;}
.cases_content .cases_nav ul li a.on{color:#fff;background-color:#aa0000;}
.cases_content .cases_nav ul li a:hover{color:#fff;background-color:#aa0000;}
.cases_content .cases_nav ul li:last-child{border:none;}
.cases_content .cases_class_list{position:relative;width:100%;background-color:#f9f9f9;}
.cases_content .cases_class_list a{font-size:14px;color:#000;padding:0 50px;line-height: 70px;display: inline-block;}
.cases_content .cases_class_list a .img02{display: none;}
.cases_content .cases_class_list a.on{background-color:#f0f0f0;color:#aa0000;}
.cases_content .cases_class_list a:hover{background-color:#f0f0f0;color:#aa0000;}
.cases_content .cases_class_list span{position: absolute;right: 20px;top: 10px;width:295px;height:50px;background-color:#fff;padding-left:10px;border:1px solid #e0e0e0;display: inline-block;box-sizing: border-box;}
.cases_content .cases_class_list span img{margin-right:10px;}
.cases_content .cases_class_list span input{width:240px;height:45px;border:none;outline: none;}
.cases_content .cases_list{width:100%;padding:50px 0;background-color:#ffffff;box-sizing: border-box; margin-top:10px;}
.cases_content .cases_list ul{width:1365px;}
.cases_content .cases_list ul li{width:413px;margin-right:30px;margin-bottom:30px;float: left;}
.cases_content .cases_list ul li a span{width:100%;height:295px;display: block;overflow: hidden;}
.cases_content .cases_list ul li a span>img{width:100%;transition: all .3s;}
.cases_content .cases_list ul li .cases_text{position:relative;width:100%;height:60px;}
.cases_content .cases_list ul li .cases_text .cases_detail_t{position:relative;top:-25px;width:94%;height:100%;margin:0 auto;background-color:#fff;box-sizing: border-box;
box-shadow: 1px 1px 10px #ccc;transition: all .3s;}
.cases_content .cases_list ul li .cases_text .cases_detail_t span{position:absolute;left:30px;top:29px;width:60px;height:60px;border-radius: 100px;display: inline-block;position:absolute;overflow: hidden;}
.cases_content .cases_list ul li .cases_text .cases_detail_t span img{width:100%;}
.cases_content .cases_list ul li .cases_text .cases_detail_t h3{font-size:22px;color:#000;line-height: 60px;font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center;}
.cases_content .cases_list ul li .cases_text .cases_detail_t p{font-size:16px;color:#b8b8b8;line-height: 30px;}
.cases_content .cases_list ul li:hover .cases_detail_t{top:-50px;box-shadow: 1px 15px 20px #ccc;}
.cases_content .cases_list ul li:hover a span>img{transform: scale(1.1,1.1);}
/* 分页容器样式 */
        .fgwx_page {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 15px 0;
            font-size: 14px;
            color: #333;
            justify-content: center;
        }

        /* 分页文本（共18记录） */
        .fgwx_page span:not(.current):not(.disabled) {
            color: #666;
            margin-right: 8px;
        }

        /* 分页链接通用样式 */
        .fgwx_page a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 36px;
            height: 36px;
            padding: 0 12px;
            border-radius: 4px;
            background-color: #f8f9fa;
            color: #333;
            text-decoration: none;
            transition: all 0.2s ease;
        }

        /* 链接 hover 效果 */
        .fgwx_page a:hover {
            background-color: #e9ecef;
            color: #007bff;
        }

        /* 当前页样式 */
        .fgwx_page .current {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 36px;
            height: 36px;
            padding: 0 12px;
            border-radius: 4px;
            background-color: #007bff;
            color: #fff;
            font-weight: 500;
        }

        /* 禁用状态样式（下一页） */
        .fgwx_page .disabled {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 80px;
            height: 36px;
            padding: 0 12px;
            border-radius: 4px;
            background-color: #f1f3f5;
            color: #adb5bd;
            cursor: not-allowed;
        }

        /* 响应式适配 */
        @media (max-width: 576px) {
            .fgwx_page {
                flex-wrap: wrap;
            }
            .fgwx_page a,
            .fgwx_page .current,
            .fgwx_page .disabled {
                min-width: 32px;
                height: 32px;
                padding: 0 8px;
                font-size: 13px;
            }
        }

/* 移动端适配 */
@media (max-width: 768px) {
    /* 调整cases_content容器 */
    .cases_content {
        width: 100% !important;
        top: -50px !important;
        margin: 0 !important;
        padding: 0 15px !important;
        box-sizing: border-box;
    }
    
    /* 调整标题区域 */
    .cases_content .cases_title {
        padding-left: 0 !important;
        font-size: 12px;
    }
    
    /* 调整导航区域 */
    .cases_content .cases_nav {
        padding: 10px !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    
    /* 导航分类左右滑动 */
    .cases_content .cases_nav ul {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .cases_content .cases_nav ul li {
        padding: 10px 0 !important;
        border-bottom: 1px solid #ebebeb;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
    
    .cases_content .cases_nav ul li span {
        margin-right: 10px !important;
        white-space: nowrap;
    }
    
    .cases_content .cases_nav ul li a {
        padding: 5px 12px !important;
        margin-right: 8px !important;
        font-size: 13px !important;
        white-space: nowrap;
    }
    
    /* 调整案例列表区域 */
    .cases_content .cases_list {
        padding: 20px 0 !important;
        margin-top: 10px !important;
    }
    
    .cases_content .cases_list ul {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    /* 案例项调整为两列 */
    .cases_content .cases_list ul li {
        width: calc(50% - 5px) !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* 图片区域调整 */
    .cases_content .cases_list ul li a span {
        height: 120px !important;
    }
    
    /* 文本区域调整 */
    .cases_content .cases_list ul li .cases_text {
        height: 50px !important;
    }
    
    .cases_content .cases_list ul li .cases_text .cases_detail_t {
        top: -20px !important;
        width: 90% !important;
    }
    
    .cases_content .cases_list ul li .cases_text .cases_detail_t h3 {
        font-size: 13px !important;
        line-height: 50px !important;
    }
    
    /* 调整分页样式 */
    .fgwx_page {
        padding: 20px 15px !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    
    /* 隐藏滚动条但保持功能 */
    .cases_content .cases_nav ul li::-webkit-scrollbar {
        display: none;
    }
}