@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;
        overflow: hidden;
  }
}

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

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

  .header,
  .about .img,
  .customer .ls,
  .industry-button-next,
  .industry-button-prev,
  .plate1 .rt,
  .honor,
  .news .com-more,
  .online .rt,
  .footer li,
.aboutSwiper {
    display: none;
  }

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

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

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

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

  .common-tl h2,
  .industry .rt .tl h6,
  .plate1 .lt .ls,
  .plate1 .lt li p,
  .plate1 .lt li h6,
  .news li h6,
  .online .lt h2,
  .footer .logo p,
  .productDetails .text h6,
  .culture .text h6,
  .courseSwiper .time,
  .consultCon h6,
  .solutions li h6 {
    font-size: 16px;
  }

  .common-tl p,
  .industrySwiper2 .name,
  .online .lt p,
  .com-nav .name {
    font-size: 14px;
    margin-top: 5px;
  }

  .about .text .ls,
  .customer .lt .text,
  .industry .rt .ls,
  .news .nav a,
  .news li .ls,
  .footer li span,
  .footer li a,
  .productDetails .text .ls,
  .culture .text .ls,
  .courseSwiper .ls,
  .consultCon .ls,
  .solutions li .ls,
  .solutionsInner-con .text {
    font-size: 14px;
    line-height: 30px;
  }
.solutionsInner-con .text  span{
    font-size:  14px  !important;
    line-height: 30px !important;
}
  .about .more img {
    width: 25px;
    height: 25px;
  }

  .recommendedSwiper .img,
  .recommendedItem .img {
    height: auto;
    padding: 10px;
  }

  .recommendedSwiper .ls,
  .recommendedItem .ls {
    font-size: 15px;
  }

  .recommendedSwiper .name,
  .recommendedItem .name {
    height: 35px;
  }

  .recommendedSwiper .name::after,
  .recommendedItem .name::after {
    width: 20px;
    height: 20px;
  }

  .customer .lt {
    width: 100%;
  }

  .customer .common-card,
  .news .common-card,
  .culture ul,
  .contactUs ul,
  .usForm .item {
    flex-wrap: wrap;
  }

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

  .customer li {
    width: 200px;
    height: 200px;
    margin: 0 10px 10px 0 !important;
  }

  .customer .rt {
    flex: none;
    width: 100%;
    margin-top: 15px;
  }

  .customer .lt .text {
    margin: 10px 0;
  }

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

  .industry {
    padding: 20px 4%;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .industry .rt {

    width: 100%;
    padding-right: 0;
  }

  .industrySwiper2 img,
  .workshoprSwiper img,
  .news li img,
  .workshopInner li img,
  .environmentItem li img,
  .solutions li img {
    height: auto;
  }

  .industrySwiper2,
  .industry .common-tl {
    margin: 15px 0;
  }

  .industry .common-tl,
  .plate1 .lt .ls,
  .news .common-tl {
    text-align: center;
  }

  .plate1 .lt,
  .news .common-tl,
  .online .lt {
    width: 100%;
    height: auto;
  }

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

  .news .lt {
    width: 100%;
    margin: 15px 0;
  }

  .news .nav {
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    margin: 10px 0;
  }

  .news li .text {
    height: auto;
    padding: 10px;
  }

  .news li .time {
    padding-top: 10px;
  }

  .news li .ls {
    margin: 8px 0;
  }

  .onlineForm input[type=text] {
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 25px;
  }

  .onlineForm textarea {
    font-size: 14px;

  }

  .onlineForm input[type=submit] {
    width: fit-content;
    height: 35px;
    border-radius: 20px;
    line-height: 35px;
    font-size: 16px;
    padding: 0 20px;
  }

  .footer li:first-child,
  .footer li:last-child {
    display: flex;
  }

  .footer li p {
    padding-bottom: 15px;
    font-size: 16px;
    width: fit-content;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  }

  .footer li img {
    width: 100px;
    margin-top: 10px;
    height: 100px;
  }

  .footer li p::after {
    bottom: -1px;
    width: 35px;
    height: 2px;
  }

  .footer .bto {
    width: 100%;
    font-size: 14px;
    padding: 2% 4%;
    line-height: 25px;
    margin-top: 15px;
    text-align: center;
  }

  .com-nav img {
    height: 30px;
  }

  .com-nav a {
    width: auto;
    flex-grow: 1;
    flex-basis: 250px;
    height: 210px;
    margin: 0 10px 10px 0;
  }

  .productDetails .top {
    height: auto;
    margin-top: 20px;
    padding: 15px;
  }

  .com-name {
    font-size: 16px;
    padding-bottom: 15px;
    margin: 10px 0;
    border-bottom: 2px solid #f4f4f4;
  }

  .com-name::after {
    bottom: -2px;
    width: 60px;
    height: 4px;
  }

  .recommendedItem li {
    width: 250px;
    margin-right: 10px;
  }

  .recommendedItem li a {
    padding: 10px;
  }

  .productInner .recommendedItem li {
    flex-grow: 1;
    flex-basis: 250px;
    margin: 0 10px 10px 0;
  }

  .workshopInner li .name {
    font-size: 16px;
    margin-top: 10px;
  }

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

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

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

  .courseSwiper .dot {
    width: 15px;
    height: 15px !important;
    border: 2px solid #0055a7;
  }

  .courseSwiper .text {
    height: 200px;
  }

  .course-button-prev {
    right: 0;
  }

  .course-button-next {
    left: 0;
  }

  .environmentItem li {
    width: 250px;
    margin: 0 10px 10px 0;
  }

  .environmentItem li .name {
    height: 35px;
    line-height: 35px;
    font-size: 15px;
  }

  .contactUs .top img {
    height: 30px;
  }

  .contactUs .top .ls {
    font-size: 15px;
    margin-top: 10px;
    padding-top: 15px;
  }

  .contactUs .top .ls::before {
    width: 60px;
    height: 4px;
    bottom: 34px;

  }

  .usForm .item {
    margin-bottom: 0;
  }

  .contactUs .top li {
    width: auto;
    flex-grow: 1;
    margin: 0 20px 20px 0;
  }

  .usForm input[type=text] {
    width: 100%;
    font-size: 15px;
    padding-bottom: 5px;
    margin-bottom: 20px;
  }

  .usForm textarea {
    width: 100%;
    flex: none;
    font-size: 15px;
    padding-bottom: 5px;
    margin: 0;
  }

  .usForm input[type=submit] {
    width: fit-content;
    height: 35px;
    border-radius: 15px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 35px;
  }

  .crossItem li {
    width: 320px;
    height: auto;
    margin-right: 10px;
  }

  .longitudinalItem li {
    width: 200px;
    height: auto;
    margin-right: 10px;
  }

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

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

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

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

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

}

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

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

  .productSwiper .swiper-slide {
    width: 350px;
    height: auto;
  }

  .productSwiper .name {
    font-size: 16px;
  }

  .productSwiper {
    margin-top: 15px;
  }

  .productCenter,
  .recommended {
    padding: 20px 0;
  }

  .customer li {
    width: 135px;
    height: 135px;
  }

  .plate1 {
    height: auto;

  }

  .plate1 .text {
    justify-content: space-evenly;
  }

  .plate1 .lt .ls {
    line-height: 30px;
  }

  .customer ul {
    justify-content: center;
  }

  .news ul {
    flex: none;
    flex-wrap: wrap;
    width: 100%;
  }

  .news ul li {
    width: 100%;
    margin: 0 0 10px 0 !important;
  }

  .footer .common-card,
  .flex-con,
  .productDetails .top,
  .consultCon a {
    flex-wrap: wrap;
  }

  .com-nav a {
    flex-basis: 155px;

  }

  .footer ul {
    margin-top: 25px
  }

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

  .culture li {
    flex-basis: 225px;
  }

  .customerInner li {
    width: 100px;
    height: 100px;
    margin: 0 10px 10px 0;
  }

  .cross-con {
    margin: 15px 0;
  }

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





}

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

  .productSwiper .swiper-slide,
  .footer .logo {
    width: 100%;
    height: auto;
  }

  .news li:last-child a {
    flex-direction: column;
  }

  .industrySwiper1 {
    height: auto;
  }

  .recommendedSwiper .swiper-slide.active {
    transform: translateY(0);
  }

  .footer .logo {
    text-align: center;
  }

  .footer {
    padding-top: 15px;

  }

  .footer ul,
  .solutionsInner-con .img {
    flex-wrap: wrap;
  }

  .com-nav a {
    height: 85px;
    flex-basis: 85px;

  }

  .productDetails,
  .productInner,
  .workshopInner,
  .culture,
  .certificate,
  .solutions,
  .solutionsInner {
    padding: 20px 0;
  }

  .productInner .recommendedItem li,
  .workshopInner li,
  .culture li,
  .contactUs .top li,
  .solutions li {
    margin-right: 0;
  }

  .customerInner ul {
    justify-content: center;
  }

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

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

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

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