四个图片只有点击不同的point才会出现其他时候属于透明并且图片出现的位置为固定的

好的，那么可以使用CSS的opacity属性来实现图片的透明和不透明效果，并且使用position属性来设置图片的固定位置。具体代码如下：

.Pictureul1 .pli {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.Pictureul1 .pli.active {
    opacity: 1;
}

其中，.Pictureul1 .pli表示class为pli的元素，使用position:absolute将其位置固定，top:0和left:0表示该元素相对于父元素的左上角定位，opacity:0表示该元素透明。transition属性用于设置元素的过渡效果。

接下来，当鼠标点击class为point1的元素时，将class为pli的第一个元素添加active类；当鼠标点击class为point2、point3或point4的元素时，分别将class为pli的第二、三、四个元素添加active类。具体代码如下：

.Pictureul2 .point1:hover ~ .Pictureul1 .pli:nth-of-type(1),
.Pictureul2 .point2:hover ~ .Pictureul1 .pli:nth-of-type(2),
.Pictureul2 .point3:hover ~ .Pictureul1 .pli:nth-of-type(3),
.Pictureul2 .point4:hover ~ .Pictureul1 .pli:nth-of-type(4) {
    opacity: 1;
}

这样，当鼠标点击不同的point时，对应的图片就会出现了。