/*nav*/
  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;
 }
 nav ul li a  img {
     width: 100%;
     height: 100%;
     display: block;
 }
 /*标语*/
 .new_div {
     width: 700px;
     height: 500px;
     position: absolute;
     left: 50px;
     top: 100px;
 }

 .ul_sty {
     width: 100%;
     height: 100%;
     overflow: hidden;
     position: relative;
     padding-left: 0px;
     margin-top: 0px;
     border-radius: 8px;
 }

 .li_sty {
     width: 100%;
     height:100%;
     font-size: 14px;
     position: absolute;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     /*color: red;*/
 }
 .ul_sty li:first-child p {
     display: block;
     text-align: center;
     font-size: 28px;
     line-height: 28px;
     height:28px;
     color:#FFF2D2;
     font-weight:600;
     margin-bottom: 20px;
 }
 .ul_sty li {
     margin-top: 20px;
     height:fit-content;
     width:fit-content;
     font-size: 33px;
     text-align: center;
     color:#FFF2D2;
     font-weight:600;
     letter-spacing:3px;

 }
 .er {
     border: 1px solid;
     width: 200px;
     height: 200px;
     position: absolute;
     right: 2px;
     bottom: 2px;
 }
 .er img {
     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:auto;

     margin: 0 auto;
 }
 .footer-con ul{
     /*width:50%;*/
     border:1px solid red;
     height:100%;
 }
 .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-mid {
     /*height:130px;*/
     /*padding-top: 5px;*/
 }
 .footer-mid ul{
     width:70%;
     margin: 0 auto;
     /*border:1px solid red;*/
     height:250px;
     border-bottom: 1px solid #121212;
     border-top:1px solid #121212;
     padding-top:13px;
 }
 .footer-mid li {
     float:left;
     height:115px;
     width:33.3333%;
 }

 .footer-bot {
     width: 100%;
     text-align: center;
     height:40px;
     line-height:30px;
 }
 footer ul li div{
     text-align: center;
     margin-top: 8px;
 }
 .footer-con li:first-child div:nth-child(4), .footer-con li:first-child div:nth-child(5){
     cursor:pointer;
 }