@media (max-width:768px) {

  html,
  body {
    font-size: 78%;
  }

  .menu {
    display: flex;
  }

  .header .max>a {
    width: 40%;
  }
  .bar{
    width: 2rem;
    height: .3125rem;
    margin: 5px auto;
  }
  .header{
  padding:0;
  }
  .max,
  .info .max {
    width: 100%;
    padding: 0 1.125rem;
    box-sizing: border-box;
  }

  .header .max>ul {
    display: none;
  }
  .menu a{
    width: 2rem;
        height: 2rem;
  }
  .banner {
    width: 100%;
    height: 29.25rem;
  }


  .lsyg .max,
  .yqz .max,
  .yyfc .yyfc-right .right,
  .foot .max,
  .cons .title {
    flex-direction: column;
  }

  .lsyg .max .lsyg-left,
  .lsyg .max .lsyg-right {
    width: 100%;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
   .lsyg .max .lsyg-right{
    display:none;
   }
   .yqz ul{
    flex-wrap:wrap;
    justify-content: center;
   }
   .yqxw .title img{
    width: 12rem;
    height: 3.3125rem;
   }
  .lsyg .max .lsyg-left img{
    position: absolute;
    left: 8px;
    z-index: 9;
    top: -94px;
  }
  .lsyg .max .lsyg-right ul {
    width: 100%;
    display: flex;
    /* flex-wrap: wrap; */
    align-items: flex-end;
    margin-bottom: 1.25rem;
  }
  .yqxw ul.texts{
    margin-top:10px;
  }
  .gd{
    margin-top:0;
  }
  .lsyg {
    padding-top: 10rem;
    background-size: cover;
    margin-top: -10rem;
  }

  .lsyg .max .lsyg-left .bg {
    height: auto;
  }

  .lsyg .max .lsyg-left img {
    margin-bottom: 1.25rem;
    object-fit: contain;
  }

  .cons {
    background-image: none;
  }

  .lsyg .max .lsyg-left .bg .lysg-list {
    left: 0;
    position: static;
  }
  

  .lsyg .lsyg-right {
    justify-content: center;
    margin-bottom: 1.875rem;
  }

  .yqxw {
    height: auto;
    padding-bottom: 1.875rem;
    background-size: inherit;
    background-image: none;
  }

  .yqxw ul.clearfixs li {
    width: 100%;
    height: 31rem;
    margin-bottom: 1.25rem;
  }

  .yqxw ul.texts li {
    width: 100%;
  }

  .yqsp .max,
  .cons {
    flex-direction: column-reverse
  }

  .yqsp {
    background-size: cover;
    padding-top: 5.875rem;
  }

  .cons .title,
  .yqsp .yqsp-swiper,
  .cons .video {
    width: 100%;
  }

  .cons .title h3,
  .cons .title p {
    writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
  }

  .yqsp .yqsp-swiper .bot .bot-left {
    display: none;
  }

  .yqsp .yqsp-swiper .bot .bot-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 1.25rem;
  }

  .yqz ul li {
    position: static;
  }

  .yqz {
    background-size: cover;
    padding-bottom: 3.125rem;
  }

  .yqz ul li {
    <!--margin-bottom: 3.25rem;-->
  }

  .yyfc {
    background-size: 0 0, cover;
  }

  .yyfc .yyfc-right {
    width: 100%;
  }

  .yyfc .yyfc-right ul.clearfix li {
    width: 100%;
    height: 32.25rem;
    margin-bottom: 1.25rem;
  }

  .yyfc .yyfc-right .right ul li,
  .yyfc .yyfc-right .right ul {
    width: 100% !important;
  }

  .yyfc .yyfc-right .right ul:last-child li {
    height: 32.25rem;
    margin-bottom: 1.25rem;
  }

  .yyfc .yyfc-right .right::after {
    display: none;
  }

  .yyfc .title {
    padding-left: 0;
    text-align: center;
  }

  .cons .title {
    align-items: center;
  }

  .cons .title p {
    margin-top: 0.875rem;

  }

  .foot,
  .foot .max {
    height: auto;
  }

  .foot {
    padding: 1.75rem 0;
    margin-top: 0;
  }

  .foot .foot-right,
  .foot .foot-right ul {
    width: 100%;

  }

  .foot .foot-right ul {
    justify-content: space-evenly;
  }

  .lsyg .max .lsyg-left .bg .lysg-list ul {
    width: 80%;
    overflow-x: scroll;
    flex-wrap: nowrap;
    
  }

  .lsyg .max .lsyg-left .bg .lysg-list ul li {
    width: max-content;
  }

  .info .info-back .left a,
  .info .info-back .left {
    max-width: 100%;
  }

  .info .info-text {
    padding: 1.25rem;
  }

  .info .info-cont {
    padding: 2.5rem .625rem;
  }

  .yqxws ul li a {
    flex-wrap: wrap;
    padding: 2.75rem .625rem;
  }

  .yqxws ul li a p img,
  .yqxws ul li a>p {
    width: 100%;
  }

  .yqxws ul li a p img {
    height: auto;
    margin-top: 1.25rem;
  }

  .yqxws ul li a .date {
    width: 15%;
    height: 5.5rem;
  }

  .yqxws ul li a .text {
    width: 78%;
  }

  .yqsps ul li {
    width: 100%;
  }

  .yqsps .sp {
    padding: 0.75rem;
  }

  .yqsps ul li img {
    height: 16.1875rem;
  }

  .yqzs ul li {
    width: 100%;
  }

  .yqzs .yqzs-box {
    flex-wrap: wrap;
  }

  .yqzs .yqzs-box p {
    margin-bottom: 1.25rem !important;
  }

  .yqzs .info-sp {
    padding: 1.75rem;
  }
  .info, .yqxws{
    margin-top: 5.375rem;
  }
}

@media (max-width:500px) {
  .banner {
    width: 100%;
    height: 20.25rem;
  }
  .yqxw .title{
    padding-top: 2.375rem;
    margin-bottom: 2.375rem;
  }
  .lsyg {
    padding-top: 7rem;
    margin-top: -7rem;
    background-size: cover;
  }

  .lsyg .max .lsyg-left img {
    margin-bottom: 1.25rem;
    object-fit: contain;
  }

  .lsyg .max .lsyg-left .bg .lysg-list {
    padding: 1.875rem;
  }

  .lsyg .max .lsyg-left .bg .lysg-list ul {
    margin: 0;
    width: 100%;
    padding: 0;
    padding-left:35px;
    margin-bottom: 1.25rem;
  }

  .lsyg .max .lsyg-left .bg .lysg-list ul li {
    padding-bottom: 0rem;
  }

  .lsyg .max .lsyg-left .bg .lysg-list ul::-webkit-scrollbar {
    display: none;
  }

  .lsyg .max .lsyg-left .bg .lysg-list ul li {
    white-space: nowrap;
    margin-right: 1.25rem;
  }

  .lsyg .max .lsyg-left .bg .lysg-list .lsyg-swiper .swiper-button-next,
  .lsyg .max .lsyg-left .bg .lysg-list .lsyg-swiper .swiper-button-prev {
    display: none;
  }

  .lsyg .max .lsyg-left .bg .lysg-list ul li::after,
  .lsyg .max .lsyg-left .bg .lysg-list ul li::before {
    display: none;
  }

  .lsyg .max .lsyg-left img,
  .yqsp .title img,
  .yqz .title img {
    height: 13.375rem;
    object-fit: contain;
    margin: 1.25rem 0;
  }

  .lsyg .max .lsyg-right ul {
    flex-wrap: wrap;
  }

  .lsyg .max .lsyg-right ul li {
    width: 100%;
    height: auto;
  }

  .yqxw ul.clearfixs li {
    height: 16rem;
  }

  .yqsp .yqsp-swiper {
    height: 23rem;
  }

  .cons .title h3 {
    font-size: 1.875rem;
  }

  .cons .title {
    padding: 0;
    margin-bottom: 1.25rem;
  }

  <!--.yqz ul li {-->
  <!--  width: 100% !important;-->
  <!--  height: 28.1875rem !important;-->
  <!--}-->
  .yqsp .max{
    position:relative;
  }
  .yqsp .max>.title{
    position:absolute;
    top: -90px;
    left:0;
    z-index:99;
  }
  .yqxw ul.texts li a .date h3{
    font-size:3.5rem;
  }
  .cons .title h3{
    padding-left:65px;
  }
  .lsyg .max .lsyg-left .bg .lysg-list{
    height:auto;
  }
  .lsyg .max .lsyg-left{
    padding-bottom: 3rem;
  }
  .yqz ul li a p img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .yqz ul li a p {
    margin-top: -23.5rem !important;
  }

  .yyfc .yyfc-right ul.clearfix li,
  .yyfc .yyfc-right .right ul:first-child li,
  .yyfc .yyfc-right .right ul:last-child li {
    height: 17.25rem;
  }
  .yqzs .yqzs-box p{
    width:8rem;
  }
.pages ul a{
  padding: 1.125rem .8rem;
}
  .foot .foot-left ul,
  .foot .foot-right ul,
  .foot .foot-left p {
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
  }
  .foot .foot-left ul{
    display:none;
  }
  .yqxw ul.texts li a .text {
    width: 75%;
  }

  .yqxw ul.texts li a .date {
    width: 19%;
  }
  .yqz ul li {
    width: 12.1875rem !important;
    height: 12.1875rem !important;
    }
    .yqz ul li a p{
      position: absolute;
    left: 19%;
    bottom: 18%;
    }
    
}