<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>北京海策工程咨询有限公司</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <link rel="icon" href="favicon.ico" />
    <link rel="stylesheet" href="/css/cui.css" />
    <link rel="stylesheet" href="/css/style.css" />
    <link rel="stylesheet" href="/css/less.css" />
    <script type="text/javascript" src="/js/jquery.js"></script>
</head>

<body>
    <style>
    #hd {
        height: 90px;
        background: #fff;
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 9999;
        -o-transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .fixed {
        top: -101px !important;
    }

    #hd .logo {
        float: left;
        margin-right: 65px;
        height: 90px;
    }

        #hd .logo a {
            display: block;
            height: 100%;
            line-height: 90px;
        }

            #hd .logo a img {
                display: inline-block;
                vertical-align: middle;
                width: 200px;
            }

    #nav ul li {
        float: left;
        line-height: 90px;
        width: 100px;
        margin-right: 10px;
    }

        #nav ul li a {
            display: inline-block;
            width: 100%;
            text-align: center;
            font-size: 16px;
            border-bottom: 3px solid #fff;
            height: 90px;
        }

            #nav ul li a:hover {
                /*border-bottom: 3px solid #e4392a;*/
            }

    #nav .mycur {
        color: #e4392a;
        background: url(../images/icon1.png) no-repeat -6px 66px;
    }

    #hd .tel {
        background: url(../images/tel_bg.png) left center no-repeat;
        line-height: 90px;
        float: right;
        padding-left: 37px;
        color: #e4392a;
        font-size: 18px;
    }
    /*手机头部*/
    #m-hd {
        display: none;
    }

    #m-hd {
        height: 50px;
        line-height: 50px;
        background-color: #fff;
        padding: 0;
        position: fixed;
        width: 100%;
        z-index: 999999;
    }

        #m-hd img {
            height: 40px;
            padding: 10px 0 0 10px;
        }

    .m-trigger {
        position: absolute;
        top: 0;
        right: 10px;
        width: 50px;
        color: #fff;
        text-align: center;
        font-size: 30px;
        line-height: 45px;
        cursor: pointer;
        background: url(../images/menu_add.png) center center no-repeat;
        -webkit-background-size: 50px;
        background-size: 25px;
        height: 50px;
    }

    .m-nav {
        z-index: 60;
        position: absolute;
        top: 50px;
        width: 100%;
        left: 0;
        background: url(../images/alpha_black_70.png) repeat;
        text-align: center;
        display: none;
    }

        .m-nav li {
            border-bottom: 1px solid #565656;
        }

        .m-nav a {
            display: block;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #fff;
            font-size: 16px;
        }

            .m-nav a:hover, .m-nav a:active {
                color: #e4392a;
            }

    .m-sub {
        text-align: left;
        display: none;
        width: 100%;
    }

        .m-sub a {
            border-bottom: none;
            font-size: 13px;
        }
</style>
<div id="hd">
    <div class="wp">
        <div class="logo"> <a href="Index.html"> <img src="/images/logo.png" alt=""> </a> </div>
        <div id="nav">
            <ul class="wpnav">
                <li> <a href="/Home/Index" class="mycur"> 首页 </a> </li>
                <li> <a href='/Honor/Index'> 资质荣誉</a> </li>
                <li> <a href='/Performance/Index'> 典型业绩</a> </li>
                <li> <a href='/EnterpriseNews/Index'> 企业动态</a> </li>
                <li> <a href='/Policy/Index'> 政策法规</a> </li>
                <li> <a href="/About/Index"> 关于我们</a> </li>
            </ul>
        </div>
        <div class="tel"> 010-63271167</div>
    </div>
</div>
<!-- 手机端头部 -->
<div class="c"> </div>
<div id="m-hd">
    <a href="Index.html" class="m-logo"> <img src="/images/logo.png" alt=""> </a>
    <div class="m-trigger"> </div>
    <ul class="m-nav">
        <li> <a href="/Home/Index" class="mycur"> 首页 </a> </li>
        <li> <a href='/Honor/Index'> 资质荣誉</a> </li>
        <li> <a href='/Performance/Index'> 典型业绩</a> </li>
        <li> <a href='/EnterpriseNews/Index'> 企业动态</a> </li>
        <li> <a href='/Policy/Index'> 政策法规</a> </li>
        <li> <a href='/About/Index'> 关于我们</a> </li>
    </ul>
</div>
<div class="c"> </div>

<script>
    $(function () {
        var pathname = window.location.pathname;
        $('#nav ul li').each(function () {
            var aa = $(this).find('a').attr("href");
            if (aa == pathname) {
                $(this).find('a').addClass('mycur');
            } else {
                $(this).find('a').removeClass('mycur');
            }
        })
    })
</script>

    <div id="bd">
        <div id="banner">
            <div class="banner-bg"></div>
            <div class="flexslider">
                <ul class="slides">
                    <li class="s1">
                        <img src="/images/banner1.jpg" alt="">
                        <div class="ban-txt">
                            <h5 data-animate="fadeInDown" class="animated">
                                INTEGRITY+DEDICATION+EFFICIENCY+INNOVATION
                            </h5>
                            <h2 data-animate="fadeInRight" class="animated">诚信+敬业+高效+创新</h2>
                            <h3 data-animate="fadeInUp" class="animated">做中国一流的涉水一体化服务平台</h3>
                        </div>
                    </li>
                    <li class="s2">
                        <img src="/images/banner2.jpg" alt="">
                        <div class="ban-txt">
                            <h2 data-animate="fadeInRight" class="animated">始于客户需求、终于客户满意</h2>
                            <h3 data-animate="fadeInDown" class="animated">
                                From customer demand to customer satisfaction
                            </h3>
                            <h4 data-animate="fadeInUp" class="animated">以客户为中心、以市场为导向、以奋斗求生存、以创新求发展</h4>
                            <h6 data-animate="fadeInUp" class="animated">www.beijinghaice.com</h6>
                        </div>
                    </li>
                    <li class="s3">
                        <img src="/images/banner3.jpg" alt="">
                        <div class="ban-txt">
                            <h2 data-animate="fadeInDown" class="animated">海纳百川&nbsp;胸拥万策</h2>
                            <h3 data-animate="fadeInRight" class="animated">A water service specialist near you</h3>
                            <h4 data-animate="fadeInUp" class="animated">您身边的涉水服务专家</h4>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row1 services-bg fix">
            <div class="wp">
                <div class="tit-i">
                    <h3>关于海策</h3>
                    <h5>ABOUT<span>HAICE</span></h5>
                    <em></em>
                </div>
                <div class="tit-p">
                    <h3>
                        北京海策工程咨询有限公司成立于1999年10月，是中国水利工程协会常务理事单位、北京市水利工程协会理事单位。公司实力雄厚，在册员工300余人，拥有国家水利部颁发的水利施工监理甲级、水土保持工程施工监理甲级、机电及金属结构设备制造监理乙级、水利工程建设环境保护监理资质、工程咨询（水利水电）甲级、水资源论证乙级、水土保持监测3星、水土保持方案编制2星，并通过了
                        ISO质量／环境／职业健康安全三位一体标准化体系认证。
                    </h3>
                </div>
                <ul class="ul-icon-i">
                    <li class="li1">
                        <div class="pad">
                            <a href="/Home/Consultation">
                                <span></span>
                                <h3>工程咨询</h3>
                                <em></em>
                                <p>全过程咨询是工程咨询方受委托方委托，综合运用多学科知识、工程实践经验、现代科学技术和经济管理方法，采用多种服务方式组合，在工程前期决策、建设实施、后期运维阶段或勘察、设计、招标采购、工程监理、造价咨询、信息化咨询等专项咨询提供咨询服务活动。</p>
                                <div class="pic">
                                    <img src="/images/m1.png" alt=""> 
                                    <img src="/images/m2.png" alt="" class="pic-icon">
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="li2">
                        <div class="pad">
                            <a href="/Home/Supervision">
                                <span></span>
                                <h3>工程监理</h3>
                                <em></em>
                                <p>工程监理业务深耕水利市场，资质与规模常年处于国内同类企业前列，分为施工监理、水保环保监理、设备制造监理、移民监督评估四大业务板块，纵向发展项目代建、项目管理、全过程咨询业务，横向拓展房建、市政监理业务。</p>
                                <div class="pic">
                                    <img src="/images/m1.png" alt=""> <img src="/images/m6.png" alt="" class="pic-icon">
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="li3">
                        <div class="pad">
                            <a href="/Home/Wisdom">
                                <span></span>
                                <h3>智慧水利</h3>
                                <em></em>
                                <p>以巨量后台技术网络集成为支撑，解决水利工程项目从业务生成、现场建造、团队管理、运营维护等全生命周期环节的智慧化方案，让项目建设信息更加清晰、过程更加科学、执行更加高效、协同更加便捷，从而实现企业成本的有效控制，安全系数的有效提升、成果质量的有效控制等效益目标。</p>
                                <div class="pic">
                                    <img src="/images/m1.png" alt=""> <img src="/images/m8.png" alt="" class="pic-icon">
                                </div>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row2 fix">
            <div class="wp">
                <div class="tit-i">
                    <h3>典型业绩</h3>
                    <h5><span>Typical</span>performance</h5>
                    <em></em>
                </div>
                <div class="case-i">
                    <div class="case-i-r" style="width: 100%;">
                        <ul class="ul-case-i">
                                <li>
                                    <a href="/Performance/NContent?n=1" target="_blank">
                                        <div class="pic">
                                            <img src="/upload/202208/20220817155421362338809.png" alt="" />
                                            <p>&#x9EBB;&#x6817;&#x575D;&#x6C34;&#x5E93;&#x5DE5;&#x7A0B;</p>
                                        </div>
                                        <div class="hover">
                                            <b></b>
                                            <div class="txt">
                                                <img src="/images/logo_small.png" alt="">
                                                <h2>点击查看</h2>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="/Performance/NContent?n=2" target="_blank">
                                        <div class="pic">
                                            <img src="/upload/202208/20220817155525267116935.png" alt="" />
                                            <p>&#x4E07;&#x5E74;&#x6865;&#x7535;&#x7AD9;</p>
                                        </div>
                                        <div class="hover">
                                            <b></b>
                                            <div class="txt">
                                                <img src="/images/logo_small.png" alt="">
                                                <h2>点击查看</h2>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="/Performance/NContent?n=3" target="_blank">
                                        <div class="pic">
                                            <img src="/upload/202208/20220817155656944228503.png" alt="" />
                                            <p>&#x5317;&#x4EAC;&#x897F;&#x90CA;&#x7802;&#x77F3;&#x5751;&#x84C4;&#x6D2A;&#x5DE5;&#x7A0B;</p>
                                        </div>
                                        <div class="hover">
                                            <b></b>
                                            <div class="txt">
                                                <img src="/images/logo_small.png" alt="">
                                                <h2>点击查看</h2>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="/Performance/NContent?n=4" target="_blank">
                                        <div class="pic">
                                            <img src="/upload/202208/20220817155724469848878.png" alt="" />
                                            <p>&#x96C4;&#x5B89;&#x5357;&#x62D2;&#x9A6C;&#x6CB3;&#x9632;&#x6D2A;&#x6CBB;&#x7406;&#x5DE5;&#x7A0B;</p>
                                        </div>
                                        <div class="hover">
                                            <b></b>
                                            <div class="txt">
                                                <img src="/images/logo_small.png" alt="">
                                                <h2>点击查看</h2>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="/Performance/NContent?n=5" target="_blank">
                                        <div class="pic">
                                            <img src="/upload/202208/20220817155800812285061.png" alt="" />
                                            <p>&#x6500;&#x679D;&#x82B1;&#x7C73;&#x6613;&#x53BF;&#x978D;&#x5C71;&#x6C34;&#x5E93;&#x67A2;&#x7EBD;&#x5DE5;&#x7A0B;</p>
                                        </div>
                                        <div class="hover">
                                            <b></b>
                                            <div class="txt">
                                                <img src="/images/logo_small.png" alt="">
                                                <h2>点击查看</h2>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="/Performance/NContent?n=6" target="_blank">
                                        <div class="pic">
                                            <img src="/upload/202208/202208191528141618894332.png" alt="" />
                                            <p>&#x798F;&#x5EFA;&#x6F33;&#x6D66;&#x53BF;&#x671D;&#x9633;&#x6C34;&#x5E93;&#x5DE5;&#x7A0B;</p>
                                        </div>
                                        <div class="hover">
                                            <b></b>
                                            <div class="txt">
                                                <img src="/images/logo_small.png" alt="">
                                                <h2>点击查看</h2>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="/Performance/NContent?n=7" target="_blank">
                                        <div class="pic">
                                            <img src="/upload/202208/20220817155907680807469.png" alt="" />
                                            <p>&#x9ED1;&#x9F99;&#x6C5F;&#x5C3C;&#x5C14;&#x57FA;&#x6C34;&#x5229;&#x67A2;&#x7EBD;&#x5DE5;&#x7A0B;</p>
                                        </div>
                                        <div class="hover">
                                            <b></b>
                                            <div class="txt">
                                                <img src="/images/logo_small.png" alt="">
                                                <h2>点击查看</h2>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="/Performance/NContent?n=8" target="_blank">
                                        <div class="pic">
                                            <img src="/upload/202208/202208171559261953381195.png" alt="" />
                                            <p>&#x5C71;&#x897F;&#x4E07;&#x5BB6;&#x5BE8;&#x5F15;&#x9EC4;&#x5DE5;&#x7A0B;</p>
                                        </div>
                                        <div class="hover">
                                            <b></b>
                                            <div class="txt">
                                                <img src="/images/logo_small.png" alt="">
                                                <h2>点击查看</h2>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="/Performance/NContent?n=9" target="_blank">
                                        <div class="pic">
                                            <img src="/upload/202208/20220817155941875910703.png" alt="" />
                                            <p>&#x5B81;&#x590F;&#x4E2D;&#x5357;&#x90E8;&#x57CE;&#x4E61;&#x996E;&#x6C34;&#x5B89;&#x5168;&#x6C34;&#x6E90;&#x5DE5;&#x7A0B;</p>
                                        </div>
                                        <div class="hover">
                                            <b></b>
                                            <div class="txt">
                                                <img src="/images/logo_small.png" alt="">
                                                <h2>点击查看</h2>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                        </ul>
                    </div>
                    <div class="c"></div>
                    <div class="more-i"><a href="/Performance/Index"></a></div>
                </div>
            </div>
        </div>
        <div class="row3 news-bg">
            <div class="wp">
                <div class="tit-i tit-i-1">
                    <h3>企业动态</h3>
                    <h5>enterprise<span>NEWS</span></h5>
                    <em></em>
                </div>
                <ul class="ul-news-i">
                        <li>
                            <div class="pad">
                                <div class="txt">
                                    <span><em>10/31</em>2024</span>
                                    <h3><a href="/EnterpriseNews/NContent?n=1049">&#x6301;&#x7EED;&#x9886;&#x8DD1;  &#x52C7;&#x7ACB;&#x6F6E;&#x5934;</a></h3>
                                    <p></p>
                                    <a href="/EnterpriseNews/NContent?n=1049" class="more"></a>
                                </div>
                                <div class="hover">
                                    <div class="img"
                                         style="background: url() 0 0 /100% 100% no-repeat;background: url() 0 0 no-repeat\9;">
                                    </div>
                                    <div class="pad">
                                        <h3><a href="/EnterpriseNews/NContent?n=1049">&#x6301;&#x7EED;&#x9886;&#x8DD1;  &#x52C7;&#x7ACB;&#x6F6E;&#x5934;</a></h3>
                                        <p></p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="pad">
                                <div class="txt">
                                    <span><em>10/25</em>2024</span>
                                    <h3><a href="/EnterpriseNews/NContent?n=1048">&#x5317;&#x4EAC;&#x6D77;&#x7B56;&#x5DE5;&#x7A0B;&#x54A8;&#x8BE2;&#x6709;&#x9650;&#x516C;&#x53F8;&#x53EC;&#x5F00;&#x8D44;&#x8D28;&#x7533;&#x62A5;&#x5DE5;&#x4F5C;&#x590D;&#x76D8;&#x4F1A;&#x8BAE;</a></h3>
                                    <p>10&#x6708;25&#x65E5;&#xFF0C;&#x5C31;&#x5DE5;&#x7A0B;&#x8D44;&#x8D28;&#x7533;&#x62A5;&#x5DE5;&#x4F5C;&#xFF0C;&#x884C;&#x653F;&#x4EBA;&#x8D44;&#x4E2D;&#x5FC3;&#x7EC4;&#x7EC7;&#x53EC;&#x5F00;&#x4E86;&#x5DE5;&#x4F5C;&#x590D;&#x76D8;&#x4F1A;&#x3002;</p>
                                    <a href="/EnterpriseNews/NContent?n=1048" class="more"></a>
                                </div>
                                <div class="hover">
                                    <div class="img"
                                         style="background: url() 0 0 /100% 100% no-repeat;background: url() 0 0 no-repeat\9;">
                                    </div>
                                    <div class="pad">
                                        <h3><a href="/EnterpriseNews/NContent?n=1048">&#x5317;&#x4EAC;&#x6D77;&#x7B56;&#x5DE5;&#x7A0B;&#x54A8;&#x8BE2;&#x6709;&#x9650;&#x516C;&#x53F8;&#x53EC;&#x5F00;&#x8D44;&#x8D28;&#x7533;&#x62A5;&#x5DE5;&#x4F5C;&#x590D;&#x76D8;&#x4F1A;&#x8BAE;</a></h3>
                                        <p>10&#x6708;25&#x65E5;&#xFF0C;&#x5C31;&#x5DE5;&#x7A0B;&#x8D44;&#x8D28;&#x7533;&#x62A5;&#x5DE5;&#x4F5C;&#xFF0C;&#x884C;&#x653F;&#x4EBA;&#x8D44;&#x4E2D;&#x5FC3;&#x7EC4;&#x7EC7;&#x53EC;&#x5F00;&#x4E86;&#x5DE5;&#x4F5C;&#x590D;&#x76D8;&#x4F1A;&#x3002;</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="pad">
                                <div class="txt">
                                    <span><em>9/25</em>2024</span>
                                    <h3><a href="/EnterpriseNews/NContent?n=1045">&#x5317;&#x4EAC;&#x6D77;&#x7B56;&#x6EC7;&#x4E2D;&#x5F15;&#x6C34;&#x9879;&#x76EE;&#x76D1;&#x7406;&#x90E8;</a></h3>
                                    <p>&#x5317;&#x4EAC;&#x6D77;&#x7B56;&#x6EC7;&#x4E2D;&#x5F15;&#x6C34;&#x9879;&#x76EE;&#x76D1;&#x7406;&#x90E8;&#x5F00;&#x5C55;2024&#x5E74;&#x201C;&#x767E;&#x65E5;&#x594B;&#x6218;&#x52B3;&#x52A8;&#x7ADE;&#x8D5B;&#x6D3B;&#x52A8;&#x201D;</p>
                                    <a href="/EnterpriseNews/NContent?n=1045" class="more"></a>
                                </div>
                                <div class="hover">
                                    <div class="img"
                                         style="background: url() 0 0 /100% 100% no-repeat;background: url() 0 0 no-repeat\9;">
                                    </div>
                                    <div class="pad">
                                        <h3><a href="/EnterpriseNews/NContent?n=1045">&#x5317;&#x4EAC;&#x6D77;&#x7B56;&#x6EC7;&#x4E2D;&#x5F15;&#x6C34;&#x9879;&#x76EE;&#x76D1;&#x7406;&#x90E8;</a></h3>
                                        <p>&#x5317;&#x4EAC;&#x6D77;&#x7B56;&#x6EC7;&#x4E2D;&#x5F15;&#x6C34;&#x9879;&#x76EE;&#x76D1;&#x7406;&#x90E8;&#x5F00;&#x5C55;2024&#x5E74;&#x201C;&#x767E;&#x65E5;&#x594B;&#x6218;&#x52B3;&#x52A8;&#x7ADE;&#x8D5B;&#x6D3B;&#x52A8;&#x201D;</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="pad">
                                <div class="txt">
                                    <span><em>6/12</em>2024</span>
                                    <h3><a href="/EnterpriseNews/NContent?n=45">&#x201C;&#x4EBA;&#x4EBA;&#x8BB2;&#x5B89;&#x5168;&#x3001;&#x4E2A;&#x4E2A;&#x4F1A;&#x5E94;&#x6025;&#x2014;&#x7545;&#x901A;&#x751F;&#x547D;&#x901A;&#x9053;&#x201D;</a></h3>
                                    <p>&#x4E3A;&#x6DF1;&#x5165;&#x5B66;&#x4E60;&#x8D2F;&#x5F7B;&#x4E60;&#x8FD1;&#x5E73;&#x603B;&#x4E66;&#x8BB0;&#x5173;&#x4E8E;&#x5B89;&#x5168;&#x751F;&#x4EA7;&#x7684;&#x91CD;&#x8981;&#x8BBA;&#x8FF0;&#x548C;&#x91CD;&#x8981;&#x6307;&#x793A;&#x6279;&#x793A;&#x7CBE;&#x795E;&#xFF0C;&#x628A;&#x7406;&#x8BBA;&#x5B66;&#x4E60;&#x6210;&#x679C;&#x8F6C;&#x5316;&#x4E3A;&#x8C0B;&#x5212;&#x63A8;&#x52A8;&#x5DE5;&#x4F5C;&#x7684;&#x521B;&#x65B0;&#x601D;&#x8DEF;&#x3001;&#x52A1;&#x5B9E;&#x4E3E;&#x63AA;&#x3001;&#x6709;&#x6548;&#x65B9;&#x6CD5;&#xFF0C;&#x8FDB;&#x4E00;&#x6B65;&#x6811;&#x7262;&#x5B89;&#x5168;&#x53D1;&#x5C55;&#x7406;&#x5FF5;&#x3002;</p>
                                    <a href="/EnterpriseNews/NContent?n=45" class="more"></a>
                                </div>
                                <div class="hover">
                                    <div class="img"
                                         style="background: url(/upload/202406/20240612162427545319274.png) 0 0 /100% 100% no-repeat;background: url(/upload/202406/20240612162427545319274.png) 0 0 no-repeat\9;">
                                    </div>
                                    <div class="pad">
                                        <h3><a href="/EnterpriseNews/NContent?n=45">&#x201C;&#x4EBA;&#x4EBA;&#x8BB2;&#x5B89;&#x5168;&#x3001;&#x4E2A;&#x4E2A;&#x4F1A;&#x5E94;&#x6025;&#x2014;&#x7545;&#x901A;&#x751F;&#x547D;&#x901A;&#x9053;&#x201D;</a></h3>
                                        <p>&#x4E3A;&#x6DF1;&#x5165;&#x5B66;&#x4E60;&#x8D2F;&#x5F7B;&#x4E60;&#x8FD1;&#x5E73;&#x603B;&#x4E66;&#x8BB0;&#x5173;&#x4E8E;&#x5B89;&#x5168;&#x751F;&#x4EA7;&#x7684;&#x91CD;&#x8981;&#x8BBA;&#x8FF0;&#x548C;&#x91CD;&#x8981;&#x6307;&#x793A;&#x6279;&#x793A;&#x7CBE;&#x795E;&#xFF0C;&#x628A;&#x7406;&#x8BBA;&#x5B66;&#x4E60;&#x6210;&#x679C;&#x8F6C;&#x5316;&#x4E3A;&#x8C0B;&#x5212;&#x63A8;&#x52A8;&#x5DE5;&#x4F5C;&#x7684;&#x521B;&#x65B0;&#x601D;&#x8DEF;&#x3001;&#x52A1;&#x5B9E;&#x4E3E;&#x63AA;&#x3001;&#x6709;&#x6548;&#x65B9;&#x6CD5;&#xFF0C;&#x8FDB;&#x4E00;&#x6B65;&#x6811;&#x7262;&#x5B89;&#x5168;&#x53D1;&#x5C55;&#x7406;&#x5FF5;&#x3002;</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                </ul>
                <div class="c"></div>
                <div class="news-more"><a href="/EnterpriseNews/Index">查看更多>></a></div>
            </div>
        </div>
        <div class="row4 fix">
            <div class="wp">
                <div class="tit-i">
                    <h3>联系我们</h3>
                    <h5><span>CONTACT</span>US</h5>
                    <em></em>
                </div>
                <div class="contact-l">
                    <ul class="ul-contact">
                        <li class="li1">北京市石景山区融科创意产业中心A座1304室</li>
                        <li class="li2">
                            <a href="#">
                                010-63271167/3120
                            </a>
                        </li>
                        <li class="li3"><a href="">bjhaice@263.net</a></li>
                    </ul>
                </div>
               <div class="contact-r">
                    <form action="" class="contact-form" method="post">
                        <div class="">
                            <input type="text" class="inp l" name="name" id="name" placeholder="您的姓名">
                            <input type="text" class="inp r" name="tel" id="tel" placeholder="您的联系方式">
                        </div>
                        <textarea cols="30" rows="10" name="nr" id="nr"></textarea>
                        <input type="submit" value="提交" class="sub" id="sub">
                    <input name="__RequestVerificationToken" type="hidden" value="CfDJ8MCvPaFeU-lDkcBmV4rbu6YQSOadCiuiOVX9COVRkHfDt6aVWiWdljCe3WePo7ey0yM8y5ljOO9Ji32fJyf4kC5N-iYBEj63olwkmO-8trMYWoT7LJ2BBDCOictdpN5FpujEdYfjrSiDI7N2_-bbnrE" /></form>
                </div> 
            </div>
        </div>
        <!--地图-->
        <div class="map">
            <div class="map-s"> <a href="javascript:void(0);" class="btn"><em></em>点击展开地图</a> </div>
            <div class="map-pop">
                <a href="javascript:void(0);" class="btn-down"></a>
                <div class="map-bg1"></div>
                <div class="map-bg2"></div>
                <!--引用百度地图API-->
                <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
                <!--地图容器-->
                <div style="width:100%; height: 100%;" id="dituContent"></div>
                <script type="text/javascript">
                    //创建和初始化百度地图函数：
                    function initMap() {
                        createMap();//创建地图
                        setMapEvent();//设置地图事件
                        addMapControl();//向地图添加控件
                        addMarker();//向地图中添加marker
                    }
                    //创建地图函数：
                    function createMap() {
                        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
                        var point = new BMap.Point(116.21215914815896, 39.91592607263812);//定义一个中心点坐标
                        map.centerAndZoom(point, 18);//设定地图的中心点和坐标并将地图显示在地图容器中
                        window.map = map;//将map变量存储在全局
                    }

                    //地图事件设置函数：
                    function setMapEvent() {
                        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
                        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
                        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
                        map.enableKeyboard();//启用键盘上下左右键移动地图
                    }

                    //地图控件添加函数：
                    function addMapControl() {
                        //向地图中添加缩放控件
                        var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
                        map.addControl(ctrl_nav);
                        //向地图中添加缩略图控件
                        var ctrl_ove = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1 });
                        map.addControl(ctrl_ove);
                        //向地图中添加比例尺控件
                        var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
                        map.addControl(ctrl_sca);
                    }

                    //标注点数组
                    var markerArr = [{ title: "我的标记", content: "北京市石景山区融科创意产业中心A座1304室", point: "116.21215914815896|39.91592607263812", isOpen: 0, icon: { w: 21, h: 21, l: 0, t: 0, x: 6, lb: 5 } }
                        , { title: "公司地址", content: "北京市石景山区融科创意产业中心A座1304室", point: "116.21215914815896|39.91592607263812", isOpen: 0, icon: { w: 23, h: 25, l: 46, t: 21, x: 9, lb: 12 } }
                    ];
                    //创建marker
                    function addMarker() {
                        for (var i = 0; i < markerArr.length; i++) {
                            var json = markerArr[i];
                            var p0 = json.point.split("|")[0];
                            var p1 = json.point.split("|")[1];
                            var point = new BMap.Point(p0, p1);
                            var iconImg = createIcon(json.icon);
                            var marker = new BMap.Marker(point, { icon: iconImg });
                            var iw = createInfoWindow(i);
                            var label = new BMap.Label(json.title, { "offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20) });
                            marker.setLabel(label);
                            map.addOverlay(marker);
                            label.setStyle({
                                borderColor: "#808080",
                                color: "#333",
                                cursor: "pointer"
                            });

                            (function () {
                                var index = i;
                                var _iw = createInfoWindow(i);
                                var _marker = marker;
                                _marker.addEventListener("click", function () {
                                    this.openInfoWindow(_iw);
                                });
                                _iw.addEventListener("open", function () {
                                    _marker.getLabel().hide();
                                })
                                _iw.addEventListener("close", function () {
                                    _marker.getLabel().show();
                                })
                                label.addEventListener("click", function () {
                                    _marker.openInfoWindow(_iw);
                                })
                                if (!!json.isOpen) {
                                    label.hide();
                                    _marker.openInfoWindow(_iw);
                                }
                            })()
                        }
                    }
                    //创建InfoWindow
                    function createInfoWindow(i) {
                        var json = markerArr[i];
                        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
                        return iw;
                    }
                    //创建一个Icon
                    function createIcon(json) {
                        var icon = new BMap.Icon("http://api.map.baidu.com/lbsapi/creatmap/images/us_mk_icon.png", new BMap.Size(json.w, json.h), { imageOffset: new BMap.Size(-json.l, -json.t), infoWindowOffset: new BMap.Size(json.lb + 5, 1), offset: new BMap.Size(json.x, json.h) })
                        return icon;
                    }
                    initMap();//创建和初始化地图
                </script>
            </div>
        </div>
    </div>
    <style>

    #fd {
        background: url(../images/fd_bg.png) center top no-repeat;
        padding-top: 75px;
    }

    .index-fd {
        margin-top: -31px;
    }

    #fd .fd-top {
        overflow: hidden;
        color: #fff;
        padding-bottom: 45px;
    }

    #fd dl {
        float: left;
        width: 30%;
    }

        #fd dl dt {
            font-size: 16px;
            padding-bottom: 20px;
        }

    #fd .ul-fd li {
        line-height: 26px;
    }

        #fd .ul-fd li a {
            color: #a8a8af;
        }

            #fd .ul-fd li a:hover {
                text-decoration: underline;
            }

    #fd .weixin {
        background: url(../images/fd_icon1.png) no-repeat;
        /*width: 25px;*/
        height: 25px;
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 12px;
        padding-left: 34px;
        color: #a8a8af;
    }

    #fd .weixin-pic {
        position: absolute;
        left: -150px;
        top: 0;
        display: none;
    }

    #fd .tel {
        font-weight: normal;
        font-size: 24px;
        padding-bottom: 15px;
    }

    #fd h5 {
        font-size: 16px;
        color: #a8a8af;
    }

    #fd .fd-copy {
        height: 40px;
        line-height: 40px;
        color: #a3a3a9;
        background-color: #000022;
    }
    /* side侧边栏 */

    .side2 {
        position: fixed;
        width: 40px;
        right: 10px;
        z-index: 100;
        top: 500px;
        height: 80px;
    }

        .side2 ul li {
            width: 40px;
            height: 40px;
        }

            .side2 ul li a {
                display: block;
                background-color: #e4392a;
                height: 40px;
                width: 40px;
                text-align: center;
                line-height: 40px;
            }

                .side2 ul li a img {
                    vertical-align: middle;
                    display: inline-block;
                }

                .side2 ul li a:hover {
                    background-color: #000022;
                }

            .side2 ul li .weixin {
                position: absolute;
                left: -154px;
                bottom: 0;
                display: none;
            }

                .side2 ul li .weixin em {
                    background: url(../images/arr3.png) no-repeat;
                    width: 5px;
                    height: 17px;
                    display: block;
                    position: absolute;
                    right: -5px;
                    top: 50%;
                    margin-top: 3px;
                }

                .side2 ul li .weixin img {
                    display: block;
                }
</style>
<div class="c"></div>
<div id="fd" class="index-fd pr">
    <div class="map-bg3"></div>
    <div class="wp">
        <div class="fd-top">
            <dl>
                <dt>友情链接</dt>
                <dd>
                    <ul class="ul-fd">
                        <li><a href="http://www.mwr.gov.cn/">中华人民共和国水利部</a></li>
                        <li><a href="https://www.cweun.org/">中国水利工程协会</a></li>
                        <li><a href="https://www.bwea.org.cn/">北京市水利工程协会</a></li>
                        <li><a href="http://beijing.gov-bid.com/index.html">北京市招标信息平台</a></li>
                        <li><a href="http://www.fdctz.org.cn/">中国工程监理与咨询网</a></li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>新闻动态</dt>
                <dd>
                    <ul class="ul-fd">
                        <li><a href='#'>通知公告</a></li>
                        <li><a href='/EnterpriseNews/Index'>企业动态</a></li>
                        <li><a href='/Policy/Index'>政策法规</a></li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>联系我们</dt>
                <dd class="pr">
                    <p><b class="tel">010-63271167/3120</b></p>
                    <h5>北京市石景山区融科创意产业中心A座1304室</h5>
                </dd>
            </dl>
        </div>
    </div>
    <div class="fd-copy">
        <div class="wp">
            <p>
                <span style="color:#CCCCCC;">Copyright &copy; 北京海策工程咨询有限公司</span>
                <a href="https://beian.miit.gov.cn/" target="_blank">
                    <span style="color:#CCCCCC;">备案号：京ICP备2024067146号-1</span>
                </a>
            </p>
        </div>
    </div>
</div>
<div class="side2">
    <ul>
        <li><a href="javascript:goTop();" class="sidetop"><img src="/images/r_icon2.png"></a></li>
    </ul>
</div>
    <link rel="stylesheet" href="/css/animate.css" />
    <script type="text/javascript" src="/js/lib.js"></script>
    <link rel="stylesheet" href="/css/flexslider.css" />
    <script type="text/javascript" src="/js/flexslider.js"></script>
    <script type="text/javascript" src="/js/banner.js"></script>
    <script>

        //文本框
        $(document).ready(function () {
            $('#sub').click(function () {
                if ($('#name').val() == '') { alert("请输入姓名！"); return false; }
                if ($('#tel').val() == '') { alert("请输入电话！"); return false; }
                if ($('#nr').val() == '') { alert("请输入内容！"); return false; }
            })
        });
        //鼠标悬浮新闻
        $('.ul-news-i li').hover(function () {
            $(this).toggleClass('on');
        })
        $('.ul-icon-i li').hover(function () {
            $(this).find('img:first').fadeIn(100);
            $(this).find('.pic-icon').animate({ top: 0 });
        }, function () {
            $(this).find('.pic-icon').animate({ top: -134 });
            $(this).find('img:first').fadeOut(100);
        })

        //$('.case-img').hover(function () {
        //    $(this).toggleClass('on');
        //})
        //点击展开收缩地图
        $('.map .btn').click(function () {
            $('.map-pop').show();
            $(this).parents('.map').addClass('map-big-i');
            var winW = $(window).width();
            var winH = $(window).height();
            console.log(winH);
            if (winW < 768) {
                $('.map-pop').height($(window).height() - 50 - 80);
                $('.map-big-i').height($(window).height() - 50 - 80);
                $("html, body").animate({ scrollTop: $(document).height() }, 1000);
            } else {

                $('.map-pop').height($(window).height() - 344);
                $('.map-big-i').height($(window).height() - 344);
                $("html, body").animate({ scrollTop: $(document).height() }, 1000);
            }
            initMap();
        })
        $('.map .btn-down').click(function () {
            $('.map-pop').hide();
            $(this).parents('.map').removeClass('map-big-i');
            $('.map').height('107');
        })

    </script>
</body>
</html>