@charset "utf-8";
/* CSS Document */
.clearfix::after{ content:""; display:block; clear:both;}
.w1200{ width:1200px; margin:0 auto; overflow:hidden;}
.jyzt_banner{ height:300px; background:url(jyzt_banner.png) top center no-repeat; background-size:cover;}
.jyzt_tit{ color:#FFF;}
.jyzt_tit span{ color:#FFF; font-size:48px; letter-spacing: 6.67px; line-height: 300px; display:inline-block; text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);}

.jyzt_tab{/* background:url(tyggzf_bg.png) bottom center no-repeat;*/ background-size:100%; padding-top:50px;}

.gkzt_img{ text-align:center;}

.gkzt_ul{ width:1230px; margin:30px 0 50px;}
.gkzt_ul li{ width:380px; height:150px; float: left; margin-right:30px; transition: transform 0.5s; position: relative;}
.gkzt_ul li a{ display:block; width:100%; height:100%; font-size:20px; padding:30px 20px; background:url(jyzt_bg_1.png) no-repeat; background-size:100% 100%;}
.gkzt_ul li span{ position:absolute; left:20px; bottom:20px; font-size:14px; color:#ffffff; width:94px; height:30px; border-radius:15px; text-align:center; line-height:30px; padding-right:24px; }

.gkzt .gkzt_ul li:nth-child(1) a{ background:url(jyzt_bg_1.png) no-repeat; color: #333; background-size: 100% 100%; }
.gkzt .gkzt_ul li:nth-child(1) span{ background: url(more_bg.png) 60px center no-repeat; background-color:#01CC93; background-size: 20px 10px; }
.gkzt .gkzt_ul li:nth-child(2) a{ background:url(jyzt_bg_2.png) no-repeat; color: #333; background-size: 100% 100%; }
.gkzt .gkzt_ul li:nth-child(2) span{ background: url(more_bg.png) 60px center no-repeat; background-color:#FFB46A; background-size: 20px 10px; }
.gkzt .gkzt_ul li:nth-child(3) a{ background:url(jyzt_bg_3.png) no-repeat; color: #333; background-size: 100% 100%; }
.gkzt .gkzt_ul li:nth-child(3) span{ background: url(more_bg.png) 60px center no-repeat; background-color:#1182F2; background-size: 20px 10px; }

.spks .gkzt_ul li:nth-child(1) a{ background:url(jyzt_bg_2.png) no-repeat;color: #333; background-size: 100% 100%; }
.spks .gkzt_ul li:nth-child(1) span{ background: url(more_bg.png) 60px center no-repeat; background-color:#FFB46A; background-size: 20px 10px; }
.spks .gkzt_ul li:nth-child(2) a{ background:url(jyzt_bg_3.png) no-repeat;color: #333; background-size: 100% 100%; }
.spks .gkzt_ul li:nth-child(2) span{ background: url(more_bg.png) 60px center no-repeat; background-color:#1182F2; background-size: 20px 10px; }

.zscx .gkzt_ul li:nth-child(1) a{ background:url(jyzt_bg_1.png) no-repeat;color: #333; background-size: 100% 100%; }
.zscx .gkzt_ul li:nth-child(1) span{ background: url(more_bg.png) 60px center no-repeat; background-color:#1182F2; background-size: 20px 10px; }
.zscx .gkzt_ul li:nth-child(2) a{ background:url(jyzt_bg_2.png) no-repeat;color: #333; background-size: 100% 100%; }
.zscx .gkzt_ul li:nth-child(2) span{ background: url(more_bg.png) 60px center no-repeat; background-color:#FFB46A; background-size: 20px 10px; }
.zscx .gkzt_ul li:nth-child(3) a{ background:url(jyzt_bg_3.png) no-repeat;color: #333; background-size: 100% 100%; }
.zscx .gkzt_ul li:nth-child(3) span{ background: url(more_bg.png) 60px center no-repeat; background-color:#01CC93; background-size: 20px 10px; }

.gkzt_ul li:hover{ transform: translateY(-10%); transition: transform 0.5s;}




@media screen and (max-width: 767px) {
	.jyzt_banner {
		width: 100%;
		height: 3rem;
		
		background-size: 12rem 3rem;
	}
	.w1200 {
		width: 100%;
	}
	.jyzt_tit span {
		line-height: 3rem;
    padding: 0 0.32rem;
    font-size: 0.52rem;
	}
	.gkzt_ul {
		width: 100%;
		padding: 0 0.24rem;
	}
	.gkzt_ul li {
		width: 48%;
		height: 2.25rem;
		margin-right: 4%;
	}
	.gkzt_ul li:nth-child(2) ~ li {
		margin-top: 0.32rem;
	}
	.gkzt_ul li:nth-child(2n) {
		margin-right: 0;
	}
	.gkzt_ul li a {
		font-size: 0.28rem;
		padding: 0.4rem 0.32rem 0 0.32rem;
	}
}