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;
}
/*con*/
 .rec {
     width: 100%;
     height:fit-content;
     min-height:500px;
        margin-bottom: 50px;
 }
 .rec .rec_con {
     width: 50%;
     height:100%;
     margin: 0 auto;
 }
 .rec p2 {
     display: block;
     width: 100%;
     line-height: 70px;
     height: 70px;
     font-size: 30px;
     text-align: center;
     font-weight: 500;
 }
 .rec td {
     font-size: 15px;
 }
.rec th {
    font-size: 16px;
}
 .rec ul {
     float:left;
     width:150px;
     margin-top: 50px;
 }
 .rec .tab-content {
     /*float: right;*/
     margin-left: 150px;
     width:100%;
 }
.nav-tabs>li {
    float:none;
}
.nav>li:first-child {
    font-size: 16px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    /* color: #555; */
    cursor: default;
    /* background-color: #fff; */
    /*border: 1px solid #ddd;*/
    border-bottom-color: transparent;
}
/*table*/
table
{   border-collapse:   separate;   border-spacing:  140px 20px;   }
tr td:first-child {
    cursor:pointer;
}

/*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
.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-top {
    padding-top:0;
}
.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;
    color:#777;
}
.footer-bot li:nth-child(2) div:nth-child(4),.footer-bot li:nth-child(2) div:nth-child(5) {
    cursor:pointer;
}

a:focus, a:hover {
    color: #000;
    text-decoration: none;
}
