.layui-font-white{
  color: #ffffff;
}

.liumq-body {
	width: 100%;
}

.liumq-img-in {
	font-size: 0;
}

.liumq-flex {
	display: flex;
}

.liumq-border-box {
	box-sizing: border-box;
}

.liumq-body {
	width: 100%;
	box-sizing: border-box;
}

.liumq-row {
	flex-direction: row;
}

.liumq-column {
	flex-direction: column;
}

.liumq-wrap {
	flex-direction: row;
	flex-wrap: wrap;
}

.liumq-nowrap {
	flex-direction: row;
	flex-wrap: nowrap;
}

.liumq-space-around {
	justify-content: space-around;
}

.liumq-space-between {
	justify-content: space-between;
}

.liumq-justify-content-start {
	justify-content: flex-start;
}

.liumq-justify-content-center {
	justify-content: center;
}

.liumq-justify-content-end {
	justify-content: flex-end;
}

.liumq-align-items-start {
	align-items: flex-start;
}

.liumq-align-items-center {
	align-items: center;
}

.liumq-align-items-end {
	align-items: flex-end;
}

.liumq-flex1 {
	flex: 1;
}

.liumq-heading h3{
  font-size: 36px;
  font-weight: bold;
}

.liumq-heading p{
  font-size:16px;
  line-height: 24px;
  margin-top: 15px;
}

.liumq-table-cell{
  display: table-cell;
}

.liumq-indent {
  text-indent: 2em;
}

.wrapper-section {
  width: 100%;
  position: fixed;
  z-index: 9;
  top: 0;
  height: 90px;
  background: #292929;
  opacity: 1;
}

.wrapper-section .navbar-collapse{
  position: absolute;
  top: 38px;
  right: 0;
  display: none;
}

.wrapper-section .layui-menu{
  background-color: #000000;
  padding: 10px 0;
  border-radius:5px;
}

.wrapper-section .layui-menu li{
  width: 100px;
  text-align: center;
}

.wrapper-section .layui-menu li:hover{
  background-color: #000000;
}

.wrapper-section .layui-menu,.layui-menu li{
  margin: 0;
}

.wrapper-section .layui-menu-body-title{
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
}

.wrapper-section .layui-menu-body-title.layui-this{
  color: #FB922C;
}

.banner-section{
  background: url(../images/banner.jpg) no-repeat center;
  background-size: cover;
  min-height: 100vh;
  position: relative;
  z-index: 0;
  display: grid;
  align-items: center;
}

.banner-section:before{
  content: "";
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  min-height: 100%;
  left: 0;
  right: 0;
  z-index: -1;
}

.breadcrum-section{
  min-height: 45vh;
  position: relative;
  z-index: 0;
  display: grid;
  align-items: center;
}

.breadcrum-section.bg1{
  background: url(../images/breadcrum1.jpg) no-repeat center;
  background-size: cover;
}

.breadcrum-section.bg2{
  background: url(../images/breadcrum2.jpg) no-repeat center;
  background-size: cover;
}

.breadcrum-section.bg3{
  background: url(../images/breadcrum3.jpg) no-repeat center;
  background-size: cover;
}

.about-section{
  background: url(../images/about.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  z-index: 0;
  padding: 80px 0;
}

.about-section:before{
  content: "";
  background: rgba(7, 10, 12, 0.4);
  position: absolute;
  top: 0;
  min-height: 100%;
  left: 0;
  right: 0;
  z-index: -1;
}

.feature-section{
  background: url(../images/feature.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  z-index: 0;
  padding: 80px 0;
}

.feature-section:before{
  content: "";
  background: rgba(7, 10, 12, 0.4);
  position: absolute;
  top: 0;
  min-height: 100%;
  left: 0;
  right: 0;
  z-index: -1;
}

.product-section{
  background-color: #F7F9FF;
  position: relative;
  z-index: 0;
  padding: 80px 0;
}

.frame-section{
  background: url(../images/frame.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  z-index: 0;
  padding: 80px 0;
}
.frame-section:before{
  content: "";
  background: rgba(7, 10, 12, 0.4);
  position: absolute;
  top: 0;
  min-height: 100%;
  left: 0;
  right: 0;
  z-index: -1;
}
.idol-section{
  background-color: #F7F9FF;
  position: relative;
  z-index: 0;
  padding: 80px 0;
}
.brief-section{
  background-color: #F7F9FF;
  position: relative;
  z-index: 0;
  padding: 80px 0;
}
.engage-section{
  background: url(../images/engage.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  z-index: 0;
  padding: 80px 0;
}
.engage-section:before{
  content: "";
  background: rgba(7, 10, 12, 0.4);
  position: absolute;
  top: 0;
  min-height: 100%;
  left: 0;
  right: 0;
  z-index: -1;
}
.features-section{
  position: relative;
  z-index: 0;
  padding: 80px 0;
}
.pricing-section{
  background-color: #F7F9FF;
  position: relative;
  z-index: 0;
  padding: 80px 0;
}
.footer-section{
  background-color: #333333;
  position: relative;
  z-index: 0;
  padding: 20px 0;
}
.contacts-section{
  background-color: #F7F9FF;
  position: relative;
  z-index: 0;
  padding: 80px 0;
}
.servcore-section{
  background: url(../images/servcore.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  z-index: 0;
  padding: 80px 0;
}
.servcore-section:before{
  content: "";
  background: rgba(7, 10, 12, 0.4);
  position: absolute;
  top: 0;
  min-height: 100%;
  left: 0;
  right: 0;
  z-index: -1;
}
.imgcore-section{
  background-color: #fbfbfb;
  position: relative;
  z-index: 0;
  padding: 60px 0;
}