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-bloak并且行高为div的具体的高度值,文字就会垂直居中
display: inline-block;
    color:#fff;
    font-weight:600;
}
nav ul li a  img {
    width: 100%;
    height: 100%;
    display: block;
}

.img {
    width: 50%;
    float:left;
    text-align: center;
}
.img img {
    display: inline-block;
    width:100%;
}
.mt-100 {
    float: right;
    width: 50%;
    padding-top: 35px;
    margin-right: 14px;
}
.content {
    width: 80%;
    height:800px;
    margin: 0 auto;
}
.text-center {
    text-align: center;
    width: 56%;
    float: right;
}
.detail i {
    float: left;
    margin-top: 20px;
}
.detail .left {
    /*float:left;*/
    margin-left: 70px;
}
.mb-50 {
    margin-bottom: 70px;
    margin-top: 55px;
}
/*footer*/
footer {
    margin: 0 auto;
}
.footer-top,.footer-mid,.footer-bot {
    width: 100%;
    /*height:5;*/
    background-color: #000;
}
.footer-top {
    height:50px;
    padding-top:10px;
}
.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;
    border-bottom:1px solid #121212;
}
.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;
}
.footer-top {
    padding-top:0;
}