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

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

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

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

@media screen and (max-width: 1200px) {
  .newsConsultation li {
    height: auto;
    padding: 10px;
    margin-bottom: 15px;
  }
  .newsConsultation li .tl h6 {
    font-size: 16px;
  }
}

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

    font-size: 14px;
    line-height: 30px;
}
  .header,
  .search,
  .product-con .lt .bto,
  .certificate,
  .footer .top,
  .footer ul li,
  .aptitudeInner {
    display: none;
  }
  .mobile-inner-header {
    display: block;
  }
  .common-card {
    width: 100%;
    padding: 0 2%;
  }
  .common-tl h2,
  .search .lt span,
  .equipmentSwiper2 .text .nu,
  .news li .img p,
  .footer li p,
  .culture li .text P,
  .detali-con .tl p {
    font-size: 16px;
  }
  .common-tl p,
  .productDetail .top li p,
  .culture li .text .ls {
    font-size: 14px;
    margin-top: 8px;
  }
  .header-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 5px;

    border-radius: 5px;
  }

  .about {
    padding: 15px 0 15px 2%;
  }
  .about .text .ls {
    font-size: 14px;
    line-height: 30px;
    margin: 15px 0;
    padding-top: 10px;
  }
  .common-more {
    width: fit-content;
    height: 30px;
    border-radius: 15px;
    font-size: 14px;
    line-height: 30px;
    padding: 0 15px;
  }

  .common-tl .br::after {
    position: absolute;
    display: block;
    content: '';
    width: 0.85rem;
    height: 0.1rem;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: #005293;
  }

  .recommendedSwiper .name,
  .productSwiper .name,
  .productInner li .name,
  .workshop li .name {
    width: 100%;
    height: 35px;
    font-size: 15px;
    line-height: 35px;
  }
  .common-tl .br::after {
    width: 35px;
    height: 3px;
  }
  .recommended-button-next,
  .product-button-next {
    width: 30px;
    height: 30px;
    margin-right: 25px;
    z-index: 999;
  }
  .recommended-button-prev,
  .product-button-prev {
    width: 30px;
    z-index: 999;
    height: 30px;
  }
  .product-con,
  .contactUs .top ul {
    flex-wrap: wrap;
  }
  .product-con .lt {
    width: 100%;
    margin-right: 0;
  }
  .product-con .menu a {
    height: 35px;
    font-size: 15px;
    padding-left: 10px;
  }
  .product-con .menu a::before {
    width: 8px;
    height: 8px;
    border: solid 2px #00549c;
    margin-right: 5px;
  }

  .product-con .rt .top {
        flex-wrap: wrap;
    height: auto;
    padding: 10px;
  }
  .product-con .rt .Topimg {
    height: auto;
    margin-right: 10px;
  }
.product-con .rt .topImg {
    width: 100%;
    height: auto;
    margin-right: 0;
}
  .product-con .rt .top h5 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .product-con .rt .top .ls {
    font-size: 14px;
    line-height: 30px;
    padding: 10px 0;
    margin-bottom: 15px;
  }
  .productSwiper {
    width: 90%;
    height: 420px;
  }
  .product-con .rt {
    width: 100%;
  }
  .productSwiper .swiper-slide {
    height: calc((100% - 10px) / 2) !important;
  }
  .productSwiper img,
  .workshop li .img,
  .recommendedSwiper img,
  .news li .img,
  .productInner li img,
  .culture ul li {
    height: auto;
  }

  .equipmentSwiper1 span {
    font-size: 15px;
  }
  .equipmentSwiper1 img {
    height: 25px;
    margin-right: 5px;
  }
  .equipmentSwiper1 {
    height: 40px;
    margin: 15px 0;
  }
  .equipmentSwiper2 .text h6 {
    font-size: 15px;
    padding-left: 25px;
    margin: 15px 0;
  }
  .equipmentSwiper2 .text .ls {
    font-size: 14px;
    line-height: 30px;
    padding-left: 25px;
  }
  .equipment-button-next {
    right: 6.5rem;
    width: 15px;
    height: 25px;
  }
  .equipment-button-prev {
    right: 5.25rem;
    width: 15px;
    height: 25px;
  }
  .equipmentSwiper2 .text {
    width: 50%;
    height: 100%;
    padding: 20px 10px 10px 10px;
  }
  .cooperationProcess li {
    width: 90px;
 
  }
  .cooperationProcess  .brs{
   height: 90px;
}
.cooperationProcess li h6 {
    font-size: 16px;
    margin-top: 8px;
}
  .cooperationProcess li .img {
    width: 70px;
    height: 70px;
    border: solid 2px #00549c;
  }
  .cooperationProcess li img {
    width: 25px;
  }
  .case ul li {
    width: 100%;
    height: 60px;
    margin: 0 10px 10px 0;
    flex-grow: 1;
    flex-basis: 100px;
    padding: 10px;
  }
  .case li img {
    width: auto;
    height: 100%;
  }
  .case ul {
    padding: 10px 10px 0 10px;
    border-radius: 10px;
    margin-top: 15px;
  }
  .case ul li:nth-child(3n) {
    margin-right: 0;
  }
  .news ul {
    width: 100%;
  }
  .news ul li {
    width: auto;
    flex-grow: 1;
    flex-basis: 250px;
    height: auto;
    margin-right: 10px;
    padding: 10px;
  }
  .news ul li:last-child {
    margin-right: 0;
  }

  .news li a {
    height: 35px;
    font-size: 15px;
    line-height: 35px;
    padding-left: 10px;
  }
  .footer {
    padding: 15px 2% 0 2%;
  }

  .footer li a,
  .footer li span,
  .detali-con .ls {
    font-size: 14px;
    line-height: 30px;
  }
  .footer .logo {
    width: 120px;
    margin-right: 0;
  }

  .footer .bto {
    font-size: 14px;
    line-height: 30px;
    padding: 15px 2%;
  }
  .footer li img {
    width: 90px;
    height: 90px;
    margin-top: 10px;
  }
  .productDetail .top .img {
    width: 60px;
    height: 60px;
  }
  .productDetail .top .img img {
    width: 20px;
  }
  .argument {
    height: 32px;
    margin: 10px 0 10px 0;
  }
  .argument .t {
    height: 100%;
    line-height: 32px;
    padding: 0 10px;
    font-size: 16px;
  }
  .productInner ul li,
  .workshop li {
    width: auto;
    flex-grow: 1;
    flex-basis: 250px;
    margin: 0 10px 10px 0;
  }

  .productInner {
    margin-top: 15px;
  }
  .productInner ul li:nth-child(3n),
  .workshop li:nth-child(3n) {
    margin-right: 10px;
  }
  .productInner ul li:nth-child(2n) {
    margin-right: 0;
  }
  .contactUs .top li {
    width: 100%;
    flex-grow: 1;
    flex-basis: 250px;
    height: auto;
    padding: 20px 10px;
    margin: 0 10px 10px 0;
  }
  .contactUs .top li img {
    width: 35px;
  }
  .contactUs .top li .ls {
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
  }
  .contactUs h3 {
    font-size: 16px;
    margin: 15px 0;
  }
  .contactUs .bto img {
    width: 100%;
    height: auto;

    margin-left: 0;
  }
  .contactUs .form input[type='text'] {
    height: 35px;
    font-size: 14px;
    padding-left: 10px;
    margin-bottom: 10px;
  }
  .contactUs .form textarea {
    width: 100%;
    height: 90px;
    font-size: 14px;
    padding: 10px 0 0 10px;

    margin-bottom: 15px;
  }
  .contactUs .form input[type='submit'] {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
  }
  .contactUs .bto {
    flex-direction: column-reverse;
  }
  .contactUs .tl .br::after {
    width: 40px;
    height: 4px;
  }
  .newsConsultation li img {
    width: 250px;
    height: auto;
    margin-right: 10px;
  }
  .newsConsultation .tl span {
    font-size: 15px;
  }
  .newsConsultation li .more {
    padding: 0 15px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    border-radius: 15px;
  }
  .newsConsultation {
    padding: 15px 0;
  }
  .detali-con .tl .time {
    font-size: 13px;
    margin: 10px 0;
  }
  .footer ul {
    width: 100%;
    flex: none;
  }
  .footer ul li:last-child {
    display: flex;
  }

.newsConsultation li {
    width: 100%;
    margin-right: 0;
}
}

@media screen and (max-width: 768px) {
.argument-con {
  
    overflow-x: auto;
}
.argument-con  img{
    width: 100%;
}
.newsConsultation li .tl h6{
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
  .mobile-inner-header .logo img {
    width: 100%;
  }
  .mobile-inner-header .logo {
    margin: 0 5%;
  }
  .about {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding-right: 2%;
  }
  .about .Image {
    width: 100%;
    height: auto;
    margin-left: 0;
  }
  .about .Image .img {
    width: 40px;
    height: 40px;
  }
  .about .text h6,
  .number li i,
  .number li h6 {
    font-size: 16px;
  }
  .about .text {
    margin-top: 15px;
  }
  .about .text h6::after {
    font-size: 40px;
    transform: translateY(-10px);
  }
  .product-con .rt .top,
  .cooperationProcess ul,
  .news ul,
  .footer .con,
  .about.inner .bto {
    flex-wrap: wrap;
  }
  .product-con .rt .Topimg {
    width: 100%;
    margin-right: 0;
  }
  .product-con .rt .top .text,
  .product-con .rt,
  .number {
    margin-top: 15px;
  }
  .equipmentSwiper2 .text {
    width: 100%;
  }
  .equipment-button-next {
    left: 0;
  }
  .equipment-button-prev {
    right: 0;
  }
  .equipment,
  .case,
  .news,
  .workshop,
  .culture,
  .contactUs {
    padding: 15px 0;
  }
  .cooperationProcess ul {
    justify-content: flex-start;
  }
  .cooperationProcess li,
  .productDetail .top li,
  .productDetail .top li:nth-child(3n) {
    margin: 0 10px 10px 0;
  }
  .product-con .lt .tl {
    height: auto;
    padding: 15px 0;
  }
  .product-con .lt .tl p {
    font-size: 14px;
  }
  .product-con .lt .tl h6 {
    font-size: 16px;
    margin-top: 5px;
  }
  .case ul li:nth-child(3n) {
    margin-right: 10px;
  }
  .case ul li:nth-child(2n),
  .productInner ul li,
  .productInner ul li:nth-child(3n) {
    margin-right: 0;
  }
  .news ul li {
    margin-bottom: 10px;
  }
  .footer .con {
    padding: 0 2% 2% 2%;
  }
  .about.inner .bto {
    margin-top: 15px;
    padding-left: 2%;
  }
  .number li span {
    font-size: 20px;
  }
  .culture li .text {
    padding: 10px;
  }
  .contactUs .tl span {
    font-size: 16px;
    margin: 0 15px;
  }
  .newsConsultation li a {
    flex-wrap: wrap;
  }
  .newsConsultation li img {
    width: 100%;
    margin-right: 0;
  }
  .newsConsultation li .text {
    margin-top: 15px;
  }
  .footer .logo {
    width: 100%;
    height: 90px;
    margin-bottom: 15px;
  }
  .footer .logo img {
    height: 100%;
  }
}

@media screen and (max-width: 420px) {
  .productSwiper .swiper-slide {
    height: auto !important;
  }
  .productSwiper {
    height: 300px;
  }
  .cooperationProcess li:nth-child(4n),
  .case ul li:nth-child(3n),
  .case ul li,
  .news ul li,
  .productInner ul li,
  .workshop li,
  .workshop li:nth-child(3n),
  .contactUs .top li {
    margin-right: 0;
  }
  .culture ul {
    flex-wrap: wrap;
  }
  .culture ul li {
    width: 100%;
    margin: 0 0 10px 0;
    height: auto;
  }
  .contactUs .top li {
    height: 130px;
    margin-right: 0;
  }
  #map {
    height: 150px;
    margin-top: 15px;
  }
}

@media screen and (max-width: 375px) {
  .cooperationProcess li:nth-child(4n) {
    margin-right: 10px;
  }
  .cooperationProcess li:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 360px) {
  .number ul {
    flex-wrap: wrap;
  }
}