body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,table,td,img,div,dl,dt,dd{
    margin:0;padding:0;border:0;
}
body{
    background:#fff;color:#666;font-size:16px;font-family:"微软雅黑";
}
*{
	box-sizing: border-box;
}
ul,ol{
    list-style-type:none;
}
select,input,img,select{
    vertical-align:middle;margin:0;padding:0;
}
.clear{clear: both;}
a{text-decoration:none;}
a:link{color:#666;}
a:visited{color:#666;text-decoration:none;}
a:hover{color:#d90000;text-decoration:none;}
/*清除浮动*/
.clearfix:after {
	clear: both;
	display: block;
	content: "";
	visibility: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;
}
.clearfix {
	*zoom: 1
}
.fl{
	float: left;
}
.fr{float: right;}
/*a:active{color:#333;}*/
/**************************************************************/

.zt_top_bg{
	height: 599px;
	width: 100%;
	background: url(../ztzl/xjwwezzzqzfwzndbb/images/xjndbb_top_bg.jpg) no-repeat top center;
	background-size: 100% 100%;
	position: relative;
}
.zt_top_bg .logo img{
	max-width: 400px;
	position: absolute;
	left: 18%;
	top: 9%;
}
.zt_top_bg a{
	display: block;
	position: absolute;
	top: 12%;
	right: 18%;
	color: #FFFFFF;
}
.contaner{
	width:100% ;
	max-width: 1200px;
	padding: 20px;
	padding-top: 0;
	margin: 0 auto;
	}
.contaner ul{
	width: 100%;
}
.contaner ul li{
	width: 44%;
	margin-left: 4%;
	float: left;
	margin-top: 20px;
}
.contaner ul li img{
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .zt_top_bg{background-size: 100%; height: 420px;}

}
@media (max-width: 1200px) and (min-width: 992px) {
    .zt_top_bg{background-size: 92%;height: 300px;}
    .zt_top_bg .logo img{
	max-width: 250px;
    }
    
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .zt_top_bg{background-size: 120%;height: 300px;}
    .zt_top_bg .logo img{
	max-width: 200px;
    }
}
@media screen and (max-width: 767px) and (min-width: 320px){
    .zt_top_bg{background-size: 98%; height: 160px;}
    .contaner ul li{width: 88%;}
    .zt_top_bg .logo img{
	max-width: 120px;
    }
   
}