

<!doctype html>
<html>
<head>
    <meta charset="utf8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>均和集团</title>
   <script type="text/javascript" src="javascript/rem.js"></script>
    <script type="text/javascript" src="javascript/1.11.3.jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="dist/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/swiper.css">
    <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/hover.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min-1.js"></script>
        <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min-1.js"></script>
        <![endif]-->
</head>
<style>
    html, body {
        position: relative;
        height: 100%;
        overflow: hidden;
    }

    .page-loader .site-logo {
        /*background-image: url("images/demo-1-bg.jpg") !important;*/
    }

    #particles {
        width: 100%;
        height: 100%;
        overflow: hidden;
        margin-top: -20%;
    }

    .main-title {
        position: absolute;
        margin: 0;
        padding: 0;
        color: #f9f1e9;
        text-align: center;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        -webkit-animation: opa_btm 1s infinite alternate linear;
        animation: opa_btm 1s infinite alternate linear;
    }

        .main-title img {
            cursor: pointer;
        }

    @-webkit-keyframes opa_btm {
        0% {
            -webkit-transform: translate3d(-50%,-40%,0);
            opacity: 0.1;
        }

        100% {
            -webkit-transform: translate3d(-50%,-50%,0);
            opacity: 1.0;
        }
    }

    @keyframes opa_btm {
        0% {
            transform: translate3d(-50%,-40%,0);
            opacity: 0.1;
        }

        100% {
            transform: translate3d(-50%,-50%,0);
            opacity: 1.0;
        }
    }

    .page-footer {
        /*background: url("images/up.png") no-repeat center;*/
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
    }
</style>
<body class="has-preloader">
    <!-- #BeginLibraryItem "/Header.lbi" -->



<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<header>

</header>

    <!-- #EndLibraryItem -->

    <div class="page-loader">
        <video class="animation_bg" muted no-controls autoplay src="https://oss-wuhan.sangforcloud.com:12000/jhtech-fileserver-bucket/junhegroup/bg.mp4"></video>
        <img class="animation_bg" src="https://oss-wuhan.sangforcloud.com:12000/jhtech-fileserver-bucket/junhegroup/bg_mobile.gif" alt="">
        <!--<div class="site-logo">
            <div id="particles"></div>
        </div>
        <div class="main-title">
&lt;!&ndash;            <img src="images/demo-logo.png" />&ndash;&gt;
        </div>
        <div class="page-footer"></div>-->
    </div>
    <!-- 首页内容 -->
    <div class="swiper-container home-container">
        <div class="home-wrapper swiper-wrapper">
            <div class="home-slide swiper-slide home-banner">
                <div class="svg-wrapper">
                    <div class="text">
                        <img src="images/home-logo.png" />
                    </div>
                </div>
                <div id="btn1" class="mouse">
                    <img src="images/mouse01.png" />
                </div>
            </div>
            <div class="home-slide swiper-slide home-about">
                <div id="about">
                    <div class="about-height">
                        <div class="home-title">
                            <h1>关于均和</h1>
                            <h2>About Junhe Group</h2>
                        </div>
                        <div id="top"></div>
                        <div class="mis-stage" id="box">
                            <div class="bg"></div>
                            <div id="list" class="mis-container swiper-container">
                                <ul class="mis-wrapper clearfix swiper-wrapper">

                                    <li class="mis-slide swiper-slide">
                                        <a class="mis-container" href="AboutUs-54.html">
                                            <div class="img">
                                                <img src="upload/201707/06/201707061731565062.png">
                                            </div>
                                            <div class="text">走进均和</div>
                                        </a>
                                    </li>

                                    <li class="mis-slide swiper-slide">
                                        <a class="mis-container" href="AboutUs-55.html">
                                            <div class="img">
                                                <img src="upload/201707/10/201707101900246725.jpg">
                                            </div>
                                            <div class="text">企业愿景</div>
                                        </a>
                                    </li>

                                    <li class="mis-slide swiper-slide">
                                        <a class="mis-container" href="AboutUs-105.html">
                                            <div class="img">
                                                <img src="upload/201707/10/201707101909147378.jpg">
                                            </div>
                                            <div class="text">组织架构</div>
                                        </a>
                                    </li>

                                    <!--<li class="mis-slide swiper-slide">
                                        <a class="mis-container" href="abCourse-56.html">
                                            <div class="img">
                                                <img src="upload/201707/10/201707101859473048.jpg">
                                            </div>
                                            <div class="text">发展历程</div>
                                        </a>
                                    </li>-->

                                    <li class="mis-slide swiper-slide">
                                        <a class="mis-container" href="abHonor-84.html">
                                            <div class="img">
                                                <img src="upload/201707/10/201707101900126574.jpg">
                                            </div>
                                            <div class="text">品牌荣誉</div>
                                        </a>
                                    </li>

                                    <!--<li class="mis-slide swiper-slide">
                                        <a class="mis-container" href="AboutUs-211.html">
                                            <div class="img">
                                                <img src="">
                                            </div>
                                            <div class="text">法律声明</div>
                                        </a>
                                    </li>-->

                                </ul>
                            </div>
                            <a href="javascript:;" class="mis-prev" id="prev"></a>
                            <a href="javascript:;" class="mis-next" id="next"></a>
                        </div>
                    </div>
                </div>
                <div id="btn2" class="mouse">
                    <img src="images/mouse02.png" />
                </div>
            </div>
            <div class="home-slide swiper-slide home-business">
                <div id="business">
                    <div class="business-height">
                        <div class="home-title">
                            <h1>业务布局</h1>
                            <h2>Business Overview</h2>
                        </div>
                        <div class="container">
                            <div class="swiper-container business-container">
                                <ul class="row business-wrapper swiper-wrapper">

                                            <li class="col-sm-3 business-slide swiper-slide">
                                                <a href="productl-59.html">
                                                    <div class="shade"></div>
                                                    <div class="img">
                                                        <img src="upload/201706/28/201706282048358373.png" />
                                                    </div>
                                                    <div class="text">
                                                        <div class="h4">
                                                            全球大宗贸易
                                                        </div>
                                                        <p>追求大规模、标准化交易</p>
                                                    </div>
                                                    <div class="bg"></div>
                                                </a>
                                            </li>

                                            <li class="col-sm-3 business-slide swiper-slide">
                                                <a href="productl-60.html">
                                                    <div class="shade"></div>
                                                    <div class="img">
                                                        <img src="upload/201707/10/201707101706240544.jpg" />
                                                    </div>
                                                    <div class="text">
                                                        <div class="h4">
                                                            金融服务与投资
                                                        </div>
                                                        <p>以全球化视野，打造金融服务平台</p>
                                                    </div>
                                                    <div class="bg"></div>
                                                </a>
                                            </li>

                                            <li class="col-sm-3 business-slide swiper-slide">
                                                <a href="productl-61.html">
                                                    <div class="shade"></div>
                                                    <div class="img">
                                                        <img src="upload/201707/06/201707061740168955.jpg" />
                                                    </div>
                                                    <div class="text">
                                                        <div class="h4">
                                                            城市运营与民生
                                                        </div>
                                                        <p>提升城市的人居环境，打造美好和谐家园</p>
                                                    </div>
                                                    <div class="bg"></div>
                                                </a>
                                            </li>

                                            <li class="col-sm-3 business-slide swiper-slide">
                                                <a href="productl-202.html">
                                                    <div class="shade"></div>
                                                    <div class="img">
                                                        <img src="upload/202012/16/202012161944571905.jpg" />
                                                    </div>
                                                    <div class="text">
                                                        <div class="h4">
                                                            产业园区建设与运营
                                                        </div>
                                                        <p>整合科技产业资源，打造科技产业平台</p>
                                                    </div>
                                                    <div class="bg"></div>
                                                </a>
                                            </li>

                                            <li class="col-sm-3 business-slide swiper-slide">
                                                <a href="productl-112.html">
                                                    <div class="shade"></div>
                                                    <div class="img">
                                                        <img src="upload/201707/10/201707101658110384.jpg" />
                                                    </div>
                                                    <div class="text">
                                                        <div class="h4">
                                                            实业重工
                                                        </div>
                                                        <p>聚焦重工，实业报国</p>
                                                    </div>
                                                    <div class="bg"></div>
                                                </a>
                                            </li>

                                            <li class="col-sm-3 business-slide swiper-slide">
                                                <a href="productl-171.html">
                                                    <div class="shade"></div>
                                                    <div class="img">
                                                        <img src="upload/201707/10/201707101657577107.jpg" />
                                                    </div>
                                                    <div class="text">
                                                        <div class="h4">
                                                            工程建设
                                                        </div>
                                                        <p>房建、市政、电力等基础设施投资与园林工程</p>
                                                    </div>
                                                    <div class="bg"></div>
                                                </a>
                                            </li>

                                </ul>
                                <div class="swiper-button-prev business-prev swiper-button-white"></div>
                                <div class="swiper-button-next business-next swiper-button-white"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="btn3" class="mouse">
                    <img src="images/mouse02.png" />
                </div>
            </div>
        </div>
    </div>
    <!-- #BeginLibraryItem "/Footer.lbi" -->


<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<footer>

</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript" src="dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="javascript/swiper-3.3.1.jquery.min.js"></script>
<script type="text/javascript" src="javascript/swiper.animate1.0.2.min.js"></script>
<script type="text/javascript" src="javascript/superSlide.2.1.1.js"></script>
<!--<script type="text/javascript">
setInterval(function(){
    var headerH = $("header").outerHeight(true);
    var footerH = $("footer").outerHeight(true);
    $(".main").css('padding-top', headerH);
    $(".main").css('margin-bottom', footerH);
    $(".home-slide").css('padding-top', headerH);
}, 0);
</script>-->


    <script type='text/javascript' src="js1/jquery.particleground.min.js"></script>
    <script type='text/javascript' src="js1/inpic.com.cn.js"></script>
    <script>
        function navActive(){
            $(".navbar-nav li").eq(0).css('display', 'none');
            $("#list li").eq(0).addClass('hove');
        }
        //页面加载时的 Loading 效果
        $(window).load(function () {

        });
        window.setTimeout(function () {
                $('body').removeClass('has-preloader');
            }, 3000);

        // 主体
        $(document).ready(function () {
            var homeA = $(".about-height").outerHeight(true);
            $("#about").outerHeight(homeA);
            var homeB = $(".business-height").outerHeight(true);
            $("#business").outerHeight(homeB);

            var swiper1 = new Swiper('.home-container', {
                speed: 1400,
                direction: 'vertical',
                wrapperClass: "home-wrapper",
                slideClass: "home-slide",
                slidesPerView: 1,
                paginationClickable: true,
                mousewheelControl: true,
                onlyExternal: false,
                resistance: false,
                loop: true,
            });
            $('.mouse').click(function () {
                swiper1.slideNext();
            });
            $("footer").hide();
            if ($("body").width() < 767) {
                var swiper2 = new Swiper('.business-container', {
                    speed: 800,
                    wrapperClass: "business-wrapper",
                    slideClass: "business-slide",
                    slidesPerView: 1,
                    paginationClickable: true,
                    autoHeight: true,
                    loop: true,
                    spaceBetween: 20,
                    prevButton: '.business-prev',
                    nextButton: '.business-next',
                });
            };
        });
    </script>
    <script type="text/javascript" src="javascript/slide.js"></script>
</body>
</html>
