.window-box{background:#fdfdfd; height:157px; padding:0; padding-left: 15%;}
.box-icon{float: left;
width: 19.9%;
background-color: #fdfdfd;
text-align: center;
border-right: 1px dashed #bebebe;
box-sizing: border-box;
cursor: pointer;
position: relative;
}
.window{
  height:75px;
    padding: 10px 0;
  background:url(uploads/1.png) center no-repeat;
	}
.window:hover{
  height:75px;
 
  background:url(uploads/1.gif) center no-repeat;
	}
	.window1{
  height:75px;
    padding: 10px 0;
  background:url(uploads/2.jpg) center no-repeat;
	}
	.window1:hover{
  height:75px;
  background:url(uploads/2.gif) center no-repeat;
	}
	.window2{
  height:75px;
    padding: 10px 0;
  background:url(uploads/2.jpg) center no-repeat;
	}
	.window2:hover{
  height:75px;
  background:url(uploads/2.gif) center no-repeat;
	}
	.window3{
  height:75px;
    padding: 10px 0;
  background:url(uploads/4.png) center no-repeat;
	}
	.window3:hover{
  height:75px;
  background:url(uploads/4.png) center no-repeat;
	}

.txt{width:100%; background:#0298d9; padding:5px 0;}
.txt:hover{width:100%; background:#0298d9; padding:5px 0;}
.txt1{width:100%; background:#fe5603; padding:5px 0;}
.txt1:hover{width:100%; background:#fe5603; padding:5px 0;}
.txt2{width:100%; background:#04d3b3; padding:5px 0;}
.txt2:hover{width:100%; background:#04d3b3; padding:5px 0;}
.txt3{width:100%; background:#ee075e; padding:5px 0;}
.txt3:hover{width:100%; background:#ee075e; padding:5px 0;}
.win-box{height:250px;}

.win{
float: left;
width: 33.3%;
background-color: #04820d;
padding: 8px 0;
height:47px;
border: 1px solid #ccc;
box-sizing: border-box;
text-align:center;
color:#FFF;
}
.win:hover{
float: left;
width: 33.3%;
background-color: #000000;
padding: 8px 0;
border: 1px solid #ccc;
box-sizing: border-box;
}

.box-1{width:49%;  float:left; border-right:1px solid #999;}
.box-2{width:49%; float:left; padding-left:1%;}


.door{
  height:75px;
    padding: 10px 0;
  background:url(uploads/7.jpg) center no-repeat;
	}
.door:hover{
  height:75px;
 
  background:url(uploads/11.gif) center no-repeat;
	}
	.door1{
  height:75px;
    padding: 10px 0;
  background:url(uploads/8.jpg) center no-repeat;
	}
	.door1:hover{
  height:75px;
  background:url(uploads/12.gif) center no-repeat;
	}
	.door2{
  height:75px;
    padding: 10px 0;
  background:url(uploads/9.jpg) center no-repeat;
	}
	.door2:hover{
  height:75px;
  background:url(uploads/13.gif) center no-repeat;
	}
	.door3{
  height:75px;
    padding: 10px 0;
  background:url(uploads/10.jpg) center no-repeat;
	}
	.door3:hover{
  height:75px;
  background:url(uploads/14.gif) center no-repeat;
	}

@media screen and (max-width:880px) {
.box-icon{float: left;
width:100%;
background-color: #fdfdfd;
text-align: center;
border-right: 1px dashed #bebebe;
box-sizing: border-box;
cursor: pointer;
position: relative;
}
.window{ display:none;}
.window1{ display:none;}
.window2{ display:none;}
.window3{ display:none;}
.window-box{background:#fff; height:260px; padding-left:0%;}
.win-box{height:680px;}
.box-1{width:100%;  float:left; border-right:0px solid #999;}
.box-2{width:100%; padding-top:30px; float:left; border-right:0px solid #999;}
.win{ width:100%;}
.win:hover{width:100%;}
.door{ display:none;}
.door1{ display:none;}
.door2{ display:none;}
.door3{ display:none;}
}