.banner{height: 800px; background: #000; overflow: hidden; }
.index-layout{width: 100%; height: auto; border-bottom: 1px solid #f1f1f0; background: #fff;}


.banner ul{width: 100%; height: 800px; position: relative;}
.banner li{opacity: 0;position:absolute;height: 800px; width: 100%; left: 0; top: 0; transition: all 1.5s ease 0s;background-size:auto 100%;}
.banner li a{display: block; height: 100%;}
.banner li a img{display: none; }
.banner li.on{opacity: 1; background-position: center center; background-repeat: no-repeat;}



.banner1.on{background: url(/statics/images/zktd/index-banner.jpg) center top; opacity: 1;}
.banner2.on{background: url(/statics/images/zktd/index-banner2.jpg) center top; opacity: 1;}
.banner3.on{background: url(/statics/images/zktd/index-banner3.jpg) center top; opacity: 1;}

#numBanner{position: absolute; bottom: 15px; width: 100%; text-align: center; height: 10px;}
#numBanner span{width: 10px; height: 10px; margin: 0 5px; display: inline-block; border-radius: 10px;border: 1px solid #CFCFCF; background-color: #CFCFCF; box-shadow:0px 0px 3px #DFDFDF;}
#numBanner span.on{background-color: #fff;}

.index-layout .content{margin: 0 auto 20px; padding-top: 36px; text-align: center; width: 1126px;}
.index-layout .content li{display: inline-block; height: 185px; margin: 0 20px 20px 0; overflow: hidden; text-align: center; width: 358px;} 
.index-layout .content li img{width: 100%; height: 185px;}
.index-layout .content li.li3,.index-layout .content li.li5{margin-right: 0;}
/*.index-layout .content li.li4,.index-layout .content li.li5{width: 551px;}*/

/****wap*****/
@media screen and (min-width:737px) and (max-width:1120px) and (max-device-width:1120px) {
		
}
@media screen and (min-width:737px) and (max-width:1024px) and (max-device-width:1024px) and (orientation:portrait) {
	
}

@media screen and (min-width:737px) and (max-width:1024px) and (max-device-width:1024px) {
	
}


@media screen and (max-width:1024px) and (max-device-width:1024px),
screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:2.0) {
	.main{padding-top: 51px;}
	.banner{position: relative;}
	.banner ul{ overflow: hidden;}
	.banner li{position: absolute; left: 0; top: 0;transition: all 1.5s ease 0s; opacity: 0; background-size: 100% auto;background: none; background-size:auto 100%;}
	.banner li a img{display: block; width: 100%; height: auto;}
	
	.index-layout .content{width: 100%; box-sizing: border-box; display: table; padding-top: 0px;}
	.index-layout .content li{box-sizing: border-box;  height: auto; margin: 0; /*padding: 10px 10px 0;*/ padding: 10px 10px 0; width: 100%; float: left;}
	/*.index-layout .content li:nth-child(2n){padding-left: 5px;}
	.index-layout .content li:nth-child(2n+1){padding-right: 5px;}*/
	.index-layout .content li img{height: auto; float: left;}
	
}

@media only screen and (min-height: 550px) and (max-height: 700px) {
	.index-layout .content{padding-top: 15px; margin-bottom: 0;}
	.index-layout .content li{margin: 0 15px 15px 0;}
	.banner li{background-size: auto 100%}
}

/**wap0822**/

@media only screen and (max-width: 320px) {
	/*.banner{height: 135px; background-size: auto 135px; position: relative;}
	.banner ul{height: 135px; }
	.banner li{height: 135px; }*/
}