nav {
    width: 35%;
    height:40px;
    float:right;
    margin-top: 20px;
    margin-right: 60px;
}
nav ul {
    height:100%;
    /*border:1px solid red;*/
}
nav ul li {
    float:left;
    width: 25%;
    height:100%;
    line-height:100%;
    text-align: center;
    background-color: #B4B3B9;
    opacity: 0.8;
}
nav ul .focus {
    background-color:#DAB066 ;
}
nav ul li a {
    font-size: 20px;
    font-family:Tahoma,Arial,"Helvetica Neue","Hiragino Sans GB",Simsun,sans-self;
    width:100%;
    height:40px;
    line-height:40px;         //将a标签设置成inline-block并且行高为div的具体的高度值,文字就会垂直居中
    display: inline-block;
}
nav ul li a  img {
    width: 100%;
    height: 100%;
    display: block;
}

.container {
    width: 100%;
}
/*footer*/
footer {
    margin: 0 auto;
}
.footer-top,.footer-mid,.footer-bot {
    width: 100%;
    /*height:5;*/
    background-color: #000;
}
.footer-top {
    height:50px;
}
.footer-con {
    width: 70%;
    height:inherit;

    margin: 0 auto;
    border-bottom: 1px solid #121212;
}
.footer-con ul{
    /*width:50%;*/
    border:1px solid red;
    height:inherit;
}
.footer-top li {
    float:left;
    height:50px;
    width:16.5%;

}
.footer-top li a {
    display: block;
    width: 100%;
    height:50px;
    line-height: 50px;
    text-align: center;
    font-size: 17px;
    /*border-right:1px solid red;*/
}
.footer-top li a.blue {
    color:blue;
}
.footer-bot {
    height:250px;
}
.footer-bot ul {
    width: 70%;
    height:130px;
    margin: 0 auto;
    padding-top:20px;
}
.footer-bot ul li {
    float:left;
    height:auto!important;
    width:50%;
    text-align: left;
}
.footer-bot li img {
    display: block;
    width: 200px;
    margin: 0 auto;
    /*height:100%;*/
}
.footer-bot li div {
    margin-top: 8px;
}
.footer-bot li:nth-child(2) div:nth-child(4),.footer-bot li:nth-child(2) div:nth-child(5) {
    cursor:pointer;
}