*{
margin: 0 auto;
padding: 0;

}

a{
    text-decoration: none;
    color: #000;
}

.nav{
width: 100%;
height: 90px;
position: relative;
}

.nav ul{
width: 800px;
height: 80px;
list-style: none;
position: absolute;
right: 300px;
bottom: 0;

}

.nav ul li{
    float: left;
    width: 160px;
    height: 80px;
    font-size: 20px;
    list-style: none;
    line-height: 80px;
    text-align: center;
}

.logo{
    width: 220px;
    height: 60px;
    position: absolute;
    left: 200px;
    top: 20px;
}

.nav .logo img{
    width: 220px;
    height: 60px;    
}


.banner{
width: 100%;
height: 300px;
background-color: brown;
position: relative;
}

.banner-pic{
width: 100%;
height: 300px;
}

.banner-pic img{
    width: 100%;
    height: 300px; 
}

.banner .fu{
width: 200px;
height: 300px;
position: absolute;
background-color: rgb(161, 217, 219);
left: 300px;
top: 0px;
}

.banner .fu div{
width: 200px;
height: 75px;
}


.banner .fu div a{
font-size: 19px;
text-align: center;
line-height: 50px;
color: #000;
display: block;
}

.sub-nav{
width: 1200px;
height: 30px;
text-align: center;
font-size: 25px;
color: #000;
margin: 50px auto 50px;
}

.work{
width: 1200px;
height: 200px;
margin: 0 auto;

}

.work .left{
width: 600px;
height: 200px;
float: left;

}

.work .right{
    width: 600px;
    height: 200px;
    float: left;
    
    }



.little-box{
    width: 75px;
    height: 120px;
    float: left;
    margin-left: 20px;
}

.little-box img{
    width: 60px;
    margin-left: 5px;
}

.little-box span{
    width: 75px;
    height: 30px;
    font-size: 14px;
    text-align: center;
 display: inline-block;
 margin-top: 5px;
   
}

.zuo{
width: 400px;
height: 200px;
float: left;

}

.you{
    width: 200px;
    height: 200px;
    float: left;
}

.you{
    width: 200px;
    height: 200px;
}

.content{
width: 1000px;
height: 300px;
margin: 0 auto;
}

.content .content-items{
width: 250px;
height: 300px;
float: left;
border-right: 1px dashed #000;
box-sizing: border-box;
}


.content .content-items .top{
width: 250px;
height: 50px;


}

.content .content-items .top .cunt{
width: 50px;
height: 50px;
float: left;
margin-left: 10px;
}


.content .content-items .top .cunt img{
    width: 50px;
height: 50px;
}

.content .content-items .top .wen{
    width: 180px;
    height: 50px;
    float: left;
    font-size: 18px;
    line-height: 50px;
  
    }


    .content .content-items p{
width: 250px;
height: 20px;
font-size: 13px;
text-align: center;
margin-top: 5px;

    }

    .content .content-items .but{
width: 250px;
height: 40px;
margin-top: 20px;
    }

    .content .content-items .but a{
width: 100px;
height: 30px;
background-color: darksalmon;
display: inline-block;
text-align: center;
line-height: 30px;
margin-left: 80px;
margin-top: 5px;
    }


    .content .content-items ul{
width: 250px;
height: 100px;


    }

    .content .content-items ul li{
        width: 125px;
        float: left;
        text-align: center;
        list-style: none;
        height: 50px;
        line-height: 50px;
    }

    .footer{
width: 100%;
height: 380px;
background: #6eb6b3;
    }

    .first-line{
width: 1200px;
height: 40px;
margin: 0 auto;
    }

.second-line{
width: 1200px;
height: 120px;
margin: 0 auto;
}

.second-line div{
width: 100px;
height: 100px;
float: left;
font-size: 12px;
text-align: center;
}


.second-line div img{
    width: 100px;
    height: 100px;
    }

    .three-line{
width: 1200px;
height: 220px;
margin: 0 auto;
    }

    .three-line .three-line-left{
width: 600px;
height: 220px;
float: left;

    }


    .three-line .three-line-right{
        width: 600px;
        height: 220px;
        float: left;
        
            }


  .three-line ul{
      list-style: none;
      margin-top: 15px;
  }

  .three-line ul li{
float: left;
width: 200px;
font-size: 15px;
color: #fff;
  }

  .three-line-right p{
      margin-top: 6px;
  }