<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style>
*{
margin: 0;padding: 0;}
ul{
list-style: none;
width: 970px;
height: 270px;
position: relative;
}
width: 970px;
height: 270px;
margin: 150px auto;
position: relative;
}
ul li{
width: 0px;
height: 0px;
position: absolute;
left: 485px;
top: 135px;
background:
}
ul li img{
width: 100%;
height: 100%;
opacity: 0.5;
}
ul li li1{
width: 640px;
height: 270px;
left: 165px;
top: 0px;
z-index: 10;
}
ul li li1 img{
opacity: 1;
}
ul li li2{
width: 530px;
height: 224px;
top: 23px;
z-index: 9;
left: 440px;
}
ul li li10{
width: 530px;
height: 224px;
top: