*{
    padding: 0px;
    margin: 0px;
}
body{
    background-color:#e4e4e4;
}
a{
    text-decoration: none;
    /*去除超链接的下划线*/
}

li{
    list-style: none;
}
.w{
    width: 1200px;
    height: 110px;
    margin:  10px auto 0px ;
  }
.logo{
    float: left;
}
.nav{
    float: left;
    margin-left: 30px;
}
.nav ul li{
    float: left;
    margin: 0px 0px;
}
.nav ul li a{
    display: block;
    height: 40px;
    margin-right:60px ;
    padding:30px 10px;
    font-size: 35px;
    color: black;
}
.nav ul li a:hover{
    border-bottom: 5px solid #02f9ba;
    color: #02f9ba;
}

.search{
    float: left;
    margin-top: 30px;
    height: 40px;
    width: 320px;

    margin-left: 50px;
}
.search input{
    float: left;
    width: 250px;
    height: 35px;
    border: 3px solid #00a4ff;
    border-right:0px ;
  
    padding-left: 15px;
}
.search button{
    float: left;
    width: 50px;
    height:40px;
    border: 0;
    background-color: black;
}/*
    相对定位
    position: relative;
    */
.picture{
    height: 700px;
    background-position: center;
    border: 4px solid rgb(7, 59, 245);
    border-left: none;
    border-right: none;
    border-bottom: none;

}
.title{
    margin-top: 40px;
    text-align: center;
}
.works{
    height: 500px;
    width: 1750px;
    /*background-color: rgb(241, 245, 4);*/
    margin:50px auto;
    
}
.works1{
    float: left;
    height: 600px;
    width: 450px;
    background-color: #faf8f8;
    box-shadow: 10px 10px 5px #888888;
    margin-left: 100px;
    
}
.works1 img{
    height: 450px;
    width: 450px;
    /*background-color: lawngreen;*/
}
.explain1{
    height: 50px;
    font-size: 20px;
    color:black;
    padding:0 70px;
    margin-top: 50px;
}
.works2{
    
}