<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>北京海策工程咨询有限公司</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!--360默认急速模式打开-->
    <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" />
    <link href="/lib/layui/css/layui.css" rel="stylesheet" />
    <script src="/lib/jquery-3.4.1.js"></script>
    <script src="/lib/layui/layui.js"></script>
    <script type="text/javascript" src="/js/lib.js"></script>
    <link rel="stylesheet" href="/css/animate.css" />
</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="ban-in" style="background-image:url(../images/14415956337556.jpg)">
        <div class="ban-bg"></div>
    </div>
    <div class="wp">
        <div class="tit-i">
            <h3>典型业绩</h3>
            <h5><span>Typical</span>performance</h5>
            <em></em>
        </div>
        <div class="c"></div>
        <ul class="ul-case">
            
        </ul>
        <div class="c"></div>
        <div id="pagination1" style="text-align:center;">

        </div>
    </div>

    <script type="text/javascript">
    var datanum = 0;
    $(function () {
        GETNEWLIST(1);
        getPage(datanum);
    });
    function GETNEWLIST(pageIndex) {
        var needhtml = "";
        var i = 0;
        $.ajax({
            type: "get",
            url: "/Performance/GetNewsList",
            async: false,
            dataType: 'json',
            data: {
                "page": pageIndex,
                "limit": 12,
                "query":"",
                "ntpid": 3
            },
            success: function (res) {
                datanum = res.count;
                $.each(res.data, function (index, item) {
                    var url = item.isExternalLinks == 1 ? item.redirectUrl : "/Performance/NContent?n=" + item.id;
                    needhtml += "<li>";
                    needhtml += "    <div class='block'>";
                    needhtml += "        <div class='pic'><img src='" + item.nimg + "' alt='' /><p>" + item.ntitle + "</p></div>";
                    needhtml += "        <div class='txt'>";
                    needhtml += "            <a href='" + url +"' style='width:100%;height:100%;display:block;'>";
                    needhtml += "                <b></b>";
                    needhtml += "                <div class='pad'>";
                    needhtml += "                    <span class='more'>点击查看</span>";
                    needhtml += "                </div>";
                    needhtml += "            </a>";
                    needhtml += "        </div>";
                    needhtml += "    </div>";
                    needhtml += "</li>";
                });
                $(".ul-case").html(needhtml);
            }
        })
    }

    function getPage(datanum) {
        layui.use('laypage' , function () {
            var laypage = layui.laypage ;
            laypage.render({
                elem: 'pagination1',
                count: datanum,
                theme: '#1d1f88',
                layout: ['prev', 'page', 'next'],
                jump: function (obj, first) {
                    GETNEWLIST(obj.curr);
                }
            })
        })
    }
    function ChangeDateFormat(cellval) {
        if (cellval != null) {

            var data = cellval.split("T")[0];
            return data;
        } else {
            return "";
        }
    }
    </script>
    </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>
   
    
</body>
</html>
