.zt {
	padding: 270px 40px 20px;
	width: 100%;
	background: url(/material/images/cdj_gkly/zw-banner.png) top center no-repeat;
	background-size: 100% auto;
}
.content.grid{
	padding: 0;
}
.zt-banner {
	width: 100%;
	height: 454px;
	background: url(/material/images/cdj_gkly/zw-banner.png) top center no-repeat;
	background-size: 100% auto;
}

.zt-top {
	background: url(/material/images/cdj_gkly/sm.png) 50% 0 no-repeat;
	font-size: 18px;
	color: #fff;
	padding: 14px;
	border-radius: 10px;
	position: relative;
	margin-bottom: 36px;
}

.zt-top p {
	border: 1px dashed #fff;
	padding: 15px 25px;
	border-radius: 10px;
	line-height: 36px;
	text-indent: 2em;
}

.zt-ul {
    overflow: hidden;
}

.zt-ul li {
	float: left;
	width: 24%;
	background: url(/material/images/cdj_gkly/zw-2.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	height: 122px;
	margin-right: 1.3333%;
	margin-bottom: 1.3333%;
	font-size: 18px;
	font-weight: bold;
	transition: all .3s;
}
li i {
    transition: .3s;
}
li i:hover {
    transform: rotateZ(360deg);
}
.zt-ul li:hover {
    background: url(/material/images/cdj_gkly/zw-3.png) 0% 0 no-repeat;
    border-radius: 8px;
}

.zt-ul li:hover a {
    color: #fff;
}

.zt-ul li:hover i {
    background: url(/material/images/cdj_gkly/zt-icons-2.png) no-repeat;
}

.zt-ul li a {
    color: #40576b;
}

.zt-ul li:nth-child(4n+4) {
	margin-right: 0;
}

.zt-ul li i {
	display: block;
	margin: 20px auto 10px;
	background: url(/material/images/cdj_gkly/zt-icons-1.png) no-repeat;
	width: 40px;
    height: 40px;
}
.zt-ul li i.s1 {
    background-position: 0px 0px;
}
.zt-ul li i.s2 {
    background-position: -40px 0px;
}
.zt-ul li i.s3 {
    background-position: -80px 0px;
}

.zt-ul li i.s4 {
    background-position: -120px 0px;
}

.zt-ul li i.s5 {
    background-position: 0 -40px;
}

.zt-ul li i.s6 {
    background-position: -40px -40px;
}

.zt-ul li i.s7 {
    background-position: -80px -40px;
}

.zt-ul li i.s8 {
    background-position: -120px -40px;
}

.zt-ul li i.s9 {
    background-position: 0 -80px;
}

.zt-ul li i.s10 {
    background-position: -40px -80px;
}
.zt-ul li i.s11 {
    background-position: -80px -80px;
}
.zt-ul li i.s12 {
    background-position: -120px -80px;
}

.zt-ul li i.s13 {
    background-position: 0 -120px;
}

.zt-ul li i.s14 {
    background-position: -40px -120px;
}

.zt-ul li i.s15 {
    background-position: -80px -120px;
}
.zt-ul li i.s16 {
    background-position: -120px -120px;
}
.zt-ul li i.s17 {
    background-position: 0 -160px;
}
.zt-ul li i.s18 {
    background-position: -40px -160px;
}
.zt-ul li i.s19 {
    background-position: -80px -160px;
}
.zt-ul li i.s20 {
    background-position: -120px -160px;
}
.zt-ul li i.s21 {
    background-position: 0px -200px;
}
.zt-ul li i.s22 {
    background-position: -40px -200px;
}
.zt-ul li i.s23 {
    background-position: -80px -200px;
}
.zt-ul li i.s24 {
    background-position: -120px -200px;
}
.zt-ul li i.s25 {
    background-position: 0px -240px;
}
.zt-ul li i.s26 {
    background-position: -40px -240px;
}
.zt-ul li i.s27 {
    background-position: -80px -240px;
}

.zt-title {
	background: url(/material/images/cdj_gkly/zw-1.png) 50% 0 no-repeat;
    width: 100%;
    height: 62px;
	font-size: 26px;
	font-weight: bold;
	background-repeat-y: no-repeat;
	margin-bottom: 10px;
}

.zt-title.tn {
	text-align: center;
	border: 0;
	margin: 30px 0 20px;
}

.zt-title.tn span {
	padding: 0 15px;
}

.zt-title span {
	color: #0477b5;
	background: #fff;
	padding-right: 10px;
}
.zt .list-t li:before{
	background:#0477b5;
	width: 6px;
	height: 6px;
	border-radius: 0;
}
.zt .col-md-6{
	margin-bottom: 20px;
}
@media (min-width:992px){
	.zt .col-md-6:first-child {
	    padding-right: 25px;
	}
	.zt .col-md-6:last-child {
	    padding-left: 25px;
	}
}

@media (max-width:992px){

	.zt{
		padding: 2.71rem 20px 20px;
		background-size: 143% auto;
	}
	.zt-banner {
		width: 100%;
		height: 211px;
		background-size: 150% auto;
	}

    .zt-top {
        background:#4197f9;
    }
	.zt-ul li{
		width:48%;
		margin: 1%!important;
	}	
}

@media(max-width:768px) {
    .zt-title {
        background: url(/material/images/cdj_gkly/zw-1.png) 48% 0 no-repeat;
    }
}

@media(max-width:480px) {
    .zt-title {
        background: url(/material/images/cdj_gkly/zw-1.png) 49% 0 no-repeat;
    }
}