.accordion{
text-align:center;
}
.accordion>.left{
float:left;
width:40%;
}
.accordion>.mid{
display:block;
background-image:url("https://www.alloutdoorstech.com/upload/image/1_03.jpg");
background-repeat:no-repeat;
background-size:100% 98%;
float:left;
width:20%;
}
.accordion>.mid>div{
margin-top:80%;
}
.accordion>.right{
float:left;             			
width:39%;
}
.accordion>.left>.left-1{
margin-left:4%;
margin-bottom:2%;
}
.accordion>.left>.left-2{
margin-left:2%;
margin-bottom:2%;
}
.accordion>.left>.left-3{
margin-left:4%;
}
.accordion>.left>.left-4{
margin-left:2%;
}
.accordion>.left>a{
display:block;       		
float:left;
width:46%;
padding:9% 0px;
/*margin:0px 2% 2% 0px;*/
}
.accordion>.left>a>div,.accordion>.mid>div{
color:#FFFFFF;
font-weight:bold;
}
.accordion>.left>.left-1{
background-color:#A400AC;
}
.accordion>.left>.left-1:hover{
background-color:#6C0571;
}
.accordion>.left>.left-2{
background-color:#5FA5F0;
}
.accordion>.left>.left-2:hover{
background-color:#2E86EA;
}
.accordion>.left>.left-3:hover{
background-color:#AA7417;
}
.accordion>.left>.left-3{
background-color:#CC8F29;
margin-bottom:0px;
}
.accordion>.left>.left-4:hover{
background-color:#8E0D2E;
}
.accordion>.left>.left-4{
background-color:#B51A42;
margin-bottom:0px;
}
.accordion .dashicons{
color:#FFFFFF;
font-size:100px;
width:100px;
height:100px;
}
.accordion>.right>a{
display:block;
}
.accordion>.right>.right-1:hover{
background-color:#0D79EA;
}
.accordion>.right>.right-1{
clear:both;
background-color:#2F8BEE;
padding:9.1% 0px;
margin:0px 2% 2% 2%;
}
.accordion>.right>.right-2,.accordion>.right>.right-3{
float:left;
width:47%;
padding:9.4% 0px;
}
.accordion>.right>.right-2:hover{
background-color:#083E89;
}
.accordion>.right>.right-2{
background-color:#0B58C2;
margin:0px 2% 0px 2%;
}
.accordion>.right>.right-3:hover{
background-color:#391F86;
}
.accordion>.right>.right-3{
background-color:#5D38B9;
padding:7.3% 0px;
}
/*屏幕大于等于1200样式*/
@media screen and (min-width: 1240px) {

}

/*屏幕大于等于1200px,小于等于1239px样式*/
@media (min-width: 1200px) and (max-width: 1239px){
	.accordion>.mid>div{
		margin-top:92%;
	}			

}

/*屏幕大于等于992px,小于等于1199px样式*/
@media (min-width: 992px) and (max-width: 1199px){
	.accordion>.mid>div{
        	margin-top:95%;
        }			
	
	
	
	
	
	
	
	
	

}
/*屏幕大于等于992px,小于等于1199px样式*/
@media (min-width: 750px) and (max-width: 991px){
	.accordion>.mid>div{
        	margin-top:114%;
	} 
	.accordion>.right>.right-3{
        	padding-bottom:1.5%;
        }
        .accordion>.right>.right-3 .span{
        	display:none;
        }
        .accordion>.right>.right-3 a{
        	display:block;
        }					
}			

/*屏幕大于等于992px,小于等于1199px样式*/
@media (min-width: 0px) and (max-width: 749px){

.accordion>.left{
width:100%;
}
.accordion>.left>a{
width:48%;
}
.accordion>.left>.left-1{
margin-left:2%;
}
.accordion>.left>.left-3{
margin-left:2%;
}
.accordion>.left>.left-2,.accordion>.left>.left-4{
margin-right:0px;
}
.accordion>.right{
width:100%;
}
.accordion>.mid{
margin:2% 0px 2% 2%;
}
.accordion>.right>.right-1{
margin:0px 0px 2% 2%;
}
.accordion>.right>.right-2, .accordion>.right>.right-3{
width:48%;
}
.accordion>.right>.right-2{
margin:0px 2% 0px 2%;
}
.accordion>.mid>div{
margin-top:0px;
}
.student-grid{
width:100%;
}
.accordion>.right>.right-3{
	padding-bottom:2.4%;
}
.accordion>.right>.right-3 .span{
	display:none;
}
.accordion>.right>.right-3 a{
	display:block;
}					











}