.nr5-1 {
  background-image: url(../image/nr5-1.png);
  width: 373px;
  height: 300px;
  position: absolute;
  left: 456px;
  top: 170px;
}

.nr5-1:hover {
  filter: blur(6px);
  transition: all 0.5s;

}

.nr5-1-1 {
  background-image: url(../image/nr5-1.png);
  width: 373px;
  height: 370px;
  position: absolute;
  left: 371px;
  top: 35px;
}

.nr5-1-1:hover {
  filter: blur(6px);
  transition: all 0.5s;
}

/*.nr5-2 {
  background-image: url(../image/nr5-2.png);
  width: 373px;
  height: 203px;
  position: absolute;
  right: 0;
  top: 81px;
}*/

.nr5-2:hover {
  filter: blur(6px);
  transition: all 0.5s;
}

.nr5-2-1 {
  background: url(../image/nr5-2.png);
  width: 373px;
  height: 220px;
  position: absolute;
  right: 85px;
  top: 223px;


}
.nr5-2-1:hover {
  filter: blur(6px);
  transition: all 0.5s;

}
.nr5-1-1:hover+img {
  display: block;
  opacity: 1;
}
.nr5-1:hover+img {
  display: block;
  opacity: 1;
}
.nr5-2:hover+img {
  display: block;
  opacity: 1;
}
.nr5-3:hover+img {
  display: block;
  opacity: 1;
}
.nr5-4:hover+img {
  display: block;
  opacity: 1;
}
.nr5-5:hover+img {
  display: block;
  opacity: 1;
}
.nr5-6:hover+img {
  display: block;
  opacity: 1;
}


.nr5-2-1:hover+img {
  display: block;
  opacity: 1;
}
.nr5-10:hover+img {
  display: block;
  opacity: 1;
}
.nr5-5-1:hover+img {
  display: block;
  opacity: 1;
}
.nr5-8:hover+img {
  display: block;
  opacity: 1;
}
.nr5-9:hover+img {
  display: block;
  opacity: 1;
}

.active2 img {
  position: absolute;
  right: 240px;
  z-index: 999;
  opacity: 0;
  top: 274px;

}
.active1 img {
  position: absolute;
  right: 630px;
  z-index: 999;
  opacity: 0;
  top: 200px;

}
.active3 img {
  position: absolute;
  right: 240px;
  z-index: 999;
  opacity: 0;
  top: 520px;

}
.active4 img {
  position: absolute;
  right: 630px;
  z-index: 999;
  opacity: 0;
  top: 550px;

}
.active5 img {
  position: absolute;
  right: 1000px;
  z-index: 999;
  opacity: 0;
  top: 375px;

}
.active6 img {
  position: absolute;
  right: 1000px;
  z-index: 999;
  opacity: 0;
  top: 600px;

}
.active7 img {
  position: absolute;
  right: 525px;
  z-index: 999;
  opacity: 0;
  top: 200px;

}
.active8 img {
  position: absolute;
  right:  160px;
  z-index: 999;
  opacity: 0;
  top: 150px;

}
.active9 img {
  position: absolute;
  right:  900px;
  z-index: 999;
  opacity: 0;
  top: 425px;
}.active10 img {
   position: absolute;
   right:  160px;
   z-index: 999;
   opacity: 0;
   top: 340px;
 }
.active11 img {
  position: absolute;
  right:  540px;
  z-index: 999;
  opacity: 0;
  top: 500px;
}
.active12 img {
  position: absolute;
  right:  160px;
  z-index: 999;
  opacity: 0;
  top: 530px;
}


/*.nr5-3 {
  background-image: url(../image/nr5-3.png);
  width: 372px;
  height: 470px;
  position: absolute;
  left: 85px;
  top: 278px;
  z-index: 8;
}
*/
.nr5-3:hover {
  filter: blur(6px);
  transition: all 0.5s;
}

/*.nr5-4 {
  background-image: url(../image/nr5-4.png);
  width: 372px;
  height: 251px;
  position: absolute;
  right: 1px;
  top: 301px;
}*/

.nr5-4:hover {
  filter: blur(6px);
  transition: all 0.5s;
}

/*.nr5-5 {
  background-image: url(../image/nr5-5.png);
  width: 372px;
  height: 336px;
  position: absolute;
  left: 456px;
  top: 469px;
  z-index: 8;
}*/

.nr5-5:hover {
  filter: blur(6px);
  transition: all 0.5s;
}

.nr5-5-1 {
  background-image: url(../image/nr5-5.png);
  width: 372px;
  height: 336px;
  position: absolute;
  left: 371px;
  top: 405px;
  z-index: 8;
}

.nr5-5-1:hover {
  filter: blur(6px);
  transition: all 0.5s;
}

/*.nr5-6 {
  background-image: url(../image/nr5-6.png);
  width: 372px;
  height: 253px;
  position: absolute;
  right: 0px;
  top: 552px;
}
*/
.nr5-6:hover {
  filter: blur(6px);
  transition: all 0.5s;
}

.nr5-9 {
  background-image: url(../image/nr5-6.png);
  width: 372px;
  height: 253px;
  position: absolute;
  left: 0px;
  top: 488px;
  z-index: 9;
}

.nr5-9:hover {
  filter: blur(6px);
  transition: all 0.5s;
}

.nr5-8 {
  background-image: url(../image/nr5-4.png);
  width: 372px;
  height: 187px;
  /*height: 251px;*/
  position: absolute;
  left: 0px;
  top: 302px;
  z-index: 9;
}

.nr5-8:hover {
  filter: blur(6px);
  transition: all 0.5s;
}

.nr5-10 {
  background: url(../image/nr5-3.png) center;
  width: 372px;
  height: 260px;
  position: absolute;
  right: 86px;
  top: 443px;
  z-index: 8;
}

.nr5-10:hover {
  filter: blur(6px);
  transition: all 0.5s;
}



.nr5-11 {
  background-image: url(../image/nr5-8.jpg);
  width: 866px;
  height: 287px;
  position: absolute;
  left: -394px;
  bottom: 0px;
  z-index: 5;
}

.nr5-12 {
  background: url(../image/nr5-9.png) no-repeat right;
  width: 915px;
  height: 287px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
}

.nr5-2 {
  background-image: url(../image/nr5-2.png);
  width: 373px;
  height: 215px;
  position: absolute;
  right: 0;
  top: 215px;
}

.nr5-2:hover {
  background-image: url(../image/nr5-21.png);
}

.nr5-3 {
  background: url(../image/nr5-3.png) center;
  width: 372px;
  height: 260px;
  position: absolute;
  left: 85px;
  top: 470px;
  z-index: 8;
}

.nr5-3:hover {
  background-image: url(../image/nr5-31.png);
  z-index: 8;
}

.nr5-4 {
  background: url(../image/nr5-4.png) bottom;
  width: 372px;
  height: 186px;
  position: absolute;
  right: 1px;
  top: 430px;
  z-index: 9999;
}

.nr5-4:hover {
  background: url(../image/nr5-41.png) bottom;
}

.nr5-5 {
  background-image: url(../image/nr5-5.png);
  width: 372px;
  height: 336px;
  position: absolute;
  left: 456px;
  top: 470px;
  z-index: 8;
}

.nr5-5:hover {
  background-image: url(../image/nr5-51.png);
}

.nr5-6 {
  background: url(../image/nr5-6.png) center;
  width: 372px;
  height: 189px;
  position: absolute;
  right: 0px;
  top: 616px;
  z-index: 99;
}

.nr5-6:hover {
  background: url(../image/nr5-61.png) center;
}

.nr5-7 {
  background: url(../image/nr5-7.png) no-repeat;
  width: 866px;
  height: 287px;
  position: absolute;
  left: 0;
  bottom: 8px;
  z-index: 5;
}

.nr6 {
  width: 1200px;
  margin: auto;
}