@media screen and (orientation: landscape) {   
  /*横屏 css*/  
  .di_p{
	position: fixed;
    bottom: 0;
    left: 0;
    height: 10%;
    width: 100%;
    z-index: 1000;
}
 .di_p dt{
    width: 50%;
    height: 100%;
    text-align: center;
    float: left;
 }
  
  .zyk22{
  	display: block;
  	width: 100%;
  }
  .sousuo22{
  	display: block;
  	width: 100%;
  }
  .zyk{
	display: none;
}
.sousuo{
	display: none;
}
  .hpbg{
 		display: block;
 	}
 	.spbg{
 		display: none;
 	}
.ziti{
		font-size: 1em;
		color: #151414;
		margin-left: 35%;
		
	}
	.xx{
	font-size: 1em;
		color: #151414;
		margin-left: 75%;
	}
	.zx{
	font-size: 1em;
		color: #151414;
		margin-left: 20%;
	}
	.gx{
		font-size: 1em;
		color: #151414;
		margin-left: 0%;
	}
.lianhuanhua{

    position: absolute;
    top: 16%;
    left: 2%;
    width: 22%;

}
		.xiaoxue{
		position: absolute;
		    top: 10%;
    left: 74%;
    width: 24%;
	}
	.zhongxue{
		position: absolute;
		    top: 5%;
    left: 23%;
    width: 22%;
	}

.kepu{
	position: absolute;top: 56%;left: 13%;
width: 22%;
}
img{
	border: none;
}

.guoxue{
	    position: absolute;
      top: 66%;
    left: 79%;
    width: 22%;

}
.logo{
	position:absolute;
	top:2%;
		width: 22%;
	}
 .shaoer{
position:absolute;
 	    top: 4%;
    left: 50%;
    width: 22%;
 }
 .yousheng{

 	position: absolute;top: 46%;left: 57%;
 	width: 22%;
 }
 .shuzi{
position:absolute;
 	    top: 40%;
    left: 36%;
    width: 22%;
  }
 }  
 
 
 
 @media screen and (orientation: portrait) {   
  /*竖屏 css*/  
  .zyk22{
  	display: none;
  }
  .sousuo22{
  	display: none;
  }
  .spbg{
 		display: block;
 	}
.di_p{
	position: fixed;
    bottom: 0;
    left: 0;
    height: 6%;
    width: 100%;
    z-index: 1000;
}
 	.hpbg{
 		display: none;
 	}
 .di_p dt{
    width: 50%;
    height: 100%;
    text-align: center;
    float: left;
 }
.zyk{
	width: 100%;
	display: block;
}
.sousuo{
	width: 100%;
	display: block;
}
.lianhuanhua{
        width: 40%;
    position: absolute;
    top: 15%;
    left: 16%;
}
.kepu{
	    position: absolute;
        top: 52%;
    width: 40%;
    left: 45%;
}

.zaixian{
	position: absolute;
    top: 40%;
    left: 39%;
    width: 36%;
}
.guoxue{
	    position: absolute;
        bottom: 1%;
    right: 31%;
    width: 40%;
}
.denglu{
	position: absolute;top: 64%;left: 38%;
	width: 22%;
}

 .shaoer{
        width: 40%;
    position: absolute;
    top: 37%;
    left: 3%;
 }
 .yousheng{
       width: 40%;
    position: absolute;
    top: 62%;	
    left: 4%;
 }
 .shuzi{
       width: 42%;
    position: absolute;
    top: 22%;
    left: 52%;
  }

 	.logo{
		position: absolute;
		top:4%;
		left: 3%;
		width: 40%;
	}
	.xiaoxue{
	    position: absolute;
        top: 71%;
    left: 57%;
    width: 41%;
	}
	.zhongxue{
	    position: absolute;
    top: 3%;
    left: 57%;
    width: 40%;
	}
	.ziti{
		font-size: 2em;
		color: #151414;
		margin-left: 35%;
		
	}
	.xx{
	font-size: 2em;
		color: #151414;
		margin-left: 75%;
	}
	.zx{
	font-size: 2em;
		color: #151414;
		margin-left: 20%;
	}
	.gx{
		font-size: 2em;
		color: #151414;
		margin-left: 0%;
	}
 }