.mi-breadcrumb{
	margin-top: 120px;
	border-top: 1px solid #eeeeee;
}
.mi-breadcrumb .breadcrumb{
	height: 4rem;
	display: flex;
	align-items: center;
	margin-bottom: 0;
}
.mi-breadcrumb .breadcrumb li a{
	font-size: .8rem;
}
.sub-banner{
	width: 100%;
	position: relative;
	height:32rem;
	overflow: hidden;
}
.sub-banner img{
	width: 100%;
	height: 32rem;
	object-fit: cover;
}
.page-title{
	position: absolute;
	left: 20%;
	top: 12rem;
	color: #ffffff;
	font-size: 2.2rem;
	font-weight: bold;
}

.mi-page-title h2{
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 0;
	letter-spacing: .1rem;
	font-size: 1.8rem;
}
.mi-page-title p{
	text-align: center;
	margin-bottom: 0;
	margin-top: 1rem;
}
.mi-page-title .lines{
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: center;
}
.mi-page-title .lines .line{
	display: block;
	width: 5rem;
	height: 1px;
	background-color: #eeeeee;
}
.mi-page-title .lines i{
	margin: 0 1rem;
}
.product-content{
	color: #000000;
}
.product-content p{
	color: #000000;
}
strong{
	color: var(--mi-base-bg-color);
}
.mi-products{
	margin-top: 3rem;
}
.mi-products .cover{
	width: 100%;
	max-height: 16rem;
	overflow: hidden;
}

.mi-products .col .cover,.mi-application .col .cover{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.mi-products .col .cover img,.mi-application .col .cover img {
	width: 100%;
	cursor: pointer;
	transition: all .3s;
	max-height: 18.5rem;
}
.mi-products .col .cover img:hover,.mi-application .col .cover img:hover {
	transform: scale(1.2);
}
.mi-products .col .cover i,.mi-application .col .cover i {
	color: #f8f8f8;
	position: absolute;
	bottom: -7px;
	left: 48%;
	font-size: 1.5rem;
}
.mi-products .col p,.mi-application .col p {
	text-align: center;
	padding: 1rem 0;
	font-weight: bold;
	color: #333333;
	background-color: #f8f8f8;
}
.mi-ad{
	background-color: #282828;
	background-repeat: no-repeat;
	background-image: url(../images/slewing-bearing-bg.jpg);
	background-attachment: scroll;
	background-position: center center;
	color: #ffffff;
	background-size: auto 100%;
}
.mi-ad {
	text-align: center;
	padding-bottom: 3rem;
}
.mi-ad .description{
	font-size: 1.4rem;
	text-align: center;
	padding: 4rem 0 3rem;
}
.mi-ad .description p{
	color: #ffffff;
	margin-bottom: 0;
}
.mi-ad .numbers{
	flex-wrap: wrap;
	justify-content: center;
}
.mi-ad .numbers .item{
	width: 20%;
	padding: 2rem 0;
	text-align: center;
}
.mi-ad .numbers .item p{
	color: #ffffff;
	font-size: 1.1rem;
	margin-top: 1rem;
}
.mi-ad .btn{
	background-color: var(--mi-base-bg-color);
	color: #ffffff;
	margin: 0 auto;
}
.mi-service .col{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.mi-service .col i{
	background-color: var(--mi-base-bg-color);
	color: #ffffff;
	font-size: 3rem;
	width: 6rem;
	height: 6rem;
	display: flex;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
}
.mi-service .col p{
	text-align: center;
	display: block;
	width: 100%;
	color: #000000;
}

.mi-install{
	width: 100%;
	background-color: #f8f8f8;
}
.mi-install .col{
	display: flex;
}
.mi-install .col i{
	color: var(--mi-base-bg-color);
	font-size: 2.5rem;
	margin-right: 1rem;
	margin-top: .5rem;
}
.mi-install .col p{
	color: #000000;
}

.list-knowledeg .item h3{
	font-size: 1.1rem;
}
.list-knowledeg .item p{
	margin-bottom: .15rem;
}
.list-knowledeg .item .time{
	color: #9d9c9c;
	font-size: .9rem;
}
.list-knowledeg .item .cover{
	width: 100%;
	height: 22rem;
	position: relative;
	background-color: #f7f7f7;
	margin-bottom: 1rem;
	overflow: hidden;
}
.list-knowledeg .item .cover img{
	width: 64%;
	height: 100%;
	object-fit: cover;
	margin-left: 18%;
}
.list-knowledeg .item .cover .mask{
	width: 64%;
	height: 100%;
	background-color: #ffffff;
	opacity: 0;
	position: absolute;
	left: 18%;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.list-knowledeg .item .cover .mask{
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.list-knowledeg .item .cover img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin-left: 0;
}
.list-knowledeg .item:hover .mask{
	opacity:0.9 !important;
}
.list-knowledeg .item:hover .mask i {
	-webkit-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275)
}
.list-knowledeg .item .mask i{
	font-size: 1.8rem;
	background-color: var(--mi-base-bg-color);
	color: #ffffff;
	padding: 2rem;
	border-radius: 100%;
	transition: opacity 0.4s ease-in-out;
	opacity:0.8 !important
}

.mi-content ul{
	list-style: inherit;
}
.mi-content ul li{
	line-height: 2;
}
.mi-params{
	padding-bottom: 5rem !important;
	margin-top: 3rem;
}
.mi-params .code-title{
	font-size:1.5rem;
	font-weight: normal;
	position: relative;
	width: 100%;
	height: 3rem;
	margin-bottom: 1rem;
}
.mi-params .code-title::after{
	content: ' ';
	position: absolute;
	bottom: 0;
	left: 1rem;
	background-color: #dfdfdf;
	width: 5rem;
	height: .15rem;
}
.mi-params .code{
	width: 90%;
}






@media (max-width: 1080px){
	.mi-ad .numbers .item{
		width: 33.33%;
		padding: 1.5rem 0;
	}
}
@media(max-width: 767px){
	.mi-ad .numbers .item{
		width: 50%;
		padding: 1rem 0;
	}
}