.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: 25rem;
	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 .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;
}
.about-content{
	line-height: 1.6rem;
	color: #333333;
}
.certificate{
	background-color: #f7f7f7;
	width: 100%;
	overflow: hidden;
}
.certificate .row{
	margin-top: 1rem;
}
.certificate .images{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.certificate .images .item{
	width: 32%;
	background-color: #ffffff;
	padding: 1rem;
	margin-bottom: 2rem;
	transition: all .3s;
}
.certificate .images .item img{
	width: 100%;
	height: 32rem;
	cursor: pointer;
}
.certificate .images .item:hover, .certificate .images .big-img:hover{
	box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .12), 0 4px 18px 3px rgba(0, 0, 0, .14);
}
.certificate .images .big-img{
	width: 100%;
	transition: all .3s;
	cursor: pointer;
}
.certificate .images .big-img img{
	width: 100%;
}
.equipment{
	
}
.equipment .col .cover,.mi-application .col .cover{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.equipment .col .cover img,.mi-application .col .cover img {
	width: 100%;
	cursor: pointer;
	transition: all .3s;
}
.equipment .col .cover img:hover,.mi-application .col .cover img:hover {
	transform: scale(1.2) rotate(5deg);
}
.equipment .col .cover i,.mi-application .col .cover i {
	color: #ffffff;
	position: absolute;
	bottom: -7px;
	left: 48%;
	font-size: 1.5rem;
}
.equipment .col p,.mi-application .col p {
	text-align: center;
	padding: .6rem 0;
	font-weight: bold;
	color: #333333;
	background-color: #f7f7f7;
	min-height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mi-ad{
	width: 100%;
	height: 14rem;
	position: relative;
	overflow: hidden;
	margin-bottom: 3rem;
}
.mi-ad img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mi-ad .text{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .5);
	font-size: 1.95rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mi-ad .text p{
	text-align: center;
	color: #ffffff;
	margin-bottom: 0;
}
.market-area{
	margin-bottom: 3rem;
}
.market-area tr{
	border-color: #ebebeb;
}
.market-area tr:nth-child(2n+1){
  background: #f8f8f8;
}
.market-area tr:nth-child(2n){
  color: #969696;
}
table {
  width:100%;
  padding:0;
  margin:0 0 20px 0;
  font-size:13px
}
table caption {
  padding:0 0 5px 0;
  width:auto;
  font-style:italic;
  text-align:right;
  font-size:12px
}
th {
  font-weight:bold;
  letter-spacing:1.5px;
  text-transform:uppercase;
  text-align:left;
  padding:9px 12px;
  border-style:solid;
  border-width:1px;
  border-left:none;
  border-top:none
}
td {
  font-size:.9rem;
  padding:9px 12px;
  border-style:solid;
  border-width:1px;
  border-left:none;
  border-top:none;
  
  	border-color: #eee;
}
tr th:first-child,
tr td:first-child {
  border-left-style:solid;
  border-left-width:1px;
}
tr:first-child th,
tr:first-child td {
  border-top-style:solid;
  border-top-width:1px;
	border-color: #eee;
}
.market-area .container{
	overflow: hidden;
	padding: 0 !important;
}
.market-area tr td:nth-child(2n+1){
  width: 20% !important;
}
.market-area tr td:nth-child(2n){
  width: 80% !important;
}
.market-area tr td{
	word-wrap: break-word;
	    word-break: break-all;
}
.service{
	margin-bottom: 3rem;
}
.service .service-content{
	
}
.service .service-content .item{
	width: 100%;
	display: flex;
}
.service .service-content .item h2{
	font-size: 1.5rem;
}
.service .service-content .icon{
	margin-top: .1rem;
	margin-right: 2%;
}
.service .service-content .icon i{
	font-size: 2rem;
	background-color: var(--mi-base-bg-color);
	color: #ffffff;
	padding: 1rem;
	border-radius: 50%;
	display: flex;
	width: 4rem;
	height: 4rem;
	justify-content: center;
	align-items: center;
}
.service .service-content .info{
	
}
.service .service-content .info p{
	color: #535353;
}

.mi-contact{
	margin-top: 3rem;
	margin-bottom: 2rem;
}

.mi-contact .contact-form{
	
}
.mi-contact .contact-form input{
	height: 3rem;
	background-color: #f7f7f7;
}
.mi-contact .contact-form textarea{
	background-color: #f7f7f7;
	margin-bottom: 2rem;
}
.mi-contact .contact-form button{
	background-color: var(--mi-base-bg-color);
	border:1px solid var(--mi-base-bg-color);
}
.mi-contact .infos{
	
}
.mi-contact .infos .notice{
	margin-bottom: 2rem;
}
.mi-contact .infos .notice p{
	margin-bottom: 0;
	margin-top: 1rem;
}
.mi-contact .infos .address-item{
	
}
.mi-contact .infos .address-item .item{
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
}
.mi-contact .infos .address-item .item .icon{
	margin-right: 1rem;
}
.mi-contact .infos .address-item .item .icon i{
	color: #ffffff;
	font-size: 2rem;
	width: 4rem;
	height: 4rem;
	background-color: var(--mi-base-bg-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mi-contact .infos .address-item .item p{
	margin-bottom: 0;
	color: #9d9c9c;
}
.mi-contact .infos .address-item .item p span{
	color: var(--mi-base-bg-color);
}

.documents{
	
}
.documents .item{
	position: relative;
	margin-bottom: 1rem;
}
.documents .item .mask{
	display: flex;
	position: absolute;
	justify-content: center;
	align-items: center;
	 opacity:0;
	  filter:alpha(opacity=0);
	width: 100%;
	height: 100%;
	z-index: 99;
	left: 0;
	top: 0;
	background-color: #ffffff;
	-webkit-transition:opacity 0.4s ease-in-out;
	  -moz-transition:opacity 0.4s ease-in-out;
	  transition:opacity 0.4s ease-in-out
}
.documents .item:hover .mask,.list-news .item:hover .mask{
	opacity:0.9 !important;
}
.documents .item:hover .mask i,.list-news .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)
}
.documents .item img{
	width: 100%;
	height: auto;
}
.documents .item .mask i,.list-news .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
}
.list-news .item h3{
	font-size: 1.1rem;
}
.list-news .item p{
	margin-bottom: .15rem;
}
.list-news .item .time{
	color: #9d9c9c;
	font-size: .9rem;
}
.list-news .item .cover{
	width: 100%;
	height: 22rem;
	position: relative;
	background-color: #f7f7f7;
	margin-bottom: 1rem;
	overflow: hidden;
}
.list-news .item .cover img{
	width: 64%;
	height: 100%;
	object-fit: cover;
	margin-left: 18%;
}
.list-news .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;
}

.mi-process{
	padding: 4rem 0;
	width: 100%;
	overflow: hidden;
}
.mi-process .mi-page-title{
	text-align: center;
}
.mi-process .mi-page-title h2{
	font-size: 2.5rem;
	margin-bottom: 1rem;
}
.mi-process .mi-page-title p{
	color: #000000;
	font-size: 1rem;
}
.mi-process .main-img{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #ebebeb;
}
.mi-process .main-img img{
	width: 100%;
	height: auto;
}
.mi-process .item-title{
	text-align: center;
	font-size: 1.8rem;
	margin: 3rem 0 1rem;
}
.mi-process section .description{
	text-align: center;
	padding: 1.5rem 0 3.5rem;
	font-size: 1.1rem;
}
.mi-process section {
	border-bottom: 1px solid #ebebeb;
}
.mi-process section:last-child{
	border-bottom: none;
	padding-bottom: 1rem;
}
.mi-process .row .one{
	width: 100%;
	text-align: center;
}
.mi-process .row .one img{
	max-width: 50%;
}
.mi-process .row .col img{
	width: 100%;
	height: auto;
}
.mi-application{
	
}
.mi-application .content{
	font-size: 1rem;
	line-height: 1.7rem;
	color: #000000;
}
.mi-application ul{
	list-style: inherit;
}
.mi-application ul li{
	line-height: 2rem;
}

.mi-pagination{
	margin:3rem 0 0;
	width: 100%;
	display: flex;
	justify-content: center;
}
.mi-pagination .page-item{
	margin: 0 .2rem;
}
.mi-pagination .page-link{
	color: var(--mi-base-bg-color);
	border-radius: 100% !important;
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mi-pagination .page-link:hover{
	background-color: var(--mi-base-bg-color);
	color: #ffffff;
}
.disabled > .page-link, .page-link.disabled{
	color: #666666;
}
.disabled > .page-link:hover{
	cursor: not-allowed;
}


@media(max-width: 767px){
	.mi-page-title h2{
		font-size: 1.5rem;
	}
	.certificate .images .item{
		margin-bottom: 1rem;
	}
	.certificate .images .item img {
	    height: 15rem;
	}
	.service .service-content .icon i{
		font-size: 1.5rem;
		width: 3rem;
		height: 3rem;
	}
}