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

.zt-top {
	background: #0477b5;
	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(../images/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;
}

.zt-ul li:hover {
    background: url(../images/zw-3.png) no-repeat;
}

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

.zt-ul li:hover i {
    background: url(../images/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: 16px auto 4px;
	background: url(../images/zt-icons-1.png) no-repeat;
	width: 50px;
	height: 50px;
}

.zt-ul li i.s2 {
    background-position: -282px 5px;
}
.zt-ul li i.s3 {
    background-position: -564px 5px;
}

.zt-ul li i.s4 {
    background-position: -846px 5px;
}

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

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

.zt-ul li i.s7 {
    background-position: -564px -137px;
}

.zt-ul li i.s8 {
    background-position: -846px -137px;
}

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

.zt-ul li i.s10 {
    background-position: -282px -274px;
}
.zt-ul li i.s11 {
    background-position: -564px -274px;
}
.zt-ul li i.s12 {
    background-position: -846px -274px;
}

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

.zt-ul li i.s14 {
    background-position: -282px -418px;
}

.zt-ul li i.s15 {
    background-position: -562px -418px;
}
.zt-ul li i.s16 {
    background-position: -846px -418px;
}
.zt-ul li i.s17 {
    background-position: 0 -562px;
}
.zt-ul li i.s18 {
    background-position: -282px -562px;
}
.zt-ul li i.s19 {
    background-position: -564px -562px;
}
.zt-ul li i.s20 {
    background-position: -846px -562px;
}
.zt-ul li i.s21 {
    background-position: -0px -706px;
}
.zt-ul li i.s22 {
    background-position: -282px -704px;
}
.zt-ul li i.s23 {
    background-position: -564px -703px;
}
.zt-ul li i.s24 {
    background-position: -846px -700px;
}

.zt-title {
	background: url(../images/zw-1.png) right center;
	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-top{
	}
	.zt{
		padding: 2.71rem 20px 20px;
		background-size: 143% auto;
	}
	.zt-banner {
		width: 100%;
		height: 211px;
		background-size: 150% auto;
	}
	.zt-ul li{
		width:48%;
		margin: 1%!important;
	}	
}