body{width: 100%;height: 100vh;overflow: hidden;}

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

*{margin: 0;padding: 0;box-sizing: border-box;font-family: "com";}

.hezi{width: 100%;height: 100vh;max-width: 1090px;height: 605px;background:#87cf3a ;}

.hezi .ul1{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background:rgba(0, 0, 0, 0) ;}

.hezi .ul1 li{position: absolute;width: 3.2%;padding-top: 3.2%;background:url(images/y.png) center no-repeat ;top: 73%;left: 69%;background-size: cover;cursor: pointer;}

.hezi .ul1 li:nth-child(2n){background:url(images/n.png) center no-repeat ;left: 75%;background-size: cover;}

.hezi .ul1 li:nth-child(n + 3){top: 79%;}

.hezi .ul1 li:nth-child(n + 5){top: 86%;}

.hezi .ul1 li.y.d.act{background:url(images/ya.png) center no-repeat ;background-size: cover;}

.hezi .ul1 li.n.d.act{background:url(images/na.png) center no-repeat ;background-size: cover;}