上海锐展是一支专注于工业模型、机械模型、船舶模型以及建筑模型设计与制作的专业服务机构！
预测性维护。能够在发生中断之前预测生产线中断的可能性对于制造商来说是非常宝贵的。它允许管理员在最有利的时间安排停机时间并消除意外停机。计划外停机会严重影响利润率，也可能导致客户群流失。它还扰乱了供应链，造成了过剩的库存。通过第三方现场工程支持带来额外人力的需求也会花费很多钱。普华永道的一项研究“2020年数字工厂：塑造制造业的未来”预测，由于能够通过消除计划外停工来提高利润率，预计采用机器学习来实现预测性维护将使制造商增加38％。
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a tabindex="-1" href="#">Action</a></li> <li><a tabindex="-1" href="#">Another action</a></li> <li><a tabindex="-1" href="#">Something else here</a></li> <li class="divider"></li> <li><a tabindex="-1" href="#">Separated link</a></li> </ul>
7、渠道——企业用什么渠道来有效的交付价值
<div class="dropdown">
<!-- Link or button to toggle dropdown -->
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>
SPACE矩阵有四个象限分别表示企业采取的进取、保守、防御和竞争四种战略模式。这个矩阵的两个数轴分别代表了企业的两个内部因素——财务优势(FS)和竞争优势(CA);两个外部因素——环境稳定性(ES)和产业优势(IS)。这四个因素对于企业的总体战略地位是最为重要的。
除了手势识别外，腕带也可以搭载计算模块、电池、天线、传感器等元件，比如搭载肌电图(EMG)传感器或许可以实现丰富的AR交互效果。据了解，肌电图利用传感器将通过手腕传递到前掌的电机神经信号转换成数字命令，FRL的肌电图腕带的主要功能是识别使用者的手势。与基于光学的手势识别或手势识别手套相比，肌电信号更灵敏，甚至可能在你手指没开始动的时候就能识别到你从大脑发送的意图。甚至，这种交互方式比手机触屏、键鼠还要快速。
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel"> ... </ul>
决定供应商力量的因素有：投入的差异、产业中供方和企业的转换成本、替代品投入的现状、供方的集中程度、批量大小对供方的重要性、与产业总购买量的相关成本、投入对成本和特色的影响、产业中企业前向整合相对于后向整合的威胁等。
Default
Dropup
Left submenu
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
...
<li class="dropdown-submenu">
<a tabindex="-1" href="#">More options</a>
<ul class="dropdown-menu">
...
</ul>
</li>
</ul>
在这个信息化的时代，电子沙盘在生活中运用越来越广泛，受到很多客户的青睐，相比传统沙盘带来的单一乏味的展现，电子沙盘的展现内容丰富多彩，仿佛使沙盘有了生命一样，这种通过声、光、电、图像、三维动画以及计算机程控技术与实体模型相融合的技术，给我们带来一种高科技的动态视觉效果。
<div class="pagination">
<ul>
<li><a href="#">Prev</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">Next</a></li>
</ul>
</div>
日本的兴起始于“脱亚入欧”的梦想。拷贝西方一切，仅改进细节。当日本走到已经无法再简单拷贝西方时，下一步该怎么走其实已经没有了方向。在这种情况下产生癫狂的兴奋和狂想也就不难理解。
<div class="pagination">
<ul>
<li class="disabled"><a href="#">Prev</a></li>
<li class="active"><a href="#">1</a></li>
...
</ul>
</div>
一些规模比较大的小区中，沙盘模型上都会标明楼栋号，方便购房者区分建筑主体和周边的配套。首先购房者要根据建筑主体来判断小区的规模大小，其次购房者在观察沙盘模型的时候要注意楼栋的建筑设计上是否存在问题，比如楼栋的各个结构拼接处有没有打磨和接缝的痕迹，观察这些建筑是否完全按照施工图或CAD来实施。
<div class="pagination">
<ul>
<li class="disabled"><span>Prev</span></li>
<li class="active"><span>1</span></li>
...
</ul>
</div>
台海战区军事演习沙盘模型，模型比例1：1000，沙盘模型制作主要以战时敌我军事推演为主要目的，全方位展示台海两岸地形地貌特征，给观看者更加直观，贴近实战的感受。 客货两用透明仿真教学电梯是为了配合大中专院校、技校、职业学校、劳动就业培训中心、特种设备检测中心培训电梯操作上岗证、电梯维修保养及物业管理等有关电梯专业和工业自动化专业课程开发的实验演示教学设备。让学员更好地对电梯的使用，结构原理、运行原理、控制方式进行了解，培养出更多的电梯专业人才，以适应电梯与自动化专业的发展需要。
<div class="pagination pagination-large">
<ul>
...
</ul>
</div>
<div class="pagination">
<ul>
...
</ul>
</div>
<div class="pagination pagination-small">
<ul>
...
</ul>
</div>
<div class="pagination pagination-mini">
<ul>
...
</ul>
</div>
商业模型这个词是管理人员最常听到、最滥用、也是有最多定义的一个词。一些企业家在聊天时候，大家都在说商业模型这，商业模型那，但我深信他们一个在说一只鹿，一个在说一匹马。
<div class="pagination pagination-centered"> ... </div>
<div class="pagination pagination-right"> ... </div>
时代在进步科技在发展，大家的思想理念和欣赏水平也在不断提高，电子沙盘系统多样化，智能化，艺术化，人性化特点得到大家的钟爱，发展方向广大，如果结合多媒体软件技术，效果更智能多样，功能简洁全面。
因为市场需求量大，行业发展迅速。而供应方面却略显不足，尤其是拥有核心知识产权。此外技术过硬的企业并不多，行业整体缺乏品牌效应。任何领域都需要大量的人才输入。
<ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul>
传统的实体沙盘只能在固定的比例下向参观者展示，参观者无法走进沙盘模型中，而模型中央内容往往会被周围的模型阻挡视线，让参观者无法了解沙盘的完整信息内容。
<ul class="pager">
<li class="previous">
<a href="#">← Older</a>
</li>
<li class="next">
<a href="#">Newer →</a>
</li>
</ul>
（3）城市规划馆：于城市规划馆之中，不能缺乏的便是沙盘。沙盘是一个城市的微缩，观众获取一个鸟瞰的角度观察城市，通览全局。但是传统的沙盘模型可以于一个时间维度之上展现城市，对一个短达几年而且几十年的城市规划来说，表现力远缺乏。数字沙盘可动态地体现一个城市的全貌，于有所不同的时间维度之上奔跑变动，是阐释一个城市规划的优质工具。
<ul class="pager">
<li class="previous disabled">
<a href="#">← Older</a>
</li>
...
</ul>
| Labels | Markup |
|---|---|
| Default |
<span class="label">Default</span>
|
| Success |
<span class="label label-success">Success</span>
|
| Warning |
<span class="label label-warning">Warning</span>
|
| Important |
<span class="label label-important">Important</span>
|
| Info |
<span class="label label-info">Info</span>
|
| Inverse |
<span class="label label-inverse">Inverse</span>
|
| Name | Example | Markup |
|---|---|---|
| Default | 1 |
<span class="badge">1</span>
|
| Success | 2 |
<span class="badge badge-success">2</span>
|
| Warning | 4 |
<span class="badge badge-warning">4</span>
|
| Important | 6 |
<span class="badge badge-important">6</span>
|
| Info | 8 |
<span class="badge badge-info">8</span>
|
| Inverse | 10 |
<span class="badge badge-inverse">10</span>
|
IT / OT融合/网络安全。机器学习的发展也将推动制造商标准操作程序中的许多商业模式修改。在公司的组织构成中尤其如此。
上图为奥迪A4的AR HUD，应该是两个PGU，一个是静态图像层，即常规车辆信息。另一个是AR图像层。光机部分也基本是两套，可以说这是两套普通HUD放在一个盒子里，成本高且复杂。
生产资源连接是指生产现场的人与机器、机器与机器之间通过电脑、移动交互界面、互联网、AR（增强现实）与 VR（虚拟现实）技术等手段实现互连接、互感知、互操作。能力等级如下：
<div class="hero-unit">
<h1>Heading</h1>
<p>Tagline</p>
<p>
<a class="btn btn-primary btn-large">
Learn more
</a>
</p>
</div>
但是这种模式演变的生态系统正在不断发展。计算生物学和生物工程等新兴领域已经创造了一种新的创始人，原产于生物学，工程学和计算机科学，根据定义，他们已经成为其初出茅庐领域的领先专家。他们的进步正在帮助改变这个行业，将药物发现从一个高度定制的过程转移到一个更加反复的，像工程学一样的构建块方法，这个过程 - 从一种药物的成功或失败中传承的知识很少。
<div class="page-header"> <h1>Example page header <small>Subtext for header</small></h1> </div>
工业PaaS平台目的是为企业提供云服务所必需的各种中间件、分层的动态扩展机制、开发和运维等支撑能力，帮助企业快速构建面向工业行业的社会级服务，同时与开发者、合作伙伴一起打造良性生态圈。
现如今的的电子沙盘，涵盖了传统沙盘模型展示内容全面的特点与优点，也把传统沙盘的弊端都慢慢地转换成优点，例如：展示效果变得多姿多彩、内容可以随意更换、可以进行二次开发利用等等。还在这基础之上，可以与沙盘进行互动触摸，也可以利用电子沙盘系统进行指挥。
正因如此，为了更好地进行教学，很多高校开始引进带有3D功能的投影设备。某所以地质、资源、环境及地学工程技术为主要特色的高校就购买了2台爱普生工程投影机，配备在其地球物理学学科的实验室中。
人：参与制作船模的人员。应该掌握：过程管理、计算机CAD制图、工艺加工、机械动力、电工电子、材料应用、涂敷粘接、造型雕刻、文字表达、成本核算等基础知识和基本技能。这往往是通过船模队（工作室）人员的素质结构和组合来实现。
航天智能智造拼接屏多媒体模型 建设单位：航天智造(上海)科技有限责任公司 项目诉求：展示火箭发动机生产完全自动化的工艺流程。展现形式：采用4块55寸高清拼接屏，两块17寸触摸屏结合实体概念模型，采用IPAD控制终端，实现动态特效结合视频内容深度、精彩、新颖的展示目...
8月16日，电影改编自Where'd You Go，伯纳黛特到达影院，由理查德林克莱特执导，凯特布兰切特主演伯纳黛特。我在阅读这本书的时候把朱莉安·摩尔投入了我的脑海，但无论如何。电影Bernadette在书的正面展示了Keith Hayes插图的刘海和圆形太阳镜。 Billy Crudup饰演她的微软工程师丈夫Elgin Branch; Kristin Wiig在L.L.Bean的一系列节日高领衫中饰演她的妈妈克星奥黛丽格里芬;艾玛·尼尔森扮演贝尔纳黛特的女儿，这是一个令人愉快的蜜蜂科，你会想要采用它。 （这本书和前面的电影都有轻量剧透。）
通常把此类模型称为工作模型或草模，材料选择与细节不需过分讲究，主要目的在于对整个设计方案的推敲和对内部空间尺度感的体验。
W-劣势：比较分析企业在外部市场环境、内部经营方面相对于其他竞争对手的劣势;
但是，企业一定要让总的价值创造超过总的价值成本，也就是说，企业每个利益相关方获取的价值一定要超过他们所做事情的机会成本，才可以赚钱。如果不超过的话，企业的商业模式将不可持续，纵有一大批免费员工，也无济于事。
在今天，日本ZF领导人还有可能再如此轻易地解决历史问题吗？情况完全不同了。关键原因在于今天的中国和亚洲虽然还是需要日本，但已经不是那么迫切地需要了。历史的机遇一旦错失，几乎就意味着永远失去。
我们现在普遍见到的机械其实都是和工业紧密联系起来的，我们所要用到的机械的构件其实都是很重要的。这些机械模型的特征也是非常显著的，有区别的话自然可以去构建更多具有特色的模型。
服务化延伸主要指通过自建或利用第三方统一云平台，整合企业设备、产线、生产、经营、产品以及企业内外部价值链上各类数据，并基于大数据建模分析提供数据增值服务，如产品远程运维等，且正在形成或已经按照一定的商业模式来经营。
<ul class="thumbnails">
<li class="span4">
<a href="#" class="thumbnail">
<img src="http://placehold.it/300x200" alt="">
</a>
</li>
...
</ul>
至今知识界还陷入在“公知”“中偏左”，或者只是重释中国大量历史古纸堆的状态之中飘飘欲仙，能讲几段中国历史故事就算“百家讲坛”，重复点美国一两百年前古纸堆里的东西就自以为在对中国社会进行启蒙。这样浅薄的目标和理想能够支撑中国在未来短短的10多年、最多20年历史机遇期里实现什么样的文明跨度呢？
<ul class="thumbnails">
<li class="span4">
<div class="thumbnail">
<img src="http://placehold.it/300x200" alt="">
<h3>Thumbnail label</h3>
<p>Thumbnail caption...</p>
</div>
</li>
...
</ul>
传统占地面积大，更换成本高，场地也无法做到灵活多变。并且传统固态沙盘上的标志内容一旦制作完成，就难以更换新的讯息。
我第一次见到Bernadette Fox，我不知道该怎么想。 Fox，Maria Semple的书信小说Where'd You Go，Bernadette的主角，是一位不再练习的中年女建筑师，八年级学生的母亲，西雅图不情愿的居民，以及麦克阿瑟“天才”奖获得者嫁给了TED说话的AI专家。圣诞节前两天，她在前往南极洲的邮轮上消失了。
<div class="alert"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Warning!</strong> Best check yo self, you're not looking too good. </div>
企业间的竞争是五种力量中最主要的一种。只有那些比竞争对手的战略更具优势的战略才可能获得成功。为此，公司必须在市场、价格、质量、产量、功能、服务、研发等方面建立自己的核心竞争优势。
<a href="#" class="close" data-dismiss="alert">×</a>
在CAD工程制图时代，二维设计的“错、漏、碰、撞”以及由此而来的“设计变更”现象颇难避免，由此可能引发的工期延误、造价上升与质量降低更是令工程人头疼。而BIM技术的应用较好地弥补了二维规划的不足，大大提高了设计质量（厦门地铁项目便是国内建筑界应用BIM技术提高设计质量的代表）。
<button type="button" class="close" data-dismiss="alert">×</button>
全息幻影立体成像类数字沙盘主要有360°全息投影和单面180°全息投影，360°全息投影一般都是用来展示手机、珠宝、汽车和一些单品等，展示效果比较全面到位，单面180°全息投影运用的领域与360°全息投影的差不多，但是在设备上主要是电视播放设备为主而360°全息投影是以投影设备为主。
（一）展示内容大。数字沙盘以简单明了，一目了然的手法可充分体现展示内容。
今日之中国所需要努力奋头和追求的早已经不是西方人的赞扬和鼓励，而是在全面继承科学文明的基础上，获得赞扬和鼓励西方人的资格，和对未来科学的鉴赏、判断能力。
<div class="alert alert-block"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>Warning!</h4> Best check yo self, you're not... </div>
又一个十年过去， 2007年9月SysML v1.0发布；2007-08年INCOSE发布了两版《MBSE方法学调研综述》；2009年INSIGHT杂志在第二个《MBSE：这个新范式》专刊中宣称：MBSE已具备一定条件正式登上历史舞台。MBSE应用领域拓展到体系工程，而应用行业拓展到航空航天国防军工以外的汽车、轨道交通和医疗器械等民用行业。
<div class="alert alert-error"> ... </div>
<div class="alert alert-success"> ... </div>
<div class="alert alert-info"> ... </div>
一站式电子化开盘模型，实现销控、收款、打单、签约一站式服务。实现购房客户进入到销控区完成选房后，直接洽谈签约，与此同时销控、签约后排的工作人员快速完成财务换票和打印认筹书
<div class="progress"> <div class="bar" style="width: 60%;"></div> </div>
一旦创始人有了一个想法，测试它的成本也会发生变化。在您开始第一次实验之前必须建立整个实验室的日子已经一去不复返了。与AWS使创建科技公司的速度更快，更容易的方式相同，共享实验室空间和湿式加速器等创新技术大大降低了启动生物启动所需的成本和速度。今天，一个“杀手实验”花费数千而不是数百万，这将给创始团队（和投资者）早期的信念。
<div class="progress progress-striped"> <div class="bar" style="width: 20%;"></div> </div>
以上是房地产楼群沙盘的制作流程。这些步骤可以分开进行，也可以颠倒工作顺序，或是几个步骤同步进行，每一个模型工作室的工作流程都不太相同。
<div class="progress progress-striped active"> <div class="bar" style="width: 40%;"></div> </div>
首先是结合了高科技特点，融合高端设计，并加入了现代元素，在传统展厅的基础上，结合用户需求，速度化展现。
<div class="progress"> <div class="bar bar-success" style="width: 35%;"></div> <div class="bar bar-warning" style="width: 20%;"></div> <div class="bar bar-danger" style="width: 10%;"></div> </div>
对于沙盘的维护是通过平时一点一滴去积累的，因此，在平时就应该有意识去做好这些细节。这样，沙盘模型才能维护好，吸引客户，公司的业绩才会蒸蒸日上。
<div class="progress progress-info"> <div class="bar" style="width: 20%"></div> </div> <div class="progress progress-success"> <div class="bar" style="width: 40%"></div> </div> <div class="progress progress-warning"> <div class="bar" style="width: 60%"></div> </div> <div class="progress progress-danger"> <div class="bar" style="width: 80%"></div> </div>
但是，本来是意大利人伽俐略通过在古希腊数学和逻辑基础上引入实验方法开启了现代科学之门，并被公认为现代科学之父，他个人的结局竟然是因为他的科学理论而被活活烧死了。
<div class="progress progress-info progress-striped"> <div class="bar" style="width: 20%"></div> </div> <div class="progress progress-success progress-striped"> <div class="bar" style="width: 40%"></div> </div> <div class="progress progress-warning progress-striped"> <div class="bar" style="width: 60%"></div> </div> <div class="progress progress-danger progress-striped"> <div class="bar" style="width: 80%"></div> </div>
为什么勃兰特的行动能够如此成功呢？那是因为二战之后所有欧洲国家都太疲惫了，都想赶紧能找到台阶下，能有和平的机会恢复元气，发展自己。勃兰特能抓住历史的机会给整个欧洲一个出乎所有人意外的大台阶，不仅整个欧洲，而且全世界也就全都赶紧顺着这个大台阶下去了。
制作部将铜丝电线剥皮，将铜丝拧成树干的形状，喷上漆。普通海绵浸漆，晾干后粉碎，将树干的枝丫浸胶，粘上碎海绵，做成树。若是绿树，海绵可浸绿漆，若是秋天的树，可浸橙色漆。柳树可用0.2mm的漆包线拧成树干与树枝，然后在树枝上粘上绿色绒线末。松树是将粗鱼线剪成细段，用夹子夹住，再将两根0.5mm的漆包线夹住绞动，松开夹子，就成了松树的形状，修剪一下，粘上绿色绒线末即可。其它的花草可以用干花剪下来染色来制作。用医用棉签或牙签做成路灯。泡沫塑料可以用刀片雕刻成假山石的形状，喷上漆。
Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.
因为对于风险投资来说这是一个沉重的举措，科学创始人通常会留下相对较小的股权 - 即使是创始人也可能拥有约5％的所有权。虽然这些公司经常推出头条新闻资金
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="http://placehold.it/64x64">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
...
<!-- Nested media object -->
<div class="media">
...
</div>
</div>
</div>
传统的沙盘分为简易沙盘和永久性沙盘。简易沙盘是用泥沙和兵棋在场地上临时堆制的；永久性沙盘是用泡沫塑料板（或三合板）、石膏粉、纸浆等材料制作的，能长期保存。沙盘具有立体感强、形象直观、制作简便、经济实用等特点。
随着工业、机械等行业的快速发展，并且经过相应的技术革新，使得机械模型得到了快速的发展，这种机械模型的技术也在不断的提高，更好的满足了机械模型的需求，因此，机械模型的发展是人们所意想不到的，那么在工业生产中，机械模型具有哪些不可忽视的作用呢？
<ul class="media-list">
<li class="media">
<a class="pull-left" href="#">
<img class="media-object" src="http://placehold.it/64x64">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
...
<!-- Nested media object -->
<div class="media">
...
</div>
</div>
</li>
</ul>
由上图可以看出，3月工业线材市场价格大幅上涨。全国冷镦钢均价5303元/吨、拉丝均价5051元/吨、硬线均价5221元/吨，分别较上月末上涨67元/吨、397元/吨和172元/吨。本月各品种钢方面价格延续涨势，但品种价分化较为明显，其拉丝涨幅最大，硬线其次，冷镦相对偏弱。南北价差来看，华南与华北价差倒挂40元/吨，华南地区节后库存压力较大，价格表现较弱，北方市场受限产政策影响，在钢坯疯狂涨价的带动下，价格一路高歌猛进。品种价差来看，目前冷镦—硬线差82元/吨、拉丝—硬线价差-170元/吨，冷镦—拉丝价差252元/吨，普优价差大幅缩窄，未来预计价差能将继续缩窄。
<div class="well"> ... </div>
人们常说历史即是偶然的也是必然的。工业文明的波浪模型清楚地揭示了工业文明历史的必然性所在。当它的波浪没有到达中国时，完全不应有任何奢望。但它这个波浪来到时，想躲过都很难。看看今天中国周边的国家，除了朝鲜这样稀有的国家外，有几个不是处在工业文明的黄金时期呢？
<div class="well well-large"> ... </div>
<div class="well well-small"> ... </div>
工业文明的波浪模型是指工业文明是以一种波浪的方式从先实现工业革命的国家向附近的国家传播，像波浪一样一个接一个带动其他国家完成工业革命。由于地球特殊的地理环境，这种本来应当是从一个中心向四周传播的波浪，形成了大致从地中海东部开始，由东向西的传播过程。从最早的古希腊文明，意大利文艺复兴，西班牙和葡萄牙，荷兰，英国，法国，德国，苏联，美国，日本，东南亚......现在传递到中国。这个波浪甚至具有相当规律和奇异的地理特征，就是沿着北纬40度线和北回归线构成的文明带从东向西传递。中国事实上接受了多个方向来的工业文明波浪影响。一个是从苏联传递过来，另一个是从美国、日本和东南亚传播过来。
工业产品3D-H5展示（新型3D宣传单页）
<button class="close">×</button>
在三维电子沙盘中进行任意缩放和漫游，可以模拟飞行，对目标进行全方位的观察分析;
<a class="close" href="#">×</a>
以结构化的步骤顺序收集，处理和评估训练数据，以准备用于机器学习算法的数据。结构化的步骤序列是一个过程，该过程的创建引入了新技术，包括：
NO，博士又一次摇头。不一定，企业需要关注的是核心竞争力，而不是首先关注数字化。评价一家企业，可以从数字化能力（Digital Capability）和领导能力（leadership Capability）两个维度去评价。
class="pull-left"
.pull-left {
float: left;
}
(5)将X轴的两个分数相加，将结果标在X轴是;将Y轴的两个分数相加，将结果标在Y轴上;标出X、Y数轴的交叉点;
class="pull-right"
.pull-right {
float: right;
}
（二）设计手法高超。整个展示过程不落俗套，不仅有于传统展板之上的创意，亦有根据充分体现现代全新科技成就之上的互动。
class="muted"
.muted {
color: #999;
}
虽然光辉城市Smart+设计平台将绝大多数渲染工作搬到了云端，但是基本的设计模型载入和效果调整还是需要在本地完成，这个阶段的效率就与PC的性能直接相关了。
class="clearfix"
.clearfix {
*zoom: 1;
&:before,
&:after {
display: table;
content: "";
}
&:after {
clear: both;
}
}