@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) {}
    
    @media screen and (max-width: 1023px) {}
    
    @media screen and (max-width: 768px) {
  .staffPresence ul li {
    width: 350px;
    height: 250px;
    margin: 0 10px 10px 0;
  }
.staffPresence .common-title{
  margin:10px  0;
 }
  .cooperative ul li {
    width: 200px;
    height: 60px;
    margin: 0 10px 10px 0;
  }
        .common-card,
        .about {
            width: 100%;
            padding: 0 2%;
        }
        .mobile-inner-header {
            display: block;
        }
        .header {
            display: none;
        }
        .mobile-inner-header .logo {
            width: 90%;
        }
        .mobile-inner-header img {
            width: 90%;
        }
        .homeSwiper .swiper-pagination-bullet,
        .caseSwiper .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
        }
        .solution {
            padding: 15px 0;
        }
        .common-title h2 {
            font-size: 16px;
        }
        .common-title h4 {
            font-size: 14px;
            margin-top: 10px;
        }
        .solution-con .top ul li {
            width: 150px;
            height: 150px;
            border-radius: 10px;
            margin-right: 35px;
            flex-grow: 1;
            margin-bottom: 10px;
            flex-basis: 210px;
        }
        .solution-con .top ul img {
            width: 25px;
			height:auto;
        }
        .solution-con .top ul p {
            font-size: 14px;
            margin-top: 15px;
        }
		.solution-con .top ul li a{
		height: 100%;
		}
        .solutionSwiper .swiper-slide,
        .productCenter-con,
        .productCenter-con .right>div,
        .productDetails .common-card,
        .rangeApplication ul,
        .lettersPatent ul,
        .characteristic .text,
        .insideProductCenter .nav,
        .developmentSwiper .swiper-slide,
        .customerCase-con ul .text,
        .caseDetails .common-card,
        .caseDetails .right .top,
        .newsInformation .common-card .top {
            flex-wrap: wrap;
        }
        .solutionSwiper .left {
            width: 100%;
            margin-right: 0;
            padding-left: 0;
        }
        .solutionSwiper .img,
        .caseSwiper .swiper-slide,
        .productCenter-con .nav,
        .productCenter-con .right,
        .newsSwiper img,
        .about .top .img,
        .hmoeBg,
        .developmentSwiper .swiper-slide img,
        .caseDetails .right .top img {
            width: 100%;
            height: auto;
        }
        .solutionSwiper  h6{
            font-size: 18px;
            padding-bottom: 10px;
        }
        .solutionSwiper .text {
            font-size: 14px;
            line-height: 30px;
            margin: 15px 0;
        }
        .solutionSwiper .bottom div {
            width: 30px;
            height: 30px;
            margin-right: 20px;
        }
        .solutionSwiper .bottom {
            bottom: 2%;
            left: 2%;
        }
        .caseSwiper .text div p {
            font-size: 16px;
            line-height: 40px;
        }
        .case {
            padding: 20px 0;
        }
        .caseSwiper {
            padding-bottom: 20px;
        }
        .caseSwiper .swiper-pagination {
            bottom: -5px;
        }
        .productCenter-con .nav .item p,
        .productDetails .top .text h6 {
            font-size: 16px;
        }
        .productCenter-con .nav .item {
            border-bottom: 1px solid #999;
            padding-bottom: 10px;
            padding-left: 15px;
            margin-bottom: 15px;
        }
        .productCenter-con .nav .item.active {
            height: 40px;
            border-radius: 20px;
            border: solid 1px #999999;
            padding: 0 10px;
        }
        .productCenter-con .nav .item img {
            width: 25px;
            padding-left: 10px;
        }
        .productCenter-con .right {
            width: 100%;
            height: auto;
            border-radius: 15px;
            margin-left: 0;
            padding: 15px;
        }
        .productCenter-con .right .text,
        .customerCase-con ul img {
            width: 100%;
            height: auto;
        }
        .productCenter-con .right img {
            width: 100%;
            height: auto;
            margin-left: 0;
            margin-top: 10px;
        }
        .productCenter-con .right .text p {
            font-size: 16px;
        }
        .productCenter-con .right .ls {
            width: 100%;
            height: auto;
            font-size: 14px;
            line-height: 30px;
            margin: 15px 0;
        }
        .common-more {
            height: 30px;
            line-height: 30px;
            padding: 0 10px;
            border-radius: 15px;
            font-size: 14px;
        }
        .newsSwiper .text {
            width: 100%;
            padding: 10px;
        }
        .newsSwiper .text p,
        .footer ul p,
        .rangeApplication ul li p,
        .insideProduct-con ul .text h6,
        .developmentSwiper .text,
        .enterpriseCulture ul h6,
        .customerCase-con ul .text p,
        .caseDetails .right .top .text h6,
        .contactUs .top .text h6,
        .newsDetali h6,
        .navigation span,
        .navigation a,
        .newsInformation ul .text h6 ,.rangeApplication ul,.characteristic .text{
            font-size: 16px;
            line-height: 30px;
        }
        .newsSwiper .text .ls,
        .footer ul a,
        .footer ul span,
        .productDetails .top .text .ls,
        .specification .text,
        .characteristic .text .le,
        .characteristic .text .lr,
        .insideProduct-con ul .text .ls,
        .insideProduct-con ul .text a,
        .companyProfile .text,
        .enterpriseCulture ul p,
        .customerCase-con ul .text .ls,
        .customerCase-con ul .text a,
        .caseDetails .right .top .text p,
        .productFeature .text,
        .achievement .text,
        .contactUs .top .text P,
        .newsDetali .text,
        .newsInformation ul .text .ls,
        .industrySolution-con ul .text p ,.projectBrief-con{
            font-size: 14px;
            line-height: 30px;
        }
        .news-con .news-next,
        .news-con .news-prev {
            width: 25px;
            height: 25px;
        }
        .news-con .swiper-pagination {
            display: flex;
            align-items: center;
        }
        .about .top {
            flex-wrap: wrap;
            height: auto;
            padding-right: 0;
            padding-top: 10px;
        }
        .about .top .text {
            font-size: 14px;
            line-height: 30px;
            margin: 15px 0;
            padding-right: 10px;
        }
        .about .top .right {
            margin-top: 15px;
        }
        .about .top ul li,
        .common-number ul li {
            width: 150px;
            height: 150px;
            margin-right: 15px;
            flex-grow: 1;
            flex-basis: 250px;
            margin-bottom: 10px;
        }
        .about .top ul li:last-child {
            margin-right: 15px;
        }
        .about .top ul img {
            width: 25px;
            margin-bottom: 10px;
        }
        .about .top ul P {
            font-size: 16px;
        }
        .common-number {
            position: static;
            left: 0%;
            transform: translateX(0%);
        }
        .common-number ul span,
        .common-number ul i {
            font-size: 20px;
        }
        .common-number ul h4 {
            font-size: 16px;
            line-height: 35px;
        }
        .footer ul li,
        .footer ul li:nth-child(5) a,
        .footer ul li:nth-child(5) p:first-child {
            display: none;
        }
        .footer ul li:nth-child(5),
        .footer ul li:nth-child(6) {
            display: flex
        }
        .footer ul img {
            width: 140px;
            height: 140px;
        }
        .footer .bottom {
            font-size: 14px;
            height: auto;
            line-height: 30px;
            border-top: 1px solid #ccc;
            margin-top: 10px;
        }
        .commonDetail-left {
            width: 100%;
            margin-right: 0;
        }
        .commonDetail-left a {
            width: 100%;
            height: 35px;
            border-radius: 2px;
            margin-right: 15px;
            font-size: 16px;
            line-height: 35px;
            text-align: center;
            padding: 0 10px;
            margin-bottom: 15px;
        }
        .commonDetail-left a:nth-child(2n) {
            margin-right: 0;
        }
        .productDetails .top .img {
            width: 100%;
        }
        .productDetails .top {
            height: auto;
            flex-wrap: wrap;
        }
        .productDetails .top .text {
            width: 100%;
            height: auto;
            padding: 15px;
        }
        .productDetails .top .text a,
        .caseDetails .right .top .text a {
            width: auto;
            height: 35px;
            border-radius: 2px;
            font-size: 16px;
            line-height: 35px;
            margin-top: 15px;
            padding: 0 20px;
        }
        .details-title {
            height: 35px;
            margin: 15px 0;
        }
        .details-title span {
            width: 20%;
            font-size: 16px;
            line-height: 35px;
        }
        .rangeApplication ul li {
            width: 100%;
            height: auto;
            border-radius: 5px;
            margin-right: 10px;
            padding: 25px 0;
            margin-bottom: 10px;
        }
        .lettersPatent ul li {
            width: 100%;
            height: auto;
            margin-right: 9px;
            flex-grow: 1;
            flex-basis: 250px;
        }
        .characteristic .text {
            border-radius: 5px;
            padding: 10px;
        }
        .customerCase .common-title h2,
        .workshop .common-title h2,
        .industrySolution .common-title h2,
        .insideProductCenter .common-title h2,
        .companyProfile .common-title h2,
        .development .common-title h2,
        .caseDetails .common-title h2 {
            font-size: 18px;
        }
        .insideProductCenter .nav .item {
            width: 100%;
            height: 35px;
            border-radius: 2px;
            line-height: 35px;
            flex-grow: 1;
            flex-basis: 190px;
            margin-bottom: 10px;
        }
        .insideProductCenter .nav .item:nth-child(3n),
        .workshop-con ul li:nth-child(2n),
        .enterpriseCulture ul li:nth-child(2n),
        .customerCase-con ul li:nth-child(2n) {
            margin-right: 0;
        }
        .insideProductCenter .nav .item .title {
            font-size: 16px;
            line-height: 35px;
        }
        .insideProductCenter .menudown>div {
            justify-content: center;
        }
        .insideProductCenter .menudown a {
            font-size: 14px;
            padding-right: 10px;
            margin-right: 10px;
            margin-bottom: 10px;
        }
        .insideProduct-con ul li {
            width: 100%;
            height: auto;
            margin: 0 10px 10px 0;
        }
        .insideProduct-con ul img,
        .workshop-con ul img {
            height: auto;
        }
        .workshop-con ul li,
        .workshop-con ul li:nth-child(3) {
            width: 100%;
            margin: 0 10px 10px 0;
            flex-grow: 1;
            flex-basis: 250px;
        }
        .workshop-con ul .name {
            height: auto;
            line-height: 35px;
            padding: 0 10px;
            font-size: 16px;
        }
        .aboutUs .common-card {
            position: static;
            transform: translateX(0%);
        }
        .companyProfile {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            padding: 10px;
        }
        .aboutUs {
            height: auto;
            margin: 0;
            padding: 15px 0 0 0;
        }
        .companyProfile .text {
            margin: 10px 0 20px 0;
        }
        .aboutUs .video {
            position: relative;
            margin-top: 15px;
        }
        .aboutUs .video .bg {
            height: 250px;
        }
        .aboutUs .video .img>div {
            height: 100%;
        }
        .video-back {
            font-size: 14px;
        }
        .developmentSwiper .text {
            margin: 15px 0;
        }
        .developmentSwiper .bottom {
            display: none;
        }
        .developmentSwiper {
            background-size: 100% 0px;
        }
        .development {
            padding: .5rem 0 0 0;
        }
        .enterpriseCulture ul li {
            width: 100%;
            height: auto;
            margin-right: 10px;
            flex-grow: 1;
            flex-basis: 184px;
        }
        .enterpriseCulture ul .samk img {
            width: 25px;
        }
        .customerCase .nav a {
            height: 35px;
            border-radius: 2px;
            margin-right: 10px;
            font-size: 16px;
            line-height: 35px;
            padding: 0 25px;
            margin-bottom: 10px;
            flex-grow: 1;
            flex-basis: 160px;
        }
        .customerCase .nav {
         width: 100%;
             display: flex;
        flex-wrap: wrap;
            margin: 15px 0;
        }
	
	table  td  span,table  td  p span{
font-size: 14px !important;
          }
        .customerCase-con ul li,
        .customerCase-con ul li:nth-child(3) {
            width: 100%;
            margin: 0 10px 10px 0;
            flex-grow: 1;
            flex-basis: 280px;
        }
        .customerCase-con ul .text {
            width: 100%;
            height: auto;
            padding: 10px;
        }
        .customerCase-con ul .text a {
            padding-left: 80%;
        }
        .caseDetails .right .top .text {
            width: 100%;
            height: auto;
            padding: 15px;
        }
        .projectBrief-con {
            border-radius: 10px;
            padding: 10px 20px;
        }
        .contactUs>.common-card {
            position: static;
            transform: translateX(0%);
        }
        .contactUs .top {
            height: auto;
            background-color: #ffffff;
            border-radius: 10px;
            padding: 15px;
            flex-wrap: wrap;
        }
        .contactUs .top .text {
            width: 100%;
        }
        .contactUs {
            height: auto;
            margin-top: 10px;
        }
        .contactUs .top .text img {
            width: 150px;
            height: 150px;
        }
        #map {
            width: 100%;
            height: 230px;
            margin-top: 20px;
        }
        .contact-con h6 {
            font-size: 18px;
            line-height: 30px;
            margin: 15px 0;
        }
        .contact-con .form .item {
            flex-wrap: wrap;
            margin-bottom: 0;
        }
        .contact-con .form input[type=text] {
            width: 100%;
            height: 35px;
            line-height: 35px;
            border: solid 1px #eeeeee;
            font-size: 14px;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .contact-con .form textarea {
            width: 100%;
            height: 230px;
            border: solid 1px #d2d2d2;
            font-size: 14px;
            padding: 10px 0 0 10px;
        }
        .contact-con .form input[type=submit] {
            width: 60%;
            height: 35px;
            line-height: 35px;
            font-size: 16px;
            margin: 10px 0 15px 0;
        }
        .newsDetali .text {
            padding: 0 0;
        }
        .navigation {
            padding: 15px 0;
        }
        .newsInformation .left,
        .industrySolution-con ul img {
            width: 100%;
            height: auto;
            margin-right: 0;
        }
        .newsInformation .left .title h6 {
            font-size: 18px;
        }
        .newsInformation .left .title h5 {
            font-size: 16px;
            margin-top: 5px;
        }
        .newsInformation .left .title {
            height: auto;
            border-radius: 2px;
            padding: 20px;
        }
        .newsInformation .left .nav a {
            height: 35px;
            line-height: 35px;
            padding-left: 15px;
            font-size: 16px;
        }
        .newsInformation .left .text,
        .newsInformation .left .two {
            display: none;
        }
        .newsInformation ul li {
            flex-wrap: wrap;
            height: auto;
            padding: 10px;
            margin-bottom: 10px;
        }
        .newsInformation ul li>img {
            width: 100%;
            height: auto;
            margin-right: 0;
        }
        .newsInformation ul .text .time {
            font-size: 13px;
            margin: 10px 0;
        }
        .newsInformation ul .text a {
            width: 110px;
            height: 35px;
            border-radius: 10px;
            border: solid 1px #d9d9d9;
            margin-top: 15px;
        }
        .newsInformation ul .text a span {
            font-size: 14px;
            margin-right: 10px;
        }
        .newsInformation ul .text a img {
            width: 13px;
            height: auto;
        }
        .industrySolution-con ul li {
            flex-wrap: wrap;
            margin-bottom: 10px;
        }
        .industrySolution-con ul .text .ls {
            font-size: 14px;
            line-height: 30px;
            margin: 15px 0;
        }
        .industrySolution-con ul .text {
            padding: 15px;
        }
		 .honor-con ul li {
            flex-grow: 1;
            flex-basis: 180px;
            height: auto;
        }
		.projectField .img img,.rangeApplication img {
		  width: 100%;
		}
		.insideProduct-con ul .text{
			height:auto;
			}
		  .specification .text  img,.characteristic .text  img {
		  width: 100%;
		}
				.projectBrief-con img {
    width: 100%;
  
}

.developmentSwiper .ls {
    font-size: 14px;
    line-height: 30px;
    padding: 10px;
}
.developmentSwiper .swiper-slide {

    height: auto;
    padding: 5px;
}	
	
.customerCase .bto{
    flex-wrap: wrap;
}
  .industrySolution ul li:nth-child(2n) {
    display: flex;
    flex-wrap: wrap;
  }
  .industrySolution ul .text,
  .industrySolution ul li:nth-child(2n) .text {
    height: auto;
    width: 100%;
    margin-right: 0;
    margin-top: 50px;
  }
  .industrySolution-con ul li:nth-child(2n + 1) img {
    margin-right: 0;
  }
  .industrySolution-con ul .text .title {
    left: 40px;
    top: -35px;
    width: 220px;
    height: 35px;
    font-size: 16px;
    padding: 0 10px;
    line-height: 35px;
  }
.developmentSwiper2 img {
    width: 100%;
    height: auto;
}
.developmentSwiper2 .swiper-slide {
 height: auto;
}
.developmentSwiper2 .ls {
    font-size: 14px;
    line-height: 30px;

    padding: 10px;
}
.developmentSwiper .swiper-slide span {
    width:auto;
    height: 30px;
    border-radius: 4px;
    font-size: 13px;
    line-height:30px;
padding:0 15px;

}
.developmen-button-next {
    width:10px;
    height: 20px;
    bottom: 10px;
}
.developmen-button-prev{

 width:12px;
    height: 20px;
    bottom: 10px;
}
  .solutionSwiper img {
    width: 100%;
    height: auto;
  }
  .solutionSwiper .swiper-slide {
    padding: 2%;
  }
  .solutionSwiper .name {
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
  }
  .solutionSwiper .name::before {
    width: 25px;
    height: 25px;
    right: 20px;
  }
 .research .nav  .item img {
    width: 20px;
    margin-right: 10px;
  }
  .research .nav  .item {
    width: auto;
    padding: 0 15px;
    height: 30px;
    margin-right: 10px;
  }
  .research .nav  .item span {
    font-size: 14px;
  }
  .research .top .text {
    font-size: 14px;
    line-height: 30px;
    margin: 2% 0;
  }
  .research .top {
    height: auto;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .research .top img {
    width: 100%;
    height: auto;
  }
  .research .bto .number {
    width: 25px;
    height: 25px;
    font-size: 14px;

    line-height: 25px;
  }
  .research .bto li h6 {
    font-size: 16px;
    margin: 10px 0;
  }
  .research .bto .ls {
    font-size: 14px;
    line-height: 25px;
  }
  .research .bto ul {
    flex-wrap: wrap;
  }
  .research .bto li {
    flex-grow: 1;
    height: auto;
    flex-basis: 250px;
    margin-bottom: 10px;
    padding: 2%;
  }
  .research .tl {
    font-size: 16px;
    margin-top: 10px;
  }
  .research-tl {
    height: 35px;
    margin: 10px 0;
  }
  .research-tl span {
    font-size: 16px;
    line-height: 35px;
    padding: 0 10px;
  }
  .structure-ls,
  .achievement-ls {
    font-size: 14px;
    line-height: 30px;
  }









    }
    
    @media screen and (max-width: 420px) {
        .solution-con .top ul li,
        .common-number ul li,
        .rangeApplication ul li,
        .lettersPatent ul li,
        .insideProduct-con ul li,
        .workshop-con ul li,
        .workshop-con ul li:nth-child(3),
        .enterpriseCulture ul li,
        .customerCase-con ul li,
        .customerCase-con ul li:nth-child(3) ,   .honor-con ul li:nth-child(2n) {
            margin-right: 0;
        }
        .insideProductCenter .nav .item:nth-child(3n) {
            margin-right: 5px;
        }
        .common-more {
            top: 70%;
        }
        .commonDetail-left a {
            width: 46%;
        }
        .details-title span {
            width: 30%;
        }
        .insideProduct-con ul .text a {
            padding-left: 82%;
        }
        .common-title {
            margin: 10px 0;
        }
		.footer ul li .img {
    flex-direction: row;
}
.footer ul li .img  img:nth-child(1){
   margin-right:10px;
}
    .projectBrief-con {
      
        padding: 10px ;
    }
	
.solutionSwiper img{
        height: 227px;
}	

 .research .nav {
    flex-wrap: wrap;
    margin: 10px 0;
  }
  .research .nav  .item {
    flex-grow: 1;
    margin-bottom: 10px;
  }
  .research .bto li {
    margin-right: 0;
  }
table  td {
    line-height: 30px;
    font-size: 14px !important;
}



    }
    
    @media screen and (max-width: 375px) {
        .insideProductCenter .nav .item,
        .insideProductCenter .nav .item:nth-child(3n) {
            margin-right: 0;
        }
    }
    
    @media screen and (max-width: 360px) {
        .mobile-inner-header .logo {
            width: 80%;
        }
        .commonDetail-left a {
            width: 100%;
        }
    }