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

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

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

@media screen and (max-width: 1280px) {
  .newsDetails-con {
    font-size: 14px;
    line-height: 30px;
  }
}

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

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

  .header,
  .news-con .img,
  .footer ul li,
  .contactUs .top img {
    display: none;
  }

  .mobile-inner-header {
    display: block;
  }

  .mobile-inner-header .logo {
    padding: 2px 0;
  }

  .common-card,
  .productCenter .common-card {
    width: 100%;
    padding: 0 4%;
  }

  .header-pagination .swiper-pagination-bullet {
    font-size: 12px;
    margin: 0 10px !important;
  }

  .common-tl h2,
  .about .top li i,
  .about .top li h6,
  .news-con .time p,
  .news-con .text h6,
  .plate1 p,
  .footer li p,
  .footer .lt p,
  .productDetails .top h6,
  .comm-name,
  .parameter .nav .item,
  .contactUs h6,
  .consultCon h6,
  .courseSwiper .time,
  .culture .text h6 {
    font-size: 16px;
  }

  .common-tl p,
  .news-con .time span,
  .footer .item div {
    font-size: 14px;
    margin-top: 8px;
  }

  .productSwiper .img,
  .productInner .img {
    height: 250px;
    padding: 10px;
  }

  .productSwiper .name,
  .applicationSwiper .name,
  .caseSwiper .name,
  .caseItem li .name,
  .productInner .name,
  .applicationItem li .name,
  .environmentItem li .name {
    height: 35px;
    font-size: 15px;
    line-height: 35px;
  }

  .about .top li span,
  .plate1 h5,
  .footer .lt h6 {
    font-size: 26px;
  }

  .about .con .ls,
  .news-con .text .ls,
  .footer li a,
  .footer li span,
  .productDetails .top .ls,
  .diagram-text,
  .contactUs .top .text,
  .consultCon .ls,
  .courseSwiper .ls,
  .culture .text .ls {
    font-size: 14px;
    line-height: 30px;
  }

  .about .con {
    height: auto;
    padding: 15px;
  }

  .consultCon .time span {
    font-size: 14px;
  }

  .about .top {
    background-size: 100% auto;
  }

  .applicationSwiper img,
  .caseSwiper img,
  .caseItem li img,
  .applicationItem li img {
    height: auto;
  }

  .honorSwiper img {
    width: 200px;
    height: 300px;
  }

  .honorSwiper a::after {
    width: 260px;
    height: 100px;
  }

  .vPresentation li,
  .news-con .top {
    height: auto;
  }

  .playBack {
    width: 40px;
    height: 40px;
  }

  .news-con .time {
    width: fit-content;
    padding-right: 10px;
    margin-right: 10px;
  }

  .news-con li {
    margin-bottom: 10px;
    padding: 10px;
  }

  .plate1 .ph {
    font-size: 15px;
    line-height: 35px;
    height: 35px;
    padding: 0 10px;
  }

  .footer ul li:nth-child(2),
  .footer ul li:nth-child(3) {
    display: flex;
  }

  .footer .bto {
    font-size: 14px;
    line-height: 25px;
    margin-top: 15px;
    padding: 1% 4%;
  }

  .footer li img {
    width: 100px;
    height: 100px;
  }

  .footer .logo {
    height: 50px;
    margin-bottom: 10px;
  }

  .footer .common-card,
  .contactUs .bto .common-card,
  .culture ul {
    flex-wrap: wrap;
  }

  .footer .lt {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 10px 0;
  }

  .footer ul {
    flex: none;
    width: 100%;
  }

  .footer {
    padding-top: 15px;
  }

  .caseItem li {
    width: auto;
    margin: 0 10px 10px 0;
    flex-grow: 1;
    flex-basis: 250px;
  }

  .productDetails .top {
    height: auto;
    flex-wrap: wrap;
    padding: 10px;
  }

  .productDetails .top .text {
    flex: none;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    border-left: none;
  }

  .comm-name,
  .parameter .nav {
    margin: 15px 0;
    padding-bottom: 15px;
  }

  .parameter .nav .item.active::after {
    bottom: -17px;
    width: 60%;
    height: 4px;
  }

  .productInner li {
    width: auto;
    flex-grow: 1;
    flex-basis: 250px;
    margin: 0 10px 10px 0 !important;
  }

  .cooperationItem li {
    width: 110px;
    height: 110px;
    margin: 0 10px 10px 0;
  }

  .contactUs .top {
    height: auto;
    padding: 10px;
    margin: 0 0;
  }

  #map {
    width: 100%;
    height: 150px;
    margin: 10px 0;
  }

  .contactUs .bto,
  .environmentItem li img {
    height: auto;
  }

  .contactUs .forms input[type=text] {
    height: 35px;
    font-size: 14px;
    padding-left: 10px;
    margin-bottom: 10px;
  }

  .contactUs textarea {
    width: 100%;
    height: 120px;
    font-size: 14px;
    padding: 10px 0 0 10px;
  }

  .contactUs .forms input[type=submit] {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    margin-top: 15px;
  }

  .consultCon li {
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 0 0 10px 0;
  }

  .consultCon .more {
    width: fit-content;
    height: 30px;
    border-radius: 15px;
    font-size: 14px;
    padding: 0 12px;
    line-height: 30px;
  }

  .consultCon img {
    width: auto;
    margin-right: 15px;
  }

  .applicationItem li {
    width: auto;
    height: auto;
    flex-grow: 1;
    flex-basis: 250px;
    margin: 0 10px 10px 0 !important;
  }

  .courseSwiper .dot::after {
    width: 10px;
    height: 10px;
  }

  .courseSwiper .dot {
    width: 20px !important;
    height: 20px !important;
  }

  .courseSwiper .text {
    height: 250px;
  }

  .course-button-next {
    left: 4%;
  }

  .course-button-prev {
    right: 4%;
  }

  .culture li {
    width: auto;
    height: auto;
    flex-grow: 1;
    flex-basis: 295px;
    margin: 0 10px 10px 0;
  }

  .culture li:nth-child(2n) {
    margin-right: 0;
  }

  .environmentItem li {
    width: 250px;
    margin: 0 10px 10px 0;
  }
.parameterList {
    overflow-x: scroll;
 font-size:6px;
}

}

@media screen and (max-width: 768px) {
  .mobile-inner-header .logo img ,
.productSwiper2,
.newsDetails-con img{
    width: 100%;
  }

  .mobile-inner-header .logo {
    margin: 0 5%;
  }

  .productCenter,
  .application,
  .case,
  .news,
  .course {
    padding: 20px 0;
  }

  .about .con,
  .about .bto ul,
  .vPresentation ul,
  .footer ul,
  .parameter .nav,
  .consultCon a {
    flex-wrap: wrap;
  }

  .application .bto,
  .caseSwiper {
    margin-top: 10px;
  }

  .about .con .img {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }

  .about .bto p {
    font-size: 7px;
  }

  .about .bto img {
    height: 35px;
    margin-top: 8px;
  }

  .about .bto li {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
  }

  .vPresentation li {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .cooperativeItem,
  .productDetails .top .img {
    width: 100%;
  }

  .cooperativeItem li {
    width: 100px;
    height: 100px;
    margin: 0 10px 10px 0 !important;
  }

  .footer ul li {
    margin-bottom: 10px;
  }

  .caseItem li {
    flex-basis: 185px;
    margin-right: 10px !important;
  }

  .applicationItem li {
    flex-basis: 195px;
  }

  .caseItem li:nth-child(2n) {
    margin-right: 0;
  }

  .parameter .nav .item.active::after {
    display: none;
  }

  .parameter .nav .item {
    width: 100%;
    margin-bottom: 10px;
  }

  .productInner li {
    flex-basis: 180px;
  }

  .productInner li:nth-child(2n) {
    margin-right: 0 !important;
  }

  .consultCon .text {
    flex: none;
    width: 100%;
  }

  .honorItem li {
    width: auto;
    height: auto;
    margin: 0 10px 10px 0;
    flex-grow: 1;
    flex-basis: 160px;
  }

  .culture li {
    flex-basis: 226px;

  }
.productSwiper2 img{
    height: auto;
}
.products-next,
.products-prev{
    display: none;
}
.parameterList {
    overflow-x: scroll;
 font-size:6px;
}
}

@media screen and (max-width: 420px) {
  .about .top {
    background-size: 100% 300px;
  }

  .footer li .flex-c,
  .caseItem,
  .cooperationItem,
  .environment-con {
    margin-top: 10px !important;
  }

  .caseItem li,
  .productInner li,
  .applicationItem li {
    flex-basis: 200px;
    margin-right: 0 !important;
  }


  .honorItem li:nth-child(2n),
  .culture li {
    margin-right: 0 !important;
  }

  .honorItem li:nth-child(5n) {
    margin-right: 10px;
  }

  .consultCon img {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .courseSwiper .text {
    height: 200px;
  }

  .about.inner .con .img {
    height: auto;
  }

  .about.inner .bto {
    padding: 15px 0;
  }
}

@media screen and (max-width: 375px) {
  .cooperativeItem {
    margin-top: 15px;
  }

  .cooperative {
    background: none;
    background-color: #f3f3f3;
  }

  .cooperationItem {
    justify-content: center;
  }
.parameterList {
    overflow-x: scroll;
 font-size:6px;
}
}

@media screen and (max-width: 360px) {
  .honorItem li {
    margin-right: 0 !important;
  }
.parameterList {
    overflow-x: scroll;
   font-size:6px;
}


}