/**幻灯效果展示栏**/
#banner{
	/* height: 500px; */
	position: relative;
	background: linear-gradient(to right bottom,#ffeaff 30%,#e4f8c0 70%,#c4d7f9);
}
.slide{
	position: relative;
	height: 100%;
}
.slide-item{
	width: 100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.slide-item img{
	height: 100%;
}
.num {
	position:absolute;
	z-index: 2;
	/* height: 100%; */
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: end;
	bottom: 20px;
	left: 0;
}
.num-item {
	width:10px;
	height:10px;
	background:#38415f;
	margin:10px;
	font-size: 0px;
	border-radius: 5px;
}
.num-item:hover{
	cursor:pointer;
}
.num .current {
	background:#ccc;
	font-weight:bold;
	width:20px;
	height:10px;
	border-radius: 5px;
	margin:10px 0px;
}

/* 手机幻灯片 */
.phoneBanner{
	width: 100%;
	height: 200px;
	position: relative;
	background-color: #fff;
	margin-bottom: 10px;
	display: none;
}
.phoneSlide{
	width: 100%;
	height: 100%;
	position: relative;
} 
.phoneSlide .phoneSlide-item{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.phoneSlide .phoneSlide-item img{
	max-height: 100%;
	width: auto;
}
.phoneNum{
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	z-index: 5;
	display: flex;
	justify-content: center;
	gap: 20px;
}
.phoneNum .phoneNum-item{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #38415f;
}
.phoneNum .current{
	width: 20px;
	height: 10px;
	border-radius: 5px;
	background-color: #adaeb0;
}

body{
	background: #f0f0f0;
}

/* 主体内容 */
#main .wrap .main-banner{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
#main .wrap .main-banner .item{	
	text-align: center;
}
#main .wrap .main-banner img{
	max-width: 100px;
}
#main .wrap .title{
	height: 250px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	/* border: 1px solid #ccc; */
}
#main .wrap .title h1,#main .wrap .title .a{
	width: 100%;
	display: flex;
	justify-content: center;
}
#main .wrap .title h1{
	font-size: 35px;
	margin-bottom: 20px;
}
#main .wrap .title .a a{
	border: 1px solid #ccc;
	padding: 5px 20px;
	margin-bottom: 30px;
	background: #fff;
}
/* 主体项目 */
#main .wrap .items{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 20px;
}
#main .wrap .items:last-child{
	margin-bottom: 20px;
}
#main .wrap .items .item{
	border-radius: 5px;
	background: #fff;
	display: flex;
	flex-direction: column;
	box-shadow: 2px 2px 8px #ddd;
	transition: 0.5s;
	cursor: pointer;
	overflow: hidden;
	
}
#main .wrap .items .item:hover{
	margin-top: -10px;
	margin-bottom: 10px;
}
#main .wrap .items .item .item-img{
	width: 100%;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
#main .wrap .items .item .item-img img{
	max-width: 100%;
	height: auto;
}
#main .wrap .items .item .item-info{
	padding: 20px;
}