* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

::-webkit-input-placeholder {
	color: #ccc;
}
a{ text-decoration: none; color: #333;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input[type="number"] {
	-moz-appearance: textfield;
}

html,
body {
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #fff;
}

img {
	display: block;
	max-width: 100%;
}

#app {
	max-width: 750px;
	margin: auto;
	padding-bottom: 1.3rem;
}

.flex {
	display: flex;
	display: -webkit-flex;
}

.flex.jlr {
	justify-content: space-between;
}

.flex.j-center {
	justify-content: center;
}

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

.flex.a-center {
	align-items: center;
}

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

.flex.wrap {
	flex-wrap: wrap;
}

.header {
	width: 100%;
}

.header .logo {
	width: 55%;
	padding: 0.2rem;
}

.banner {
	width: 100%;
	height: 3.75rem;
}

.banner .swiper-container {
	width: 100%;
	height: 100%;
}

.banner .swiper-slide,
.banner .swiper-slide img {
	width: 100%;
	height: 100%;
}

.swiper-pagination-bullet {
	background: #fff !important;
}

.swiper-pagination-bullet-active {
	background: #FFFFFF !important;
}

.menu {
	padding: 0.32rem 0px;
}
.menu a{
	flex: 1;
}
.menu-item {
	flex: 1;
}

.menu-item p {
	font-size: 0.3rem;
	color: #333;
	margin-top: 0.24rem;
}

.menu-item .icon {
	width: 0.88rem;
	height: 0.88rem;
}

.kecList {
	padding: 0px 0.22rem;
}

.kecList-item {
	margin-bottom: 0.3rem;
}

.kecList-item .image {
	width: 3.2rem;
	height: 2.12rem;
}

.kecList-item .info-text {
	flex: 1;
	padding-left: 0.2rem;
}

.kecList-item .info-text h2 {
	font-size: 0.32rem;
	color: #333;
}

.info-text p {
	font-size: 0.24rem;
	margin-top: 0.12rem;
}

.info-text .more {
	width: 1.2rem;
	color: #fff;
	font-size: 0.22rem;
	height: 0.54rem;
	background: url(../img/more.png) no-repeat;
	background-size: 100% 100%;
}

.videoposter {
	width: 100%;
}

.textInfo {
	padding: 0.22rem;
	font-size: 0.26rem;
	color: #333;
	line-height: 1.8;
}

.prviewImage {
	height: 2.51rem;
	width: 100%;
	margin: 0.3rem auto;
}

.prviewImage .swiper-slide {
	background-position: center;
	background-size: cover;
	width: 5.48rem;
	height: 2.51rem;

}

.prviewImage .swiper-slide img {
	width: 100%;
	height: 100%;
}

.prviewImage-text {
	font-size: 0.28rem;
	text-align: center;
	color: #333;
	padding: 0.2rem;
}

.prviewImage-text1 {
	font-size: 0.22rem;
	text-align: center;
	background: #fafbf6;
	color: #999;
	padding: 0.2rem;
}

.footer {
	width: 100%;
	max-width: 780px;
	left: 50%; transform: translateX(-50%);
	padding: 0px 0.34rem;
	height: 1.3rem;
	position: fixed;
	background: #fafbf6;
	bottom: 0;
	z-index: 99;
}
.footer .item{width: 2.18rem; height: 0.68rem; border-radius: 5px;background: #000; font-size: 0.24rem; color: #fff;}
.footer .item i{font-size: 0.34rem; margin-right: 0.15rem;}
.footer .item.on1{background: #fb8955;}
.footer .item.on2{background: #fba14b;}
.footer .item.on3{background: #fe4e4e;}
.ewm{width: 200px; height: 200px; position: fixed; top: 20%; left: 50%; transform: translateX(420px);}
.ewm img{width: 100%; height: 100%;}
.ewm p{text-align: center; font-size:16px; color: #999; padding-top: 20px;}
.zixun{width: 0.8rem; height: 0.8rem; z-index: 99; background: url(../img/zixun.png) no-repeat; background-size: 100% 100%; position: fixed; left: 50%; bottom:15%; transform: translateX(340%);}