.top-title {
    position: relative;
    width: 64%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1%;
}
.top-title h1 {
    text-align: center;
    line-height: 110%;
}
.top-title img {
    width: 100%;
}
.top-title img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
}
.sub-title{
	font-family: "Noto Sans";
    font-weight: 700;
	font-size: 28px;
    line-height: normal;
	color: #000000;
	text-align: center;
}
.part-img{
	display: flex;
	display: -webkit-flex;
}
section.article-content.clearfix{
	overflow: hidden;
}
.part-img-item{
	width: calc((100% - 32px) / 3);
	margin-right: 16px;
	display: block;
	position: relative;
	box-shadow: 0 0 8px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .2);
	overflow: hidden;
}
.part-img-item:last-child{
	margin-right: 0;
}
.part-img-item figure{
	width: 100%;
	padding-bottom: 124.93%;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
}
.part-img-item:hover figure{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.part-img-item:nth-child(1) figure{
	background: url(../images/zhuanye/1.jpg);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.part-img-item:nth-child(2) figure{
	background: url(../images/zhuanye/2.jpg);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.part-img-item:nth-child(3) figure{
	background: url(../images/zhuanye/3.jpg);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.part-img-content{
	position: absolute;
	bottom: 0;
	left: 4%;
	right: 4%;
	text-align: center;
}
.img-title{
	font-family: "Noto Sans";
    font-weight: 700;
	font-size: 24px;
    line-height: normal;
	color: #000000;
}
.img-desc{
	font-size: 16px;
    line-height: normal;
	color: #333333;
}
.learn-more{
	font-family: "Noto Sans";
	font-size: 24px;
    line-height: normal;
	color: #004898;
}
@media only screen and (max-width: 1599px) {
	.sub-title{
		font-size: 24px;
	}
	.learn-more{
		font-size: 20px;
	}
}
@media only screen and (max-width: 1299px) {
	.sub-title{
		font-size: 22px;
	}
	.img-title{
		font-size: 22px;
	}
	.learn-more{
		font-size: 18px;
	}
}
@media only screen and (max-width: 1024px) {
	.zy-part{
		padding-left: 3.8%;
		padding-right: 3.8%;
	}
	.top-title {
	    width: 100%;
	    padding-top: 1.5%;
	}
	.sub-title{
		font-size: 20px;
	}
	.part-img{
		display: block;
	}
	.part-img-item{
		width: 100%;
		margin-right: 0;
	}
	.part-img-item:hover figure{
		transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
	}
	.part-img-content{
		left: 8.3%;
		right: 8.3%;
	}
	.img-title{
		font-size: 20px;
		color: #004898;
	}
	.learn-more{
		font-size: 18px;
	}
}
@media only screen and (max-width: 580px) {
	.sub-title {
        line-height: normal;
	}
}
@media only screen and (max-width: 450px) {
	.sub-title{
		font-size: 18px;
	}
	.img-title{
		font-size: 18px;
	}
	.img-desc{
		font-size: 14px;
	}
	.learn-more{
		font-size: 16px;
	}
}
@media only screen and (max-width: 370px) {
	.part-img-item{
		padding-bottom: 20px;
	}
	a.part-img-item,
	a.part-img-item:hover,
	a.part-img-item:active,
	a.part-img-item:visited,
	a.part-img-item:link,
	a.part-img-item:focus{
		background: #F6F6F6;
	}
}