<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>河北建设投资集团有限责任公司</title>
    <link rel="stylesheet" href="/template/1/hbjt-template/css/app.css"/>
    <script src="/template/1/hbjt-template/js/app.js"></script>
</head>
<body>
<div class="header-box">
    <div class="nav-header-box" headerBgColor="">
        <div class="nav-header content-box">
            <div class="nav-header-left">
                <a href="/">
                    <div class="nav-header-left-img"
                         style="background-image: url(/upload/1/appLogo/1993931393609773056.png);"></div>
                </a>
            </div>
            <ul class="nav-header-content nav-menu">
                <li class="nav-titles">
                    <a class="link-item" href="/">集团首页</a>
                </li>
                <li class="nav-titles nav-item dropdown">
                    <a class="link-item"
                       href="/html/web/jituanyaowen/index.html" target="_blank">集团要闻</a>
                </li>
                <li class="nav-titles nav-item dropdown">
                    <a class="link-item"
                       href="/html/web/qiyedongtai/index.html" target="_blank">企业动态</a>
                </li>
                <li class="nav-titles nav-item dropdown">
                    <a class="link-item"
                       href="/html/web/dangqungongzuo/index.html" target="_blank">党群工作</a>
                </li>
                <li class="nav-titles nav-item dropdown">
                    <a class="link-item"
                       href="/html/web/jingshenwenming/index.html" target="_blank">精神文明</a>
                </li>
                <li class="nav-titles nav-item dropdown">
                    <a class="link-item"
                       href="/html/web/shehuizeren/index.html" target="_blank">社会责任</a>
                </li>
                <li class="nav-titles nav-item dropdown">
                    <a class="link-item"
                       href="/html/web/xinxigongkai/xinxigongkailiuyan/index.html" target="_blank">信息公开</a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="/html/web/xinxigongkai/xinxigongkailiuyan/index.html"
                               class="effect-3 2" target="_blank">
                                信息公开留言
                            </a>
                        </li>
                        <li>
                            <a href="/html/web/xinxigongkai/qiyezhongyaoshixiang/index.html"
                               class="effect-3 2" target="_blank">
                                企业重要事项
                            </a>
                        </li>
                        <li>
                            <a href="/html/web/xinxigongkai/renyuanzhaopin/index.html"
                               class="effect-3 2" target="_blank">
                                人员招聘
                            </a>
                        </li>
                        <li>
                            <a href="/html/web/xinxigongkai/yuangongxinchou/index.html"
                               class="effect-3 2" target="_blank">
                                员工薪酬
                            </a>
                        </li>
                        <li>
                            <a href="/html/web/xinxigongkai/caiwuxinxi/index.html"
                               class="effect-3 2" target="_blank">
                                财务信息
                            </a>
                        </li>
                        <li>
                            <a href="/html/web/xinxigongkai/niandubaogao/index.html"
                               class="effect-3 2" target="_blank">
                                年度报告
                            </a>
                        </li>
                        <li>
                            <a href="/html/web/xinxigongkai/zuzhitixi/index.html"
                               class="effect-3 2" target="_blank">
                                组织体系
                            </a>
                        </li>
                        <li>
                            <a href="/html/web/xinxigongkai/jibenxinxi/index.html"
                               class="effect-3 2" target="_blank">
                                基本信息
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="nav-titles nav-item dropdown">
                    <a class="link-item"
                       href="/html/web/lianxiwomen/index.html" target="_blank">联系我们</a>
                </li>
            </ul>
            <div class="nav-header-right"></div>
            <!--移动端开始-->
            <div class="menu-icon">
                <div class="menu-icon-hamburger">
                    <div class="line-first"></div>
                    <div class="line-second"></div>
                    <div class="line-third"></div>
                </div>

                <div class="next-icon" style="display: none;">
                </div>
            </div>
            <div class="mobile-menu-box">
                <div class="mobile-menu-wrap">
                    <div class="box"></div>
                    <div class="menu-content">
                        <a class="link-item" href="/html/web/jituanyaowen/index.html">
                            <div class="menu-item">集团要闻</div>
                        </a>
                        <a class="link-item" href="/html/web/qiyedongtai/index.html">
                            <div class="menu-item">企业动态</div>
                        </a>
                        <a class="link-item" href="/html/web/dangqungongzuo/index.html">
                            <div class="menu-item">党群工作</div>
                        </a>
                        <a class="link-item" href="/html/web/jingshenwenming/index.html">
                            <div class="menu-item">精神文明</div>
                        </a>
                        <a class="link-item" href="/html/web/shehuizeren/index.html">
                            <div class="menu-item">社会责任</div>
                        </a>
                        <a class="link-item" href="/html/web/xinxigongkai/xinxigongkailiuyan/index.html">
                            <div class="menu-item">信息公开</div>
                        </a>
                        <a class="link-item" href="/html/web/lianxiwomen/index.html">
                            <div class="menu-item">联系我们</div>
                        </a>
                    </div>
                </div>
            </div>
            <!--移动端结束-->
        </div>
        <div class="box"></div>
    </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        const menuIcon = document.querySelector('.menu-icon');
        const hamburgerIcon = document.querySelector('.menu-icon-hamburger');
        const closeIcon = document.querySelector('.next-icon');
        const mobileMenu = document.querySelector('.mobile-menu-box');

        menuIcon.addEventListener('click', function() {
            if (hamburgerIcon.style.display !== 'none') {
                // 显示关闭图标，隐藏汉堡图标
                hamburgerIcon.style.display = 'none';
                closeIcon.style.display = 'block';
                // 显示导航菜单的逻辑
                mobileMenu.style.display = 'block';
            } else {
                // 显示汉堡图标，隐藏关闭图标
                hamburgerIcon.style.display = 'block';
                closeIcon.style.display = 'none';
                // 隐藏导航菜单的逻辑
                mobileMenu.style.display = 'none';
            }
        });
    });
</script>
<div class="banner-box">
    <div class="banner-content">
        <div class="title">全力打造受人尊敬的一流企业</div>
        <div class="subtitle">建设美好 投资未来</div>
    </div>
    <video src="/template/1/hbjt-template/images/xuanchuan.mp4" class="video" loop=""
           autoPlay="" muted="" playsInline=""
           x5-playsinline
           x5-video-player-fullscreen="true"
           webkit-playsinline
           playsinline
           t7-video-player-type="inline"
           x5-video-player-type="h5-page"
           x-webjavascript12
           style="object-fit: cover; object-position: 50% 60%; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 6;">
    </video>
    <!--    加一个图片，最好是加载完成后隐藏图片，没有等等加载过程-->
<!--    <img src="placeholder-image-url.jpg" id="loading-image"-->
<!--         style="width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 5;"-->
<!--         onload="this.style.display='none'">-->
</div>

<div class="news-box content-box mobile-hide">
    <div class="news-container">
        <div class="row">
            <div class="col col-16" style="padding-right: 0;position: relative">
                <!-- 1 -->
                <a href="/html/web/jituanyaowen/2013414127835119622.html" target="_blank" class="news-item item-card border-radius transition-hover first">
                    <!--图-->
                    <div class="item-news-cover" style="background-image: url(/template/1/hbjt-template/images/placeholders/11.jpg)"></div>
<!--                    <div class="item-news-cover" style="background-image: url('http://www.coloradospringscounselors.com/uploads/images/20220714/3a3c0acb0b43fce8df1fb9f6dfc0dac8.jpg')"></div>-->

                    <!--文本-->
                    <div class="item-card-content">
                        <div class="title">《河北日报》专题报道河北建投集团参与社会公益事业先进事迹</div>
                    </div>
                </a>
                <div class="left-right-box sub-content" style="position: absolute;bottom: 0;padding: 2rem;width: 90.5%;border-top: none;font-size: 1rem;color: #fff">
                    <div>
                        <span style="margin-right: 1rem">集团要闻</span>
                        <span>2026-01-23</span>
                    </div>
                    <div>
                       <a href="/html/web/jituanyaowen/index.html" target="_blank" style="display: inline;color: #fff">更多&nbsp;></a>
                    </div>
                </div>
            </div>
            <div class="col col-8" style="padding-left: 0;padding-right: 0;box-sizing: border-box;position: relative">
                <!-- 2 -->
                <a href="/html/web/qiyedongtai/2013414127835119619.html" target="_blank" class="news-item item-card border-radius transition-hover">

                    <div class="item-news-cover"
                         style="background-image: url(/template/1/hbjt-template/images/placeholders/15.jpg)"></div>

                    <div class="item-card-content itme">
                        <div class="title" style="line-height: 2.88rem;">河北建投怀来水务有限公司成立！ 落子“东数西算”关键战场  赋能京津冀协同发展</div>
                    </div>
                </a>
                <div class="left-right-box sub-content" style="position: absolute;bottom: 2rem;left: 2rem;width: 81%;font-size: 1rem">
                    <div>
                        <span style="margin-right: 1rem;color: #bb0707">企业动态</span>
                        <span>2026-01-20</span>
                    </div>
                    <div><a href="/html/web/qiyedongtai/index.html" target="_blank" style="display: inline;color: #333">更多&nbsp;></a></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col col-8">
                <!-- 3 -->
                <div class="news-item item-card border-radius transition-hover three">
                    <div class="item-news-cover" style="background-image: url('/upload/1/cms/category/1996421719637372928.jpg')"></div>
                    <div class="item-card-content list">

                        <a href="/html/web/jituanyaowen/2013414127835119621.html" target="_blank" class="item">
                            <div class="title text-ellipsis-2">
                                赋能创新发展 筑牢合规根基——集团召开科技创新专项培训
                            </div>
                        </a>

                        <a href="/html/web/jituanyaowen/2013414127835119620.html" target="_blank" class="item">
                            <div class="title text-ellipsis-2">
                                集团党委书记、董事长米大斌会见中国银行河北省分行党委书记、行长段忠辉一行
                            </div>
                        </a>

                        <a href="/html/web/jituanyaowen/2013414127835119618.html" target="_blank" class="item">
                            <div class="title text-ellipsis-2">
                                河北建投集团党委理论学习中心组召开2026年第一次集中学习会议
                            </div>
                        </a>

                        <a href="/html/web/jituanyaowen/2011722090282844161.html" target="_blank" class="item">
                            <div class="title text-ellipsis-2">
                                宣贯赋能强基础 融合聚力启新程--河北建投集团企业管理人员履职能力提升专题培训班顺利举办
                            </div>
                        </a>
                        <div class="left-right-box sub-content">
                            <div></div>
                            <div><a href="/html/web/jituanyaowen/index.html" target="_blank" style="display: inline;color: #333">更多&nbsp;></a></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col col-8">
                <!-- 4 -->
                <div class="news-item item-card border-radius transition-hover three">
                    <div class="item-news-cover" style="background-image: url('/upload/1/cms/category/1996421808602755072.jpg')"></div>

                    <div class="item-card-content list">

                                <a href="/html/web/qiyedongtai/2001949044844085277.html" target="_blank" class="item">
                                    <div class="title text-ellipsis-2">
                                            建投交通系统首批人才交流锻炼工作圆满落幕！
                                    </div>
                                </a>

                                <a href="/html/web/qiyedongtai/2001949044844085278.html" target="_blank" class="item">
                                    <div class="title text-ellipsis-2">
                                            邢和铁路成功处置胶结绝缘接头阻值过低故障
                                    </div>
                                </a>

                                <a href="/html/web/qiyedongtai/2001949044844085275.html" target="_blank" class="item">
                                    <div class="title text-ellipsis-2">
                                            涿州建投水务公司  “安全大讲堂 新年第一课”开课啦！
                                    </div>
                                </a>

                                <a href="/html/web/qiyedongtai/2001949044844085276.html" target="_blank" class="item">
                                    <div class="title text-ellipsis-2">
                                            沧州供排水公司报装系统数字化升级  实现便民服务“零跑腿”
                                    </div>
                                </a>
                        <div class="left-right-box sub-content">
                            <div></div>
                            <div><a href="/html/web/qiyedongtai/index.html" target="_blank" style="display: inline;color: #333">更多&nbsp;></a></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col col-8">
                <!-- 5 -->
                <div class="news-item item-card border-radius transition-hover three">
                    <div class="item-news-cover" style="background-image: url('/upload/1/cms/category/1996421887195623424.jpg')"></div>

                    <div class="item-card-content list">

                        <a href="/html/web/dangqungongzuo/1997857705965754901.html" target="_blank" class="item">
                            <div class="title text-ellipsis-2">
                                建投明佳物业公司迅速掀起学习宣传贯彻党的二十届三中全会精神热潮
                            </div>
                        </a>

                        <a href="/html/web/dangqungongzuo/1997857705965754884.html" target="_blank" class="item">
                            <div class="title text-ellipsis-2">
                                曹妃甸新天液化天然气有限公司：同心同力 共建精神家园
                            </div>
                        </a>

                        <a href="/html/web/dangqungongzuo/1997857705965754883.html" target="_blank" class="item">
                            <div class="title text-ellipsis-2">
                                凝心铸魂跟党走，团结奋斗新征程  建投城镇化公司不断推进主题教育走深走实
                            </div>
                        </a>

                        <a href="/html/web/dangqungongzuo/1997857705965754882.html" target="_blank" class="item">
                            <div class="title text-ellipsis-2">
                                变“鼓槌”为“哑铃”  做好建投能源执纪审查“后半篇文章”
                            </div>
                        </a>
                        <div class="left-right-box sub-content">
                            <div></div>
                            <div><a href="/html/web/dangqungongzuo/index.html" target="_blank" style="display: inline;color: #333">更多&nbsp;></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="mobile-news mobile-show">
    <div class="left-right-box title-box">
        <div class="title">集团要闻</div>
        <a href="/html/web/jituanyaowen/index.html">更多></a>
    </div>
    <div class="img"
         style="background-image: url('http://172.16.210.100/upload/1/cms/category/1996421719637372928.jpg')">
    </div>
    <div class="date">2026-01-23</div>
    <a href="/html/web/jituanyaowen/2013414127835119622.html" style="height: auto; display: block; padding: 2rem 0;  border-bottom: 1px solid #bfbfbf;">
        <div class="title1 text-ellipsis-2">
            《河北日报》专题报道河北建投集团参与社会公益事业先进事迹
        </div>
    </a>
    <div class="list">
        <a href="/html/web/jituanyaowen/2013414127835119621.html" class="item">
            <div class="title text-ellipsis-2">
                赋能创新发展 筑牢合规根基——集团召开科技创新专项培训
            </div>
        </a>
        <a href="/html/web/jituanyaowen/2013414127835119620.html" class="item">
            <div class="title text-ellipsis-2">
                集团党委书记、董事长米大斌会见中国银行河北省分行党委书记、行长段忠辉一行
            </div>
        </a>
        <a href="/html/web/jituanyaowen/2013414127835119618.html" class="item">
            <div class="title text-ellipsis-2">
                河北建投集团党委理论学习中心组召开2026年第一次集中学习会议
            </div>
        </a>
        <a href="/html/web/jituanyaowen/2011722090282844161.html" class="item">
            <div class="title text-ellipsis-2">
                宣贯赋能强基础 融合聚力启新程--河北建投集团企业管理人员履职能力提升专题培训班顺利举办
            </div>
        </a>
    </div>

</div>
<style>

    .business-box {
        box-sizing: border-box;
        margin: 0 auto 6.6rem;
    }

    .business-box .title-box {
        width: 100%;
        color: var(--text-color-primary);
    }

    .business-box .title-box .title {
        position: relative;
        font-size: 30px;
        padding-right: 20px;
        padding-left: 20px;
        letter-spacing: 1px;
    }

    .business-box .title-box .title::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 6px;
        height: 29px;
        background-color: var(--bg-color-red-6);
    }

    .business-box .title-box .subtitle {
        font-size: 20px;
        letter-spacing: 1px;
    }

    .business-list {
        width: 100%;
        margin-top: 3.2rem;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
    }


    /*动画*/
    @-webkit-keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    .business-list .business-item:nth-child(1) {
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-name: fadeInUp;
        -moz-animation-name: fadeInUp;
        -o-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    .business-list .business-item:nth-child(2) {
        -webkit-animation-duration: 1.2s;
        -moz-animation-duration: 1.2s;
        -o-animation-duration: 1.2s;
        animation-duration: 1.2s;
        -webkit-animation-name: fadeInUp;
        -moz-animation-name: fadeInUp;
        -o-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    .business-list .business-item:nth-child(3) {
        -webkit-animation-duration: 1.4s;
        -moz-animation-duration: 1.4s;
        -o-animation-duration: 1.4s;
        animation-duration: 1.4s;
        -webkit-animation-name: fadeInUp;
        -moz-animation-name: fadeInUp;
        -o-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    .business-list .business-item:nth-child(4) {
        -webkit-animation-duration: 1.6s;
        -moz-animation-duration: 1.6s;
        -o-animation-duration: 1.6s;
        animation-duration: 1.6s;
        -webkit-animation-name: fadeInUp;
        -moz-animation-name: fadeInUp;
        -o-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    /*动画*/
    .business-list .business-item .animation {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 2;
    }

    .business-list .business-item .animation .animation-left {
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .business-list .business-item .animation .animation-right {
        position: absolute;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    /*项目*/
    .business-list .business-item {
        float: left;
        height: 100%;
        width: 21.4rem;
        margin-right: 1.75rem;
        position: relative;
    }

    .business-list .business-item:first-child {
        margin-left: 0;
    }

    .business-list .business-item:last-child {
        margin-right: 0;
    }


    .business-list .business-item .item-content {
        width: 100%;
        height: 100%;
        position: relative;
    }

    /*  hover 效果移到新容器 */
    .business-list .business-item .item-content:hover .animation {
        background: #d9142f;
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }

    .business-list .business-item .item-content:hover .animation .animation-left {
        left: 0;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .business-list .business-item .item-content:hover .animation .animation-right {
        right: 0;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .business-list .business-item .item-content:hover .business-text span {
        height: 3px;
    }

    .business-list .business-item .item-content:hover .business-text p {
        height: 144px;
    }

    .business-list .business-item .item-content:hover .business-text a {
        opacity: 1;
    }

    .business-list .business-item:nth-child(even) {
        top: -6rem;
    }

    .business-list .business-item img {
        width: 100%;
        display: block;
    }

    /*文字*/
    .business-list .business-item .business-text {
        position: absolute;
        top: 0;
        left: 0;
        width: 90%;
        height: 100%;
        padding: 0 1rem;
        text-align: center;
        z-index: 3;
    }

    .business-list .business-item .business-text-table {
        width: 100%;
        height: 100%;
        display: table;
    }

    .business-list .business-item .business-text-table-cell {
        display: table-cell;
        vertical-align: middle;
    }

    .business-list .business-item .business-text img {
        width: 4rem;
        display: block;
        margin: 2rem auto 0;
    }

    .business-list .business-item .business-text h4 {
        color: var(--color-white);
        font-size: 24px;
        margin: 1rem auto;
    }

    .business-list .business-item .business-text span {
        display: block;
        width: 50px;
        height: 0px;
        margin: 1rem auto;
        background: #fff;
    }

    .business-list .business-item .business-text p {
        height: 0;
        font-size: 14px;
        color: #fff;
        line-height: 24px;
        padding: 0 2rem;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        overflow: hidden;
    }

    .business-list .business-item .business-text a {
        opacity: 0;
        display: block;
        font-size: 16px;
        color: #fff;
        width: 118px;
        height: 38px;
        line-height: 38px;
        border: 1px solid #fff;
        margin: 2rem auto;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    /*多个*/

    .business-list .business-item .child {
        height: 50%;
        margin-bottom: 2rem;
    }

    .business-list .business-item .child .business-text a {
        display: none;
    }

    /*适配*/
    @media screen and (min-width: 2400px) {

    }

    @media screen and (max-width: 1600px) {
    }

    @media screen and (max-width: 1440px) {
        .business-list .business-item .business-text img {
            width: 40px;
            margin: 20px auto 0;
        }

        .business-list .business-item .business-text h4 {
            font-size: 18px;
            margin-top: 15px;
        }

        .business-list .business-item .business-text span {
            margin: 15px auto;
        }

        .business-list .business-item .business-text p {
            line-height: 20px;
            padding: 0;
        }

        .business-list .business-item .business-text a {
            font-size: 14px;
            height: 32px;
            line-height: 32px;
        }
    }
</style>


<div class="business-box content-box mobile-hide">
        <div class="title-box">
        <div class="title">业务架构</div>
        <div class="subtitle">BUSINESS SEGMENT</div>
    </div>
    <div class="business-list">
        <!--第1个-->
        <!--第1个-->
        <div class="business-item">
            <div class="item-content">
                <!--背景-->
                <img src="/upload/1/cms/category/2001949221206179840.jpg"/>
                <!--动画-->
                <div class="animation">
                    <div class="animation-left">
                        <img src="/template/1/hbjt-template/images/bg-red-1.png"/>
                    </div>
                    <div class="animation-right">
                        <img src="/template/1/hbjt-template/images/bg-red-2.png"/>
                    </div>
                </div>
                <!--文字-->
                <div class="business-text">
                    <div class="business-text-table">
                        <div class="business-text-table-cell">
                            <img src="/template/1/hbjt-template/images/ywgk/能源.png"/>
                            <h4>能源</h4>
                            <span></span>
                            <p>拥有河北省重要的电力类主体上市公司——河北建投能源投资股份有限公司，控股16家骨干发电企业，为华北区域提供安全、稳定、清洁、高效的电力、热力供应及综合能源服务。</p>
<!--                            <a href="#" target="_blank">查看详情</a>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="business-item">
            <!--第2列-->
            <div class="child">
                <div class="item-content">
                    <img src="/upload/1/cms/category/2001949378912010240.jpg"/>
                    <div class="animation">
                        <div class="animation-left">
                            <img src="/template/1/hbjt-template/images/bg-red-1.png"/>
                        </div>
                        <div class="animation-right">
                            <img src="/template/1/hbjt-template/images/bg-red-2.png"/>
                        </div>
                    </div>
                    <!--文字-->
                    <div class="business-text">
                        <div class="business-text-table">
                            <div class="business-text-table-cell">
                                <img src="/template/1/hbjt-template/images/ywgk/清洁能源.png"/>
                                <h4>清洁能源</h4>
                                <span></span>
                                <p>旗下新天绿色能源股份有限公司是华北地区领先的清洁能源开发与利用公司。从事清洁能源和新能源的开发与利用，拥有风电、光伏和天然气业务。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--第2列-->
            <div class="child">
                <div class="item-content">
                    <img src="/upload/1/cms/category/2001949441818181632.jpg"/>
                    <div class="animation">
                        <div class="animation-left">
                            <img src="/template/1/hbjt-template/images/bg-red-1.png"/>
                        </div>
                        <div class="animation-right">
                            <img src="/template/1/hbjt-template/images/bg-red-2.png"/>
                        </div>
                    </div>
                    <!--文字-->
                    <div class="business-text">
                        <div class="business-text-table">
                            <div class="business-text-table-cell">
                                <img src="/template/1/hbjt-template/images/ywgk/新型城镇化.png"/>
                                <h4>新型城镇化</h4>
                                <span></span>
                                <p>雄安·金湖未来城项目是首批承接北京非首都功能疏解的项目之一。积极推进新型城镇化建设，努力打造河北省新型城镇化建设样板。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="business-item">
            <!--第3列-->
            <div class="child">
                <div class="item-content">
                    <img src="/upload/1/cms/category/2001949502505566208.jpg"/>
                    <div class="animation">
                        <div class="animation-left">
                            <img src="/template/1/hbjt-template/images/bg-red-1.png"/>
                        </div>
                        <div class="animation-right">
                            <img src="/template/1/hbjt-template/images/bg-red-2.png"/>
                        </div>
                    </div>
                    <!--文字-->
                    <div class="business-text">
                        <div class="business-text-table">
                            <div class="business-text-table-cell">
                                <img src="/template/1/hbjt-template/images/ywgk/交通.png"/>
                                <h4>交通</h4>
                                <span></span>
                                <p>作为省部合作铁路建设省级出资人代表，运营客运铁路项目14个，在建客运铁路项目7个，拥有邯黄铁路、邢和铁路、朔黄铁路等货运铁路项目7个，参与组建了京津冀城际铁路投资有限公司和河北省城际铁路发展基金有限公司。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="child">
                <div class="item-content">
                    <img src="/upload/1/cms/category/2001949580351848448.jpg"/>
                    <div class="animation">
                        <div class="animation-left">
                            <img src="/template/1/hbjt-template/images/bg-red-1.png"/>
                        </div>
                        <div class="animation-right">
                            <img src="/template/1/hbjt-template/images/bg-red-2.png"/>
                        </div>
                    </div>
                    <!--文字-->
                    <div class="business-text">
                        <div class="business-text-table">
                            <div class="business-text-table-cell">
                                <img src="/template/1/hbjt-template/images/ywgk/金融服务业.png"/>
                                <h4>金融服务业</h4>
                                <span></span>
                                <p>集团公司金融板块涵盖金融服务、保险、担保、银行、证券、小额贷款、不良资产管理等业务，构建起金融服务业发展新格局。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="business-item">
            <!--第4列-->
            <div class="child">
                <div class="item-content">
                    <img src="/upload/1/cms/category/2001949659510947840.jpg"/>
                    <div class="animation">
                        <div class="animation-left">
                            <img src="/template/1/hbjt-template/images/bg-red-1.png"/>
                        </div>
                        <div class="animation-right">
                            <img src="/template/1/hbjt-template/images/bg-red-2.png"/>
                        </div>
                    </div>
                    <!--文字-->
                    <div class="business-text">
                        <div class="business-text-table">
                            <div class="business-text-table-cell">
                                <img src="/template/1/hbjt-template/images/ywgk/水务.png"/>
                                <h4>水务</h4>
                                <span></span>
                                <p>国内领先的全产业链水务综合运营服务企业。从事城市供水、污水处理以及水务相关产业的投资、建设和运营，下辖水库2座、水厂30座、拥有12家控股企业，是河北省城镇供排水龙头企业。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="child">
                <div class="item-content">
                    <img src="/upload/1/cms/category/2001949722865909760.jpg"/>
                    <div class="animation">
                        <div class="animation-left">
                            <img src="/template/1/hbjt-template/images/bg-red-1.png"/>
                        </div>
                        <div class="animation-right">
                            <img src="/template/1/hbjt-template/images/bg-red-2.png"/>
                        </div>
                    </div>
                    <!--文字-->
                    <div class="business-text">
                        <div class="business-text-table">
                            <div class="business-text-table-cell">
                                <img src="/template/1/hbjt-template/images/ywgk/战略新兴产业.png"/>
                                <h4>战略新兴产业</h4>
                                <span></span>
                                <p>以茂天资本为平台，积极培育和带动了一批战略性新兴产业发展。以建投数字为依托，投资建设大数据中心等新基建设施，建设运营河北国资云等省级平台项目。由河北国富投资建设运营的河北省中药材平台正式上线运行。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="mobile-ywjg mobile-show">
    <div class="left-right-box title-box">
        <div class="title">业务架构</div>
        <a href="/html/web/yewujiagou/index.html">更多></a>
    </div>

    <div class="card left-right-box" style="margin-top: 2.6rem">
        <div class="img" style="background-image: url('/upload/1/cms/category/2001949221206179840.jpg')">
            <img src="/template/1/hbjt-template/images/ywgk/能源.png"/>
            <h4>能源</h4>
            <span></span>
        </div>
        <div class="text">
            拥有河北省重要的电力类主体上市公司——河北建投能源投资股份有限公司，控股16家骨干发电企业，为华北区域提供安全、稳定、清洁、高效的电力、热力供应及综合能源服务。
        </div>
    </div>
    <div class="card left-right-box">
        <div class="text">
            旗下新天绿色能源股份有限公司是华北地区领先的清洁能源开发与利用公司。从事清洁能源和新能源的开发与利用，拥有风电、光伏和天然气业务。
        </div>
        <div class="img" style="background-image: url('/upload/1/cms/category/2001949378912010240.jpg')">
            <img src="/template/1/hbjt-template/images/ywgk/清洁能源.png"/>
            <h4>清洁能源</h4>
            <span></span>
        </div>
    </div>
    <div class="card left-right-box" style="margin-top: 2.6rem">
        <div class="img" style="background-image: url('/upload/1/cms/category/2001949441818181632.jpg')">
            <img src="/template/1/hbjt-template/images/ywgk/新型城镇化.png"/>
            <h4>新型城镇化</h4>
            <span></span>
        </div>
        <div class="text">
            雄安·金湖未来城项目是首批承接北京非首都功能疏解的项目之一。积极推进新型城镇化建设，努力打造河北省新型城镇化建设样板。
        </div>
    </div>
    <div class="card left-right-box">
        <div class="text">
            作为省部合作铁路建设省级出资人代表，运营客运铁路项目14个，在建客运铁路项目7个，拥有邯黄铁路、邢和铁路、朔黄铁路等货运铁路项目7个，参与组建了京津冀城际铁路投资有限公司和河北省城际铁路发展基金有限公司。
        </div>
        <div class="img" style="background-image: url('/upload/1/cms/category/2001949502505566208.jpg')">
            <img src="/template/1/hbjt-template/images/ywgk/交通.png"/>
            <h4>交通</h4>
            <span></span>
        </div>
    </div>
    <div class="card left-right-box" style="margin-top: 2.6rem">
        <div class="img" style="background-image: url('/upload/1/cms/category/2001949580351848448.jpg')">
            <img src="/template/1/hbjt-template/images/ywgk/金融服务业.png"/>
            <h4>金融服务业</h4>
            <span></span>
        </div>
        <div class="text">
            集团公司金融板块涵盖金融服务、保险、担保、银行、证券、小额贷款、不良资产管理等业务，构建起金融服务业发展新格局。
        </div>
    </div>
    <div class="card left-right-box">
        <div class="text">
            国内领先的全产业链水务综合运营服务企业。从事城市供水、污水处理以及水务相关产业的投资、建设和运营，下辖水库2座、水厂30座、拥有12家控股企业，是河北省城镇供排水龙头企业。
        </div>
        <div class="img" style="background-image: url('/upload/1/cms/category/2001949659510947840.jpg')">
            <img src="/template/1/hbjt-template/images/ywgk/水务.png"/>
            <h4>水务</h4>
            <span></span>
        </div>
    </div>
    <div class="card left-right-box" style="margin-top: 2.6rem">
        <div class="img" style="background-image: url('/upload/1/cms/category/2001949722865909760.jpg')">
            <img src="/template/1/hbjt-template/images/ywgk/战略新兴产业.png"/>
            <h4>战略新兴产业</h4>
            <span></span>
        </div>
        <div class="text">
            以茂天资本为平台，积极培育和带动了一批战略性新兴产业发展。以建投数字为依托，投资建设大数据中心等新基建设施，建设运营河北国资云等省级平台项目。由河北国富投资建设运营的河北省中药材平台正式上线运行。
        </div>
    </div>
</div>
<style>
    .party-box {
        width: 100%;
        background-color: #fff;
        padding-bottom: 6.26rem;
    }

    .party-bg {
        width: 100%;
        height: 23rem;
        background-color: var(--bg-color-red-2);
    }

    .party-bg .title-box {
        padding-top: 4.8rem;
        color: var(--text-color-white);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .party-bg .title {
        font-size: 30px;
        padding-right: 20px;
        position: relative;
    }

    .party-bg .title::before {
        content: '';
        position: absolute;
        left: -26px;
        top: 50%;
        transform: translateY(-50%);
        width: 6px;
        height: 29px;
        background-color: var(--bg-color-white);
    }


    .party-bg .subtitle {
        font-size: 20px;
    }

    .party-box .content-box{
        padding-top: 4rem;
    }

    .party-box .content-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1.65rem;
        margin-top: -15.6rem;

    }

    .party-box .content-grid .item {
        background-color: var(--bg-color-gray);
        padding: 0.6rem 0.6rem 0;
    }

    .party-box .content-grid .item img {
        width: 100%;
        height: 16.45rem;
        object-fit: cover;
        object-position: center;
    }

    .party-box .content-grid .item .title {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 1.5rem;
        padding-left: 0.505rem;
        padding-right: 0.505rem;
        font-size: 1.13rem;
        line-height: 1.88rem;
        overflow: hidden;
        color: #1d1d1d;
    }

    .party-box .content-grid .item .data {
        color: var(--color-gray-3);
        font-size: 12px;
        padding: 1.5rem 0.505rem 2.4rem;
    }
</style>

<div class="party-box mobile-hide">
    <div class="party-bg">
        <div class="title-box">
            <div class="title">党群工作</div>
            <div class="subtitle">PARTY-MASS WORK</div>
        </div>
    </div>
    <div class="content-box" style="margin: 0 auto">
        <div class="content-grid">
            <div class="item">
                <img src="/template/1/hbjt-template/images/dj-1.png">
                <div class="title">
                    <a href="/html/web/dangqungongzuo/1997857705965754901.html" target="_blank" style="color: #1d1d1d">
                        建投明佳物业公司迅速掀起学习宣传贯彻党的二十届三中全会精神热潮
                    </a>
                </div>
                <div class="data">2024年08月27日</div>
            </div>
            <div class="item">
                <img src="/template/1/hbjt-template/images/dj-2.png">
                <div class="title">
                    <a href="/html/web/dangqungongzuo/1997857705965754884.html" target="_blank" style="color: #1d1d1d">
                        曹妃甸新天液化天然气有限公司：同心同力 共建精神家园
                    </a>
                </div>
                <div class="data">2023年10月29日</div>
            </div>
            <div class="item">
                <img src="/template/1/hbjt-template/images/dj-3.png">
                <div class="title">
                    <a href="/html/web/dangqungongzuo/1997857705965754883.html" target="_blank" style="color: #1d1d1d">
                        凝心铸魂跟党走，团结奋斗新征程  建投城镇化公司不断推进主题教育走深走实
                    </a>
                </div>
                <div class="data">2023年10月27日</div>
            </div>
            <div class="item">
                <img src="/template/1/hbjt-template/images/dj-4.png">
                <div class="title">
                    <a href="/html/web/dangqungongzuo/1997857705965754882.html" target="_blank" style="color: #1d1d1d">
                        变“鼓槌”为“哑铃”  做好建投能源执纪审查“后半篇文章”
                    </a>
                </div>
                <div class="data">2023年10月26日</div>
            </div>
        </div>
    </div>
</div>

<div class="mobile-dqgz mobile-show">
    <div class="left-right-box title-box">
        <div class="title">党群工作</div>
        <a href="/html/web/dangqungongzuo/index.html">更多></a>
    </div>

    <div class="img"
         style="background-image: url('/template/1/hbjt-template/images/dj-3.png')">
    </div>
    <div class="date">2024年08月27日</div>
    <a href="/html/web/dangqungongzuo/1997857705965754901.html" style="height: auto; display: block; padding: 2rem 0;  border-bottom: 1px solid #bfbfbf;">
        <div class="title1 text-ellipsis-2">
            建投明佳物业公司迅速掀起学习宣传贯彻党的二十届三中全会精神热潮
        </div>
    </a>
    <div class="list">
        <a href="/html/web/jituanyaowen/2013414127835119621.html" class="item">
            <div class="title text-ellipsis-2">
                赋能创新发展 筑牢合规根基——集团召开科技创新专项培训
            </div>
        </a>
        <a href="/html/web/jituanyaowen/2013414127835119620.html" class="item">
            <div class="title text-ellipsis-2">
                集团党委书记、董事长米大斌会见中国银行河北省分行党委书记、行长段忠辉一行
            </div>
        </a>
        <a href="/html/web/jituanyaowen/2013414127835119618.html" class="item">
            <div class="title text-ellipsis-2">
                河北建投集团党委理论学习中心组召开2026年第一次集中学习会议
            </div>
        </a>
        <a href="/html/web/jituanyaowen/2011722090282844161.html" class="item">
            <div class="title text-ellipsis-2">
                宣贯赋能强基础 融合聚力启新程--河北建投集团企业管理人员履职能力提升专题培训班顺利举办
            </div>
        </a>
    </div>
</div>
<div class="home-ssgs-box" style="background-image: url('/template/1/hbjt-template/images/bg-ssgs-2.jpg')">
<style>
    .ssgs-box {
        padding-bottom: 5.3rem;
    }

    .ssgs-box .title-box {

    }

    .ssgs-box .title {
        font-size: 1.875rem;
        padding-left: 20px;
        position: relative;
    }

    .ssgs-box .title::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 6px;
        height: 1.8125rem;
        background-color: var(--bg-color-red-6);
    }

    .ssgs-box .subtitle {
        font-size: 1.25rem;
    }

    .ssgs-box .left-content {
        width: 100%;
        margin-top: 3.75rem;
        font-size: 1.125rem;
        font-weight: normal;
        font-stretch: normal;
        line-height: 3rem;
        letter-spacing: 0rem;
        color: #6d4720;
    }

    .ssgs-box .left-box {
        width: 31.5%;
        margin-top: 2.8125rem;
    }

    .ssgs-box .right-box {
        width: 62.6%;
        align-items: flex-start;
        margin-top: 20px;
    }

    .ssgs-box .right-box table td {
        text-align: center;
        vertical-align: middle;
        font-size: 1.25rem;
    }

    .ssgs-box .right-box table thead tr {
        background-color: #BE2118;
        color: #fff;
    }

    .ssgs-box .right-box table tbody {
        background-color: #F8F8F8;
    }

    .ssgs-box .right-box table tr {
        height: 4.75rem;
    }
</style>

<div class="ssgs-box content-box">
    <div class="left-right-box" style="align-items: flex-start">
        <div class="left-box">
            <div class="title-box">
                <div class="title">上市公司</div>
                <div class="subtitle">LISTED COMPANY</div>
            </div>
            <div class="left-content">
                截至2024年底，集团公司合并总资产3140.40 亿元，净资产1358.39亿元。集团系统企业员工14389 人，控股河北建投能源（000600.SZ）和新天绿色能源 （600956.SH，00956.HK）两家上市公司，参股华能国际、大唐发电、唐山港、秦港股份等多家上市企业。
            </div>
        </div>
        <div class="right-box">
            <table style="width: 100%" border="0" align="center" cellpadding="0" cellspacing="0">
                <thead>
                <tr>
                    <td>公司名称</td>
                    <td>昨日收盘价</td>
                    <td>今日开盘价</td>
                    <td>当前价格</td>
                </tr>
                </thead>
                <tbody></tbody>

            </table>
        </div>
    </div>
</div>

<script>
    function parseStockData() {
        const stockData = [];

        // 解析深圳股票数据 (以 v_sz 开头)
        if (typeof v_sz000600 !== 'undefined') {
            const data = v_sz000600.split('~');
            stockData.push({
                mc: data[1],   // 公司名称
                dm: data[2],   // 股票代码
                spj: data[5],  // 收盘价
                kpj: data[4],  // 开盘价
                dqj: data[3],  // 当前价格
                bs: '深A'       // 市场标识
            });
        }

        // 解析上海股票数据 (以 v_sh 开头)
        if (typeof v_sh600956 !== 'undefined') {
            const data = v_sh600956.split('~');
            stockData.push({
                mc: data[1],
                dm: data[2],
                spj: data[5],
                kpj: data[4],
                dqj: data[3],
                bs: '沪A'
            });
        }

        // 解析港股数据 (以 v_hk 开头)
        if (typeof v_hk00956 !== 'undefined') {
            const data = v_hk00956.split('~');
            stockData.push({
                mc: '新天绿能',
                dm: data[2],
                spj: data[4],
                kpj: data[5],
                dqj: data[3],
                bs: 'H股'
            });
        }

        // 解析其他上海股票数据
        if (typeof v_sh601991 !== 'undefined') {
            const data = v_sh601991.split('~');
            stockData.push({
                mc: data[1],
                dm: data[2],
                spj: data[4],
                kpj: data[5],
                dqj: data[3],
                bs: '沪A'
            });
        }

        if (typeof v_sh600011 !== 'undefined') {
            const data = v_sh600011.split('~');
            stockData.push({
                mc: data[1],
                dm: data[2],
                spj: data[4],
                kpj: data[5],
                dqj: data[3],
                bs: '沪A'
            });
        }

        return stockData;
    }

    function renderStockTable() {
        const stockData = parseStockData();
        const tbody = document.querySelector('.right-box table tbody');

        if (tbody && stockData.length > 0) {
            // 清空现有数据
            tbody.innerHTML = '';

            // 渲染新数据
            stockData.forEach(stock => {
                const row = '<tr>' +
                    '<td>' + stock.mc + '(' + stock.bs + ')</td>' +
                    '<td>' + stock.spj + '</td>' +
                    '<td>' + stock.kpj + '</td>' +
                    '<td>' + stock.dqj + '</td>' +
                    '</tr>';
                tbody.innerHTML += row;
            });
        }
    }

    function getStockData() {
        $.ajax({
            url: 'http://qt.gtimg.cn/q=sz000600,sh600956,hk00956,sh601991,sh600011',
            method: 'GET',
            dataType: 'script',
            success: function (data) {
                renderStockTable();
            },
            error: function (xhr, status, error) {
                console.error('请求失败:', error);
            }
        });
    }

    function initPage() {
        console.log('initPage')
        if (typeof $ !== 'undefined') {
            $(document).ready(function () {
                getStockData();
                setInterval(getStockData, 1000 * 60);
            });
        } else {
            // 如果 jQuery 还没加载，稍后重试
            setTimeout(initPage, 100);
        }
    }

    initPage()
</script>

<style>
    .banner-small-box {
        height: 200px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        z-index: 2;
    }

    .banner-small-bg {
        height: 100px;
        background-color: #F1F1F1;
        margin-top: -100px;
        position: relative;
        z-index: 1;
    }
</style>

<div class="mobile-b-s-box">
    <div class="banner-small-box content-box" style="background-image: url(/upload/1/cms/category/1996509881755774976.jpg"></div>
</div>
<div class="banner-small-bg"></div>

</div>
<div class="mobile-hide">
<div class="zl-box content-box" zllayout="horizontal"  zltype="none">
    <div class="zl-item">
            <img src="/upload/1/cms/category/1996167328292417536.png"/>
        <a href="/html/web/guancheluoshidangdeershijiesizhongquanhuijingshen/index.html" target="_blank">
           贯彻落实党的二十届四中全会精神
        </a>
    </div>
    <div class="zl-item">
            <img src="/upload/1/cms/category/1996167512543997952.png"/>
        <a href="/html/web/zhidaihuizhuanlan/index.html" target="_blank">
           职代会专栏
        </a>
    </div>
</div>

</div>
<div class="mobile-show" style="padding: 1.81rem;background-color: #fff">
<div class="zl-box content-box" zllayout="vertical"  zltype="plain">
    <div class="zl-item">
            <img src="/upload/1/cms/category/1996167328292417536.png"/>
        <a href="/html/web/guancheluoshidangdeershijiesizhongquanhuijingshen/index.html" target="_blank">
           贯彻落实党的二十届四中全会精神
        </a>
    </div>
    <div class="zl-item">
            <img src="/upload/1/cms/category/1996167512543997952.png"/>
        <a href="/html/web/zhidaihuizhuanlan/index.html" target="_blank">
           职代会专栏
        </a>
    </div>
</div>

</div>

    <style>
        .footer-box {
            width: 100%;
            background-color: #F1F1F1;
        }

        .footer-box .footer-content {
            margin: 0 auto;
        }

        .footer-box .footer-content .footer-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 3rem;
            padding-bottom: 2.38rem;
            font-size: 1.31rem;
            border-top: 1px solid #E5E5E5;
            flex-wrap: wrap;
        }

        .footer-box .footer-content .footer-top img {
            width: 1.69rem;
            height: auto;
            vertical-align: middle;
        }

        .footer-box .footer-content .footer-top a {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            text-decoration: none;
            color: inherit;
            outline: none;
            white-space: nowrap;
        }

        .footer-box .footer-content a:hover,
        .footer-box .footer-content a:focus {
            text-decoration: none;
        }

        .footer-box .footer-content .footer-friendship-link {
            display: flex;
            gap: 1rem;
            font-size: 1.13rem;
            padding-bottom: 3.4rem;
            border-bottom: 1px solid #E5E5E5;
        }

        .footer-box .footer-content .footer-friendship-link > div:first-child {
            flex-shrink: 0;
            white-space: nowrap;
            font-weight: 500;
        }

        .footer-box .footer-content .footer-friendship-link > div:last-child {
            display: flex;
            flex-wrap: wrap;
            gap: 0.6rem 3rem;
        }

        .footer-box .footer-content .footer-friendship-link a {
            text-decoration: none;
            color: inherit;
        }

        .footer-box .footer-content .footer-friendship-link a:hover {
            text-decoration: underline;
        }

        .footer-box .footer-content .footer-copy {
            padding-top: 3.4rem;
            text-align: center;
            font-size: 1rem;
            line-height: 2.69rem;
            font-weight: 300;
        }

        .footer-bg {
            height: 16.88rem;
            background-position: center;
            background-size: cover;
            margin-top: -6.25rem;
        }
    </style>


<div class="footer-box">
    <div class="footer-content content-box">
        <div class="footer-top">
                                <a href="http://www.jtsww.com/" target="_blank">
                        <img src="/upload/1/cms/category/2002922366318755840.png"/>
                        建投商务
                    </a>
                    <a href="http://www.coloradospringscounselors.com" target="_blank">
                        <img src="/upload/1/cms/category/2002922512158900224.png"/>
                        集团首页
                    </a>
                    <a href="http://www.coloradospringscounselors.com/html/web/xinxigongkai/jibenxinxi/1997857705965756077.html" target="_blank">
                        <img src="/upload/1/cms/category/2002922959359787008.png"/>
                        关于建投
                    </a>
                    <a href="http://www.coloradospringscounselors.com/html/web/lianxiwomen/index.html" target="_blank">
                        <img src="/upload/1/cms/category/2002923009875984384.png"/>
                        联系我们
                    </a>
        </div>
        <div class="footer-friendship-link mobile-hide">
            <div>友情链接：</div>
            <div>
                        <a href="http://www.gov.cn/" target="_blank">中国政府网</a>
                        <a href="http://www.hebei.gov.cn/" target="_blank">河北政府网</a>
                        <a href="http://www.ndrc.gov.cn/" target="_blank">国家发展改革委</a>
                        <a href="http://hbdrc.hebei.gov.cn/" target="_blank">河北省发改委</a>
                        <a href="http://hbsa.hebei.gov.cn/" target="_blank">河北省国资委</a>
                        <a href="http://www.hebngc.com/" target="_blank">河北天然气</a>
            </div>
        </div>
        <div class="footer-copy">
                <p>版权所有 © 河北建设投资集团有限责任公司
        <a href="http://beian.miit.gov.cn" target="_blank" style="color:#333;">
            冀ICP备 07009092 号
        </a>
        <br>
        建议浏览器版本为IE10以上版本
    </p>
        </div>
    </div>
    <div class="footer-bg" style="background-image: url('/template/1/hbjt-template//images/bg-footer.jpg')">
    </div>
    <div style="width:100%;height: 1rem;background-color: #bb0707"></div>
</div>
</body>
</html>
