.bankaui {
 	box-shadow: 5px 5px 5px 5px #888888;

 }

 li:first-child .bankaui {
 	box-shadow: 5px 5px 5px 5px #888888;
 	position: relative;
 	animation: mymove 1s;
 	animation-timing-function: ease-in-out;
 }
 li:nth-child(2) .bankaui {
 	box-shadow: 5px 5px 5px 5px #888888;
 	position: relative;
 	animation: mymovee 1.5s;
 	animation-timing-function: ease-in-out;
 }
 li:nth-child(3) .bankaui {
 	box-shadow: 5px 5px 5px 5px #888888;
 	position: relative;
 	animation: mymoveee 2s;
 	animation-timing-function: ease-in-out;
 }
 li:nth-child(4) .bankaui {
 	box-shadow: 5px 5px 5px 5px #888888;
 	position: relative;
 	animation: mymoveeee 2.5s;
 	animation-timing-function: ease-in-out;
 }

 @keyframes mymove {
 	from {
 		left: 300px;
 		top: 100px;
 		opacity: 0;
 	}
 
 	to {
 		left: 0px;
 		top: 0px;
 		opacity: 1;
 	}
 }
 @keyframes mymovee {
 	from {
 		left: 300px;
 		top: 200px;
 		opacity: 0;
 	}
 
 	to {
 		left: 0px;
 		top: 0px;
 		opacity: 1;
 	}
 }
 @keyframes mymoveee {
 	from {
 		left: 300px;
 		top: 200px;
 		opacity: 0;
 	}
 
 	to {
 		left: 0px;
 		top: 0px;
 		opacity: 1;
 	}
 }
 @keyframes mymoveeee {
 	from {
 		left: 300px;
 		top: 200px;
 		opacity: 0;
 	}
 
 	to {
 		left: 0px;
 		top: 0px;
 		opacity: 1;
 	}
 }
 
 @media (max-width: 776px) {
 	li:first-child .bankaui {
 		animation: mymove 0s;
 	}
 	li:nth-child(2) .bankaui {
 		animation: mymovee 0s;
 	}
 	li:nth-child(3) .bankaui {
 		animation: mymoveee 0s;
 	}
 	li:nth-child(4) .bankaui {
 		animation: mymoveeee 0s;
 	}
 }
 
.bankaui .pict {
	background: url(../../staticc/picture/20191017072111_64895.png) no-repeat center;
	margin: 0 auto;
	width: 222px;
	height: 222px;
}

.bankaui .pictt {
	background: url(../../staticc/picture/20191017072047_70680.png) no-repeat center;
	margin: 0 auto;
	width: 222px;
	height: 222px;
}

.bankaui .picttt {
	background: url(../../staticc/picture/20191017072022_74797.png) no-repeat center;
	margin: 0 auto;
	width: 222px;
	height: 222px;
}

.bankaui .pictttt {
	background: url(../../staticc/picture/20191017071854_99368.png) no-repeat center;
	margin: 0 auto;
	width: 222px;
	height: 222px;
}

.bankaui:hover .pict {
	background: url(../../staticc/image/fuwut.png) no-repeat center;
	margin: 0 auto;
	width: 222px;
	height: 222px;
}
.bankaui:hover .pictt {
	background: url(../../staticc/image/fuwui.png) no-repeat center;
	margin: 0 auto;
	width: 222px;
	height: 222px;
}
.bankaui:hover .picttt {
	background: url(../../staticc/image/fuwuw.png) no-repeat center;
	margin: 0 auto;
	width: 222px;
	height: 222px;
}
.bankaui:hover .pictttt {
	background: url(../../staticc/image/fuwuew.png) no-repeat center;
	margin: 0 auto;
	width: 222px;
	height: 222px;
}

@media (max-width: 1630px) {
	.bankaui .pict, .bankaui .pictt, .bankaui .picttt, .bankaui .pictttt {
		padding: 10px 0;
		width: 100px;
		height: 100px;
	}
	
	.bankaui:hover .pict,.bankaui:hover .pictt,.bankaui:hover .picttt,.bankaui:hover .pictttt {
		background-size: 95%;
		width: 100px;
		height: 100px;
	}
}

@media (max-width: 400px) {
	.bankaui .pict, .bankaui .pictt, .bankaui .picttt, .bankaui .pictttt {
		padding: 10px 0;
		width: 68px;
		height: 49px;
		background-size: 100% 100%;
	}
}

.business {
	width: 100%;
	position: relative;
	padding: 0 0 96px !important;
	overflow: hidden;
}

.business .contain ul li .business-imgic img {
	position: absolute;
	top: 20%;
	left: 20%;
	width: 76px;
	height: 76px;
}

.business:before,
.business:after {
	content: "";
	position: absolute;
}

.business:before {
	width: 107px;
	height: 105px;
	top: 78px;
	left: 105px;
	/*background: url('../images/index/busiBz1.png') no-repeat;*/
}

.business:after {
	width: 78px;
	height: 241px;
	bottom: 62px;
	right: 0px;
	/*background: url('../images/index/busiBz2.png') no-repeat;*/
}

.business-list {
	width: 100%;
	margin-top: 52px;
	position: relative;
	z-index: 6;
}

.business-list ul {
	margin: 0 !important
}

.business-list ul li {
	width: 25% !important;
	float: left;
	position: relative;
	margin-left: 0 !important;
	padding: 10px 20px;
	box-sizing: border-box;
}
.business-list ul li a {
	width: 100%;
	margin-right: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.business-list ul li a .bankaui {
	width: 80%;
	height: 80%;
}

@media (max-width: 1630px) {
	.business-list { margin-top: 10px !important; }
	.business-list ul li {
		width: 50% !important;
		float: left;
		position: relative;
		margin-left: 0 !important;
		padding: 10px 20px;
		box-sizing: border-box;
	}
	.business-list ul li a {
		width: 100%;
		margin-right: 0 !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.business-list ul li a .bankaui {
		width: 80%;
		height: 80%;
	}
}
@media (max-width: 1260px) {
	#yewu.Container-wrapper {
		margin-top: 40px !important;
	}
}
@media (max-width: 1020px) {
	.business-list ul li {padding: 10px 0px;}
	.pictword { font-size: 16px !important;line-height: 40px !important; }
}

/* @media (max-width: 1630px) {
	.bankaui {
		width: 80%;
		height: 80%;
	}
} */


.business-img {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.business-img:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	z-index: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all .4s ease
}

.business-imgbg {
	width: 100%;
}

.business-imgic {
	opacity: 0;
	width: 120px;
	height: 120px;
	margin-left: -60px;
	margin-top: -60px;
	line-height: 120px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	text-align: center;
	transition: all .6s ease;
}

.business-imgic:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #fff;
	opacity: .17;
	border-radius: 50%;
	transform: scale(1.3);
	transition: all .4s ease;
}

.business-list ul li:hover .business-imgic:after {
	transform: scale(1.5)
}

.business-words {
	width: 100%;
	padding: 24px 0 20px;
	position: relative;
	text-align: center;
	background: #fff;
	transition: all .6s ease;
}

.business-words:after {
	content: "";
	border: 10px solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -10px;
	transition: all .4s ease;
}

.business-words h6 {
	display: inline-block;
	font-size: 20px;
	color: #333;
	position: relative;
	transition: all .4s ease;
}

.business-words h6:before,
.business-words h6:after {
	content: "";
	width: 25px;
	height: 1px;
	position: absolute;
	background: #dcdcdc;
	top: 50%;
	margin-top: -0.5px;
}

.business-words h6:before {
	left: -40px;
}

.business-words h6:after {
	right: -40px;
}

.business-words p {
	width: 100%;
	font-size: 12px;
	color: #999;
	line-height: 20px;
	margin-top: 8px;
	transition: all .4s ease;
}

.business-list ul li:hover .business-words {
	background: #00427f;
}

.business-list ul li:hover .business-words:after {
	border-bottom-color: #004423;
}

.business-list ul li:hover .business-words h6 {
	color: #fff;
}

.business-list ul li:hover .business-words p {
	color: #fff;
}

.business-list ul li:hover .business-words h6:before， .business-list ul li:hover .business-words h6:after {
	background: #fff;
}

.business-list ul li:hover .business-img:after {
	opacity: .5;
}

.business-list ul li:hover .business-imgic {
	opacity: 1;
}


@media all and (max-width:1700px) {

	/* 1600 × (900/1024/1200) */
	.business:before {
		top: 62px;
		left: 0px;
	}
}

@media all and (max-width:1599px) {

	/* 1440 × (900/1050) */
	.business:after {
		display: none;
	}

	.banner-words h6 {
		font-size: 34px;
	}
}


@media all and (max-width:1359px) {

	/* 1280 × (800/854/1024) */
	/* .news-linkloop a:nth-child(n+2) {margin-top: 4%;} */
	.business:before {
		display: none;
	}

	.business {
		padding: 60px 0 74px;
	}


	/* ------------------------手机端-------------------------- */
	@media all and (max-width:1000px) {

		/* 平板设备 720 适配 */
		.business {
			padding: 52px 0 60px;
		}



		@media all and (max-width:640px) {

			.business {
				padding: 38px 0 20px;
			}

			.business-list ul li {
				width: 48%;
			}

			.business-words p {
				height: 40px;
			}

			.business-list {
				margin-top: 34px;
			}

			.business-imgic {
				width: 106px;
				height: 106px;
				margin-left: -53px;
				margin-top: -53px;
				line-height: 106px;
			}

			.business-img:after {
				opacity: .5;
			}

			.business-imgic {
				opacity: 1;
			}
		}