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

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

@media screen and (max-width: 1366px) {
  .newsDel .common-title p {
    font-size: 14px;
  }
  .newsDel .time {
    font-size: 13px;
    margin-top: 15px;
  }
  .newsDel-con {
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
  }
}

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

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

@media screen and (max-width: 1023px) {
  .header,
  .headerSwiper .number,
  .advantage,
  .footer .nav {
    display: none;
  }
  .mobile-inner-header {
    display: block;
  }
  .headerSwiper {
    height: auto;
  }
  .bannernums {
    font-size: 12px;
    margin-right: 20px;
  }

  .bannernums.active .bg::before {
    width: 5px;
    height: 5px;
  }
  .about .flex,
  .footer .flex-btn,
  .contactUs-con .top .lt {
    flex-wrap: wrap;
  }
  .about .lt {
    width: 100%;
  }
  .about .rt {
    width: 100%;
    height: auto;
    margin-left: 0;
  }
  .aboutSwiper1 {
    position: static;
    width: 100%;
    height: 150px;
    margin-top: 10px;
  }
  .aboutSwiper2 img {
    height: auto;
  }
  .common-card {
    width: 100%;
    padding: 0 2%;
  }
  .common-tl h2,
  .innerAbout .text h2,
  .contactUs-con .top h6,
  .mainBusiness li h6 {
    font-size: 16px;
  }
  .common-tl p {
    font-size: 14px;
    margin-top: 8px;
  }
  .about .lt .text,
  .contactUs-con .top .ls,
.radius .text .ls, .radius .lss {
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
  }
  .aboutSwiper2 {
    margin-top: 15px;
  }
  .aboutSwiper2 .img {
    width: 40%;
    height: 40%;
    background: url(../img/icon4-1.png) no-repeat;
    background-size: cover;
  }
  .aboutSwiper2 .img h5 {
    font-size: 17px;
  }
  .aboutSwiper2 .img .ls {
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
  }
  .aboutSwiper1 img {
    width: 30px !important;
  }
  .aboutSwiper1 p {
    font-size: 18px;
    margin: 5 0;
  }
  .aboutSwiper1 .ls {
    height: 60px;
    font-size: 14px;
    line-height: 25px;
  }
  .business {
    padding: 20px 0;
  }
  .business-con h6 {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .business-con .ls {
    font-size: 14px;
    line-height: 30px;
  }
  .business-con li {
    margin-right: 10px;
    height: auto;
    padding: 2%;
  }
  .service .ls {
    font-size: 14px;
    margin-top: 10px;
  }
  .footer .bto li img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
  }
  .footer .bto li {
    display: flex;
  }
  .innerAbout {
    padding: 0 2%;
  }
  .innerAbout .common-card {
    position: relative;
    top: -50px;
    height: auto;
    border-radius: 15px;
    padding: 2%;
  }
  .innerAbout .text p {
    font-size: 14px;
    margin-top: 8;
  }

  .innerAbout .text .ls {
    font-size: 14px;
    line-height: 25px;
    margin-top: 10px;
  }
  .client li {
    width: 120px;
    height: 120px;
    margin: 0 10px 10px 0 !important;
  }
  .client li:nth-child(8) {
    margin-left: 0;
    margin-top: 0;
  }
  .client {
    background-size: contain;
  }
  .mainBusiness li .ls {
    font-size: 14px;
    line-height: 25px;
    margin-top: 5px;
  }
  .mainBusiness li .text {
    height: auto;
    padding: 2%;
  }
.footer .bto li span,
.footer .bto .rt a{
    font-size: 14px;
}
.footer .bto   ul {
    width: 100%;
}


}

@media screen and (max-width: 768px) {
  .mobile-inner-header .logo img {
    width: 100%;
  }
  .mobile-inner-header .logo {
    margin: 0 5%;
  }
  .bannernum {
    width: 100%;
    justify-content: center;
    position: absolute;
    bottom: 3%;
    left: 0;
    transform: translateX(0);
  }
  .business-con .flex-btn,
  .flow .flex-btn,
  .contactUs-con .bto .flex {
    flex-wrap: wrap;
  }
  .business-con li {
    width: 100% !important;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .business-con li img {
    height: auto !important;
  }
  .radius .text h6 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .radius .rt,
  .certificate {
    display: none;
  }
  .service {
    padding: 20px 0 10px 0;
  }
  .service .flex-btn,
  .companyPurpose .flex-btn {
    flex-wrap: wrap;
  }
  .service li {
    width: 100%;
    margin-right: 0;
    height: 200px;
    margin-bottom: 10px;
  }
  .service ul {
    height: auto;
    margin-top: 15px;
  }
  .service li .img {
    width: 100px;
    height: 100px;
  }
  .agency h6 {
    font-size: 18px;
    color: #ffffff;
  }
  .agency p {
    font-size: 16px;
    letter-spacing: 5px;
    margin: 10px 0 15px 0;
  }
  .agency {
    height: auto;
    padding: 8% 0;
  }
  .footer .bto .flex-c,
  .innerAbout .flex,
  .contactUs-con .top {
    flex-wrap: wrap;
  }
  .footer .common-card {
    height: auto;
    padding: 5% 2%;
  }
  .footer .bottom {
    margin-top: 10px;
    font-size: 14px;
    padding: 2%;
    line-height: 25px;
  }
  .peculiarity-con .bto .bg {
    width: 100%;
    height: auto;
  }
  .peculiarity-con .bto .text {
    position: static;
    transform: translateY(0);
    width: 100%;
    height: auto;
    padding: 4%;
  }
  .peculiarity-con .bto {
    flex-wrap: wrap;
    margin-top: 15px;
  }
  .peculiarity-con .bto .text h6 {
    font-size: 18px;
  }
  .peculiarity-con .bto .text p {
    font-size: 16px;

    margin-top: 10px;
  }
  .peculiarity-con .bto .text .ls {
    font-size: 14px;
    line-height: 30px;
  }
  .innerAbout img {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-top: 10px;
  }
  .companyPurpose li {
    width: 100%;
    padding-right: 0;
    border-right: none;
    margin-bottom: 25px;
  }
  .companyPurpose li .img {
    width: 25px !important;
  }
  .companyPurpose li h6 {
    font-size: 17px;
    margin: 10px 0;
  }
  .companyPurpose li .ls {
    font-size: 14px;
    line-height: 25px;
    margin-top: 2px;
    height: 50px;
  }
  .companyPurpose li .br {
    width: 3px;
    height: 110px;
    object-fit: cover;
  }
  .flow li .ls {
    font-size: 14px;
    margin-top: 15px;
  }
  .flow li img {
    width: 30px;
  }
  .flow li h6 {
    font-size: 14px;
    margin-top: 10px;
  }
  .flow li {
    width: 130px;
    margin-right: 10px;
    height: auto;
    margin-bottom: 15px;
  }
  .flow li .img {
    height: 130px;
  }
  .coreAdvantage {
    padding: 15px 0;
  }
  .coreAdvantage li .text {
    font-size: 14px;
    line-height: 25px;
    margin-left: 15px;
  }
  .coreAdvantage li img {
    width: 100px;
    height: 100px;
  }
  .coreAdvantage li {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 2%;
height:auto;
  }
  .contactUs-con .top .text,
  .contactUs-con .top img,
  .contactUs-con .bto img {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .contactUs-con .top {
    margin: 0;
    padding: 0 2%;
  }
  .contactUs-con .top .ph {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .contactUs-con .bto h5 {
    font-size: 16px;

    margin: 10px 0 15px 0;
  }
  .contactUs-con .form input[type='text'] {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    padding-left: 10px;
    margin-bottom: 10px;
  }
  .contactUs-con .form textarea {
    height: 120px;
    font-size: 14px;
    padding: 10px 0 0 10px;
  }
  .contactUs-con .form input[type='submit'] {
    height: 35px;
    font-size: 16px;
    line-height: 35px;

    margin-top: 15px;
  }
  .contactUs,
  .mainBusiness {
    padding: 15px 0;
  }
  .mainBusiness ul li {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
  }
  .mainBusiness li:hover .text .ls {
    width: 80%;
    margin-top: 20px;
  }

}
@media screen and (max-width: 420px) {
.footer .bto .rt {
    flex-wrap: wrap;
    flex: inherit;
        justify-content: center;
        margin-top: 15px;
}
.footer .bto .rt a {
    margin-bottom: 10px;
}
  .aboutSwiper2 .img {
    width: 70%;
    height: 70%;
    background-size: contain;
  }
  .agency {
    background-position: center;
  }
  .agency h6 {
    text-align: center;
  }
  .client li:nth-child(3n) {
    margin-right: 0 !important;
  }
  .companyPurpose {
    background-position: center;
  }
}

@media screen and (max-width: 375px) {
  .client li {
    width: 113px;
    height: 113px;
  }
}

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