<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta name="viewport" content="user-scalable=yes">
    <title>北京医疗机构执业许可证代办-北京医易优公共关系顾问有限公司</title>
    <meta name="description" content="北京医易优公共关系顾问有限公司主要业务为北京地区的医疗机构执业许可证代办，好多成功案例，妇科、眼科、医疗美容、内科、外科等">
    <meta name="keywords" content="医疗机构执业许可证代办">
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?v=2.0&ak=Kel5uAAUwQI7jbf4wrpZholmDOqXVqQU"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="http://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <style>
        #app {
            font-family: 'Avenir', Helvetica, Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-align: center;
            color: #2c3e50;
        }

        .top {
            width: 100%;
            height: 82px !important;
            padding-top: 15px;
            position: fixed;
            top: 0;
            left: 0;
            background-color: #fff;
            z-index: 999;
        }

        .top>div {
            width: 1190px;
            margin: auto;
            height: 82px !important;
        }

        .el-menu-demo {
            border: none !important;
            display: inline-block;

        }

        .el-menu-demo .is-active {
            border: none !important;
        }

        .el-dropdown-menu__item,
        .el-menu-item {
            font-size: 16px !important;
        }

        .el-menu-demo .el-menu-item:hover {
            color: #409EFF !important;
            border-bottom: 2px solid #409EFF !important;
            ;
        }

        .logoBox {
            text-align: left;
        }

        .footerBox {
            width: 100%;

            background-color: rgb(248, 248, 248);
            height: 140px !important;
        }

        .fonterLink {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .fonterLink span:hover {
            color: #409EFF !important;
            cursor: pointer;
        }

        .footerBt {

            padding-top: 40px;
            text-align: center;
        }

        .footerBtAdss {

            font-size: 14px;
            color: #666;
        }
        .item{
            border: 1px solid #efefef;
            border-radius: 10px;
        } 

        .itemImg {
            overflow: hidden;
        }
        .itemImg img{
            width: 100%;
            transition: all 0.6s;
        }

        .itemTle{
            height: 64px;
            line-height: 64px;
            font-size: 18px;
            font-weight: 800;
            color: #333;
        }

        .item:hover{
            box-shadow: 1px 10px 15px #ccc;
            
        }
        .item:hover img{
            transform: scale(1.3);
        }
        .btnbox{
            margin: 40px 0;
            text-align: center;
        }
        .btn{
            width: 490px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            font-size: 20px;
            font-weight: bold;
            color: #666;
            border: 1px solid #d8d8d8;
            margin: auto;
        }
        .btn:hover{
            background-color: #3388ff;
            color:#fff;
        }
        .jieshao{
            width: 100%;
            height: 444px;
            overflow: hidden;
            padding-top: 20px;
        }
        .jieshaoLf{
        float: left;
        width: 320px;
        background-color: rgb(248, 248, 248);
        padding:76px 20px 76px 40px ;
        height: 444px;
        }
        .jieshaoLf h3{
            font-size: 30px;
            text-align: left;
            font-weight: 500;
            margin: 0;
        }
        .jieshaoLf p{
            -webkit-line-clamp: 5;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 15px;
            line-height: 36px;
        }
        .jieshaoLf div{
            width: 140px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #fff;
            background-color: #3388ff;
        }
        .jieshaoLf div:hover{
            background-color: #125ab3;
        }
        .jieshaoRt{
            float: left;
            width: 790px;
        }
        .jieshaoRt img{
            width: 100%;
        }
        .bg{
            margin-bottom: 20px;
            width: 100%;
        }
        .bg img{
        width: 100%;
        }
    </style>
</head>

<body>
    <div id="app">
        <!-- <img src="./assets/logo.png"> -->
        <el-container>
            <el-header class="top">
                <el-row>
                    <el-col :span="12">
                        <div class="logoBox">
                            <img src="./assets/index/logo.jpeg" style="width: 200px;height: 50px;" />
                        </div>
                    </el-col>
                    <el-col :span="12">
                        <div style="text-align: right;">
                            <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal"
                                @select="handleSelect">
                                <el-menu-item index="1">首页</el-menu-item>
                                <el-menu-item index="2">服务中心</el-menu-item>
                                <el-menu-item index="3">公司介绍</el-menu-item>
                                <el-menu-item index="4">联系我们</el-menu-item>
                            </el-menu>
                        </div>
                    </el-col>
                </el-row>
            </el-header>
            <el-main style="margin-top: 84px;padding:0;">
                <div>
                    <img src="./assets/index/banner.jpeg" alt="" srcset="">
                    <div style="text-align: center;">
                        <h3 style="font-size: 30px;margin-bottom:0;">走进医易优</h3>
                        <p style="margin-top: 10px;margin-bottom: 30px;color:#999;">一站式代办医疗机构执业许可证</p>
                    </div>
                    <div style="width: 1190px; margin:40px auto;">
                        <el-row :gutter="8">
                            <el-col :span="8">
                               <div class="item">
                                   <div class="itemImg">
                                        <img src="./assets/index/chaoyang.jpeg" alt="">
                                   </div>
                                   <div class="itemTle">
                                        <span>朝阳区妇科诊所</span>
                                   </div>
                               </div>
                            </el-col>
                            <el-col :span="8">
                                <div class="item">
                                    <div class="itemImg">
                                         <img src="./assets/index/haidian.jpeg" alt="">
                                    </div>
                                    <div class="itemTle">
                                         <span>海淀区眼科诊所</span>
                                    </div>
                                </div>
                             </el-col>
                             <el-col :span="8">
                                <div class="item">
                                    <div class="itemImg">
                                         <img src="./assets/index/yundong.jpeg" alt="">
                                    </div>
                                    <div class="itemTle">
                                         <span>运动医学诊所</span>
                                    </div>
                                </div>
                             </el-col>
                        </el-row>
                        <div class="btnbox">
                            <div class="btn"  @click="handleSelect(2)">查看更多服务</div>
                        </div>
                        <div class="jieshao">
                            <div class="jieshaoLf">
                                <h3>公司介绍</h3>
                                <p>北京医易优公共关系顾问有限公司专业代理业内医生和圈外投资者开设各类医疗机构，办理诊所、门诊部、医院等医疗机构执业许可证。55个临床诊疗学科，我们皆可办理。术业有专攻，我们只做医疗机构资质审批，让我们的客户更加安心、放心、舒心。北京医易优公共关系顾问有限公司成立两年有余，随年限不长，但是公司创始人从事医疗行政行业整整9年有余，背后更是拥有多位在医疗事业单位退居二线的领导顾问团，在成立正规化公司的两年里，我们与中国中医药出版社、宝石花医疗集团和珠江医疗达成长期战略发展合作，公司法人更是担任众多国企私企的独家医疗顾问，以超强的专业技术协助大家落地基层医疗，服务社会回馈国家。</p>
                                <div @click="handleSelect(3)">查看更多</div>
                            </div>
                            <div class="jieshaoRt">
                                <img src="./assets/index/jieshao.jpeg" alt="" srcset="">
                            </div>
                        </div>
                    </div>
                    <div class="bg">
                        <img src="./assets/index/xiangxi.jpeg" alt="">
                    </div>
                    <div class="bg">
                        <img src="./assets/index/fuwu.jpeg" alt="">
                    </div>
               </div>
            </el-main>
            <el-footer class="footerBox" style="padding: 0;">
                <div class="footerBt">
                    <div class="fonterLink">
                        <div>
                            <span @click="handleSelect(1)">首页</span>
                            <el-divider direction="vertical"></el-divider>
                            <span @click="handleSelect(2)">服务中心</span>
                            <el-divider direction="vertical"></el-divider>
                            <span @click="handleSelect(3)">公司介绍</span>
                            <el-divider direction="vertical"></el-divider>
                            <span @click="handleSelect(4)">联系我们</span>
                        </div>
                    </div>
                    <div class="footerBtAdss">
                        <span>Copyright © 北京医易优公共关系顾问有限公司</span>
                        <span>地址：北京市朝阳区望京街道嘉美中心写字楼</span>
                    </div>
                </div>
            </el-footer>
        </el-container>
    </div>
    <!-- built files will be auto injected -->
    <!-- import Vue before Element -->
    <script src="http://unpkg.com/vue@2/dist/vue.js"></script>
    <!-- import JavaScript -->
    <script src="http://unpkg.com/element-ui/lib/index.js"></script>
    <script>
        new Vue({
            el: '#app',
            data: function () {
                return {
                    visible: false,
                    activeIndex: '1',
                }
            },
            methods: {
                handleSelect(e) {
                    console.log(e)
                    if (e == 1) {
                        window.location.href = "./index.html"
                    }
                    if (e == 2) {
                        window.location.href = "./productCenter.html"
                    }
                    if (e == 3) {
                        window.location.href = "./introduce.html"
                    }
                    if (e == 4) {
                        window.location.href = "./contact.html"
                    }
                    this.activeIndex = e
                },
            }
        })
    </script>
</body>

</html>