致力于大型展览展示项目的展示咨询、展厅设计与、展厅设计施工、多媒体沙盘！
John Vojtech展示了一个看起来像女裁缝的弹跳轮，除了它用塑料压制铆钉孔。人们可以从模型上钻出过大的凸起铆钉，并使用铆接轮来制造更多类似鳞片的铆钉图案。
<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>
首先是描述物理世界发生了什么；其次是诊断为什么会发生；第三是预测下一步会发生什么；第四是决策该怎么办，决策完成之后就可以驱动物理世界执行。
<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>
由上图可以看出，3月工业线材市场价格大幅上涨。全国冷镦钢均价5303元/吨、拉丝均价5051元/吨、硬线均价5221元/吨，分别较上月末上涨67元/吨、397元/吨和172元/吨。本月各品种钢方面价格延续涨势，但品种价分化较为明显，其拉丝涨幅最大，硬线其次，冷镦相对偏弱。南北价差来看，华南与华北价差倒挂40元/吨，华南地区节后库存压力较大，价格表现较弱，北方市场受限产政策影响，在钢坯疯狂涨价的带动下，价格一路高歌猛进。品种价差来看，目前冷镦—硬线差82元/吨、拉丝—硬线价差-170元/吨，冷镦—拉丝价差252元/吨，普优价差大幅缩窄，未来预计价差能将继续缩窄。
现代化科技已经逐步取代了传统的教学方式，十年前我们坐在课桌上听老师讲地貌，现在则可以亲手演示山川地貌的形成。数字沙盘通过3D投影的方式，让教学不再变得枯燥，让每个学生都能感受到学习的乐趣。
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel"> ... </ul>
（2）博物馆：通过对视频、音频、动画、图片、文字等媒体加以组合应用，将躺在历史书里的故事长线以三维立体的方式完整呈现于眼前，从而引领博物馆进入人们可参与交互式的新时代，打造沉浸式体验，吸引人们浓厚的兴趣。
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>
而数字沙盘则可以时刻动态展示不同比例下的全景沙盘，通过无缝大小随意缩放操作，甚至各角度旋转播放，让沙盘可向参观者毫不保留地展现完整内容。
<div class="pagination">
<ul>
<li class="disabled"><span>Prev</span></li>
<li class="active"><span>1</span></li>
...
</ul>
</div>
联合国环境部目前正在实施瑞典资助的减少东南亚海洋垃圾的项目，以及日本资助的一项旨在解决恒河和湄公河沿岸海洋塑料问题的倡议。通过与北九州的合作协议，该市的专业知识将支持泰国和柬埔寨的地方政府实施有效的废物管理计划。
<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>
近年来，德国对中国出口也一路高歌猛进，而日本对华出口却处于停滞和波动状态。2014年德国的外贸出口总额达11336亿欧元（约合人民币80277.02亿元），较上一年提高3.7%，并再次创下最高纪录。其贸易顺差也位居全球首位，且远超排名第二、第三的中国和沙特，达到了2170亿欧元（约合人民币15361.86亿元）。
<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>
Type1 和 Type2 由于是在模型浮点模型训练之后介入，无需大量训练数据，故而转换代价更低，被称为 后量化（Post Quantization），区别在于是否需要小批量数据来 校准（Calibration）；
<ul class="pager">
<li class="previous">
<a href="#">← Older</a>
</li>
<li class="next">
<a href="#">Newer →</a>
</li>
</ul>
通过该基金建设40兆瓦的太阳能光伏项目可能会在未来几年再创造880个就业岗位。
<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>
|
生产资源连接是指生产现场的人与机器、机器与机器之间通过电脑、移动交互界面、互联网、AR（增强现实）与 VR（虚拟现实）技术等手段实现互连接、互感知、互操作。能力等级如下：
(2) 广义MBSE体系内部也将继续加速发展，进一步提升MBSE技术成熟度和能力成熟度。MBSE方法学将沿着基于模型的系统生命期管理→基于模型的产品线/系统族生命期管理→基于模型的企业生命期管理的方向发展。核心的系统建模语言SysML 2.0将完全摆脱UML的衣钵，彻底融入广义MBSE体系，进而与核心的信息建模标准STEP实现无缝集成与映射。在此基础上，MBSE软件环境建设和工具链研发应用、乃至基于MBSE的新一代PLM系统研发也在同步进行。
NREL的V3 Bifacial Radiance软件用于研究单轴跟踪双面设计变量;包括跟踪台高度和扭矩管间隙以及工作台分离。此类软件程序提供更先进的算法，以帮助太阳能系统设计人员和操作人员在关键时间范围内关注重要数据。
<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>
由于在这一套规则中，网格体积碰撞的规则基于点和点之间的直线距离，点与网格边的距离无法得到有效控制，最终生长的形式也显得较为锋利不够完美，但这一套逻辑生成的形态更加高效，用较少的面数即可达到更高的复杂度。以下均为我跟随教程还原的Differential Growth，网格动图可以清晰地看到点和点之间如何碰撞，边线如何细分。
以《SE愿景2020》英文定义为基础，综合上面五种定义和解释，本文给出中文定义：基于模型的系统工程是一种形式化的建模方法学，是为了应对基于文档的传统系统工程工作模式在复杂产品和系统研发时的面临的挑战，以逻辑连贯一致的多视角通用系统模型为桥梁和框架，实现跨领域模型的可追踪、可验证和全生命期内的动态关联，进而驱动贯穿于从概念方案、工程研制、乃至使用维护到报废更新的人工系统全生命期内的、以及从体系往下到系统组件各个层级内的系统工程过程和活动（包括技术过程、技术管理过程、协议过程和组织项目使能过程）。除方法学本身外，广义MBSE还包括方法学所需的使能技术（如建模语言）和人员能力，以及方法学的应用环境等所构成的体系。
智能设备联网是指生产现场的生产设备、产线和工艺装置、工业机器人、传感设备等数字化物理实体通过标准通信接口、协议转换等方式将数据上传至车间层、企业层管理系统或监控系统。能力等级如下：
数十年的国际实践已证明，BIM技术在工程质量管理中颇有成效。放眼国内，青岛国际啤酒城购物中心和王府井大酒店改造项目也都是国内建筑界应用BIM技术提高施工质量的典型。
如此分析，两者争夺的核心就是数据，所以德国才会对数据安全如此敏感。而中国似乎对数据安全的关注度严重不足。
置景部根据组装部所作的台子和平面布置图，在台子上划分出平面布局，用绿色绒面墙纸作为草地粘在绿化区，大孔海绵浸上绿色油漆晾干，裁成长条作为绿化带粘在小灌木区。如果布局中有水和湖泊，可以用波纹面的有机玻璃板，背面喷湖蓝色漆，裁成河流或湖泊的形状放在相应的位置。若是有高地，可将有机玻璃板或PVC板层层堆积并修整成形，再抹上涂料填充缝隙，晾干后覆上草地。用灰色的背胶纸粘成公路，用白色背胶纸刻成公路线标粘在上面。
这位短片导演继续说道，“我实际上会玩[”少女之梦“]，然后在[尤克里里琴]上为周年纪念而唱歌，但是当我调整时，我想，f - k，我不是在帮助她BS图像又一秒。“
NO，博士又一次摇头。不一定，企业需要关注的是核心竞争力，而不是首先关注数字化。评价一家企业，可以从数字化能力（Digital Capability）和领导能力（leadership Capability）两个维度去评价。
数据安全问题，德国人非常注重数据安全，陪同讲解翻译的德累斯顿工业大学的王教授补充说，在网上一般找不到德国人的照片，德国政府和研究机构都深刻认识到随着工业4.0和数字化的深入发展，数据成为越来越重要的资产和财富，他们对信息安全极其重视，德国政府对于微软、google等美国大公司动不动就因为信息安全问题进行处罚，但是一方面由于德国本土互联网业不够发达，又不能不使用这些系统，另一方面德国政府不像中国政府那么Power，可以用行政命令直接把google请出中国市场，所以德国政府其实很无奈，只能是发现信息安全问题就严厉的处罚这些外国公司。
第二，建筑的模型应该是宜看不宜接触，尤其是在营销中心的时候，更要做好相关的一些措施。小朋友不听话，很容易对建筑模型进行破坏。
在80年代随着日本产品技术的发展，面临着如何开拓更大发展空间的问题。把眼光放在什么方向呢？日本是把眼光放在自己曾跟随着前一个工业文明波峰的美国身上，这引起了与美国之间持续不断的贸易战，尤其是汽车、内存芯片等尖端科技产品领域，一次又一次的贸易战让美国人最终失去了耐心。
7、渠道——企业用什么渠道来有效的交付价值
<ul class="thumbnails">
<li class="span4">
<a href="#" class="thumbnail">
<img src="http://placehold.it/300x200" alt="">
</a>
</li>
...
</ul>
应该做到从设计到回收全生命周期的数字化，数字化一方面提升了产品制造过程的柔性，逐步做到按订单生产，个性化配置，缩短交付时间；另一方面，要做到尤其是设备设施自身具备数字化能力（没有提智能化！），这样，设备运行使用中的各种数据才能够有效的采集存储和分析，以便提供远程运维服务，当积累了大量的数据后，会变得越来越smart（没有用intelligence！）。个人理解对应的就是中国天天讲的智能工厂和智能产品。
<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>
能耗与安全管理优化是指通过现场各种仪器仪表、传感器等采集和上传能耗数据、环境数据等，然后基于大量实时和历史数据的分析优化能耗效率、降低安全生产事故概率。
他的作品Growth Forms，Hybrid Forms等等都是广为人知的(其中Hybrid Forms更是融合了数种不同的生长类型)，在2017年的Karlsruhe灯光艺术节上他也与ZAHA事务所合作了一场投影秀，将复杂的生物结构投影在建筑立面上。
<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>
工业文明的波浪模型是指工业文明是以一种波浪的方式从先实现工业革命的国家向附近的国家传播，像波浪一样一个接一个带动其他国家完成工业革命。由于地球特殊的地理环境，这种本来应当是从一个中心向四周传播的波浪，形成了大致从地中海东部开始，由东向西的传播过程。从最早的古希腊文明，意大利文艺复兴，西班牙和葡萄牙，荷兰，英国，法国，德国，苏联，美国，日本，东南亚......现在传递到中国。这个波浪甚至具有相当规律和奇异的地理特征，就是沿着北纬40度线和北回归线构成的文明带从东向西传递。中国事实上接受了多个方向来的工业文明波浪影响。一个是从苏联传递过来，另一个是从美国、日本和东南亚传播过来。
<button type="button" class="close" data-dismiss="alert">×</button>
又一个十年过去， 2007年9月SysML v1.0发布；2007-08年INCOSE发布了两版《MBSE方法学调研综述》；2009年INSIGHT杂志在第二个《MBSE：这个新范式》专刊中宣称：MBSE已具备一定条件正式登上历史舞台。MBSE应用领域拓展到体系工程，而应用行业拓展到航空航天国防军工以外的汽车、轨道交通和医疗器械等民用行业。
工程机械施工场景沙盘模型，重点刻画工程机械在工程施工时的实际应用。
船用柴油发动机模型可用于科研实验室，教育领域，展示展览等。柴油发动机模型可以根据您的要求而定制。
<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>
数字沙盘在内容的展示上简单明了，不落俗套，设计手法上既有对传统的创新，又有现代高新科技的体现，大模型场面宏大，小模型布局精巧。
<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>
“Cellular Forms”项目使用了一种精简的细胞生长模型来生成错综复杂的、具有雕塑感的形态。结构由细胞间的力以及细胞的营养素累积规则控制，从相互连接的细胞单元中生成。当细胞的营养素超过了一个给定的阈值时，细胞一分为二，并且与周边的细胞重新构建连接。这些规则的细微改变都能产生许多不同的组织结构，产生的形式令人联想起植物、珊瑚、内脏以及微生物。“
<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>
Schutt Air Advantage将属于该类别，公司本身可能会同意布朗有更好的选择。早在2014年，Schutt解释了为什么它停止了Air Advantage。基本上，这项技术已被其他头盔所超越。通过ksat.com：
<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>
虽然两家公司都没有确认或否认该报告，但从商业角度来看，这种合作关系是有道理的。一方面，捷豹路虎在上一个财政季度损失了4.77亿美元，并且正在投入大量资金开发大型车型，如前面提到的后卫和下一代路虎揽胜。使用来自另一家汽车制造商的零件来制造小型汽车，从而增加了巨大的负担。另一方面，宝马喜欢与合作伙伴共享组件的想法 - 即使是它认为是竞争对手的合作伙伴 - 因为它有助于抵消开发它们的成本上升。
“SWOT”是Strength、Weakness、Opportunity、Threat四个英文单词的缩写，这个模型主要是通过分析企业内部和外部存在的优势和劣势、机会和挑战来概括企业内外部研究结果的一种方法。
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.
发明无线电的意大利人马可尼在本国找不到知音，最后去了英国创业成功。马克尼公司尽管已成过去，但在相当长时期内却是影响世界的电信巨头。马克尼也因此而获得诺贝尔物理学奖金。
<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>
置景部将制作部送来的花草树木及楼房按布置粘在相应的地方。组装部根据每栋楼房所在的位置，打孔并装上小彩灯，使楼房模型内部能发光，如同开灯的效果，并接好线路。
<div class="well"> ... </div>
意大利因得文艺复兴风气之先，首先开启了近代欧洲复兴和科学文明、工业文明的进程，但自己却漫不经心地错失一个又一个重大的历史机遇。为什么？
<div class="well well-large"> ... </div>
<div class="well well-small"> ... </div>
航天、船舶、兵器的部分重点单位也开始MBSE初步实施。限于和欧美工业基础的差距，在MBSE方法学乃至广义MBSE体系研发、教育培训、应用推广方面，国内都还处于完全跟随状态，尚处在MBSE孕育期。同等能力的系统工程从业人数，国内和国外还有接近两个数量级的差距。
至今知识界还陷入在“公知”“中偏左”，或者只是重释中国大量历史古纸堆的状态之中飘飘欲仙，能讲几段中国历史故事就算“百家讲坛”，重复点美国一两百年前古纸堆里的东西就自以为在对中国社会进行启蒙。这样浅薄的目标和理想能够支撑中国在未来短短的10多年、最多20年历史机遇期里实现什么样的文明跨度呢？
<button class="close">×</button>
在三维电子沙盘中进行任意缩放和漫游，可以模拟飞行，对目标进行全方位的观察分析;
<a class="close" href="#">×</a>
提高设计效率，完善设计表达。在VR颠覆视觉体验的大时代，设计师的角斗场也在向VR世界延伸，新的价值空间和增量市场正在开启。在这个过程中，硬件和软件扮演着同样重要的作用，需要多方协作才能升速提高VR体验。正如这次光辉城市联合英特尔共同发布VR Designer PC一样，英特尔在其中就扮演了重要的作用。
以结构化的步骤顺序收集，处理和评估训练数据，以准备用于机器学习算法的数据。结构化的步骤序列是一个过程，该过程的创建引入了新技术，包括：
class="pull-left"
.pull-left {
float: left;
}
TFT-LCD的PGU的主要供应商是日本JDI和京瓷，松下能够自产PGU，这也是松下HUD升速崛起的主要原因。台湾的友达和群创也有，国内的天马和京东方也有TFT-LCD的PGU。日本JDI和京瓷的PGU市场占有率估计超过80%甚至更高，因为日本企业电装、松下、日本精机三家在HUD的市场占有率有60%左右。
class="pull-right"
.pull-right {
float: right;
}
1.沙盘模型制作技巧和新的制作方法都是在不断的实践中进行摸索总结出来的，只有不断的总结经验与改进制作工艺与制作技巧，才能获得一种新的制作工艺与制作技巧。所以我们在制作模型上可尝试的使用不同的制作技巧来进行改进。
class="muted"
.muted {
color: #999;
}
设计中枕头形状的窗户玻璃，是将塑料放进烤箱中软化制成的，这需要团队成员们放弃他们的厨房好几天。
class="clearfix"
.clearfix {
*zoom: 1;
&:before,
&:after {
display: table;
content: "";
}
&:after {
clear: both;
}
}