/*屏幕小于400px,特殊显示*/
@media screen and (max-width: 1158px) {
  .header {
    height: auto;
  }
  .headerbox {
    width: 100%;
  }
  #MutiNav {
    display: none;
  }
  #MutiNavMini {
    display: block;
  }
  .TopMiniButton {
    display: block;
  }
  .logo {
    width: 100%;
    margin: 0;
    padding: .5rem;
  }
  .search, .banneritem, .contl {
    display: none;
  }
  .er_cont {
    width: 100%;
    padding: .5rem;
  }
  .contr {
    width: 100%;
  }
  .er_banner {
    height: 100%;
  }
  .bannerimg {
    width: 100%;
  }
  .contrupr {
    margin-top: .5rem;
  }
  .footerbox {
    width: 100%;
  }
  .footer {
    height: auto;
  }
  .footL {
    margin-top: 0;;
  }
  .ttup {
    height: 100%;
    margin: .5rem;
  }
  .ttdown {
    margin: .5rem;
  }
  .yqlj {
    width: 100%;
    padding: .5rem;
    margin: 0;
  }
  .footR {
    width: 50%;
    float: none;
    margin: 0 auto;
  }
  #MutiNav .multiUl {
    width: 100%;
  }

  .PageOne {
    width: 100%;
    padding: .5rem;
    margin: 0;
  }
  .OneDown ul li {
    width: 100%;
  }
  .OneDownImg {
    width: 100%;
    height: auto;
  }
  .OneDownbox {
    padding: .5rem .5rem .5rem 0;
  }
  .PageTwo {
    margin-bottom: 0;
    height: auto;
  }
  .PageTwoBox {
    width: 100%;
  }
  .TwoL {
    width: 100%;
    height: auto;
  }
  .TwoR {
    float: left;
  }
  .TwoLDown ul li {
    padding: 0;
  }
  .TwoLCont {
    width: calc(100% - 71px);
  }
  .PageSix {
    width: 100%;
    padding: .5rem;
  }
  .SixDown > .sjjnBox > .sjjnBlock {
    width: 100%;
  }
  .PageFour {
    margin-bottom: 0;
  }
  .FourL {
    width: 100%;
    height: auto;
    padding: .5rem;
  }
  .PageFourBox {
    width: 100%;
  }
  .FourLDownItem {
    width: 100%;
  }
  .FourLDownItemImg {
    width: 100%;
    height: auto;
  }
  .FourLDownItem a {
    max-width: 100%;
  }


  .el-submenu__title:hover {
    background-color: #ffef5d !important;
  }
  .el-menu-item.is-active {
    color: #efda16;
  }
  .el-menu-item:focus, .el-menu-item:hover {
    background-color: #ffef5d !important;
  }
  /* body { background: red; } */

}

/*400~800*/
/* @media screen and (min-width: 400px) and (max-width: 800px) {
  body { background: orange; }
} */

/*800~1200*/
/* @media screen and (min-width: 500px) and (max-width: 1158px) {
  body { background: yellow; }
} */

/*800~1200*/
/* @media screen and (min-width: 1158px) and (max-width: 1160px) {
  .headerbox {
    width: 100%;
  }
  #MutiNav .multiUl {
    width: 100%;
  }
  body { background: yellow; }
} */

/*800~1200*/
@media screen and (min-width: 1158px) and (max-width: 1316px) {
  .headerbox {
    width: 100%;
  }
  #MutiNav .multiUl {
    width: 100%;
  }

  #MutiNav .multiUl li a.mulgo span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .footerbox {
    width: 100%;
  }
  .ttdown {
    margin-left: 1rem;
  }
  .yqlj {
    margin-left: 1rem;
  }

  /* height: 39px;
  line-height: 39px;
  font-size: 14px;
  max-width: 90%; */
  /* body { background: sandybrown; } */
}

/*800~1200*/
@media screen and (min-width: 1316px) and (max-width: 1320px) {
  .headerbox {
    width: 100%;
  }
  #MutiNav .multiUl {
    width: 100%;
  }
  /* body { background: yellow; } */
}

/*1200~1500*/
@media screen and (min-width: 1320px) and (max-width: 1446px) {
  .headerbox {
    width: 100%;
  }
  #MutiNav .multiUl {
    width: 100%;
  }
  /* body { background: green; } */
}

/*1200~1500*/
@media screen and (min-width: 1446px) and (max-width: 1510px) {
  .headerbox {
    width: 100%;
  }
  /* body { background: blue; } */
}

/*大于1500，正常显示*/
@media screen and (min-width: 1510px) {
  /* body { background: black; } */
}