<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">
    <title>保安服务公司正本许可电子证</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<script type="text/javascript">
    if (top.location !== self.location) {
        top.location = self.location;
    }
</script>
<link th:href="@{/css/public.css}" rel="stylesheet"/>
<style type="text/css">
    * {
        margin: 0;
        padding: 0;
    }
    body {
        font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;
        font-style: normal;
        font-variant-ligatures: normal;
        font-variant-caps: normal;
        font-variant-numeric: normal;
        font-variant-east-asian: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: 14px;
        line-height: normal;
        font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Tahoma, Arial, sans-serif;
    }
    .certificate_container i, .certificate_container em {
        font-style: normal;
    }
    .weui-content {
        /*padding-top: 40px;*/
        overflow-y: auto;
    }
    .certificate_container{
        width: 96%;
        min-height: 250px;
        margin: 0 auto;
        margin-top: 10px;
        /*display: flex;*/

        /*background-position: center;*/
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding: 40px 10px 20px;
        box-sizing: border-box;
        font-size: 10px;
    }
    .company_cert{
        background-image: url("/img/companyCertificate-z.png");
    }
    .certificate_container .tit {
        padding-right: 20px;
        text-align: right;
    }
    .certificate_container .info_item {
        display: flex;
        align-items: flex-start;
        margin-top: 5px;
        margin-bottom: 0px;
    }
    .certificate_container .top_10{
        margin-top: 10px;
    }
    .certificate_office{
        padding-left: 50%;
    }
    .info_item label {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-shrink: 0;
        width: 56px;
        margin-right: 2px;
    }
    .info_item span{
        flex: 1;
        margin-left: 5px;
        line-height:18px;
    }

</style>
<body>
<div class="weui-content certificate_container company_cert"  style="background-image: url(/img/companyCertificate-z.png); max-height: 897px;">
    <p class="tit"><span th:text="${comCerDto.xkzh}"></span></p>
    <section>
        <p class="info_item">
            <label>
                <em>名</em>
                <em>称</em>
            </label>
            <i>:</i>
            <span th:text="${comCerDto.gsmc}"></span>
        </p>
        <p class="info_item">
            <label>
                <em>住</em>
                <em>所</em>
            </label>
            <i>:</i>
            <span th:text="${comCerDto.gsdz}"></span>
        </p>

        <p class="info_item top_10">
            <label>
                <em>法</em>
                <em>定</em>
                <em>代</em>
                <em>表</em>
                <em>人</em>
            </label>
            <i>:</i>
            <span th:text="${comCerDto.frmc}"></span>
        </p>
        <p class="info_item">
            <label>
                <em>服</em>
                <em>务</em>
                <em>范</em>
                <em>围</em>
            </label>
            <i>:</i>
            <span th:text="${comCerDto.management}"></span>
        </p>

        <p class="info_item">
            <label>
                <em>成</em>
                <em>立</em>
                <em>日</em>
                <em>期</em>
            </label>
            <i>:</i>
            <span th:text="${comCerDto.clrq}"></span>
        </p>

        <p class="info_item">
            <label>
                <em>批</em>
                <em>准</em>
                <em>文</em>
                <em>号</em>
            </label>
            <i>:</i>
            <span th:text="${comCerDto.pzwh}"></span>
        </p>

    </section>

        <div class="certificate_office">
            <p style="margin-bottom: 0px;margin-top: 0px;">发证机关（印章）</p>
            <p class="info_item">
                <label>
                    <em>发</em>
                    <em>证</em>
                    <em>日</em>
                    <em>期</em>
                </label>
                <i>:</i>
                <span th:text="${comCerDto.fzrq}"></span>
            </p>
        </div>

    </section>
</div>
</body>
</html>