@charset "utf-8";
/* CSS Document */
.content01{
	background-color: #fff;;
/*	border: 1px solid #000;*/
}

.title{
	text-align: center;
	font-family: '思源黑体 CN Normal',' 黑体',' 微软雅黑',Times New Roman,;	
	font-size: 1.2rem;	
	font-weight: bold;
	color:#a4740f; 
	line-height:1.5rem;
	margin: 0 auto;
/*border: 1px solid #0f0;*/
}

.con01{
	margin-top: 25px;
}

.txt01{
	font-family: '思源黑体 CN Normal',' 黑体',' 微软雅黑',Times New Roman,;
	font-size: 1.4rem;
	color:#000000;
	font-weight: bold;
/*	border: 1px solid #00f;*/
}
.pics-01{
	margin-top: -25px;
}
@media only screen and (max-width: 370px) {
	.title{
		font-size: 0.8rem;
	}
	.txt{
		font-size:0.6rem;
	}
	.txt01{
		font-size:0.7rem;
	}
	.TPic{
		width: 1.5rem;
	}
	.pics-01{
	margin-top: -10px;
	}
}
@media only screen and (min-width: 371px) and (max-width: 430px) {
	.title{
		font-size: 0.9rem;
	}
	.txt{
		font-size:0.7rem;
	}
	.txt01{
		font-size:0.8rem;
	}
	.TPic{
		width: 1.6rem;
	}
	.pics-01{
	margin-top: -10px;
	}
}

@media only screen and (min-width: 431px) and (max-width: 576px) {
	.title{
		font-size: 1.0rem;
	}
	.txt{
		font-size:0.8rem;
	}
	.txt01{
		font-size:0.9rem;
	}
	.TPic{
		width: 1.7rem;
	}
	.pics-01{
	margin-top: -10px;
	}
}

.pics-01 div a img:nth-child(1) {
	display: block;
	position: relative;
}
.pics-01 div a img:nth-child(3) {
	width: 20%;
	position: absolute;
	top:25%;
	left: 38%;
	z-index: 3;
}
.pics-01 div a img:nth-child(2) {
	width: 92%;
	height: 87%;
	position: absolute;
	top:0;
	left: 4%;
	z-index: 2;
	display: none;
}

.pics-01>div:hover .mask{
	display: block;
}