<!DOCTYPE html>
<html lang="zh">
<head>
    <!--预加载关键资源 -->
    <link rel="preload" href="/static/index/js/jquery-2.1.4.min.js" as="script">
    <link rel="preload" href="/static/index/css/bootstrap.min.css" as="style">
    <meta charset="UTF-8">
    <!--    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>晋钢控股集团 - 官网</title>
    <meta name="author" content="Vegeta"/>
    <meta name="keywords" content="晋钢集团，钢铁"/>
    <meta name="description" content="山西晋城钢铁控股集团有限公司（简称“晋钢控股集团”）是山西省重点钢铁联合企业，山西省确立支持实施钢铁上下游整合重组的主体企业、山西省重点产业链“链核”企业和晋城市产业链链主企业。先后荣获国家绿色工厂、国家智能制造示范工厂、国家AAA级工业旅游景区和环保绩效A级企业。"/>
    <link rel="shortcut icon" href="/static/index/img/favicon.ico">
<!--    <script type="text/javascript" src="/static/index/js/jquery-2.1.4.min.js"></script>-->

    <!-- 引入外部资源 -->
    <script type="text/javascript" src="/static/index/js/jquery-2.1.4.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.9/jquery.i18n.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.9/jquery.i18n.messagestore.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.9/jquery.i18n.fallbacks.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.9/jquery.i18n.language.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.9/jquery.i18n.parser.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.9/jquery.i18n.emitter.bidi.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/static/index/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/static/index/css/jSlider.min.css">
    <link rel="stylesheet" href="/static/index/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/static/index/css/style.css">
    <link rel="stylesheet" type="text/css" href="/static/index/css/jquery.bxslider.css">
    <style>
        /* 保证轮播容器有最小高度避免布局抖动 */
        .jSlider { min-height: 300px; background: #f0f0f0; }
        .navbar-nav .dropdown:hover .dropdown-menu { display: block; }
    </style>
    <!-- 提前加载jQuery-->
<!--    <script type="text/javascript" src="/static/index/js/jquery-2.1.4.min.js"></script>-->
</head>
<body>
<!-- 欢迎 -->
<div class="top hidden-xs">
    <div class="container">
        <div class="top-fl"><i class="fa fa-th"> Hi，欢迎来到山西晋城钢铁控股集团有限公司！</i></div>
        <div class="top-fr">客服热线：4000078669</div>
    </div>
</div>

<!-- 导航 -->
<header class="header-frontend">
    <div class="navbar navbar-default navbar-static-top">
        <div class="container"
             style="width: 100%;display: flex;justify-content: center;place-items: center;position: fixed;top: 0;left: 0;background: #fff">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/en/Index/index.html"><img src="/static/index/img/jglogo.png"/></a>
                <!--手机端搜索-->
                <div id="searchTrigger" class="search-trigger visible-xs"><i class="fa fa-search"></i></div>
                <!-- 手机端中英文切换按钮 -->
                <div class="language-selector visible-xs">
                    <button class="lang-btn active" data-lang="zh-CN">CN</button>
                    <button class="lang-btn" data-lang="en">EN</button>
                </div>
            </div>
            <div class="navbar-collapse collapse" style="height: 1px;">
                <ul class="nav navbar-nav">
                    <!--    首页     -->
                    <li class="dropdown"><a href="/en/Index/index.html" class="dropdown-toggle1" data-toggle="dropdown"
                                            data-hover="dropdown" data-delay="0" data-close-others="false" data-i18n="nav.home"></a></li>
                    <!--    关于晋钢     -->
                    <li class="dropdown">
                        <a data-id="1" href="/en/Index/aboutJg/presidentSpeech.html" class="dropdown-toggle"
                           data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" data-i18n="nav.about"><b
                                class=" icon-angle-down"></b></a>
                        <ul class="dropdown-menu">
                            <li data-id="1"><a href="/en/Index/aboutJg/presidentSpeech.html" data-i18n="about.Chairman"></a></li>
                            <li data-id="2"><a href="/en/Index/aboutJg/groupProfile.html" data-i18n="about.Company"></a></li>
                            <li data-id="3"><a href="/en/Index/aboutJg/organizationStructure.html"  data-i18n="about.Organization"></a></li>
                            <li data-id="4"><a href="/en/Index/aboutJg/groupMembers.html"  data-i18n="about.Leadership"></a></li>
                            <li data-id="5"><a href="/en/Index/aboutJg/groupHonors.html"  data-i18n="about.Recognition"></a></li>
                            <li data-id="6"><a href="/en/Index/aboutJg/developmentMilestones.html"  data-i18n="about.History"></a></li>
                        </ul>
                    </li>
                    <!--    新闻中心     -->
                    <li class="dropdown">
                        <a data-id="1" href="/en/Index/news/groupNews.html" class="dropdown-toggle " data-toggle="dropdown"
                           data-hover="dropdown" data-delay="0" data-close-others="false" data-i18n="nav.news"><b
                                class=" icon-angle-down"></b></a>
                        <ul class="dropdown-menu">
                            <li data-id="1"><a href="/en/Index/news/groupNews.html" data-i18n="news.News"></a></li>
                            <li data-id="4"><a href="/en/Index/news/wasteGasMonitoring.html" data-i18n="news.environmental"></a></li>
                        </ul>
                    </li>
                    <!--    销售中心     -->
                    <li class="dropdown">
                        <a data-id="1" href="/en/Index/sale/steelProductDisplay.html" class="dropdown-toggle "
                           data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" data-i18n="nav.sales"><b
                                class=" icon-angle-down"></b></a>
                        <ul class="dropdown-menu">
                            <li data-id="1"><a href="/en/Index/sale/steelProductDisplay.html" data-i18n="sales.Steel"></a></li>
                            <li data-id="2"><a href="/en/Index/sale/nonSteelProductDisplay.html" data-i18n="sales.Non-steel"></a></li>
                            <li data-id="3"><a href="/en/Index/sale/realTimeQuote.html" data-i18n="sales.Price"></a></li>
                            <li data-id="4"><a href="/en/Index/sale/salesNetwork.html" data-i18n="sales.Footprint"></a></li>
                            <li data-id="5"><a href="/en/Index/sale/attractInvestment.html" data-i18n="sales.AttractInvestment"></a></li>
                            <li data-id="5"><a href="http://shop.godia.cn/home" data-i18n="sales.C2M"></a></li>
                        </ul>
                    </li>
                    <!--    终端应用中心     -->
                    <li class="dropdown">
                        <a data-id="1" href="/en/Index/terminal/engineeringCase.html"  class="dropdown-toggle "
                           data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" data-i18n="nav.terminal"><b
                                class=" icon-angle-down"></b></a>
                        <ul class="dropdown-menu">
                            <li data-id="1"><a href="/en/Index/terminal/engineeringCase.html" data-i18n="terminal.Cases"></a></li>
                            <li data-id="2"><a href="/en/Index/terminal/jgLuster.html" data-i18n="terminal.Highlights"></a></li>
                        </ul>
                    </li>
                    <!--    集采中心     -->
                    <li class="dropdown">
                        <a data-id="1" href="http://jgbuy.godia.cn/" class="dropdown-toggle "
                           data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false"
                           target="_blank" data-i18n="nav.procurement"><b class=" icon-angle-down"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li data-id="1"><a href="http://jgbuy.godia.cn/" data-i18n="procurement.e-Procurement" target="_blank"></a></li>
                            <li data-id="2"><a href="http://www.njxic.com/" data-i18n="procurement.XinzhiChain" target="_blank"></a></li>
                            <li data-id="3"><a href="/en/Index/procurement/scrapSteelRecycling.html" data-i18n="procurement.scrapSteelRecycling" target="_blank"></a></li>
                        </ul>
                    </li>
                    <!--    企业文化     -->
                    <li class="dropdown">
                        <a data-id="1" href="/en/Index/culture/logoSign.html"  class="dropdown-toggle "
                           data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" data-i18n="nav.culture"><b
                                class=" icon-angle-down"></b></a>
                        <ul class="dropdown-menu">
                            <li data-id="1"><a href="/en/Index/culture/logoSign.html" data-i18n="culture.LOGO"></a></li>
                            <li data-id="2"><a href="/en/Index/culture/defineCulturalValues.html" data-i18n="culture.Concept"></a></li>
                        </ul>
                    </li>
                    <!--    党建引领     -->
                    
                    <!--    联系我们     -->
                    <li class="dropdown">
                        <a data-id="1" href="/en/Index/contactUs/contactInformation.html" class="dropdown-toggle "
                           data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" data-i18n="nav.contact"><b
                                class=" icon-angle-down"></b></a>
                        <ul class="dropdown-menu">
                            <li data-id="1"><a href="/en/Index/contactUs/contactInformation.html" data-i18n="contact.Details"></a></li>
                            <!--                                <li data-id="2"><a href=" ">在线留言</a></li>-->
                            <li data-id="2"><a href="/en/Index/contactUs/route.html" data-i18n="contact.route"></a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
                                            data-delay="0" data-close-others="false"
                                            href="http://sight.app.godia.cn/" data-i18n="nav.Industrial"></a></li>
                </ul>

            </div>
            <!-- pc端搜索-->
            <div id="searchTriggerPc" class="search-trigger hidden-xs"><i class="fa fa-search"></i></div>
            <!-- 语言切换器 -->
            <div class="language-selector hidden-xs">
                <button class="lang-btn active" data-lang="zh-CN">中文</button>
                <button class="lang-btn" data-lang="en">English</button>
            </div>
        </div>
    </div>
    <!-- 搜索容器 -->
    <div class="search-container" id="searchContainer">
        <div class="search-box">
            <form name="edit-form" class="edit-form searchForm">
                <input
                        type="text"
                        class="search-input"
                        placeholder="请输入搜索关键词..."
                        id="searchInput"
                        name="search"
                        required

                >
                <button class="search-btn" id="searchBtn" type="button" data-i18n="search"></button>
            </form>
        </div>
    </div>
    <!-- 蒙层 -->
    <div class="overlay-search" id="overlay-search"></div>
    <script type="text/javascript" src="/static/index/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/static/index/js/jquery.jSlider.min.js"></script>
    <script src="/static/admin/simditor/js/jquery.form.js"></script>
    <script type="text/javascript" src="/static/index/js/hover-dropdown.js"></script>
    <script type="text/javascript" src="/static/index/js/retutnTop.js"></script>
    <script type="text/javascript" src="/static/index/js/searchTrigger.js"></script>
    <script type="text/javascript" src="/static/index/js/transform-list.js"></script>
    <script>
        // 等待DOM加载完成
        $(document).ready(function() {
            //检查 jQuery 和 i18n 是否正确加载
            console.log('jQuery version:', $.fn.jquery);
            console.log('i18n loaded:', typeof $.i18n !== 'undefined');

            // 确保 i18n 插件已加载
            if (typeof $.i18n === 'undefined') {
                console.error('jQuery i18n 插件未加载！');
                return;
            }
            // 从URL提取当前语言（识别/en/前缀）
            function getLangFromUrl() {
                const path = window.location.pathname;
                // 匹配根路径的/en（无斜杠）
                if (path === '/en') {
                    return 'en';
                }
                // 匹配带斜杠的/en/或/zh-CN/
                const langMatch = path.match(/^\/(zh-CN|en)\//);
                return langMatch ? langMatch[1] : 'zh-CN'; // 默认中文
            }

            // 生成带语言前缀的URL（切换语言时跳转）
            function getUrlWithLang(targetLang) {
                const currentPath = window.location.pathname;
                const langRegex = /^\/(en|zh-CN)(\/|$)/; // 匹配/en、/en/、/zh-CN、/zh-CN/
                let pathWithoutLang = currentPath;

                // 移除已有语言前缀（包括根路径的/en）
                if (langRegex.test(currentPath)) {
                    pathWithoutLang = currentPath.replace(langRegex, '/');
                }

                // 处理根路径特殊情况
                if (pathWithoutLang === '' || pathWithoutLang === '/') {
                    pathWithoutLang = '/';
                }

                // 拼接目标路径
                if (targetLang === 'en') {
                    // 根路径直接返回/en，避免/en/
                    return pathWithoutLang === '/' ? '/en' : `/en${pathWithoutLang}`;
                } else {
                    // 中文根路径返回/，避免//
                    return pathWithoutLang === '/' ? '/' : pathWithoutLang;
                }
            }
            // 初始化语言状态（从URL获取）
            const currentLang = getLangFromUrl();
            window.currentLanguage = currentLang;
            //
            const isEnglish = window.location.pathname.includes('/en/');
            console.log("打印是否英文页面:", isEnglish);
            if (isEnglish) {
                console.log("英文样式已强制生效");
            }
            // 初始化 i18n
            initI18n();
            // 初始化语言切换器
            initLanguageSwitcher();

            // 初始化 i18n
            function initI18n() {
                try {
                    $.i18n().load({
                        'zh-CN': '/static/index/locales/zh-CN.json?' + new Date().getTime(),
                        'en': '/static/index/locales/en.json?' + new Date().getTime()
                    }).done(function() {
                        $.i18n().locale = currentLang;
                        // 强制立即执行
                        setTimeout(() => {
                            updateTranslations();
                            setActiveLanguageButton(currentLang);
                            updateNavbarStyle(currentLang);
                        }, 0);
                    });
                } catch (error) {
                    console.error('i18n初始化错误:', error);
                }
            }

            // 初始化语言切换器
            function initLanguageSwitcher() {
                $('.lang-btn').click(function(e) {
                    e.preventDefault();
                    const targetLang = $(this).data('lang');

                    // 避免重复点击
                    if (targetLang === currentLang) return;

                    // 手动更新按钮状态（提前切换，避免跳转后延迟）
                    $('.lang-btn').removeClass('active');
                    $(this).addClass('active');
                    // 生成目标URL并跳转
                    const targetUrl = getUrlWithLang(targetLang);
                    console.log(targetUrl,"targetUrltargetUrl")
                    window.location.href = targetUrl; // 跳转到带前缀的页面
                });
            }

            // 设置活动的语言按钮
            function setActiveLanguageButton(lang) {
                $('.lang-btn').removeClass('active');
                $(`.lang-btn[data-lang="${lang}"]`).addClass('active');
            }

            // 根据语言更新导航栏样式的函数
            function updateNavbarStyle(lang) {
                var navbarContainer = $('.navbar-nav').parent();
                if (lang === 'en') {
                    navbarContainer.addClass('navbar-english');
                } else {
                    navbarContainer.removeClass('navbar-english');
                }
            }

            // 更新页面翻译
            function updateTranslations() {
                $("[data-i18n]").each(function() {
                    const key = $(this).data("i18n");
                    const translation = $.i18n(key);
                    // 若翻译失败，显示原文本并报警
                    if (translation) {
                        $(this).text(translation);
                    } else {
                        console.warn('翻译缺失：', key);
                    }
                });
            }

            // 处理图片懒加载
            handleLazyLoading();

            // 智能滚动定位
            smartScroll();

            // 处理图片懒加载
            function handleLazyLoading() {
                // 图片懒加载处理
                const lazyImages = [].slice.call(document.querySelectorAll('img[data-src]'));

                if ('IntersectionObserver' in window) {
                    let lazyImageObserver = new IntersectionObserver(function(entries) {
                        entries.forEach(function(entry) {
                            if (entry.isIntersecting) {
                                let lazyImage = entry.target;
                                lazyImage.src = lazyImage.dataset.src;
                                lazyImageObserver.unobserve(lazyImage);
                            }
                        });
                    });

                    lazyImages.forEach(function(lazyImage) {
                        lazyImageObserver.observe(lazyImage);
                    });
                } else {
                    // 兼容旧浏览器
                    lazyImages.forEach(function(img) {
                        img.src = img.dataset.src;
                    });
                }
            }

            // 智能滚动定位
            function smartScroll() {
                if (window.location.pathname.includes('/Index/partyLed/')) return;

                // 确保DOM完全渲染
                requestAnimationFrame(() => {
                    const navbar = document.querySelector('.container');
                    const carousel = document.querySelector('.jSlider');
                    const breadcrumb = document.querySelector('.pst');

                    if (!navbar || !carousel || !breadcrumb) return;

                    const totalHeight = navbar.offsetHeight + carousel.offsetHeight;
                    const targetTop = totalHeight - 18;
                    window.scrollTo({ top: targetTop, behavior: 'auto' });
                });
            }
        });


        <!--头部导航栏高亮逻辑  -->
        var uri = window.location.pathname;
        if (uri != null && uri != "") {
            // 移除URL中的语言前缀（中文/英文），移除可能的尾部斜杠,得到核心路径（如 /Index/aboutJg/...）
            const uriWithoutLang = uri.replace(/^\/(zh-CN|en)\//, '/').replace(/\/$/, '');

            // 获取所有一级导航菜单
            var lis = $(".navbar-nav > li");

            lis.each(function (e) {
                var li = $(this);
                var a = li.find("a").first(); // 取一级菜单的主链接
                var href = a.attr("href");
                if (!href) return;

                // 移除导航链接中的语言前缀，统一路径结构
                const hrefWithoutLang = href.replace(/^\/(zh-CN|en)\//, '/');
                // 分割处理后的路径，提取模块名（如 "aboutJg"、"news" 等）
                const action = hrefWithoutLang.split("/");
                // 正确的模块名在分割后的第2位（如 /Index/aboutJg/... → action[2] = "aboutJg"）
                var controllerName = action.length >= 3 ? action[2] : "";

                // 首页特殊处理（/ 对应 /Index/index.html）
                if (uriWithoutLang === '/' && hrefWithoutLang === '/Index/index.html') {
                    li.addClass("active");
                }
                // 其他页面：当前路径包含模块名则高亮
                else if (uriWithoutLang.indexOf(controllerName) !== -1 && controllerName !== "") {
                    li.addClass("active");
                }

                // 排除外部链接
                if (href.startsWith("http://") || href.startsWith("http://")) {
                    li.removeClass("active");
                }
            });
        }
        //解决详情页面侧边栏不高亮
        document.querySelectorAll('.dropdown-menu, .dropdown').forEach(container => {
            container.addEventListener('click', function (e) {
                // 获取实际点击的目标元素（可能是 li 或 a）
                const target = e.target.closest('li, a');
                if (target) {
                    const id = target.getAttribute('data-id');
                    if (id) {
                        localStorage.setItem('highlightedItem', id);
                    }
                }
            });
        });
        document.querySelectorAll('.dropdown-menu li').forEach(li => {
            li.addEventListener('click', function () {
                // 获取当前 <li> 的标识
                let id = this.getAttribute('data-id');
                // 存储高亮状态到 localStorage
                localStorage.setItem('highlightedItem', id);

            });
        });
        // 智能滚动定位函数（定位到面包屑逻辑）
        // document.addEventListener('DOMContentLoaded', function() {
        //     // 图片懒加载处理
        //     const lazyImages = [].slice.call(document.querySelectorAll('img[data-src]'));
        //
        //     if ('IntersectionObserver' in window) {
        //         let lazyImageObserver = new IntersectionObserver(function(entries) {
        //             entries.forEach(function(entry) {
        //                 if (entry.isIntersecting) {
        //                     let lazyImage = entry.target;
        //                     lazyImage.src = lazyImage.dataset.src;
        //                     lazyImageObserver.unobserve(lazyImage);
        //                 }
        //             });
        //         });
        //
        //         lazyImages.forEach(function(lazyImage) {
        //             lazyImageObserver.observe(lazyImage);
        //         });
        //     } else {
        //         // 兼容旧浏览器
        //         lazyImages.forEach(function(img) {
        //             img.src = img.dataset.src;
        //         });
        //     }
        //
        //     // 智能滚动定位函数（定位到面包屑逻辑）
        //     function smartScroll() {
        //         if (window.location.pathname.includes('/Index/partyLed/')) return;
        //
        //         // 确保DOM完全渲染
        //         requestAnimationFrame(() => {
        //             const navbar = document.querySelector('.container');
        //             const carousel = document.querySelector('.jSlider');
        //             const breadcrumb = document.querySelector('.pst');
        //
        //             if (!navbar || !carousel || !breadcrumb) return;
        //
        //             const totalHeight = navbar.offsetHeight + carousel.offsetHeight;
        //             const targetTop = totalHeight - 18;
        //             window.scrollTo({ top: targetTop, behavior: 'auto' });
        //         });
        //     }
        //
        //     // 使用Promise确保关键资源加载
        //     Promise.all([
        //         new Promise(resolve => {
        //             if (document.readyState === 'complete') resolve();
        //             else window.addEventListener('load', resolve);
        //         }),
        //         new Promise(resolve => {
        //             const waitForImages = () => {
        //                 const images = document.images;
        //                 let loaded = 0;
        //
        //                 if (images.length === 0) return resolve();
        //
        //                 for (let i = 0; i < images.length; i++) {
        //                     if (images[i].complete) loaded++;
        //                 }
        //
        //                 if (loaded === images.length) resolve();
        //                 else setTimeout(waitForImages, 100);
        //             };
        //             waitForImages();
        //         })
        //     ]).then(smartScroll);
        // });

        // 解决侧标导航栏高亮问题逻辑，页面加载时执行
        $(document).ready(function () {
            // 解决一级菜单无法跳转
            $(document).off('click.bs.dropdown.data-api');
            var uri = window.location.pathname;
            let found = false;
            // 精确匹配当前URI
            $('.s_nav > li, .s_navapp > li').each(function () {
                const $li = $(this);
                const href = $li.find('a').attr('href');
                if (uri === href) {
                    $li.addClass('now');
                    found = true;
                    localStorage.setItem('highlightedItem', $li.attr('data-id'));
                }
            });
            // 未匹配则使用localStorage
            if (!found) {
                const highlightedId = localStorage.getItem('highlightedItem');
                if (highlightedId) {
                    $('.s_nav > li, .s_navapp > li').removeClass('now');
                    $(`[data-id="${highlightedId}"]`).addClass('now');
                }
            }
        });
        // 点击事件处理
        document.querySelectorAll('.s_nav li, .s_navapp li').forEach(li => {
            li.addEventListener('click', function (e) {
                const href = this.querySelector('a').getAttribute('href');
                if (window.location.pathname === href) {
                    e.preventDefault();
                }
                localStorage.setItem('highlightedItem', this.getAttribute('data-id'));
            });
        });

    </script>
</header>

<!-- 图片轮播 -->
<div class="jSlider" id="slider" data-loop="true" data-delay="3000" data-speed="500">
    <div>
        <div style="left: 1280px">
            <!--增加懒加载 -->
            <img class="img-responsive"
                 data-src="/UploadFilePath/common/2025-03-18/41dc60babd4843babd08a1bb1e6b5fbc.jpg"
                 src="data:image/gif;base64,ROIGODIhAOABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                 ondragstart="return false"
                 loading="lazy">
        </div>
    </div>
    <div>
        <div style="left: 1280px">
            <!--增加懒加载 -->
            <img class="img-responsive"
                 data-src="/UploadFilePath/common/2025-03-18/5d049ee3a2ed46ddb7fde83f70461867.jpg"
                 src="data:image/gif;base64,ROIGODIhAOABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                 ondragstart="return false"
                 loading="lazy">
        </div>
    </div>
    <div>
        <div style="left: 1280px">
            <!--增加懒加载 -->
            <img class="img-responsive"
                 data-src="/UploadFilePath/common/2025-03-18/dee2c5f247a4480e9d043a08f2ea2d84.jpg"
                 src="data:image/gif;base64,ROIGODIhAOABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                 ondragstart="return false"
                 loading="lazy">
        </div>
    </div>
    <div>
        <div style="left: 1280px">
            <!--增加懒加载 -->
            <img class="img-responsive"
                 data-src="/UploadFilePath/common/2025-03-18/ce926ffb5aeb483ea1d62090f5076e0d.jpg"
                 src="data:image/gif;base64,ROIGODIhAOABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                 ondragstart="return false"
                 loading="lazy">
        </div>
    </div>
    <div>
        <div style="left: 1280px">
            <!--增加懒加载 -->
            <img class="img-responsive"
                 data-src="/UploadFilePath/common/2025-03-18/f91f85c231104cb58608af1eb9b535f3.jpg"
                 src="data:image/gif;base64,ROIGODIhAOABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                 ondragstart="return false"
                 loading="lazy">
        </div>
    </div>
    <div>
        <div style="left: 1280px">
            <!--增加懒加载 -->
            <img class="img-responsive"
                 data-src="/UploadFilePath/common/2025-03-18/e0a2d18aa6434aaebf7c53c5631093a8.jpg"
                 src="data:image/gif;base64,ROIGODIhAOABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                 ondragstart="return false"
                 loading="lazy">
        </div>
    </div>
</div>
<!--集团简介    -->
<div style="background: #F1F3F8">
    <div class="container">
        <div class="homeCompanyProfile">
            <div class="companyProfileContent">
                <div class="contentTitle">Group Profile</div>
                <div style="color: #999;font-size: 24px;line-height: 30px;font-family: arial;">Group profile</div>
                <div class="contentText">Shanxi Jincheng Iron and Steel Holding Group Co., Ltd. (&quot;Jingang Holding Group&quot;) is a key iron and steel joint venture in Shanxi Province, one of the enterprises implementing the upstream and downstream integration and restructuring policy of the iron and steel industry in Shanxi Province, and the leader of the industrial chain in Jincheng City. It has successively won the titles of National Green Factory, National Intelligent Manufacturing Demonstration Factory, National AAA-level Industrial Tourism Scenic Spot and Environmental Protection Performance A-level Enterprise.</div>
                <a data-i18n="learnMore" class="contentMore hidden-xs" href="/en/Index/aboutJg/groupProfile.html"></a>
            </div>
            <div class="companyProfileImg">
                <img src="/UploadFilePath/common/" alt="">
            </div>
            <a data-i18n="learnMore" class="phoneMore visible-xs" href="/en/Index/aboutJg/groupProfile.html"></a>
        </div>
    </div>
</div>
<!--集团事迹及成就-->
<div style="background: #0484f7">
    <div class="container">
        <div class="achievementsBox hidden-xs">
            <div class="achievements">
                <div class="achievementsPlacenumber" data-target="2002">0</div>
                <div class="achievementsPlacecontent" data-i18n="establish"></div>
                <i></i>
            </div>
            <div class="achievements">
                <div class="achievementsPlacenumber" data-target="384">0</div>
                <div class="achievementsPlacecontent" data-i18n="chineseEnterprises"></div>
                <i></i>
            </div>
            <div class="achievements">
                <div class="achievementsPlacenumber" data-target="67">0</div>
                <div class="achievementsPlacecontent" data-i18n="equipmentManufacturingIndustry"></div>
                <i></i>
            </div>
            <div class="achievements">
                <div class="achievementsPlacenumber" data-target="11">0</div>
                <div class="achievementsPlacecontent" data-i18n="shanxiProvinceEnterprises"></div>
                <i></i>
            </div>
        </div>
    </div>
    <ul class="achievementsBox visible-xs">
        <li class="achievements">
            <div class="achievementsPlacenumber" data-target="2002">0</div>
            <div class="achievementsPlacecontent" data-i18n="establish"></div>
        </li>
        <li class="achievements">
            <div class="achievementsPlacenumber" data-target="384">0</div>
            <div class="achievementsPlacecontent" data-i18n="chineseEnterprises"></div>
        </li>
        <li class="achievements">
            <div class="achievementsPlacenumber" data-target="67">0</div>
            <div class="achievementsPlacecontent" data-i18n="equipmentManufacturingIndustry"></div>
        </li>
        <li class="achievements">
            <div class="achievementsPlacenumber" data-target="11">0</div>
            <div class="achievementsPlacecontent" data-i18n="shanxiProvinceEnterprises"></div>
        </li>
    </ul>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const counters = document.querySelectorAll('.achievementsPlacenumber');
            const duration = 2000; // 动画总时长
            const startTime = Date.now();

            counters.forEach(counter => {
                const target = parseInt(counter.dataset.target, 10);
                const start = 0;

                const updateCounter = () => {
                    const elapsed = Date.now() - startTime;
                    const progress = Math.min(elapsed / duration, 1);
                    const current = Math.floor(easeOutQuad(progress) * (target - start) + start);

                    counter.textContent = current;

                    if (progress < 1) {
                        requestAnimationFrame(updateCounter);
                    } else {
                        counter.textContent = target;
                    }
                }

                requestAnimationFrame(updateCounter);
            });

            // 缓动函数（easeOutQuad）
            function easeOutQuad(t) {
                return t * (2 - t);
            }
        });
    </script>
</div>
<!-- 新闻中心 -->
<div style="margin-top: 20px">
    <div class="container">
        <div class="biaoti">
            <h2 data-i18n="nav.news"></h2>
            <p>news center</p>
        </div>
    </div>
    <div class="container mt">
        <div class="row">
            
        </div>
    </div>
    <div><a class="seeMore" href="/en/Index/news/groupNews.html" data-i18n="seeMore"></a></div>
    <script>
        // 存储高亮状态到 localStorage
        document.querySelectorAll('.indexNews,.seeMore a').forEach(a => {
            a.addEventListener('click', function () {
                // 存储高亮状态到 localStorage
                localStorage.setItem('highlightedItem', id = '1');
            });
        });
    </script>
</div>
<!-- 集团荣誉 -->
<div>
    <div class="container">
        <div class="biaoti">
            <h2 data-i18n="about.Recognition"></h2>
            <p>group honors</p>
        </div>
    </div>
    <div class="container mt">
        <div class="row honors">
            
        </div>
    </div>
    <div><a class="seeMore honorsMore" href="/en/Index/aboutJg/groupHonors.html" data-i18n="seeMore"></a></div>
    <script>
        // 存储高亮状态到 localStorage
        document.querySelectorAll('.indexHonors,.honorsMore a').forEach(a => {
            a.addEventListener('click', function () {
                // 存储高亮状态到 localStorage
                localStorage.setItem('highlightedItem', id = '3');
            });
        });
    </script>
</div>
<!-- 页脚与备案 -->
<div>
    <!-- 页脚 -->
    <div class="copyright hidden-md hidden-xs">
        <div class="container">
            <div class="pcContact">
                <div class="contactLogo">
                    <img src="/static/index/img/jglogo2.png" alt="">
                </div>
                <ul>
                    <li>
                        <img class="fa fa-map-marker" src="" alt="">
                        <!-- 公司地址  -->
                        <h3 data-i18n="companyAddress"></h3>
                        <p>山西省晋城市泽州县巴公镇东郜村</p>
                    </li>
                    <li>
                        <img class="fa fa-phone" src="" alt="">
                        <!-- 客服电话  -->
                        <h3 data-i18n="telephone"></h3>
                        <p>4000078669</p>
                    </li>
                </ul>
            </div>
        </div>

        <div class="container">
            <div class="row footerRow">
                <ul class="copy-mid">
                    <!--    首页     -->
                    <li>
                        <a href="/en/Index/index.html"><h2 data-i18n="nav.home"></h2></a>
                    </li>
                    <!--    关于晋钢     -->
                    <li>
                        <h2 data-i18n="nav.about"></h2>
                        <ul class="footerNav">
                            <li data-id="1"><a href="/en/Index/aboutJg/presidentSpeech.html" data-i18n="about.Chairman"></a></li>
                            <li data-id="2"><a href="/en/Index/aboutJg/groupProfile.html" data-i18n="about.Company"></a></li>
                            <li data-id="3"><a href="/en/Index/aboutJg/organizationStructure.html"  data-i18n="about.Organization"></a></li>
                            <li data-id="4"><a href="/en/Index/aboutJg/groupMembers.html"  data-i18n="about.Leadership"></a></li>
                            <li data-id="5"><a href="/en/Index/aboutJg/groupHonors.html"  data-i18n="about.Recognition"></a></li>
                            <li data-id="6"><a href="/en/Index/aboutJg/developmentMilestones.html"  data-i18n="about.History"></a></li>
                        </ul>
                    </li>
                    <!--    新闻中心     -->
                    <li>
                        <h2 data-i18n="nav.news"></h2>
                        <ul class="footerNav">
                            <li data-id="1"><a href="/en/Index/news/groupNews.html" data-i18n="news.News"></a></li>
                            <li data-id="2"><a href="/en/Index/news/wasteGasMonitoring.html" data-i18n="news.environmental"></a></li>
                        </ul>
                    </li>
                    <!--    销售中心     -->
                    <li>
                        <h2 data-i18n="nav.sales"></h2>
                        <ul class="footerNav">
                            <li data-id="1"><a href="/en/Index/sale/steelProductDisplay.html" data-i18n="sales.Steel"></a></li>
                            <li data-id="2"><a href="/en/Index/sale/nonSteelProductDisplay.html" data-i18n="sales.Non-steel"></a></li>
                            <li data-id="3"><a href="/en/Index/sale/realTimeQuote.html" data-i18n="sales.Price"></a></li>
                            <li data-id="4"><a href="/en/Index/sale/salesNetwork.html" data-i18n="sales.Footprint"></a></li>
                            <li data-id="5"><a href="/en/Index/sale/attractInvestment.html" data-i18n="sales.AttractInvestment"></a></li>
                            <li data-id="6"><a href="http://shop.godia.cn/home" data-i18n="sales.C2M"></a></li>
                        </ul>
                    </li>
                    <!--    终端应用中心     -->
                    <li>
                        <h2 data-i18n="nav.terminal"></h2>
                        <ul class="footerNav">
                            <li data-id="1"><a href="/en/Index/terminal/engineeringCase.html" data-i18n="terminal.Cases"></a></li>
                            <li data-id="2"><a href="/en/Index/terminal/jgLuster.html" data-i18n="terminal.Highlights"></a></li>
                        </ul>
                    </li>
                    <!--    集采中心     -->
                    <li>
                        <h2>
                            <a data-id="1" href="http://jgbuy.godia.cn/" class="dropdown-toggle "
                               data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false"
                               target="_blank" style="color: #fff;" data-i18n="nav.procurement"><b class=" icon-angle-down"></b>
                            </a>
                            <ul class="footerNav">
                                <li data-id="1"><a href="http://jgbuy.godia.cn/" target="_blank" data-i18n="procurement.e-Procurement"></a></li>
                                <li data-id="2"><a href="http://www.njxic.com/" target="_blank" data-i18n="procurement.XinzhiChain"></a></li>
                                <li data-id="3"><a href="/en/Index/procurement/scrapSteelRecycling.html" data-i18n="procurement.scrapSteelRecycling" target="_blank"></a></li>
                            </ul>
                        </h2>
                    </li>
                    <!--    企业文化     -->
                    <li>
                        <h2 data-i18n="nav.culture"></h2>
                        <ul class="footerNav">
                            <li data-id="1"><a href="/en/Index/culture/logoSign.html" data-i18n="culture.LOGO"></a></li>
                            <li data-id="2"><a href="/en/Index/culture/defineCulturalValues.html" data-i18n="culture.Concept"></a></li>
                        </ul>
                    </li>
                    <!--    党建引领     -->
                    
                    <!--    联系我们     -->
                    <li>
                        <h2 data-i18n="nav.contact"></h2>
                        <ul class="footerNav">
                            <li data-id="1"><a href="/en/Index/contactUs/contactInformation.html" data-i18n="contact.Details"></a></li>
                            <li data-id="2"><a href="/en/Index/contactUs/route.html" data-i18n="contact.route"></a></li>
                        </ul>
                    </li>
                </ul>
                <div class="copy-right">
                    <p data-i18n="weChat"></p>
                    <img src="/UploadFilePath/common/2025-03-18/98f491ea85734b249d23f706a42c7947.jpg"
                         ondragstart="return false" width="100"/>
                </div>
            </div>
        </div>
        <script>
            document.querySelectorAll('.footerNav li').forEach(li => {
                li.addEventListener('click', function () {
                    // 获取当前 <li> 的标识
                    let id = this.getAttribute('data-id');
                    // 存储高亮状态到 localStorage
                    localStorage.setItem('highlightedItem', id);

                });
            });
        </script>
    </div>

    <!-- pc端备案 -->
    <div class="copy hidden-md hidden-xs" style="text-align: left">
        <div class="container">
            <div style="display: flex;place-content: center;justify-content: space-between;align-items: center;">
                <div>
                    <span data-i18n="footer.copyright"></span>&nbsp;<span>晋ICP备17002098号-2</span>&nbsp;&nbsp;
                    <span class="publicNetwork">
                    <img src="/static/index/img/beian.png" alt="">
                    <a data-i18n="footer.record" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=14050002000140"></a>
                </span>
                    <p>
                        <span>Copyright 2011 www.godia.cn All Reserved</span>
                        <span><a data-i18n="businessLicense" href="/UploadFilePath/common/2025-03-18/86af350d3ce14137919fe0beb6fb4ace.jpg" style="color: #0484f7"></a></span>
                    </p>
                </div>
                <div>
                    <a href="http://xyt.xinchacha.com/getpcInfo?sn=1491243447120531456&certType=8&url=*.godia.cn">
                        <img style="width: 164px" src="/static/index/img/icon8.png" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!--返回顶部按钮+手机端备案-->
    <div style="background: #F1F3F8;">
        <div class="returnTop visible-xs">
            <div>
                <span id="back-to-top" class="topText" data-i18n="Top">
                <img style="font-size: 24px;margin-top: -6px" class="fa fa-arrow-up" src="" alt="">
                </span>
            </div>
        </div>
        <div class="copy copyApp hidden-lg">
            <p data-i18n="footer.copyright"></p>
            <p>晋ICP备17002098号-2</p>
            <p class="publicNetwork">
                <img src="/static/index/img/beian.png" alt="">
                <a data-i18n="footer.record" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=14050002000140"></a>
            </p>
            <p>
                <span>Copyright 2011 www.godia.cn All Reserved</span>
                <span><a data-i18n="businessLicense" href="/UploadFilePath/common/2025-03-18/86af350d3ce14137919fe0beb6fb4ace.jpg" style="color: #0484f7"></a></span>
            </p>
        </div>
    </div>
</div>

</body>
</html>