@media only screen and (max-width: 1280px) {
  #Container {
    background-size: contain;
  }

  #Header {
    height: 325px !important;
  }

  #Nav{
    display:flex;
  }

  #Nav .menu_xkA, #Nav .menu_xkB, #Nav .menu_cfA, #Nav .menu_cfB, #Nav .menu_xyA, #Nav .menu_xyB, #Nav .menu_gsmlA{
    width: 20% !important;
  }

  #Nav .menu_dpt{
    width: 20%;
    margin: 0;
    margin-top: 20px !important;
    padding: 0;
    text-align: center;
  }

  #Nav>div>a {
    font-size: 16px;
    padding-left: 82px !important;
    background-size: 20px !important;
  }

  #Nav>div:nth-child(1)>a {
    background: url(nav1.png) no-repeat 45px center;
}

#Nav>div:nth-child(2)>a {
    background: url(nav2.png) no-repeat 45px center;
}

#Nav>div:nth-child(3):hover>a, #Nav>div:nth-child(3).hover>a {
    background: url(nav3h.png) no-repeat 45px center;
}

  .sgs-search-input {
    width: 55vw !important;
  }

  .jn1 {
    width: 135px;
  }
}

@media only screen and (max-width: 1150px) {
  #jn0 {
    height: 107px !important;
    line-height: 107px !important;
  }
}

@media only screen and (max-width: 1080px) {

}

@media only screen and (max-width: 985px) {
  #Header {
    height: 280px !important;
  }

  .sgs-search-input {
    width: 50vw !important;
  }
}

@media only screen and (max-width: 915px) {

}

@media only screen and (max-width: 885px) {
  .sgs-search-input {
    width: 46vw !important;
  }

  #jn0 {
    height: 147px !important;
    line-height: 147px !important;
  }
}

@media only screen and (max-width: 850px) {
  #Nav>div>a {
    font-size: 16px;
  }

  .sgs-search-input {
    width: 40vw !important;
  }
}

@media only screen and (max-width: 780px) {
  #Container {
    background: url(sgsbg_01.jpg) #fff no-repeat center top;
    background-size: contain !important;
    background-position: top center !important;
  }

  #Header {
    height: 12.1875rem !important;
    background-size: contain !important;
    background-position: top center !important;
  }

  #Nav {
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  #Nav>div:hover,
  #Nav>div.hover {
    margin-top: 0;
    height: 5rem;
  }

  #Nav .menu_xkA,
  #Nav .menu_xkB,
  #Nav .menu_cfA,
  #Nav .menu_cfB,
  #Nav .menu_xyA,
  #Nav .menu_xyB,
  #Nav .menu_gsmlA {
    height: 5rem;
    line-height: 5rem;
  }

  #Nav .menu_dpt{
    height: 3rem !important;
    line-height: 3rem;
    font-size: 1rem;
  }

  #Nav>div{
    width: 32% !important;
  }

  #Nav>div>a {
    font-size: 1rem;
    background: none !important;
    text-align: center;
    line-height: 5rem;
    padding-left: 0 !important;
  }

  #Nav>div:nth-child(4)>a {
    padding-left: 0;
  }

  .dh_xl {
    width: 13rem;
    top: 5rem;
    right: 0;
  }

  .font_nav a:link {
    font-size: 1rem;
  }

  .dh_xl>a {
    width: 100%;
    font-size: 1rem;
  }

  #infoList {
    margin-top: 2rem;
    padding: 1rem;
    margin-bottom: 2rem;
  }

  .sgs-SearchBox {
    margin-bottom: 1rem;
    padding: 1rem;
    padding-left: 1rem;
    flex-wrap: wrap;
  }

  .sgs-title {
    font-size: 2rem;
    margin-right: 0;
    width: 100%;
  }

  .layui-form-item {
    margin-bottom: 0;
    width: 100%;
  }

  .layui-form-item .layui-inline {
    margin-right: 0;
    margin-bottom: 1rem;
    margin-top: 1rem;
    width: 100%;
  }

  .sgs-search-input {
    width: 100% !important;
    padding: 0 1rem;
    height: 5rem;
    font-size: 1.5rem;
  }

  .sgs-search-btn {
    padding: 1rem;
    margin-left: 0;
    height: 5rem;
    width: 9rem;
    margin-right: 1rem;
    font-size: 1.75rem;
  }

  #ListBox {
    padding-bottom: 1rem;
    min-height: 280px;
  }

  .ListTitle th {
    font-size: 1.5rem;
    height: 5rem;
    line-height: 5rem;
  }

  .ListBody td {
    padding: 1rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1rem;
  }

  .dpt_title {
    font-size: 1rem;
    line-height: 3rem;
    padding: 1rem;
    margin-top: 1rem;
  }

  #dptTitle td {
    padding: 0 !important;
  }

  #dptTitle td#jn0 {
    height: 5rem !important;
    line-height: 5rem !important;
    width: 100%;
  }

  .active a {
    padding: 0 1rem;
  }

  #dptTitle td.jn1 {
    width: auto;
    padding: 0 1rem !important;
    font-size: 1.5rem;
    line-height: 4rem;
    height: 4rem;
  }
}


/* 适老化 */
.jnpageold #Nav>div>a{
  padding-left: 0 !important;
  font-size: 32px;
}
.jnpageold #Nav>div:hover,.jnpageold #Nav>div.hover {
    background-size: 100% 100% !important;
}
.jnpageold #Nav>div>a {
    background: none !important;
}
.jnpageold #Nav .menu_xkA, .jnpageold #Nav .menu_xkB, .jnpageold #Nav .menu_cfA, .jnpageold #Nav .menu_cfB, .jnpageold #Nav .menu_xyA, .jnpageold #Nav .menu_xyB, .jnpageold #Nav .menu_gsmlA{
  padding-left: 0;
  text-align: center;
}
.jnpageold #Nav .menu_gsmlA{
   background-size: 100% 100% !important;
}
.jnpageold .ListBody td {
    line-height: 60px;
    height: 60px;
}
.jnpageold #Nav .menu_cfB {
    width: 210px !important;
}
.jnpageold .dpt_title {
    font-size: 36px;
    width: 250px;
}