/*新增css样式*/

.hzkh{

	margin:0;

}

.hzkh div{

	margin-bottom: 5px;

	cursor: pointer;

	padding: 5px

}

.hzkh div img{

	max-width: 100%;

    filter: grayscale(0);

    transition: .5s;

}

.hzkh div img:hover{

	filter: grayscale(0);

}



.left_img{

	position: relative;

}

.left_img_p{

	position: absolute;

	left: 0;

	top: 0;

	width:100%;

	height: 100%;

	background: #000;

	opacity: .6;

	padding-left: 15px;

	color: #fff;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: 25px;

	opacity: 0;

	transition: 1s;

}



.left_img:hover .left_img_p{

	opacity: .6;

}





.cf{

	background-image: url(../img/aa.jpg);

    background-attachment: fixed;

    background-repeat: no-repeat;

    padding: 30px 0;

    text-indent: center;

    background-repeat:no-repeat;

    background-position: center;

    background-size:cover;

}



.ys_nr{

	height: 230px;

	padding: 20px;

	display: flex;

	align-items: center;

	background-color: #fff;

	transition: .5s;

	color: #222;

}

.ys{

	padding: 80px 0;

	background-color: #eee;

}



.ys_nr_img{

	overflow: hidden;

}

.ys_nr_img img{

	transition: 1s;

}

.ys_nr_img img:hover{

	transform: scale(1.2);

}



.ys_nr:hover{

	background-color: #11519b;

	color: #fff;

}