@section header
    {
    <link rel="stylesheet" href="/css/main.css" media="all" />
    <link rel="shortcut icon" href="favicon.ico">
    <link href="/css/homecss/bootstrap.min.css" rel="stylesheet" />
    <link href="/css/homecss/font-awesome.css" rel="stylesheet" />
    <link href="/css/homecss/animate.min.css" rel="stylesheet" />
    <link href="/css/homecss/style.min862f.css" rel="stylesheet" />
}
<style>
    .content {
        width: 100%;
        height: 1080px;
        position: relative;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(../images/main.jpg);
    }
    .headTitle {
        display: inline-block;
        text-align: center;
        width: 97.8125%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-image: url(../images/top.png);
        margin-left: 40px;
    }
    .bbzshead {
        width: 100%;
        height: 6.518%;
        padding-top: 10.36px;
        position: relative;
        box-sizing: inherit;
    }
    .topfont {
        font-style: italic;
        text-align: center;
        color: aqua;
        font-size: 28px;
        font-weight: bold;
        margin: 11px auto 0;
        width: 398px;
        height: 46px;
        /*background: url(../images/topfont.png) no-repeat;
        animation: topfont 2s steps(60, end) infinite;*/
    }
    .nh-container {
        position: relative;
        width: 600px;
        height: 270px;
        border: 2px solid rgba(92,255,255,0.1);
        background: rgba(10,106,255,0.1) url(../images/null.png) repeat 50% 50% !important;
        overflow: visible;
    }

        .nh-container:before, .nh-container:after {
            content: "";
            position: absolute;
            top: -2px;
            width: 5px;
            height: 5px;
            border-color: #0a6aff;
            border-style: solid;
            border-top-width: 2px;
            border-bottom-width: 0;
        }

        .nh-container:before {
            left: -2px;
            border-left-width: 2px;
            border-right-width: 0;
        }

        .nh-container:after {
            right: -2px;
            border-left-width: 0;
            border-right-width: 2px;
        }

        .nh-container .nh-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

            .nh-container .nh-content:before, .nh-container .nh-content:after {
                content: "";
                position: absolute;
                bottom: -2px;
                width: 5px;
                height: 5px;
                border-color: #0a6aff;
                border-style: solid;
                border-top-width: 0;
                border-bottom-width: 2px;
            }

            .nh-container .nh-content:before {
                left: -2px;
                border-left-width: 2px;
                border-right-width: 0;
            }

            .nh-container .nh-content:after {
                right: -2px;
                border-left-width: 0;
                border-right-width: 2px;
            }
    .iconsbody {
        position: relative;
        padding: 4.2% 0 2.6% 0;
        margin-top: 3.35%;
        width: 95.78125%;
        height: 82.3248%;
        margin-left: 2.11%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-image: url(../images/body1.png);
    }

</style>

<div class="content">
    <div class="bbzshead">
        <div class="headTitle">
            <div class="topfont">中控数据展示中心</div>
        </div>
    </div>
    <div class="row" style="padding-left:30px;padding-top:5px;">
        <div class="col-md-4 col-sm-4 col-xs-4" style="margin-left:10px">
            <div class="row">
                <div class="nh-container nh-content">
                    <div class="nh-content" id="stk-chart" style="width: 100%; height: 100%;"></div>
                </div>
            </div>
            <div class="row" style="margin-top:10px">
                <div class="nh-container">
                    <div class="nh-content" id="agv-chart" style="width: 100%; height: 100%;"></div>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-3 col-xs-3" style="margin-left:10px">
            <div class="row">
                <div class="nh-container">
                    @*<div id="center-chart" style="width: 300px; height: 50px;">
                            <p style="text-align:center"><span style="font-size:38px;color:#00FFFF;font-family:KaiTi;width: 100px; margin:0 auto"><b>中控大屏</b></span></p>
                        </div>*@
                    <div class="nh-content" id="wip-chart" style="width: 100%; height: 100%;"></div>
                </div>
            </div>
        </div>
        <div class="col-md-4 col-sm-4 col-xs-4" style="margin-left:10px">
            <div class="row">
                <div class="nh-container">
                    <div class="nh-content" id="task-chart" style="width: 100%; height: 100%;"></div>
                </div>
            </div>
            <div class="row" style="margin-top:10px">
                <div class="nh-container">
                    <div class="nh-content" id="warecell-chart" style="width: 100%; height: 100%;"></div>
                </div>
            </div>
        </div>
    </div>
        <div class="row" style="padding-left:30px;padding-top:10px;">
            <div class="col-md-4 col-sm-4 col-xs-4" style="margin-left:10px">
                <div class="row">
                    <div class="nh-container nh-content">
                        <div class="nh-content" id="stk-chart" style="width: 100%; height: 100%;"></div>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-3" style="margin-left:10px">
                <div class="row">
                    <div class="nh-container">
                        <div class="nh-content" id="wip-chart" style="width: 100%; height: 100%;"></div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-4 col-xs-4" style="margin-left:10px">
                <div class="row">
                    <div class="nh-container">
                        <div class="nh-content" id="task-chart" style="width: 100%; height: 100%;"></div>
                    </div>
                </div>
            </div>
        </div>

</div>
<script type="text/javascript" src="/layui/layui.js"></script>
<script type="text/javascript" src="/js/echarts/echarts.js"></script>
<script type="text/javascript" src="/baseJs/main.js"></script>