.self{background:#9ee6f4; position:relative; color:#fff;height:1080px;}
.self h1{color:#fff; font-weight:bold; font-size:55px;position: absolute; transform:translate(-50%, -20%) ;left:50%;top:50%; }
.self p {font-size:35px; position: absolute; transform:translate(-50%, -130%) ;left:50%;top:50%; }
.self ul {width:1250px; margin:0 auto;position: absolute; transform:translate(-50%, -50%) ;left:50%;top:50%; }
.self ul li {position: absolute; box-shadow: 6px 9px 14px -7px #222;}
.self ul li:first-child {z-index:2;}
.self ul li:nth-child(2) {left:320px; top:20px}
.self ul li:nth-child(3) {right:320px; z-index:2;}
.self ul li:nth-child(4) {right:0; top:20px }
.self .self1{ top: 100px}
.self .self2{  top: 600px}


.con10 {background:#fff; padding:80px 0; text-align:center }
.con10 h2 {
    font-size: 30px;
    color: #fff;
    background: #6dc6ff;
    border-radius: 5px;
    padding: 10px 20px;
    width: 35%;
    margin: 20px auto;
}
.con10 h3 { font-size:30px;}
.con10 h1 { font-size:55px; font-weight: bold;;}

.con10 ul {
	width: 1207px;
    margin: 30px auto;
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
}
.con10 ul li{
	margin-bottom: 10px;
}
.con10 ul li img{
	width: 100%;
}