@media (max-width:768px) {

  html,
  body {
    font-size: 78%;
  }
  
  .header {
  
    position: fixed;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index:9999;
  }
  .yd{
    justify-content: center;
    background-size: cover;
    padding: 1.25rem;
    box-sizing: border-box;
    min-height: 100vh;
    height: auto;
  }
  .yd .box{
    width: 100%;
    flex-direction: column;
    padding: 0;
  }
  .yd .item{
    padding: 1.625rem;
    width: 100%;
    margin-bottom: 2rem;
    margin-right: 0;
    /* padding: 0; */
    
  }
    .yd .items li a,.yd .items li {
      width: 100%;
      padding: 0;
    }
        .yd .items li{
          margin-top: .625rem;
          margin-left: .5rem;
        }
    .yd .items li a .items-info{
      height: 100%;
    }

  .yd .items{
    width: 100%;
    <!--flex-direction: column;-->
  }
  .yd .items li:nth-child(1) a>p:nth-child(1),.yd .items li:nth-child(2) a>p:nth-child(1),.yd .items li:nth-child(3) a>p:nth-child(1){
    width:5rem;
    height:5rem;
  }
  .yd .items li:nth-child(1) a .items-info,.yd .items li:nth-child(2) a .items-info,.yd .items li:nth-child(3) a .items-info{display:none}
  .yd .items li a p img {
    width: 2.5625rem;
    height: 2.9375rem;
    object-fit: contain;
}
.yd .items li a p{
  font-size:1rem;
}
.yd .items li a p:nth-child(3){
  font-size:1rem;
}
.banner{
    margin-top: 60px;
  }
.yd .items li a{
  height:12.1875rem;
}
  .max {
    width: 100%;
    padding: 0 1.125rem;
    box-sizing: border-box;
  }
  .ksdh-info .ck-title h3{
    font-size:18px;
  }
  .from .max .from-left{
    height:345px;
    object-fit:cover;
  }
  .from .max .from-left img{
  height:100%
  }
  .yd .item{
    height:45rem;
  }
  .header .header-bot,
  .searchs {
    display: none;
  }

  .header .header-top {
    
    margin-bottom: 1rem;
    <!--padding-top: 1rem;-->
  }
  .zjjs-info .zjjs-right .text{
    max-height: none;
    min-height: auto;
  }
  .zjjs-info{
    padding-top:60px;
    background-size: 60rem 49.6875rem, 103.75rem 17.1875rem;
  }
  .zjjs-info .zjjs-right .zjjs-title a,.zjjs-info .zjjs-right .text p,.zjjs-info .zjjs-right .zjjs-title h3{
    border-color:#fff;
    color:#fff;
  }

  .menu {
    display: flex;
  }

  .banner .swiper .swiper-wrapper {
    height: 24.0625rem;
  }

  .jyzl .max,
  .xwtj .max,
  .xwtj .xwtj-cont,
  .ksdh .imgs .max,
  .hlyds .max,
  .foot .foot-bot,
  .xrld .max,
  .spxc ul {
    flex-direction: column;
  }

  .jyzl-left,
  .jyzl-right,
  .jyzl .right-top,
  .xwtj .xwtj-left,
  .xwtj .xwtj-right,
  .xwtj .xwtj-cont,
  .xwtj .xwtj-swiper,
  .ksdh .imgs .ksdh-left,
  .ksdh .ksdh-right,
  .hlyds .max,
  .hlyds .items,
  .hlyds ul li a .imgs,
  .xrld .max .left,
  .xrld .max .right,
  .spxc ul li {
    width: 100%;
  }

  .xwtj .xwtj-swiper img {
    object-fit: contain;
    height: 18rem;
  }

  .xwtj .xwtj-cont ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .xwtj .xwtj-cont ul li {
    width: 48%;
    margin: 0 !important;
  }

  .ksdh .imgs .list li {
    width: 45%;
  }

  .ksdh .imgs .list li a {
    color: #fff;
  }

  .hlyds ul li a .imgs {
    height: auto;
    max-height: 23.75rem;
  }

  .foot .foot-bot {
    flex-wrap: wrap;
  }
  .xwtj .xwtj-left{
    margin-top:0;
  }
  .foot .foot-bot .center,
  .foot .foot-bot .left {
    width: 100%;
    margin-top: 1.25rem;
  }

  .foot .foot-bot .right {
    width: 32%;
    margin-top: 1.25rem;
    justify-content:center;
  }

  .ksdh-left .titles .left h3 {
    color: #fff;
  }

  .ksdh .imgs .ksdh-left::after {
    display: none;
  }

  .item-swiper .swiper-slide .text p:last-child {
    padding-top: 4rem;
    box-sizing: border-box;
  }

  .item-swiper .swiper-slide a>p:first-child {
    height: 15.4375rem;
  }

  .cart li {
    width: max-content;
    padding: 0 1rem;
  }

  .ksdh .imgs .ksdh-left {
    padding-right: 0;
  }

  .ksdh .imgs .list li a::after {
    border-bottom-color: #fff;
  }

  .ksdh .imgs .list li a::before {
    background-color: #fff;
  }

  .xrld .max ul li {
    padding: 0 1rem;
  }

  .ljld-swiper {
    padding: 0.25rem;
  }

  .yyjj-list .item ul {
    width: 100%;
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap;
  }

  .yyjj-list .item ul li a {
    display: flex;
    width: max-content;
    height: 4.125rem;
  }

  .yyjj-list .item ul::-webkit-scrollbar,
  .yyjj-swiper .imgs {
    display: none;
  }

  .yyhj ul li {
    width: 100%;
  }

  .yygk {
    height: 20.5625rem;
  }

  .yyjj-gk {
    position: relative;
    margin-top: -12rem;
  }

  .yyjj-gk .max {
    flex-direction: column;
  }

  .yyjj-gk .gk-left,
  .yyjj-gk .gk-right,
  .yyjj-gk .gk-right ul {
    width: 100%;
  }

  .yyjj-gk .gk-right .box,
  .yyjj-gk .gk-right .box+ul {
    width: 50%;
  }

  .yyjj-gk .gk-right .box+ul {
    margin-left: .9375rem;
  }

  .ld .xrld .max ul {
    width: 86%;
  }

  .ld .ld-title:first-child {
    background-color: #fff;
    padding: .625rem;
    margin-top: 1.25rem;
  }

  .ld-zzjg ul li,
  .info-list .left,
  .info-list .right {
    width: 100%;
  }

  .ld-zzjg ul {
    margin-top: 2.5rem;
  }



  .info .info-text {
    padding-top: 1.25rem;
    font-size: 1.125rem;
    background-color: #fff;
    padding: 1.875rem 1.25rem;
    border: .0625rem dashed #b5b5b5;
  }

  .pages>ul {
    flex-direction: row !important;
  }

  .lists {
    display: none;
  }

  .infos-text h3 {
    width: 80%;
    font-size: 2rem;
  }

  .infos-text p {
    width: 80%;
  }

  .info .box {
    padding: 1.875rem 1.25rem;
  }

  .info .info-text p img {
    width: 100%;
    max-width: 100%;
    height: auto !important;
  }
  .info-list a{
    height: 3.25rem;
    line-height: 3.25rem;
  }
  .info-list {
    flex-direction: column;
  }

  .yyxw ul li a {
    flex-wrap: wrap;
    padding: 1.75rem 0;
    padding-top:0;
    margin-bottom:1.75rem;
  }
  .yyjj-cont{
    padding-bottom:1.25rem;
  }
  .yyxw ul li a .date{
    height:auto;
  }
  .pages ul a{
    padding: 1.125rem .6rem;
  }
  .yyxw ul li a p img,
  .yyxw ul li a>p {
    width: 100%;
  }

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

  .yyxw ul li a .date {
    width: 20%;
  }

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

  .zbcg ul li a p:first-child {
    max-width: 70%;
  }

  .tpxw li {
    width: 100%;
  }

  .xwzx-tp .max,
  .xwzx-zb .max,
  .xwzx-tp .max,
  .xwzx-tp .top a {
    flex-direction: column;
  }

  .xwzx-tp .tp-left,
  .xwzx-tp .tp-right,
  .xwzx-zb .max .zbcg-left,
  .xwzx-zb .max .zbcg-right {
    width: 100%;
  }

  .xwzx-tp .tp-left .bot,
  .xwzx-tp .tp-left .top .text  {
    width: 100%;
  }

  .xwzx-swiper {
    object-fit: contain;
    height: auto;
  }

  .xwzx-tp .tp-left .bot img {
    height: 9.375rem;
  }

  .xwzx-tp .top a {
    height: auto;
  }

  .xwzx-swiper .swiper-button-next,
  .xwzx-swiper .swiper-button-prev {
    display: none;
  }

  .ksdh-info .bot>p,
  .ksdh-info .bot .bot-swiper {
    position: static;
    width: 100%;
    margin-top: 1.25rem;
  }

  .ksdh-info .text {
    height: 17.4375rem;
  }

  .ksdh-info .text p {
    width: 100%;
    -webkit-line-clamp: 6;
  }

  .ksdh-info .bot {
    padding-bottom: 1.25rem;
  }

  .ksdh-info .ck-title {
    left: 0;
    width: 100%;
    margin: 1.25rem 0;
  }

  .prop .box .prop-bot {
    flex-wrap: wrap;
    align-content: center;
  }

  .prop .box .prop-bot p {
    width: 100%;
  }

  .ksdhs-cont .box .items ul li {
    width: calc(100% / 1);
  }

  .ksdhs-cont .box .items ul li a {
    width: 100%;
  }

  .ksdhs-cont .box .items p {
    min-width: 3.125rem;
  }

  .suo {
    width: 100%;
    overflow: auto;
  }

  .jyzls {
    margin-top: -10rem;
  }

  .zjjs-info .max {
    flex-direction: column;
  }

  .zjjs-info .zjjs-left,
  .zjjs-info .zjjs-right,
  .max .zjjs-title .search-zj,
  .zjjs .max .zjjs-title ul {
    width: 100%;
    flex-wrap:wrap;
  }
  .const{
    padding:0;
  }
  .zjjs .max .search-zj button{
    width:6rem;
  }
  .jyzls .item .swiper-button-next,
  .jyzls .item .swiper-button-prev {
    display: none;
  }

  .zjjs .max .zjjs-box ul li {
    width: 100%;
    height: 15.5625rem;
  }

  .zjjs .max .zjjs-title {
    flex-direction: column;
  }

  .zjjs .max .zjjs-title ul {
    margin-bottom: 1.875rem;
  }

  .zjjs .max .zjjs-title .search-zj {
    flex-wrap: wrap;
  }

  .zjjs .max .zjjs-title input {
    <!--margin-bottom: 1.25rem;-->
  }

  .from .max {
    flex-direction: column;
  }

  .from .max .from-left,
  .from .max .from-right {
    width: 100%;
    margin-bottom: 1.875rem;
  }

  .ztzl ul li {
    width: 100%;
  }
  .zjjs .max .search-zj input{
    width:10.1875rem;
  }
  .ztzl ul li:last-child {
    margin-bottom: 1.125rem;
  }
  .ksys .ksys-swiper a span{
    min-height:auto;
    -webkit-line-clamp: 2;
  }
  .ztzl.const {
    padding-top: 0;
  }

  .ztzl ul li a p {
    width: 100%;
    text-align: center;
  }

  .ztzl ul li a p img {
    height: 14.125rem;
    object-fit: contain;
  }
  .xwtj .xwtj-swiper .text p:last-child{
    display:none;
  }
  .xwtj .xwtj-swiper .btn{
    margin-top:0.5rem;
  }
  .xwtj .xwtj-swiper{
    padding-bottom:2rem;
  }
  .ksdh .imgs .ksdh-left{
    padding-top:1.8125rem;
  }
  .ksdh .ksdh-right{
    display:none;
  }
  .hlyds{
    padding:0;
  }
  .titles{
    margin:2rem 0;
  }
  .hlyds ul li a h3{
    min-height:auto;
  }
  .cart{
    justify-content: flex-start;
  }
  .xwtj .xwtj-right{
    padding:1.25rem;
  }
  .map,.foot .foot-bot .center{
    display:none;
  }
  .yyjj-list .title h3{
    font-size:18px;
  }
}

@media (max-width:500px) {

  .foot .foot-bot ul,
  .map .text,
  .foot .foot-top a img {
    width: 100% !important;
    left: 0;
  }

  .map .text {
    padding: 1rem;
  }
  .spxc ul li img{
    height:auto;
  }

  .foot .foot-top {
    flex-direction: column;
  }

  .foot .foot-top a img {
    height: auto;
    width:55% !important;
  }

  .foot .foot-top .link {
    width: 100%;
    margin-top: 1.25rem;
  }

  .foot .foot-bot {
    padding-top: 1.5rem;
  }

  .header .header-top>a {
    width: 80%;
  }

  .banner .swiper .swiper-wrapper {
    height: 15.0625rem;
  }

  .jyzl .left-top,
  .jyzl .right-top {
    width: 100%;
  }

  .jyzl .items {
    width: 50%;
  }

  .jyzl .items li,
  .jyzl .left-bot {
    width: 100%;
  }

  .jyzl .left-bot img {
    <!--object-fit: contain;-->
  }
  .jyzl .left-bot{
    height:16rem;
    margin-top:1rem;
  }

  .banner .swiper-tzgg {
    padding: 1.2rem 1rem;
  }

  .item-swiper .btn {
    padding-bottom: 1.25rem;
  }

  .banner .swiper-tzgg .tzgg-swiper .swiper-slide a {
    width: 15rem !important;
    margin-left: 0.4rem;
  }

  .jyzl .items .text {
    left: 5rem;
  }

  .yyjj {
    height: 10rem;
    margin-top:5rem
  }

  .yyjj-list {
    margin-top: -4rem;
  }
  .yyjj-list .title{
    height:9.75rem;
  }

  .yyjj-list .item {
    padding: 0 .625rem;

  }


  .yyjj-swiper {
    height: 15rem;
  }

  .yyjj-gk .gk-right {
    flex-wrap: wrap;
    height: auto;
  }

  .yyjj-gk .gk-right .box,
  .yyjj-gk .gk-right ul {
    width: 100% !important;
  }

  .yyjj-gk .gk-right .box+ul {
    margin: 0;
    margin-top: .9375rem;
  }

  .ld {
    padding-top: 24rem;
  }

  .ld .ld-title {
    width: 100%;
  }

  .ld .ld-title:first-child a {
    width: 11.75rem;
  }

  .ld-zzjg ul li {
    height: 13.5625rem;
  }

  .ld .xrld+.ld-title {
    margin-left: 0;
  }

  .ld .xrld+.ld-title a {
    float: none;
    height: 40px;
    width: 15rem;
  }

  .phone-list .max .op li {
    width: calc(100% / 2);
    float: left;
    height: 3.8125rem;
    margin-bottom: .625rem;
  }

  .phone-list .max .op a {
    font-size: 14px;
    /* line-height: 2.1875rem; */
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7c7c7c;
    background-color: #fff;
    margin: 0 .625rem;
    box-sizing: border-box;
    padding: 3px;
  }

  .ld .ld-left>.max {
    padding-bottom: 2.25rem;
  }

  .yyjj-gk .gk-right {
    padding-top: 2.4rem;
  }
  
  
  .zjjs-info .zjjs-left .info{
    display: -webkit-box;
      /* 用于 WebKit 浏览器 */
      -webkit-line-clamp: 2;
      /* 限制为5行 */
      -webkit-box-orient: vertical;
      /* 设置为垂直方向 */
    
      display: box;
      /* 用于 Firefox */
      box-orient: vertical;
    
      overflow: hidden;
  }
  .from .max .from-left{
    display:none;
  }
  .ksdh-info .bot>p,
  .ksdh-info .bot .bot-swiper {

    height: 18.75rem;
  }

  .zjjs-info .zjjs-left {
  flex-wrap:nowrap;
    <!--flex-direction: column;-->
    
  }

  .zjjs-info .zjjs-left img {
    height: auto;
    margin-bottom: 1.25rem;
    width: 40%;
  }

  .zjjs-info .zjjs-right {
    padding: 2.5rem 0;
    /* padding-bottom: 0; */
  }

  .zjjs-info .zjjs-right .xx {
    margin-top: 2rem;
  }
}