![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/168f56e27be55a7e69412ec50943eea9.gif#pic_center)
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
ul{
list-style: none;
}
#nav ul li{
float: left;
margin-left: 100px;
text-align: center;
color: white;
padding: 14px;
cursor: pointer;
}
#nav ul li:hover{
background-color: green !important;
}
#center ul li{
height: 600px;
margin-top: -12px;
margin-left: -38px;
display: none;
}
#nav{
height: 50px;
background-color: #000000;
margin-top: 120px;
}
#header{
height: 200px;
}#header img{
height: 145px;
width: 100%;
margin-bottom: -120px;
}
#center{
height: auto;
}
#footer{
margin-top: 100px;
height: 200px;
}
#shouye{
height: 600px;
background-color: yellowgreen;
}
#fuwuyuding{
height: 600px;
background-color: yellowgreen;
}
#jiudian{
height: 600px;
background-color: yellowgreen;
}
#lvyou{
height: 600px;
background-color: yellowgreen;
}
#mudidi{
height: 600px;
background-color: yellowgreen;
}
#centershou{
width: 1000px;
height: 500px;
margin-left: 120px;
}
#centershou img{
width: 300px;
margin-left: 20px;
}
.centershouzi{
margin-left: 20px;
height: 30px;
width: 100px;
margin-top: 10px;
}
#centermu{
width: 1000px;
height: 500px;
margin-left: 120px;
}
#centermu img{
width: 200px;
margin-left: 20px;
}
.centershouzi{
margin-left: 20px;
height