.index-items .item{
	width: 24%;
	height: 200px;
	background-color: #F5F5F5;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.index-items .item img{width:85px;border-radius: 100px;border: 3px solid #DDD;padding:10px;
	transition: all .7s;
	-webkit-transition: all .7s;
}
.index-items h3{
	transition: all .7s;
	-webkit-transition: all .7s;
	color:#81D4FA;
}
.index-items .item:hover img{border:5px solid #00B0FF;}
.index-items .item:hover h3{
	transform: translateY(-5px) scale(1.2);
	-webkit-transform: translateY(-5px) scale(1.2);
}

.why {background-color: #F0F0F0;padding:20px;}
.news .jianjie{text-align: left;background-color: #81D4FA;padding:8px;}
.news .jianjie h3{font-size:20px;font-weight: 400;}
.news .jianjie p {font-weight: 300;padding-top:15px;font-size:16px;}
.news .newslist ul {list-style: none;padding:0;margin:0;}
.news .newslist ul li{font-size:14px; list-style: square; line-height: 2;display: flex;flex-direction: row;justify-content: space-between;}
.news .newslist ul li a{color:#000;}
.news .newslist ul li a:hover{color:#0091EA;}
.news .newslist ul li a i{color:#00B0FF}
.news .newslist ul li span{color:#999;}
@media screen and (max-width: 640px) {
    .index-items .items{flex-direction: column;}
	.index-items .items .item{width: 100%;margin-bottom: 8px;}
	.newslist{margin-top: 20px;}
}
