.rows {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.section_app>div{
	width: calc(1200px / 4);
	padding:0 15px;	
}

.app-imgBox{
	display: flex;
	justify-content: center;
}

.section_app p {
	font-size: 23px;
	line-height: 23px;
	color: #333;
	margin-top:15px;
	margin-bottom: 13px;
	text-align: center;
}
.section_app span {
	  display: block;
    font-size: 13px;
		line-height: 18px;
    color: #666666;
	text-align: center;
}

.app_img_list{display: flex;}
.tit{
	font-size: 18px;
    color: #333333;
    margin: 13px 0 9px;
	text-align: center
}
.app_img_list span {
	display: block;
    margin-bottom: 8px;
    color: #666666;
    font-size: 13px;
	text-align: center;
}
.app_img_list>div{
	padding: 0 15px;
	width: calc(1200px / 5);
	box-sizing: border-box;
	flex-basis: 0;
  flex-grow: 1;
}
.app_img_list>div img {
  width: 100%;
  height: 100%;
	object-fit: cover;
	object-position: center;
	overflow-clip-margin: content-box;
    overflow: clip;
	
}

.img-hide{
	overflow: hidden;
	height: 153px;
	border-radius: 5px;
}

.app_text_list{
	display: flex;
	margin-top:33px;
}
.app_text_list>div{
	width:calc(1200px / 4);
	padding:0 15px;
}

.app-border {
    position: relative;
    width: 100%;
    border-bottom: 4px solid #f4f4f4;
    height: 18px;
		margin-bottom: 25px;
	  display: flex;
		justify-content: center;
}

.app-border img{
	width:26px;
	height:26px;
}
.app_text_list span {
	display: block;
	margin-bottom: 8px;
  color: #666666;
  font-size: 13px;
	text-align: center;
}

.case-content{
	position: relative;
	height: 562px;
}

.swiper-container {
	height:510px;
	margin-top:59px;
}

.appkuang{
	position: absolute;
  display: block;
  width: 220px;
  height: 444px;
  left: 50%;
	transform: translateX(-50%);
  z-index: 999;
}

.swiper-pagination-bullet{
	width:23px;
	height:2.3px;
}

.swiper-slide img{
	height: 325px;
}

.swiper-slide-prev img,.swiper-slide-next img{
	height:364px;
}

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

.swiper-slide-active img{
	border-radius: 40px!important;
	width:220px;
	height:439px;
}

@media screen and (max-width: 1023px){
	body {
		background-color:#f5f6f7;
	}
	div {
		box-sizing: border-box;
	}
	.app-head-m{
		width:100%;
		height:18rem;
		background-color: #fff;
		padding: 0 1rem;
	}
	.app-head-card-name-m{
		padding-top: 4rem;
		font-size:2.4rem;
		color:#212329;
	}
	.app-head-card-content-m{
		margin-top:.8rem;
		font-size:1.4rem;
		color:#939499;
		line-height: 1.8rem;
	}
	
		.nav-bar{
		min-width:100%!important;
		padding: 0 1rem;
	}
	
	.nav-bar__item + .nav-bar__item{
		margin-left:1.5rem;
	}
	.app-content-m{
		margin-top:4rem;
	}
	.app-content-head-m{
			font-size:2.4rem;
		color:#212329;
		padding-left: 2rem;
	}
	.app-content-main-m {
		margin:0 1rem;
		background-color: #fff;
		padding: 1rem;
		margin-top: 1.3rem;
	}
	.app-content-main-m li{
		margin-bottom:2rem;
	}
	.app-content-main-m li p{
		text-align: center;
		font-size: 1.6rem;
		color:#212329;
		margin: .6rem 0;
	}
	.app-content-main-m li span{
		display: block;
		text-align: center;
		font-size:1.4rem;
		color: #939499;
	}
	.app-case-m{
		margin-top:4rem;
	}
	.app-case-content-m{
		margin:0 1rem;
		background-color: #fff;
		padding: 1rem;
		margin-top: 1.3rem;
	}
	.case-content-m{
		overflow: hidden;
	}
	.appkuang{
		width: 20rem;
		height:auto;
	}
	#case-swiper-m{
		width: 20rem;
		margin: 0 auto;
		overflow: hidden;
	}
	.app-liucheng-m{
		margin-top:4rem;
		margin-bottom:2rem;
	}
	.app-liucheng-content-m{
		margin: 0 1rem;
		margin-top:2rem;
		background-color: #fff;
		padding: 2rem 0;
	}
		.num {
		width: 5rem;
    height: 5rem;
    background: #21abd7;
		color: #fff;
		border-radius: 50%;
		text-align: center;
		margin: 0 auto;
		line-height: 4.8rem;
		font-size: 1.6rem;
	}
	.tit{
		font-size:1.6rem;
		color:#212329;
	}
	.app-liucheng-content-m li{
		margin-bottom:2rem;
	}
	.app-liucheng-content-m li span{
		display: block;
		font-size:1.4rem;
		color:#939499;
		text-align: center;
	}
}