@charset "utf-8";
/* CSS Document */
/*************/
html,body{ margin:0px;height:100%;  }
/**** public *********/
*{ margin:0px; padding:0px;}
.wraaper{ width:100%}
.clear{ clear:both}
input { border:0px}
li{ list-style:none}
/*****banner*******/
.banner{position:relative; width:100%;  overflow:hidden; box-shadow:0px 5px 2px #434549;}
.banner_pic a { position:absolute; top:0; display:block;  overflow:hidden;}
/**** content *********/
img{ width:100%; }
.content { background:#eee;overflow-x:hidden;}
.content .games{ width:100%; padding:10px 10px; clear:both;}
.content .games:nth-child(1){padding-top:5%;}
.content .games > div{display:inline; float:left; }
.content .games > div + div{padding-left:5px; }
.content .games .games-img{width:24%;}
.content .games .games-img img{ width:90%;}
.content .games .games-content{width:74%; font-size:2.5em;position: relative}
.games-spr { float:left}
.content .games .games-content .games-spr span{display:block;  width:100%; padding-top:7px; font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体","Arial"; color:#3e4043}
.content .games .games-content span > img{width:34%; float:right; margin-right:10px;}
.content .games .games-content span input{width:35px; float:right; margin-right:10px; height:25px ; background:url(../images/izx_index0003.png) ;background-repeat:no-repeat; background-size:100% 100%;  }
.content .games .games-content span input:hover{background:url(../images/izx_index0003.png) ;background-repeat:no-repeat; background-size:100% 100%;}

/******spr-wrapper*******/
h3{ text-align:center; line-height:70px; font-size:1.8em;;color:#505050}
.spr-wrapper{ width:100%; height:100%;}
.spr-wrapper .spr-banner{ width:100%; height:40%;}
.spr-wrapper .spr-banner img{ width:100%; height:100%}
.spr-foot{height:15%; width:100%;}
.spr-foot img{ width:100%; height:100%;}
.spr-content{ background:#eee; min-height:45%; overflow:hidden; width:100%; font: 12px/1.5 "Microsoft Yahei",tahoma,arial;}
.spr-content ul{width: 90%;margin: auto;  font-weight:bold; color:#505050}
.spr-content ul li:nth-child(2){ font-size:4.5vw}
.spr-content ul li dl b{display: block;width: 20px;float: left}
.spr-content{ font-size:0.9em; }
.games-content>span{  position:absolute;bottom:0px; float:left}
/*********spr2***************/
.spr2-wrapper{ width:100%; background:#CCC}
.spr2-banner,.spr2-content{margin:auto}
.spr2-content h3{ color:#333}
.spr2-content p{font-family: Microsoft YaHei; color:#505050;padding:0px 25px}
.spr2-foot{ margin:auto}
.spr2-content-foot{ float:right;}
/******more*******/
.more{ width:100%;z-index:9999; text-align:center; background:url(../images/izx_index0001.jpg) repeat-x; background-size:100% 100%;}
 
/*
@media screen and (max-width:980px ){
	.spr-content{ font-size:1.8em}\]
		.games-spr{ width:550px; background:#af0000; float:left}
}
@media screen and (max-width:768px ){
	.spr-content{ font-size:1.2em}
	.games-spr{ width:100px; float:left}
}	
	@media screen and (max-width:520px ){
	.spr-content{ font-size:1em}
}	
	@media screen and (max-width:420px ){
	.spr-content{ font-size:0.8em}
}	
@media screen and (max-width:360px){
	h3{ line-height:40px;}
	.content .games .games-content{ font-size:0.6em}
	.spr-content{ font-size:0.7em}
	
	}
@media screen and (max-width:320px){
.content .games .games-content{ font-size:0.55em}
.spr-content{ font-size:0.55em}
} */
@media screen and (min-width:0px) and (max-width:360px){
.content .games .games-img img{margin: 6px 0px 0px 15px;width: 64px;height: 66px;}
.content .games .games-content .games-spr span strong{font-size: 14px;color:#464646;margin-bottom: 3px;}
.games-spr{  width:180px;   float:left}
.content .games .games-content .games-spr >span+span{font-size: 11px;}
.content .games .games-content {font-size: 14px;color:#464646;margin-bottom: 3px;}
.games{height: 80px; border-bottom: 1px solid #D1D1D1;}
/**spr2****/
.spr2-banner,.spr2-content,.spr2-foot{ width:320px}
.spr2-content h3{ font-size:12px;line-height:30px}
.spr2-content p{ font-size:11px;line-height:30px;}
}
@media screen and (min-width:360px) and (max-width:480px){
.content .games .games-img img{margin: 6px 0px 0px 15px;width: 70px;height: 72px;}
.content .games .games-content .games-spr span strong{font-size: 18px;color:#464646;margin-bottom: 3px;}
.games-spr{width:190px;    float:left}
.content .games .games-content .games-spr >span+span{font-size: 16px;}
.content .games .games-content {font-size: 14px;color:#464646;margin-bottom: 3px;} 
.games{ height: 89px; border-bottom: 1px solid #D1D1D1;}
/**spr2****/
.spr2-banner,.spr2-content,.spr2-foot{ width:360px}
.spr2-content h3{ font-size:14px;line-height: 45px}
.spr2-content p{ font-size:13px;line-height:46px;} 
		 }
@media screen and (min-width:480px) and (max-width:640px){
.content .games .games-img img{width: 94px;height: 96px;margin: 9px 0px 0px 18px;}
.content .games .games-content .games-spr span strong{font-size: 20px;color:#464646;margin-bottom: 3px;}
.games-spr{    width:190px;  float:left}
.content .games .games-content .games-spr >span+span{font-size: 16px;}
.content .games .games-content {font-size: 14px;color:#464646;margin-bottom: 3px;} 
.games{height: 89px; border-bottom: 1px solid #D1D1D1;} 
.games-content>span{ width:175px; position:absolute; height:60px;bottom:0px; float:left}
/**spr2****/
.spr2-banner,.spr2-content,.spr2-foot{ width:480px}
.spr2-content h3{ font-size:22px;line-height: 45px}
.spr2-content p{ font-size:20px;line-height:45px;} 
}
@media screen and (min-width:640px) and (max-width:720px){
	/**spr2****/
	
.spr2-banner,.spr2-content,.spr2-foot{ width:640px}
.spr2-content h3{ font-size:30px;line-height: 45px}
.spr2-content p{ font-size:22px;line-height:50px;} 
	}
	@media screen and (min-width:720px) and (max-width:768px){
	/**spr2****/
.spr2-banner,.spr2-content,.spr2-foot{ width:720px}

 	}
@media screen and (min-width:768px) and (max-width:980px){
	/**spr2****/
.spr2-banner,.spr2-content,.spr2-foot{ width:768px}
.spr2-content h3{ font-size:35px;line-height: 45px}
.spr2-content p{ font-size:28px;line-height:66px;} 
 .content .games .games-content span input{ width:65px; height:60px;}
	}

@media screen and (min-width:980px){
	
	.spr-content{ font-size:1.7em}
	.banner{ width:980px; margin:auto}
	.content{ width:980; margin:auto}
	.games{ height: 220px; border-bottom: 1px solid #D1D1D1;}
	.games-spr{ width:540px;float:left}
	.games-content>span{ width:175px; position:absolute; height:60px;bottom:0px; float:left}
	 
	/**spr2****/
	.spr2-banner{ width:980px }
	.spr2-content h3{ font-size:45px;line-height: 90px}
	.spr2-content{ width:980px}
	.spr2-content p{ font-size:40px;line-height:55px;} 
	.spr2-foot{ width:980px}
	}