/****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) */{
	.wrapper .header{height: 51px;}
	.wrapper .header{display: none; }
	.wrapper .wap-header{display: block;}
	.wrapper .wap-topbar{
		left: 0;
		top: 0;
		width: 100%;
		height: 51px;
		position: fixed; 
		z-index: 99;
		text-align: center;
		background: -webkit-linear-gradient(#222,#000) repeat; 
		filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff222222',endColorstr='#ff000000');
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ff222222',endColor='#ff000000')";
		 background: #222 linear-gradient(#222, #000) repeat scroll 0 0; 
		 	
	 }
	 .wrapper .wap-topbar .wap-nav-toggle{position: absolute; left: 0;  top: 0px; z-index: 55; width: 42px; height: 42px; overflow: hidden;}
	.wrapper .wap-topbar .wap-nav-toggle span.line{display:block;background: #fff; left: 15px; top: 25px; width: 20px; height: 2px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px; position: absolute;}
	
	.wrapper .wap-topbar .wap-nav-toggle span.line:nth-child(1){
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
		background-image: -webkit-gradient(linear,left 0,left 100%,from(#fdfdfd),to(#f9f9f9));
		background-image: -webkit-linear-gradient(#fdfdfd,#f9f9f9);
		background-image: linear-gradient(#fdfdfd,#f9f9f9);
	
	}
	.wrapper .wap-topbar .wap-nav-toggle span.line:nth-child(2){
		background-image: -webkit-gradient(linear,left 0,left 100%,from(#ececec),to(#e5e5e5));
		background-image: -webkit-linear-gradient(#ececec,#e5e5e5);
		background-image: linear-gradient(#ececec,#e5e5e5);
		
	}
	.wrapper .wap-topbar .wap-nav-toggle span.line:nth-child(3){
		-webkit-transform: translateY(5px);
		-ms-transform: translateY(5px);
		transform: translateY(5px);
		background-image: -webkit-gradient(linear,left 0,left 100%,from(#d7d7d7),to(#d3d3d3));
		background-image: -webkit-linear-gradient(#d7d7d7,#d3d3d3);	
		background-image: linear-gradient(#d7d7d7,#d3d3d3);
	}
	
	
	
	.wrapper .wap-topbar .wap-logo{width: 100%; height: 51px; text-align: center; }
	.wrapper .wap-topbar .wap-logo a{display: block; height: 51px;background: url(/statics/images/zktd/zktd-logo.png) center  no-repeat; background-size: auto 38px; }
	.wrapper .wap-topbar .wap-refresh{display: none;}
	

	
	.wrapper .wap-header{position: fixed; z-index: 100; left: 0; top: 0; width: 100%;}
	.wrapper .wap-header.selected{/*height: 100%;*//*height: 290px; overflow: hidden;*/}	

	.wrapper .wap-nav-list{box-sizing: border-box;visibility: hidden; position: absolute; top: 0; left: 0; /*width: 100%; *//*height: 100%; */padding-top: 50px; background: #333537; overflow-x: hidden; overflow-y: auto; /*min-height: 360px;*/ 
		-webkit-transition: all .4s cubic-bezier(.4,.01,.165,.99);
		transition: all .4s cubic-bezier(.4,.01,.165,.99);
		-webkit-transform: translate(0,-100%);
		-ms-transform: translate(0,-100%);
		transform: translate(0,-100%);
	}
	.wrapper .wap-header.selected .wap-nav-list{visibility: visible; -webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
	.wrapper .wap-nav-list ul{overflow: hidden; padding: 0 18px; border-bottom: 1px solid #2e3031;}
	.wrapper .wap-nav-list li{padding: 8px 0; border-bottom: 1px solid #2E3031;}
	.wrapper .wap-nav-list li a{display: block; height:  auto; padding: 8px 0; color: #DFDFDF; font-size: 14px; line-height: 1; font-family: sans-serif; transition: none;}
	
	
	
	
	
	
	.container{width: auto;}
	
	.footer{padding: 0 3%; text-align: center;}
	.footer-left h4{margin-bottom: 0px;}
	.footer-left{float: none; font-size: 12px;}
	.footer-left::after{clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden;}
	
	.footer-left h2{padding-top:12px; float: none; margin-top: 0;}
	.footer-left .company{margin: 0; padding: 8px 0; float: none;}
	

	.footer-left .privacy{margin-top: 15px;}
	.footer-right{float: none; padding-top: 0;}
	.footer-right .tel{text-align: center; width: auto;}
	.footer-right .tel p{padding-bottom: 15px;}
	.footer-right .tel a{font-size: 18px;}
	.footer-left .privacy{margin-right: 0; margin-left: 5px;}
	.footer-left .privacy li{padding: 1px 5px 0;}
	
	.footer-left h4{float: none;}
}