@charset "utf-8";

html {
  font-size: 5.20833333vw;
  font-size: 100px
}

@media (min-width:1922px) {
  html {
    font-size: 100px;
  }
  .ywwuPanel {
 padding-bottom:2.6rem;
  }
  
}

.img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

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

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

  .cards-list {
    height: inherit;
    display: block !important;
  }

  /**/
}

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

  html {
    font-size: 64px;
  }

  body {
    padding-top: .8rem;
    font-size: .18rem;
  }

  .navsBtn,
  .navs,
  .language {
    grid-row: 1 / 2;
  }

  .navsBtn {
    display: block;
    width: .8rem;
    height: .8rem;
    background: url(../image/btnNav.png) no-repeat center;
    background-size: 80%;
    margin-right: .1rem;
    grid-column: 1 / 2;

  }

  .language {
    grid-column: 3 / 4;
  }

  .navs {
    display: none;
    position: fixed;
    top: .8rem;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    bottom: 0;
    z-index: 99;
    backdrop-filter: blur(.1rem);
  }

  .Navshow.navs {
    display: block;
  }

  .head {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto;
  }

  .navs>.nav_item {
    height: auto;
    width: 100%;
  }

  .navs>.nav_item>a,
  .snav>a {
    display: block;
    width: 100%;
    text-align: left;
    padding: .24rem 0 .24rem 20%;
    font-size: var(--font-24);
    color: #fff;
    border-bottom: rgba(255, 255, 255, 0.3) solid 1px;

  }

  .snav {
    display: block;
    position: relative;
    max-height: inherit;
    background: transparent;

  }

  .navs>.nav_item {
    display: block;
  }

  .snav>a {
    text-align: left;

    padding-left: 30%;

  }

  .nav_item:hover .snav {
    display: block;
    max-height: inherit;
  }

  .til>h1 {
    padding-top: 0.45rem;
  }

  .w {
    width: 90%;
  }

  .kind {
    width: 80%;
  }

  .ConPanel .card_item>p {
    -webkit-line-clamp: 2;
    margin-top: 0.05rem;
    margin-bottom: 0.05rem;
    font-size: var(--font-12);
  }

  .ConPanel .card_item {
    padding: 4% 4%;
  }

  .ConPanel .card_item>h2 {
    font-size: var(--font-20);
  }

  .more {
    padding: 0.05rem 0.1rem;
    white-space: nowrap;
  }

  .ywwuPanel {
    min-height: inherit;
    padding-bottom: 0.6rem;
  }

  .ConPanel .swiper-pagination {
    bottom: 0.2rem;
  }

  .hezuoPanel {
    flex-direction: column;
    gap: 0.5rem;
  }

  .footPanel {
    display: none;
  }

  .footer {
    padding: 0;
    margin-top: .5rem;
  }


  .content {
    min-height: 70vh;
  }

  .cards-list .img {
    width: 100%;
    height: 1.6rem;
    height: inherit;
  }

  .qx_Box {
    height: 75vh;
  }

  .qx_banner {
    overflow: inherit;

  }

  .qx_txt {
    top: 100%;
    transform: translateY(-20%);
    width: 90%;
    left: 5%;
  }

  .SW_foot {
    bottom: -3.5rem;
    left: 0;
    width: 80%;
    left: 10%;
  }

  .HZyuanxiao {
    grid-template-columns: repeat(4, 1fr);
  }

  .HZyiyuan {
    column-gap: 0.48rem;
  }

  .card_img,
  .card_img.h {
    width: 100%;
    height: inherit;
    object-fit: cover;
  }

  .cards_list {
    display: block;
  }

  .card_con {
    padding: 0.5rem;
  }

  .foot-txt {
    font-size: var(--font-14);
  }

  .tabsNav {
    gap: 4%;
  
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .tabsNav>dt {
    margin-left: inherit;
    grid-column: span 2;
  }

  .tabsNav>dt>a {
    width: 100%;
    display: block;
    text-align: center;
  }
  .tabsNav .cur {
    font-size: inherit;
  }

  .img_item {
    flex: 1;
    overflow: hidden;
  }

  .imgAbsolute>img {
    position: relative;
  }

  .mg-top-lage {
    margin-top: .6rem;
  }

  .qx_banner .swiper-slide .img {
    height: 100%;
    width: 100%;
  }

  .card_item>h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .ZPimg .img {
    width: 100%;
    height: 2.6rem;
  }

  .page-numbar {
    display: none;
  }

  .h-adderss {
    display: none;
  }

  .logo {
    margin-left: 0.24rem;
    padding: 0.1rem 0;
  }

  .logo>img {
    height: 0.6rem;
  }

  .head {
    align-items: center;
  }

  .language {
    margin-top: 0;
  }

  #certify .swiper-slide {
    width: 350px;
    height: 187px;
  }

  .infoPanel>dd {
    flex-direction: column;
  }

  .infoPanel>dd>span {
    width: 100%;
    FLEX: 1;
  }

  /**/
}

@media only screen and (max-width: 570px) {
  /**/
}

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

  /**/
}

/*针对iOS设备写css*/
@supports(-webkit-touch-callout:none) {

  .dialog-box.tan_box {
    width: 17.5rem;
  }

  .table td:last-child::after {
    display: none;
  }

  

  /**/
}

/* 
@media (min-height:934px) {
  .boxBoder{
    min-height: 5rem;
    max-height: 7.5rem;
  }
} */