.header-banner{
	margin: auto;
	height: 400px;
}
.main-width{
	width: 100%;
	/*min-height: 658px;*/
}
.success-box{
	background: #F9F9FB;
}
.district{
	width: 1200px;
	margin: auto;
	padding-bottom: 45px;
}

.title{
	text-align: center;
	font-size: 32px;
	color: #2b8efd;
	padding: 54px 0 50px 0;
}
.title:before{
	content:"—";
	color: #2B8EFD;
	padding-right: 15px;
}
.title:after{
	content:"—";
	color: #2B8EFD;
	padding-left: 15px;
}
.case-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.case-list li{
	width: 18%;
	font-size: 0;
	margin-bottom: 30px;
	box-shadow:0px 4px 11px 0px rgba(172,172,172,0.25);
}
.function-box{
	background: #F9F9FB;
	padding-top: 54px;
}


.slider ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.slider ul li{
	text-align: center;
	width: 20% !important;
}
.slider ul li P{
	color: #54545C;
	font-size: 24px;
	padding-top: 26px;
}
.tempWrap{
	width: 1200px !important;
}
.consult-bg{
	background: #2E8FF4;
}
.consult{
	padding-bottom: 0;
	height: 160px;
	background: url(../Images/zky/consult.png)no-repeat 50% 0;
}
.contactWay{
	color: #fff;
	width: 1000px;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.contactWay span:nth-child(3){
	border: 1px solid #fff;
	padding: 10px 30px;
	border-radius: 6px;
}
.district-top{
		padding-top: 45px;
}


.showImg{
	display: flex;
	justify-content: space-between;
}
.content-left{
	width: 49%;
}
.content-left img{
	width: 100%;
}
.content-right{
	width: 49%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.title-text{
	font-size: 26px;
	letter-spacing: 3px;
	color: #54545C;
	font-weight: 600;
	padding-bottom: 18px;
}
.title-text-right{
	text-align: right;
}
.content-list{
	padding: 18px 16px;
	font-size: 22px;
	background: #F4F4F8;
	color: #5A5A5A;
	border-radius: 7px;
}
.list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.list::after{
	content: "";
	display: block;
	width: 23.5%;
}
.list li{
	display: flex;
	align-items: center;
	width: 25%;
	padding: 10px 0 10px 0;
}
.list li::before{
	content: url(../Images/zky/dot.png);
	line-height: 3px;
	padding-right: 7px;
}
.width-list li:last-child{
	width: inherit;
}
.sub-title{
	padding: 12px 0 12px 0;
}
.examiner-draw li{
	width: 50%;
}.examinee-draw li:last-child{
	width: 100%;
}
.examiner-bg{
	background: #ECECF1;
}



@media only screen and (min-width: 320px) and (max-width: 640px) {
	.header-banner{
		background: none !important;
	}
	.case-list{
		width: 96%;
		margin: auto;
	}
	.district-top{
		padding-top: 45px;
	}
	 .case-list li{
		width: 48%;
	}
	.case-list li img{
		width: 100%;
	}
	.district{
		width: 100%;
		padding-bottom: 0;
	}
	/*.showImg img{
		width: 96%;
		margin: auto;
		display: block;
	} */
	.title-text{
		text-align: center;
	}
	.showImg{
		display: flex;
		flex-direction: column;
	}
	.list{
		display: flex;
		justify-content: space-between;
	}
	.list li{
		width: 46%;
	}
	
	
	.content-left{
		width: 100%;
	}
	.content-right{
		width: 100%;
	}
	.tempWrap{
		width: 96% !important;
		margin: auto;	
	}
	.slider{
		padding-bottom: 45px;
	}
	.slider ul li{
		width: 45% !important;
	}
	.consult{
		min-height: 160px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
	}
	.contactWay{
		width: 100%;
		font-size: 14px;
	}
	.contactWay span{
		text-align: center;
	}
	.contactWay span:nth-child(1){
		width:90%;
		display: block;
	}
	.contactWay span:nth-child(2){
		width:90%;
		display: block;
	}
	.contactWay span:nth-child(3){
		width:50%;
	}
	.step-box{
		width: 96%;
		margin: auto;
	}
	.step-box img{
		width: 100%;
	}
	.step-mobile {
	    padding-bottom: 40px;
	}
	.step-mobile-title{
		text-align: left;
		font-size: 18px;
		padding-bottom: 20px;
		display: flex;
		align-items: center;
	}
	.step-mobile-title-one{
		color: #00CBA2;
	}
	.step-mobile-title-two,.step-mobile-title-three{
		color: #EB9054;
	}
	.step-mobile-title-two>span,.step-mobile-title-three>span{
		background: #EB9054 !important;
	}
	.step-mobile-title-four{
		color: #EB5454;
	}
	.step-mobile-title-four>span{
		background: #EB5454 !important;
	}
	.step-mobile-title>span{
		display: inline-block;
		text-align: center;
		line-height: 26px;
		color: #fff;
		width: 26px;
		height: 26px;
		background: #00CBA2;
		border-radius:50%;
		margin-right: 10px;
	}
}
/*pc*/
.step-img{
	width: 100%;
}
.stepPst{
	position: absolute;
	font-size: 20px;
}
.step-one{
	left: 156px;
	bottom: 262px;
	color: #00CBA2;
}
.step-two{
	color: #EB9054;
	left: 268px;
	bottom: 446px;
}
.step-three{
	color: #EB9054;
	right: 208px;
	bottom: 438px;
}
.step-four{
	right: 136px;
	bottom: 250px;
	color: #EB5454;
}