.mip-fill-content {
	display: block;
	min-width: 100%;
	max-width: 100%;
	height: 100%;
	margin: auto
}
.mip-i-space .mip-fill-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}
.mip-layout-fixed {
	display: inline-block;
	position: relative
}

.mip-layout-container {
	display: block;
	position: relative
}
.mip-layout-size-defined {
	overflow: hidden !important
}
.mip-fill-content {
	display: block;
	min-width: 100%;
	max-width: 100%;
	height: 100%;
	margin: auto
}
.mip-layout-size-defined .mip-fill-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}
.mip-replaced-content {
	padding: 0 !important;
	border: none !important
}
.mip-hidden {
	visibility: hidden;
	overflow: hidden
}
.mip-text {
	display: block;
	line-height: 26px;
	color: #333;
	padding: 10px 0;
	font-size: 16px;
	text-align: justify;
	word-wrap: break-word;
	word-break: break-word
}
.mip-img {
	background: #fff
}
.mip-img::before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTRweCIgaGVpZ2h0PSI1NHB4IiB2aWV3Qm94PSIwIDAgMTA2OCAxMDY4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDY4IDEwNjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiNmM2YzZjMiIGQ9Ik04ODcuNTQ3LDkzNC4yMTZsLTIyLjYyMS0yMi42MjFsLTI0LjE2Ni0yNC4xNjZMNTEwLjY2NSw1NTcuMzM0Yy0xMi44ODctMTIuODg3LTEyLjg4Ny0zMy43ODIsMC00Ni42NjkNCmMxMi44ODctMTIuODg3LDMzLjc4Mi0xMi44ODcsNDYuNjY5LDBMODg3LjQyOSw4NDAuNzZjMTU5Ljg5OS0xODMuODQ5LDE1Mi40MTQtNDYyLjc2OS0yMi41MDMtNjM3LjY4NiBjLTE4Mi43NjUtMTgyLjc2NS00NzkuMDg3LTE4Mi43NjUtNjYxLjg1Miwwcy0xODIuNzY1LDQ3OS4wODcsMCw2NjEuODUyQzMyMi4xMjgsOTgzLjk4LDQ4OS4zNiwxMDI1LjQ1Miw2NDIuMDA4LDk4OS40MDIgYzExLjMyNC0zLjUxLDI0LjE2My0wLjc4OSwzMy4xMyw4LjE3N2MxMi44ODcsMTIuODg3LDEyLjg4NywzMy43ODIsMCw0Ni42NjljLTQuNzMsNC43My0xMC41NDIsNy43MTctMTYuNjM3LDguOTc1bDAuMDI5LDAuMTIxIGMtMTc0LjUyLDQxLjY3Mi0zNjUuOTQ4LTUuNTcyLTUwMi4xMjUtMTQxLjc0OWMtMjA4LjU0LTIwOC41NC0yMDguNTQtNTQ2LjY1LDAtNzU1LjE5czU0Ni42NS0yMDguNTQsNzU1LjE5LDAgczIwOC41NCw1NDYuNjUsMCw3NTUuMTlDOTAzLjc1OCw5MTkuNDMyLDg5NS43MzUsOTI2Ljk2OCw4ODcuNTQ3LDkzNC4yMTZMODg3LjU0Nyw5MzQuMjE2eiIvPjwvZz48L3N2Zz4=') center center no-repeat;
	-webkit-animation: linear .5s infinite mip-img-loading
}
.mip-img img.mip-fill-content {
	opacity: 0;
	transition: opacity linear 300ms
}
.mip-img.mip-img-loaded {
	background: transparent
}
.mip-img.mip-img-loaded::before {
	content: none;
	display: none
}
.mip-img.mip-img-loaded img.mip-fill-content {
	opacity: 1
}
.mip-img-container {
	margin: 16px auto;
	font-size: 0
}
.mip-img-subtitle {
	padding-top: 10px;
	color: #999;
	font-size: 13px;
	line-height: 15px;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center
}
.mip-img-box {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #000;
	z-index: 10
}
.mip-img-box .box-line {
	position: relative;
	width: 100%;
	height: 10000px;
	top: 20%;
	overflow: hidden
}
.mip-img-box .box-container {
	height: 100%;
	width: 10000px;
	position: absolute;
	top: 0;
	left: 0
}
.mip-img-box .box-item {
	float: left
}
.mip-img-box .box-item img {
	position: absolute;
	top: 0;
	left: 0
}
.mip-img-box .box-img-wrap {
	position: relative;
	height: 10240px
}
.mip-img-box .mip-box-page {
	color: #fff;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	z-index: 10;
	bottom: 100px;
	left: 20px;
	font-size: 28px;
	opacity: .75
}
.mip-img-popUp-wrapper {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 222
}
.mip-img-popUp-wrapper img {
	position: absolute
}
.mip-img-popUp-bg {
	height: 100%;
	opacity: 1;
	background: #000
}
mip-img {
	display: block;
	width: 100%
}
mip-iframe {
	display: block;
	position: relative;
	overflow: hidden
}
mip-iframe iframe {
	display: block;
	width: 100px;
	min-width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.mip-html {
	line-height: 26px;
	font-size: 14px;
	color: #333;
	text-align: justify
}
.mip-html h3 {
	margin: 0;
	padding: 15px 0;
	line-height: 20px;
	font-size: 15px
}
.mip-html ol, .mip-html ul {
	padding: 10px 0 10px 20px
}
.mip-html blockquote {
	margin: 20px 0;
	padding-left: 8px;
	border-left: 4px solid #e9e9e9
}
.mip-html p {
	padding: 10px 0;
	word-break: break-word;
	word-wrap: break-word
}
mip-fixed {
	position: fixed !important;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
mip-fixed[type="top"] {
	top: 0
}
mip-fixed[type="bottom"] {
	bottom: 0
}
mip-fixed[type="left"] {
	left: 0
}
mip-fixed[type="right"] {
	right: 0
}
mip-fixed[type="top"], mip-fixed[type="bottom"] {
	width: 100%;
	overflow: hidden;
	left: 0;
	right: 0
}
mip-fixed[type="left"], mip-fixed[type="right"] {
	overflow: hidden
}
span.mip-carousel-current-indicator {
	background-color: red
}
.mip-carousel-containeractive {
	z-index: 2
}
.mip-carousel-indicatorbox {
	position: absolute;
	bottom: 3px;
	right: 10px;
	color: #fff
}
.mip-carousel-indicatornow {
	font-size: 20px
}
.mip-carousel-preBtn, .mip-carousel-nextBtn {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10%;
	z-index: 10;
	background-size: 32px 32px;
	background-repeat: no-repeat;
	-webkit-user-select: none;
	user-select: none
}
.mip-carousel-indicator-wrapper {
	text-align: center
}
.mip-carousel-indicatorDot {
	display: inline-block;
	position: relative
}
.mip-carousel-indicatorDot .mip-carousel-indecator-item {
	float: left;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #e1e1e1;
	margin-right: 7px
}
.mip-carousel-indicatorDot .mip-carousel-activeitem {
	background-color: #999
}
.bottom-info{width:100%; height:60px; background-color:#E5F2EF;}
.bottom-info ul { padding-left:0;}
.bottom-info ul li{ width:25%; height:55px; padding-top:5px; float:left; text-align:center; list-style:none;}
.bottom-info ul li p{ line-height:20px;margin-top:0;}

@media screen and (min-width: 500px) { 
.mip-layout-container {
	display: none;
}  
} 

