2018-04-04项目

项目主体：

    
    
    
    


    

        

            

                HOME
                
Back to home
            
            

                PRODUCTS
                
What we have for you
            
            

                SERVICES
                
Things we do
            
            

                BLOG
                
Follow our updates
            
            

                CONTACT
                
Ways to reach us
            
   
        
        
    

    

        
        

            
            
            
            
            
        
    
    

样式：

body{
    background-image: url(./images/bg.png);
    background-repeat: repeat-x;
}
.e{
    width: 940px;
    margin: 0 auto;

}
.header{
    /*background-color: #bfa;*/
}
.logo{
    margin-left: 15px;
    margin-top: 12px;
    margin-bottom: 30px;
/*  float: left;*/
}
.nav{
    float:right;
}
.nav li{
    list-style: none;
    float: left;
    font-size: 12px;
    padding: 0px 10px 8px;
    border-left: 1px #d6d6d6 dotted;
}
.nav a{
    text-decoration:none;
    font-size: 12px;
    color: #666;
    font:bold 14px Georgia;
}
.nav a:hover{
    color: #a5a4a4;
    text-decoration: underline;
}
.nav p{
    color: #b7b7b7;
    font:11px Tahoma;
}
/*设置bannar*/
.bannar{
    background: url(./images/yinyin.png) no-repeat bottom center;
    height: 356px;
    position: relative;
}
/*设置小圆点*/
.pointer{
    position: absolute;
    top: 460px;
    bottom:15px;
}
.pic1{
    margin-top: 80px;
    /*border:10px solid red;*/
}
.pointer a{
    float: left;
    background: url(./images/but.png) no-repeat;
    width: 17px;
    height: 17px;
    margin-left: 4px;
}
.pointer a:hover{
    background: url(./images/buttun.png) no-repeat;

}

代码效果:

图片.png