/* ============================================================
   中冶赛迪风格 - 企业官网样式
   基于中冶赛迪官方网站HTML结构还原
   ============================================================ */

/* --- 基础重置 --- */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Microsoft YaHei','PingFang SC',Arial,sans-serif;font-size:14px;color:#333;background:#fff;line-height:1.6}
a{text-decoration:none;color:#333;transition:all 0.3s}
a:hover{color:#003d7a}
img{max-width:100%;height:auto;display:block}
ul,li{list-style:none}
.clear{clear:both}

/* --- 顶部栏 --- */
.header_wrap{width:100%;background:#fff}
.header{width:1200px;margin:0 auto;position:relative}
.header_a{height:36px;line-height:36px;background:#2c2c2c;padding:0;display:flex;justify-content:flex-end;align-items:center}
.header_a ul{display:flex;align-items:center;margin-right:20px}
.header_a ul li{padding:0 8px}
.header_a ul li a{color:#aaa;font-size:12px}
.header_a ul li a:hover{color:#fff}
.weoix{width:30px;height:30px}

/* --- 主导航 --- */
.header_nav{height:100px;display:flex;align-items:center;position:relative}
.header_nav ul{display:flex;align-items:center;width:100%}
#logo{margin-right:30px;flex-shrink:0}
#logo img{display:block}
.header_nav ul li{position:relative;height:100px;line-height:100px}
.header_nav ul li a{display:block;padding:0 20px;font-size:16px;font-weight:700;color:#333;white-space:nowrap}
.header_nav ul li a.selected,
.header_nav ul li a:hover{color:#003d7a;background:transparent}
.header_nav ul li a i{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #666;margin-left:6px;vertical-align:middle;transition:transform 0.3s}
.header_nav ul li:hover a i{transform:rotate(180deg);border-top-color:#003d7a}

/* --- Hero轮播 --- */
.focusBox{width:100%;height:684px;position:relative;overflow:hidden;margin:0 auto}
.focusBox .pic{position:relative;z-index:1;height:684px}
.focusBox .pic li{position:absolute;top:0;left:0;width:100%;height:100%;display:none}
.focusBox .pic li:first-child{display:block}
.focusBox .pic li a{display:block;width:100%;height:100%}
.focusBox .pic li img{width:100%;height:100%;object-fit:cover}
.focusBox .prev,.focusBox .next{position:absolute;top:50%;z-index:2;width:50px;height:80px;margin-top:-40px;background:rgba(0,0,0,0.3);color:#fff;text-align:center;line-height:80px;font-size:30px;cursor:pointer;display:none;user-select:none}
.focusBox .prev{left:0;border-radius:0 4px 4px 0}
.focusBox .next{right:0;border-radius:4px 0 0 4px}
.focusBox .prev::before{content:'\276E'}
.focusBox .next::before{content:'\276F'}
.focusBox:hover .prev,.focusBox:hover .next{display:block}
.focusBox .hd{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:2;display:flex;gap:10px}
.focusBox .hd li{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s}
.focusBox .hd li.on{background:#003d7a;width:30px;border-radius:6px}
.hei_img{width:100%;display:block}

/* --- 内容包裹 --- */
.wrap{width:1200px;margin:0 auto;padding:0 0 40px}

/* --- 新闻区域 --- */
.news_a{display:flex;gap:0;margin-top:40px;margin-bottom:50px}
.tpxw{width:580px;flex-shrink:0}
.focusBox2{width:580px;height:360px;position:relative;overflow:hidden}
.focusBox2 .pic{position:relative;height:360px}
.focusBox2 .pic li{position:absolute;top:0;left:0;display:none}
.focusBox2 .pic li:first-child{display:block}
.focusBox2 .pic li a{display:block}
.focusBox2 .pic li img{width:580px;height:360px;object-fit:cover}
.focusBox2 .txt-bg{position:absolute;bottom:0;left:0;width:100%;height:36px;background:rgba(0,0,0,0.6);z-index:2}
.focusBox2 .txt{position:absolute;bottom:0;left:0;width:100%;height:36px;z-index:3;overflow:hidden}
.focusBox2 .txt ul{position:relative}
.focusBox2 .txt ul li{height:36px;line-height:36px;position:absolute;bottom:-36px;left:0;width:100%}
.focusBox2 .txt ul li:first-child{bottom:0}
.focusBox2 .txt ul li a{display:block;padding:0 15px;color:#fff;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.focusBox2 .num{position:absolute;bottom:10px;right:15px;z-index:4;display:flex;gap:8px}
.focusBox2 .num li{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s}
.focusBox2 .num li.on{background:#003d7a;width:24px;border-radius:5px}

/* --- 新闻列表 --- */
.new_list{width:290px;flex-shrink:0;margin-left:30px}
.news_title{height:45px;line-height:45px;border-bottom:2px solid #003d7a;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.news_title h1{font-size:18px;color:#003d7a;font-weight:700;position:relative;padding-left:15px}
.news_title h1::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;background:#cc0000;border-radius:2px}
.news_title .more_u{font-size:12px;color:#999}
.news_title .more_u:hover{color:#003d7a}
.new_list ul li{height:40px;line-height:40px;border-bottom:1px dotted #ddd;overflow:hidden}
.new_list ul li a{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#555;white-space:nowrap}
.new_list ul li a span{color:#999;font-size:12px;flex-shrink:0;margin-right:5px}
.new_list ul li a:hover{color:#003d7a}

/* --- 区块大标题 --- */
.news_title_a{font-size:26px;font-weight:700;color:#003d7a;text-align:center;padding:30px 0;position:relative;margin-bottom:10px}
.news_title_a::after{content:'';display:block;width:60px;height:3px;background:#cc0000;margin:10px auto 0;border-radius:2px}

/* --- 业务板块Tabs --- */
.business{width:1200px;margin:0 auto 50px}
.tab{display:flex;justify-content:center;gap:10px;margin-bottom:30px;border-bottom:2px solid #e0e0e0;padding-bottom:20px}
.tab li{width:170px;text-align:center;cursor:pointer;position:relative;padding:10px 0;transition:all 0.3s}
.tab li a{display:block}
.tab li .bg_img{width:120px;height:80px;margin:0 auto 10px;border-radius:8px;object-fit:cover;transition:all 0.3s}
.tab li span{display:block;width:40px;height:40px;margin:0 auto 8px}
.tab li span img{width:100%;height:100%}
.tab li h6{font-size:14px;color:#333;font-weight:400;margin:5px 0}
.tab li.active h6{color:#003d7a;font-weight:700}
.tab li i{display:none;position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #003d7a}
.tab li.active i{display:block}
.tab li:hover h6{color:#003d7a}

/* Tab内容区 */
.tab_main{position:relative}
.tab_main .tab_list{display:none}
.tab_main .tab_list:first-child{display:block}
.tab_main_top{background:#f5f7fa;padding:20px 30px;margin-bottom:20px;border-radius:6px;border-left:4px solid #003d7a}
.tab_main_top p{font-size:14px;color:#555;line-height:2}
.tab_hd{position:relative;overflow:hidden}
.tab_hd .bd{position:relative}
.tab_hd .prev,.tab_hd .next{position:absolute;top:50%;z-index:2;width:36px;height:60px;margin-top:-30px;background:rgba(0,0,0,0.4);color:#fff;text-align:center;line-height:60px;font-size:20px;cursor:pointer}
.tab_hd .prev{left:0;border-radius:0 4px 4px 0}
.tab_hd .next{right:0;border-radius:4px 0 0 4px}
.tab_hd .prev::before{content:'\276E'}
.tab_hd .next::before{content:'\276F'}
.tab_img_wrap{overflow:hidden;width:100%}
.tab_img{display:flex;gap:20px;transition:transform 0.5s;width:auto}
.tab_img li{width:285px;flex-shrink:0}
.tab_img li a{display:block}
.tab_img li img{width:285px;height:200px;object-fit:cover;border-radius:6px;transition:transform 0.3s}
.tab_img li img:hover{transform:scale(1.03)}
.tab_img li p{font-size:13px;color:#555;text-align:center;margin-top:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:40px}

/* --- 发展优势 --- */
.ad{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:50px}
.ad>div{border:1px solid #e8e8e8;transition:all 0.3s}
.ad>div:hover{box-shadow:0 4px 20px rgba(0,0,0,0.12);transform:translateY(-2px)}
.ad>div a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;height:100%}
.ad>div img{width:80px;height:80px;object-fit:contain;margin-bottom:15px}
.ad>div h1{font-size:15px;color:#333;font-weight:400;text-align:center;line-height:1.5}

/* --- 专题栏 --- */
.line_a{background:#003d7a;color:#fff;padding:20px 0;margin-bottom:50px}
.line_a ul{width:1200px;margin:0 auto;display:flex;align-items:center}
.line_a ul li{padding:20px 30px;position:relative}
.line_a ul li+li{border-left:1px solid rgba(255,255,255,0.2)}
.line_a ul li h1{font-size:16px;font-weight:700;margin-bottom:5px}
.line_a ul li h2{font-size:12px;color:rgba(255,255,255,0.6);font-weight:400;text-transform:uppercase;letter-spacing:2px}
.line_a ul li a{color:#fff;display:block}
.line_a ul li a:hover{color:#ffd700}
.itemPrent{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.itemPrent .item{text-align:center}
.itemPrent .item img{display:block;margin:5px auto}
.itemPrent .item h4{color:#fff;margin-bottom:8px}

/* --- 页脚 --- */
.footer{background:#1a1a1a;padding:40px 0 30px;color:#aaa}
.footer ul{width:1200px;margin:0 auto;display:flex;justify-content:space-between}
.footer ul li{width:18%}
.footer ul li h1{color:#fff;font-size:16px;margin-bottom:18px;font-weight:400}
.footer ul li a{display:block;color:#999;font-size:13px;line-height:2.2;transition:color 0.3s}
.footer ul li a:hover{color:#fff}
.footer_b{background:#111;padding:25px 0;color:#999;font-size:12px}
.footer_b_a{width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.footer_b_left ul{display:flex;gap:5px;margin-bottom:10px}
.footer_b_left ul li a{color:#999;font-size:12px}
.footer_b_left ul li a:hover{color:#fff}
.footer_b_left img{margin-top:10px;height:35px}
.footer_b_right{text-align:right;line-height:2}
.footer_b_right a{color:#999}
.footer_b_right a:hover{color:#fff}
.sao_a{text-align:center}
.sao_a img{display:inline-block}
.sao_a p{color:#a6a6a6;margin-top:8px;font-size:12px}

/* --- 子页面Banner --- */
.sub-banner{width:100%;height:300px;background:linear-gradient(135deg,#003d7a 0%,#001a3a 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.sub-banner::before{content:'';position:absolute;inset:0;background:url('/img/huajufeng/a1.jpg') center/cover;opacity:0.15}
.sub-banner h1{font-size:36px;color:#fff;font-weight:700;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,0.3)}
.sub-page-content{width:1200px;margin:0 auto;padding:50px 0}
.sub-page-content h2{font-size:24px;color:#003d7a;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #003d7a}
.sub-page-content p{font-size:15px;color:#555;line-height:2;margin-bottom:20px;text-indent:2em}
.sub-page-content .info-table{width:100%;border-collapse:collapse;margin:30px 0}
.sub-page-content .info-table th{background:#f5f7fa;padding:12px 15px;text-align:right;width:150px;color:#003d7a;font-weight:600;border:1px solid #e0e0e0}
.sub-page-content .info-table td{padding:12px 15px;border:1px solid #e0e0e0;color:#555}

/* --- 面包屑 --- */
.breadcrumb{width:1200px;margin:0 auto;padding:12px 0;font-size:13px;color:#999}
.breadcrumb a{color:#003d7a}
.breadcrumb span{margin:0 8px;color:#ccc}

/* --- 响应式 --- */
@media(max-width:1200px){
    .header,.wrap,.news_a,.tab_main,.ad,.line_a ul,.footer ul,.footer_b_a,.sub-page-content,.breadcrumb{width:100%;padding-left:15px;padding-right:15px}
    .header_nav ul{flex-wrap:wrap}
    .header_nav ul li{height:60px;line-height:60px}
    .news_a{flex-direction:column}
    .tpxw,.new_list{width:100%;margin-left:0}
    .focusBox2,.focusBox2 .pic li img{width:100%}
    .tab{flex-wrap:wrap;gap:5px}
    .tab li{width:120px}
    .ad{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
    .focusBox{height:300px}.focusBox .pic{height:300px}
    .header_nav ul{display:none}.header_nav::after{content:'\2630';font-size:24px;position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer}
    .ad{grid-template-columns:1fr}
    .footer ul{flex-direction:column;gap:20px}.footer ul li{width:100%}
    .footer_b_a{flex-direction:column;gap:15px}
    .sub-banner{height:200px}.sub-banner h1{font-size:24px}
}

/* --- Huajufeng home polish, CISDI-inspired --- */
.header_wrap{
    border-bottom:1px solid #e8edf3;
    box-shadow:0 2px 14px rgba(16,42,82,0.08);
    position:relative;
    z-index:10;
}
.header{
    min-height:100px;
}
.header_a{
    height:30px;
    line-height:30px;
    background:transparent;
}
.header_a ul{
    margin-right:0;
}
.header_a ul li a{
    color:#45556b;
    font-size:14px;
}
.header_a ul li a:hover{
    color:#005bac;
}
.header_nav{
    height:70px;
    align-items:flex-start;
}
.header_nav ul{
    height:70px;
    align-items:center;
}
#logo{
    width:180px;
    margin-right:26px;
}
#logo img,
#logo img.site-logo{
    width:auto !important;
    height:66px !important;
    max-width:170px;
    object-fit:contain;
    object-position:left center;
}
.header_nav ul li{
    height:70px;
    line-height:70px;
}
.header_nav ul li a{
    height:70px;
    line-height:70px;
    padding:0 16px;
    color:#111827;
    font-weight:700;
    position:relative;
}
.header_nav ul li a.selected::after,
.header_nav ul li a:hover::after{
    content:'';
    position:absolute;
    left:18px;
    right:18px;
    bottom:0;
    height:4px;
    background:#0a65bd;
}
.header_nav ul li a.selected,
.header_nav ul li a:hover{
    color:#0a65bd;
}

.focusBox,
.focusBox .pic{
    height:540px;
}
.focusBox .pic li a.hero-slide{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    background-size:cover;
    background-position:center;
    overflow:hidden;
}
.focusBox .pic li a.hero-sky{
    background-image:url('../img/blue_sky.jpg');
}
.focusBox .pic li a.hero-slide::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,45,92,0.46),rgba(0,90,165,0.18) 46%,rgba(0,20,44,0.28));
}
.hero-copy{
    position:relative;
    z-index:1;
    width:min(1180px,92vw);
    text-align:center;
    padding-top:34px;
    text-shadow:0 4px 18px rgba(0,34,74,0.45);
}
.hero-copy h1{
    letter-spacing:2px;
}
.hero-copy p{
    max-width:920px;
    margin:0 auto;
}

.focusBox .prev,
.focusBox .next{
    background:rgba(0,61,122,0.24);
}
.focusBox .hd{
    bottom:24px;
}
.focusBox .hd li{
    width:10px;
    height:10px;
    background:rgba(255,255,255,0.72);
}
.focusBox .hd li.on{
    background:#0a65bd;
}

.wrap{
    padding-bottom:46px;
}
.news_a{
    margin-top:34px;
    margin-bottom:54px;
    align-items:flex-start;
}
.focusBox2{
    box-shadow:0 12px 28px rgba(15,44,84,0.14);
}
.news_title{
    border-bottom:1px solid #dde5ef;
}
.news_title h1{
    color:#111827;
}
.news_title h1::before{
    background:#0a65bd;
}
.new_list ul li{
    border-bottom:1px solid #edf1f5;
}
.new_list ul li a:hover{
    color:#0a65bd;
}
.news_title_a{
    color:#111827;
}
.news_title_a::after{
    background:#0a65bd;
}
.tab_main_top{
    background:#f7f9fc;
    border-left-color:#0a65bd;
}
.footer_b_left img,
.footer_b_left img.footer-logo{
    width:auto !important;
    height:42px !important;
    object-fit:contain;
}

@media(max-width:1200px){
    .header{
        min-height:90px;
    }
    .header_nav,
    .header_nav ul,
    .header_nav ul li,
    .header_nav ul li a{
        height:60px;
        line-height:60px;
    }
    #logo{
        width:150px;
        margin-right:14px;
    }
    #logo img,
    #logo img.site-logo{
        height:56px !important;
        max-width:145px;
    }
}
@media(max-width:768px){
    .header_a{
        display:none;
    }
    .header{
        min-height:68px;
    }
    .header_nav{
        height:68px;
        align-items:center;
    }
    #logo img,
    #logo img.site-logo{
        height:56px !important;
        max-width:145px;
    }
    .focusBox,
    .focusBox .pic{
        height:360px;
    }
    .hero-copy h1{
        font-size:30px !important;
        line-height:1.28;
    }
    .hero-copy p{
        font-size:15px !important;
    }
}