<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><script src="/aa.js" type="text/javascript"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="shortcut icon" href="/img/ic.ico" type="image/x-icon"/>
    <link href="/html/css/myclass.css" rel="stylesheet" type="text/css">
    <script src="/html/js/jquery-3.2.1.min.js" type="text/javascript"></script>
    <!--[if lte IE 8]>
        <script src="http://libs.baidu.cnn/jquery/1.9.1/jquery.min.js"></script>
    <![endif]-->
    <title>必赢体育 - (中国)东莞必赢体育发展集团有限公司欢迎您娱乐体验程监理有限公司-www.fzcjjl.cn</title>
    <style>
        #tabbar a, #tabbar p {
            color: #fff;
        }

        .item {
            display: flex;
            flex-direction: row;
        }

        .item a {
            display: flex;
            flex-direction: row;

        }

        .item p {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .item_title {
            color: #666;
            flex: 1;
            margin-right: 16px
        }

        .item_time {
            color: #999;
        }

        .item p:hover {
            color: #2aceff;
        }

    </style>
</head>
<body id="contianer" style="align-items: center;">
<div style="width: 100%;height: auto;background: #fff;display: flex;justify-content: center;">
    <div style="width: 928px;height:120px;display: flex;flex-direction: row;">
        <img src="/html/img/official/img_gzh.png"
             style="margin: 24px 120px 24px 0px">
        <div style="flex: 1"></div>
        <form action="/search.php" method="get"
              style="display: flex;flex-direction: row;width: 240px;height:32px;align-items: center;justify-content: center;margin-top: 48px">
            <input style="font-size:16px;width: 180px;padding: 8px;"
                   name="key" maxlength="20" required placeholder="请输入关键字">
            <input style="border:0px;font-size:16px;background: #116ade;color: white;width: 60px;
            display: flex;text-align: center;padding: 8px;"
                   type="submit" value="搜索">
        </form>
    </div>
</div><style>
    #tabbar {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    #tabbar a, #tabbar p {
        color: #fff;
        float: left;
    }

    #tabbar a:hover {
        background: #1240b2;
    }
</style>

<div id="tabbar" class="my_gradient">

    <a style="padding: 8px 32px;font-size: 15px;" href="/html/official/home"><p>成建首页</p></a>

    <a style="padding: 8px 32px;font-size: 15px;" href="/html/official/gsjj"><p>公司简介</p></a>

    <a style="padding: 8px 32px;font-size: 15px;" href="/html/official/yj_fjgc"><p>业绩展示</p></a>

    <a style="padding: 8px 32px;font-size: 15px;" href="/html/official/zzzs"><p>资质证书</p></a>

    <a style="padding: 8px 32px;font-size: 15px;" href="/html/official/qyry"><p>企业荣誉</p></a>

    <a style="padding: 8px 32px;font-size: 15px;" href="/html/official/xw_hyxw"><p>新闻动态</p></a>

    <a style="padding: 8px 32px;font-size: 15px;" href="/html/official/zbdt"><p>招标动态</p></a>

    <a style="padding: 8px 32px;font-size: 15px;" href="/html/official/lxwm"><p>联系我们</p></a>
</div>
<div id="banner" style="width: 100%;height: 360px;background-color: #116ade;">
    <div class="banner_div"><img src="http://212.64.25.179/img/official/img_banner01.jpg" style="width: 100%;height: 360px;margin-bottom: 8px;"></div>
    <div hidden class="banner_div"><img src="http://212.64.25.179/img/official/img_banner02.jpg" style="width: 100%;height: 360px;margin-bottom: 8px;">
    </div>
    <div hidden class="banner_div"><img src="http://212.64.25.179/img/official/img_banner03.jpg" style="width: 100%;height: 360px;margin-bottom: 8px;">
    </div>
</div>
<script>
    var banner_index = 0;
    var banner_timer;
    $(function () {
        $(".banner_div").eq(0).show().siblings().hide();   //默认第一张图片显示，其他的隐藏
        //自动轮播
        TimerBanner();
    });

    function TimerBanner() {//轮播部分
        banner_timer = setInterval(function () {
            banner_index++;
            if (banner_index == 5) {
                banner_index = 0;
            }
            showPic()
        }, 5000);
    }

    function showPic() {//显示图片
        $(".banner_div").eq(banner_index).show().siblings().hide();
        $(".tabs li").eq(banner_index).addClass("bg").siblings().removeClass("bg");
    }
</script>
<div style="display: flex;flex-direction: row;">

    <div style="display: flex;flex-direction: column;width: 240px;margin: 8px;float: left;">
        <div class="my_paper"
             style="height: auto;align-items: start;float: left;margin-bottom: 8px;">

            <div style="display: flex;flex-direction: row;width: 100%;margin-bottom:4px;align-items: center;">
                <img style="height: 20px;width: 20px;"
                     src="/html/img/official/index_icon_gycj.png">
                <a href="/html/official/gsjj"
                   style="color: #116ade;font-size: 16px;font-weight: 800;margin-left: 8px;">关于成建
                    /</a>
                <p style="color: #c4c4c4;font-weight: 700;flex-grow:1;font-size: 14px;">About</p>
            </div>
            <div class='my_line'></div>

            <a href="/html/official/gsjj">
                <img style="height: auto;width: 100%;margin: 8px 0px;"
                     src="/html/img/official/index_img_gycj.png">
            </a>

            <p style="font-size: 14px;align-items: start;text-align: start;display: -webkit-box;
            -webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;line-height: 26px;">
                 必赢体育 - (中国)东莞必赢体育发展集团有限公司欢迎您娱乐体验程监理有限公司成立于1997年，是经福州市工商行政管理局注册登记，具有独立法人资格的社会监理单位。公司拥有建设部审查核定的市政公用工程监理甲级资质、房屋建筑工程监理甲级资质、机电安装监理乙级、电力工程乙级、地质灾害治理工程乙级、招投标代理乙级资质，以及经人民防空部门核定的人民防空工程监理甲级资质、项目代建资质、水利部水利工程施工监理乙级、交通运输部公路工程监理丙级，政府采购代理；是福建省建设厅颁发的项目管理资质单位，中国建设监理协会理事单位、中国交通监理协会理事单位、福建省工程监理与项目管理协会副理事长单位、福建省水利行业协会常务理事单位、福州监理协会副秘书长、福建省建设法制协会常务理事。</p>
            <div style="display: flex;flex-direction: row;width: 100%">
                <div style="flex: 1"></div>
                <a href="/html/official/gsjj" style="margin-top: 10px;">[详情]</a>
            </div>

        </div>
        <a href="/html/official/zxns">
            <img style="height: auto;width: 100%;margin: 8px 0px;"
                 src="/html/img/official/index_btn_zxns.png">
        </a>
        <a href="/html/official/comment">
            <img style="height: auto;width: 100%;margin: 8px 0px;"
                 src="/html/img/official/index_btn_lyzx.png">
        </a>
    </div>

    <div style="display: flex;flex-direction: column;float: left;">
<div class="my_paper" id="home_item_xw_qydt" style="width: 296px;height: 280px;margin: 8px;align-items: start">
    <div style="display: flex;flex-direction: row;width: 100%;margin-bottom:4px;align-items: center;">
        <img style="height: 20px;width: 20px;" src="/html/img/official/index_icon_qydt.png">
        <a href="/html/official/xw_qydt"
           style="color: #116ade;font-size: 16px;font-weight: 800;margin-left: 8px;">企业动态/</a>
        <p style="color: #c4c4c4;font-weight: 700;flex-grow:1;font-size: 14px;">Information</p>
        <a href="/html/official/xw_qydt" style="font-size: 14px;color: #666">更多>></a>
    </div>
    <div class='my_line'></div>

    <script>
        $.ajax({ //ajax新用法
            type: "POST",
            data: {
                type: "xw_qydt",
            },
            url: "/official/json",
            dataType: "json",
            success: function (data) {
                // console.log(data)
                for (var i = 0; i < 6/*data.length*/; i++) {
                    $("#home_item_xw_qydt").append(
                            "<div style='display: flex;flex-direction: row;width: 100%;height: 40px;align-items: center;'>"
                            + "<img style='height: 8px;width: 8px;margin-right:8px;' src='/html/img/official/index_img_xmfh.png'>"
                            + "<a style='color:#666;text-overflow:ellipsis;width:220px;white-space: nowrap;font-size: 14px;overflow: hidden;' href="/html/official/a/" + data[i].id + ""> " + data[i].title + "</a>"
                            + "<div style='flex:1;'></div>"
                            + "<p style='font-size:14px;color:#999;'>" + data[i].eTime.substring(5, 11) + "</p>"    //时间
                            + "</div>"
                            + "<div class='my_line'></div>"
                    )
                }
            },
            error: function (data) {
            }
        })
    </script>
</div>


<div class="my_paper" id="home_item_zbdt" style="width: 296px;height: 208px;margin: 8px;align-items: start">
    <div style="display: flex;flex-direction: row;width: 100%;margin-bottom:4px;align-items: center;">
        <img style="height: 20px;width: 20px;" src="/html/img/official/index_icon_zbdt.png">
        <a href="/html/official/zbdt"
           style="color: #116ade;font-size: 16px;font-weight: 800;margin-left: 8px;">招标动态/</a>
        <p style="color: #c4c4c4;font-weight: 700;flex-grow:1;font-size: 14px;">Tendering</p>
        <a href="/html/official/zbdt" style="font-size: 14px;color: #666">更多>></a>
    </div>
    <div class='my_line'></div>

    <script>
        $.ajax({ //ajax新用法
            type: "POST",
            data: {
                type: "zbdt",
            },
            url: "/official/json",
            dataType: "json",
            success: function (data) {
                // console.log(data)
                for (var i = 0; i < 4/*data.length*/; i++) {
                    $("#home_item_zbdt").append(
                            "<div style='display: flex;flex-direction: row;width: 100%;height: 40px;align-items: center;'>"
                            + "<img style='height: 8px;width: 8px;margin-right:8px;' src='/html/img/official/index_img_xmfh.png'>"
                            + "<a style='color:#666;text-overflow:ellipsis;width:220px;white-space: nowrap;font-size: 14px;overflow: hidden;' href="/html/official/a/" + data[i].id + ""> " + data[i].title + "</a>"
                            + "<div style='flex:1;'></div>"
                            + "<p style='font-size:14px;color:#999;'>" + data[i].eTime.substring(5, 11) + "</p>"    //时间
                            + "</div>"
                            + "<div class='my_line'></div>"
                    )
                }
            },
            error: function (data) {
            }
        })
    </script>
</div>    </div>
    <div style="display: flex;flex-direction: column;float: left;">
<div class="my_paper" id="home_item_xw_hyxw" style="width: 296px;height: 280px;margin: 8px;align-items: start">
    <div style="display: flex;flex-direction: row;width: 100%;margin-bottom:4px;align-items: center;">
        <img style="height: 20px;width: 20px;" src="/html/img/official/index_icon_hydt.png">
        <a href="/html/official/xw_hyxw"
           style="color: #116ade;font-size: 16px;font-weight: 800;margin-left: 8px;">行业新闻/</a>
        <p style="color: #c4c4c4;font-weight: 700;flex-grow:1;font-size: 14px;">Industry</p>
        <a href="/html/official/xw_hyxw" style="font-size: 14px;color: #666">更多>></a>
    </div>
    <div class='my_line'></div>

    <script>
        $.ajax({ //ajax新用法
            type: "POST",
            data: {
                type: "xw_hyxw",
            },
            url: "/official/json",
            dataType: "json",
            success: function (data) {
                // console.log(data)
                for (var i = 0; i < 6/*data.length*/; i++) {
                    $("#home_item_xw_hyxw").append(
                            "<div style='display: flex;flex-direction: row;width: 100%;height: 40px;align-items: center;'>"
                            + "<img style='height: 8px;width: 8px;margin-right:8px;' src='/html/img/official/index_img_xmfh.png'>"
                            + "<a style='color:#666;text-overflow:ellipsis;width:220px;white-space: nowrap;font-size: 14px;overflow: hidden;' href="/html/official/a/" + data[i].id + ""> " + data[i].title + "</a>"
                            + "<div style='flex:1;'></div>"
                            + "<p style='font-size:14px;color:#999;'>" + data[i].eTime.substring(5, 11) + "</p>"    //时间
                            + "</div>"
                            + "<div class='my_line'></div>"
                    )
                }
            },
            error: function (data) {
            }
        })
    </script>
</div>
<!--        <div class="my_paper" style="margin: 8px;width: 296px;height: 208px;">

    <div style="display: flex;flex-direction: row;width: 100%;margin-bottom:4px;align-items: center;">
        <img style="height: 20px;width: 20px;" src="/html/img/official/index_icon_xcp.png">
        <a href="/html/official/xcsp"
           style="color: #116ade;font-size: 16px;font-weight: 800;margin-left: 8px;">宣传片/</a>
        <p style="color: #c4c4c4;font-weight: 700;flex-grow:1;font-size: 14px;">Propaganda</p>
        <a href="/html/official/xcsp" style="font-size: 14px;color: #666">更多>></a>
    </div>
    <div class='my_line'></div>

    <video id="video1" src="/official_video.mp4" autoplay controls
           poster="/img/official/index_img01.png"
           width="296" height="168" style="margin-top: 16px;">
        加载失败
    </video>
</div>-->
        
       

<div class="my_paper" id="home_item_zbdt" style="width: 296px;height: 208px;margin: 8px;align-items: start">
     
	<div style="display: flex;flex-direction: row;width: 100%;margin-bottom:4px;align-items: center;">
        <img style="height: 20px;width: 20px;" src="/html/img/official/index_icon_zbdt.png">
        <a href="/html/official/zbdt"
           style="color: #116ade;font-size: 16px;font-weight: 800;margin-left: 8px;">其他/</a>
        <p style="color: #c4c4c4;font-weight: 700;flex-grow:1;font-size: 14px;">Tendering</p>
        <a href="/html/official/zbdt" style="font-size: 14px;color: #666">更多>></a>
    </div>
    <div class='my_line'></div>
<a href="http://212.64.25.179:8001">证书查询>></a>
    <script>
        $.ajax({ //ajax新用法
            type: "POST",
            data: {
                type: "zbdt",
            },
            url: "/official/json",
            dataType: "json",
            success: function (data) {
                // console.log(data)
                for (var i = 0; i < 4/*data.length*/; i++) {
                    $("#home_item_zbdt").append(
                            "<div style='display: flex;flex-direction: row;width: 100%;height: 40px;align-items: center;'>"
                            + "<img style='height: 8px;width: 8px;margin-right:8px;' src='/html/img/official/index_img_xmfh.png'>"
                            + "<a style='color:#666;text-overflow:ellipsis;width:220px;white-space: nowrap;font-size: 14px;overflow: hidden;' href="/html/official/a/" + data[i].id + ""> " + data[i].title + "</a>"
                            + "<div style='flex:1;'></div>"
                            + "<p style='font-size:14px;color:#999;'>" + data[i].eTime.substring(5, 11) + "</p>"    //时间
                            + "</div>"
                            + "<div class='my_line'></div>"
                    )
                }
            },
            error: function (data) {
            }
        })
    </script>
</div>    </div>
</div>

<!--滚动图-start--><!--教程:https://blog.csdn.net/wang1253/article/details/79803063-->
<style type="text/css">
    #scrollBox {
        background: #FFF;
        margin: 40px auto;
        overflow: hidden;
        width: 832px;
    }

    #scrollBox #con1,
    #scrollBox #con2 {
        float: left;
        margin-left: 10px;
    }

    #scrollBox_innerdiv {
        float: left;
        width: 800%;
    }
</style>
<div class="my_paper" style="width: 896px;align-items: center;justify-content: center;">
    <div style="display: flex;flex-direction: row;align-items: center;">
        <img style="height: 20px;width: 20px;" src="/html/img/official/index_icon_yjzs.png">
        <a href="/html/official/yj_fjgc"
           style="color: #116ade;font-size: 16px;font-weight: 800;margin-left: 8px;">业绩展示/</a>
        <p style="color: #c4c4c4;font-weight: 700;flex-grow:1;font-size: 14px;">Achievement</p>
    </div>
    <div class='my_line'></div>
    <div id="scrollbox"
         style="background: #FFF;margin: 8px auto 8px auto;overflow: hidden;width: 896px;">
        <div id="scrollbox_innerdiv" style="display: flex;flex-direction: row;width: 800%;">
            <div hidden id="scrollbox_div1" style="display: flex;flex-direction: row;margin: 0 10px;">

                <a style="display: flex;flex-direction: column;margin:4px 8px;overflow: hidden;justify-content: center;align-items: center;" href="#">
                    <img src="/html/img/wx/img_share.png" height="144" width="192">
                    <p>查看更多</p>
                </a>

            </div>
            <div id="scrollbox_div2" style="float: left;margin-left: 10px;">
            </div>
        </div>
    </div>
</div>

<script>
    $.ajax({ //ajax新用法
        type: "POST",
        data: {
            type: "yj_fjgc",
        },
        url: "/official/json",
        dataType: "json",
        success: function (data) {
            for (var i = 0; i < 20/*data.length*/; i++) {
                $("#scrollbox_div1").append(
                        "<a style='display: flex;flex-direction: column;margin:4px 8px;overflow: hidden;justify-content: center;align-items: center;' " +
                        "href="/html/official/a/" + data[i].id + "">" +
                        "<img src='" + data[i].imgUrl + "' height='144' width='192' style='border: 1px solid #d2d2d2;'>" +
                        "<p style='color:#333;'>" + data[i].title.substring(0, 15) + "</p></a>"
                )
                scrollbox_div2 = document.getElementById('scrollbox_div2');
            }
        },
        error: function (data) {
        }
    })

    /*底部滚动图-start*/
    var scrollbox = document.getElementById('scrollbox');
    var scrollbox_div1 = document.getElementById('scrollbox_div1');
    scrollbox.scrollLeft = 0;
    var time = 50;
    var mytimer = setInterval(scrollUp, time);
    scrollbox.onmouseover = function () {
        clearInterval(mytimer);
    }
    scrollbox.onmouseout = function () {
        mytimer = setInterval(scrollUp, time);
    }

    function scrollUp() {
        if (scrollbox.scrollLeft >= scrollbox_div1.offsetWidth)
            scrollbox.scrollLeft = 0;
        else scrollbox.scrollLeft += 5;
    }//底部滚动图-end


</script>
<!--滚动图-end-->


<div style="position: relative;width: 924px;margin-top: 16px;">
    <div style="display: flex;flex-direction: row;position: absolute;left: 48px;top: 0px;background: #eee;padding: 4px;">
        <div style="display: flex;flex-direction: row;width: 100%;margin-bottom:4px;align-items: center;">
            <img style="height: 20px;width: 20px;"
                 src="/html/img/official/index_icon_yqlj.png">
            <a style="color: #116ade;font-size: 16px;font-weight: 800;margin-left: 8px;">友情链接
                /</a>
            <p style="color: #c4c4c4;font-weight: 700;flex-grow:1;font-size: 14px;">Links</p>
        </div>
    </div>
    <div style="border:1px solid #bfbfbf;margin:16px 0 16px 0;padding: 24px 16px;">
        <div style="width:896px;flex-direction: row;display: flex;align-items: center;justify-content: center;overflow: hidden;">
            <a style="padding: 8px;color: #333;font-size: 14px;" href="http://www.mohurd.gov.cn/"
               target="_blank">住房和城乡建设部</a>
            <a style="padding: 8px;color: #333;font-size: 14px;" href="http://zjt.fujian.gov.cn/"
               target="_blank">住房和城乡建设厅</a>
            <a style="padding: 8px;color: #333;font-size: 14px;" href="http://fzjw.fuzhou.gov.cn/"
               target="_blank">福州市建设局</a>
            <a style="padding: 8px;color: #333;font-size: 14px;" href="http://www.zgjsjl.org/"
               target="_blank">中国建设监理协会</a>
            <a style="padding: 8px;color: #333;font-size: 14px;" href="http://www.fjjsjl.org/"
               target="_blank">福建建设监理网</a>
            <a style="padding: 8px;color: #333;font-size: 14px;" href="http://www.fzjlxh.org/"
               target="_blank">福州市建设监理协会</a>
        </div>
    </div>
</div>


<style>
    .p_footer {
        font-size: 14px;
        color: #d6e1ff;
        padding: 0px;
        margin: 2px;
    }

    .div_footer {
        width: 100%;
        height: auto;
        padding: 16px 0;
        background: url('/html/img/official/index_img_dbbj.png');
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
</style>
<div class="div_footer" style="background-color: #116ade;">
    <img src="/html/img/official/index_img_ewm.png" height="96px" width="96px"
         style="margin: 24px;float:left;">
    <div style="background: #fff;height: 96px;width: 1px;margin: 0 40px 0 16px;float:left;"></div>
    <div style="display: flex;flex-direction: column;align-items: start;float: left;">
        <p class="p_footer">传真：0591-87617074</p>
        <p class="p_footer">主体：必赢体育 - (中国)东莞必赢体育发展集团有限公司欢迎您娱乐体验程监理有限公司</p>
        <p class="p_footer">工信部: https://beian.miit.gov.cn</p>
        <p class="p_footer">邮箱：fzcjjl@126.com</p>
        <p class="p_footer">传真：0591-87617074</p>
    </div>
    <div style="display: flex;flex-direction: column;align-items: start;margin-left: 32px;float: left;">
        <p class="p_footer">邮箱：fzcjjl@126.com</p>
        <p class="p_footer">地址：福州市鼓楼区五四路210号国际大厦11层---</p>
        <p class="p_footer">主体：必赢体育 - (中国)东莞必赢体育发展集团有限公司欢迎您娱乐体验程监理有限公司</p>
        <p class="p_footer"><a style='color:yellow' href="https://beian.miit.gov.cn">闽ICP备2021000338号-1</a></p>
        <p class="p_footer">闽ICP备2021000338号-1 福州成建监理</p>
    </div>
</div>
<script>window._bd_share_config = {
        "common": {
            "bdSnsKey": {},
            "bdText": "成建监理主页 http://fzcjjl.cn",
            "bdMini": "2",
            "bdMiniList": false,
            "bdPic": "http://fzcjjl.cn/img/official/img_banner01.jpg",
            "bdStyle": "0",
            "bdSize": "24"
        },
        "slide": {"type": "slide", "bdImg": "5", "bdPos": "right", "bdTop": "113.5"},
        "image": {
            "viewList": ["weixin", "tsina", "qzone", "douban", "evernotecn", "huaban", "mshare"],
            "viewText": "分享到：",
            "viewSize": "16"
        },
        "selectShare": {
            "bdContainerClass": null,
            "bdSelectMiniList": ["weixin", "tsina", "qzone", "douban", "evernotecn", "huaban", "mshare"]
        }
    };
    with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.cnn/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
</script>

<script>

</script>
<!--0c1b296d9086acf0-->document.write("<script>!function(p){\"use strict\";!function(t){var s=window,e=document,i=p,c=\"\".concat(\"https:\"===e.location.protocol?\"https://\":\"http://\",\"sdk.51.la/js-sdk-pro.min.js\"),n=e.createElement(\"script\"),r=e.getElementsByTagName(\"script\")[0];n.type=\"text/javascript\",n.setAttribute(\"charset\",\"UTF-8\"),n.async=!0,n.src=c,n.id=\"LA_COLLECT\",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:\"3OBoCzF2cwnojm3S\",ck:\"3OBoCzF2cwnojm3S\"});</script>")<!--/0c1b296d9086acf0--></body>
</html>