@media (max-width: 1400px) {
  .index-banner-swiper .more-btn {
    bottom: 22%;
  }

  .why-us-banner {
    height: 6.5rem;
  }
}

@media (max-width: 1200px) {
  header .nav-item .nav-lk {
    padding: 0 .18rem;
    font-size: .16rem;
  }

  .index-banner-swiper .text.line01 {
    font-size: .62rem;
  }

  .index-banner-swiper .text.line02 {
    font-size: .44rem;
  }

  .about-banner {
    height: 6.2rem;
  }

  .about-banner .text {
    font-size: .34rem;
  }

  .about-banner .num-item .num {
    font-size: .52rem;
  }

  .news-detail .content-wrap {
    padding-top: .6rem;
  }

  .news-detail .news-time {
    margin-bottom: .6rem;
  }

  .why-us-banner {
    height: 6.2rem;
  }

  .why-us .part02 .img-wrap,
  .why-us .part03 .img-wrap {
    width: 50%;
  }

  .contact-banner {
    height: 4.2rem;
  }

  .contact {
    padding: .8rem 0;
  }

  .contact .contact-box {
    padding: .6rem 4% .6rem 6%;
  }

  .contact .contact-box .right {
    width: 46%;
  }

  .faq-banner {
    height: 4.2rem;
  }

  .faq {
    padding-top: .8rem;
  }

  .download-banner {
    height: 4.2rem;
  }

  .download .tabs-lk .tab-item {
    height: .72rem;
    font-size: .24rem;
    line-height: .72rem;
  }

  .download .tabs-lk .tab-item::after {
    bottom: -.16rem;
    border-top-width: .16rem;
    border-left-width: .16rem;
    border-right-width: .16rem;
  }
  
  .download .download-item {
    padding: .36rem .42rem .32rem;
  }

  .turnkey-banner .solutions-wrap {
    margin: .6rem 0;
  }

  .turnkey-banner .solution-item .img-wrap {
    width: 1.51rem;
    height: 1.31rem;
  }

  .turnkey-solutions .part01 .text-wrap {
    padding-right: 4%;
  }

  .turnkey-solutions .part02 .text-wrap .text:first-child {
    padding-left: 14%;
  }

  .turnkey-solutions .part03 {
    padding: .8rem 0 .68rem;
  }

  .turnkey-solutions .part03 .desc {
    margin-bottom: .8rem;
  }

  .introduce .part01 {
    height: 4.2rem;
  }

  .introduce .part01 .tit {
    margin-bottom: .62rem;
    font-size: .36rem;
  }

  .introduce .part01 .desc {
    font-size: .2rem;
  }

  .introduce .part02 .text {
    font-size: .32rem;
  }

  .introduce .part03 {
    padding: .8rem 0 1.2rem;
  }

  .introduce .part03 .tit {
    margin-bottom: .8rem;
    font-size: .36rem;
  }

  .types .tit {
    padding-top: .38rem;
    font-size: .36rem;
    line-height: .62rem;
  }

  .types .brands-type {
    padding-bottom: .8rem;
  }

  .types .more-lk {
    width: 3rem;
    height: .6rem;
    margin: .62rem auto 0;
    font-size: .18rem;
    line-height: .6rem;
  }

  .products-list .cur-pro-type {
    height: .52rem;
    font-size: .22rem;
    line-height: .52rem;
  }

  .icon-top {
    width: .6rem;
    height: .6rem;
    background-size: .6rem .6rem;
  }

  .products-list .wrap > .tit {
    padding-top: 0.12rem;
    font-size: .22rem;
    line-height: .78rem;
  }

  .product-detail-wrap .hd-wrap {
    padding-top: .12rem;
  }

  .product-detail-wrap .hd-wrap .tit {
    font-size: .28rem;
    line-height: .6rem;
  }

  .product-detail-wrap .bd-wrap > .left .top,
  .product-detail-wrap .bd-wrap > .left .bottom {
    line-height: .36rem;
  }
}

@media (max-width: 1024px) {
  header .nav-item .nav-lk {
    padding: 0 .1rem;
  }

  .index .part01 .intro-item {
    flex-direction: column;
    align-items: center;
  }

  .index .part01 .intro-item .tit,
  .index .part01 .intro-item .desc {
    text-align: center;
  }

  .about .anchor-wrap .anchor-lk {
    margin: 0 .2rem;
  }

  .engineering-quality .part01 .num-item .num {
    font-size: .4rem;
  }

  .news .tab-item {
    margin-right: .42rem;
  }

  .news .tab-item.cur .tab-lk {
    font-size: .24rem;
  }

  .why-us-banner .desc {
    font-size: .22rem;
    line-height: .32rem;
  }

  .why-us .part02 .img-wrap,
  .why-us .part03 .img-wrap {
    width: 40%;
  }

  .download .tabs-lk .tab-item {
    height: .60rem;
    line-height: .60rem;
  }

  .download .download-item {
    padding: .28rem .32rem .24rem;
  }

  .turnkey-banner .solution-item .img-wrap {
    width: 1.2rem;
    height: 1.04rem;
  }

  .turnkey-solutions .anchor-wrap .anchor-lk {
    margin: 0 .2rem;
  }

  .turnkey-solutions .part01 {
    padding: .58rem 0 .9rem;
  }

  .turnkey-solutions .part01 .tit {
    margin-bottom: .48rem;
  }

  .turnkey-solutions .part02 {
    padding: .72rem 0;
  }

  .turnkey-solutions .part03 {
    padding: .6rem 0 .52rem;
  }

  .turnkey-solutions .part03 .desc {
    margin-bottom: .62rem;
  }

  .introduce .part01 .tit {
    margin-bottom: .36rem;
  }

  .introduce .part02 .text {
    font-size: .28rem;
  }

  .introduce .part03 {
    padding: .6rem 0 .86rem;
  }

  .introduce .part03 .tit {
    margin-bottom: .68rem;
  }

  .introduce .part03 .product-item {
    height: 2rem;
  }

  .introduce .part03 .product-item .text {
    font-size: .16rem;
    line-height: initial;
  }

  .register .form-item-wrap .tit {
    margin-bottom: .16rem;
  }
  
  .register .form-group {
    margin-bottom: .12rem;
  }

  .types .tit {
    padding-top: .34rem;
    font-size: .32rem;
    line-height: .58rem;
  }

  .types .vehicle-type {
    padding-bottom: .6rem;
  }

  .types .vehicle-type .type-list-wrap {
    margin-top: .6rem;
  }

  .types .vehicle-type .type-item .img-wrap {
    width: 1.6rem;
    height: 1.6rem;
  }

  .types .brands-type {
    padding-bottom: .6rem;
  }

  .types .more-lk {
    margin: .42rem auto 0;
  }

  .products-list .cur-pro-type {
    height: 46px;
    font-size: 18px;
    line-height: 46px;
  }

  .products-list .pro-item {
    padding: .14rem 3%;
  }

  .products-list .pro-item .info-item {
    line-height: .22rem;
  }

  .product-detail-wrap .hd-wrap {
    padding-top: .1rem;
  }

  .product-detail-wrap .hd-wrap .tit {
    font-size: .24rem;
    line-height: .52rem;
  }

  .product-detail-wrap .bd-wrap {
    flex-wrap: wrap;
  }

  .product-detail-wrap .bd-wrap > .left {
    position: relative;
    width: 100%;
    margin-top: .1rem;
  }

  .product-detail-wrap .bd-wrap > .left .text-info {
    display: flex;
  }

  .product-detail-wrap .bd-wrap > .left .middle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .product-detail-wrap .bd-wrap > .left .top,
  .product-detail-wrap .bd-wrap > .left .bottom {
    width: 50%;
    padding-top: .5rem;
  }

  .product-detail-wrap .bd-wrap > .middle,
  .product-detail-wrap .bd-wrap > .right {
    width: 48.5%;
  }

  .product-detail-wrap .ft-wrap {
    margin: .32rem 0 .42rem;
  }
}

@media (max-width: 960px) {
  header {
    display: none;
  }

  .header-m {
    display: block;
  }

  .index-banner-swiper .more-btn {
    display: none;
  }

  .index-banner-swiper .text.line01 {
    font-size: .52rem;
  }

  .index-banner-swiper .text.line02 {
    font-size: .36rem;
  }

  .product-nav {
    display: none;
  }

  .product-nav-m {
    display: block;
  }

  .news .tab-item {
    margin-right: .32rem;
  }

  .news .tab-item.cur .tab-lk {
    font-size: .2rem;
  }

  .why-us .part02 .inner-wrap,
  .why-us .part03 .inner-wrap {
    flex-wrap: wrap;
  }

  .why-us .part02 .img-wrap,
  .why-us .part03 .img-wrap {
    width: 100%;
  }

  .why-us .part02,
  .why-us .part03 {
    padding: .6rem 0 .8rem;
  }

  .why-us .part02 .text-wrap {
    padding-right: 0;
  }

  .why-us .part02 .img-wrap {
    margin-top: .22rem;
  }

  .why-us .part03 .img-wrap {
    margin-bottom: .22rem;
  }

  .why-us .part03 .text-wrap {
    padding-left: 0;
  }

  .contact .contact-box {
    flex-wrap: wrap;
    padding: .4rem 4%;
  }

  .contact .contact-box .left {
    width: 100%;
    padding-right: 0;
  }

  .contact .contact-box .left,
  .contact .contact-box .left .tit,
  .contact .contact-box .left .contact-item,
  .contact .contact-box .left .contact-list {
    margin-bottom: .32rem;
  }

  .contact .contact-box .right {
    width: 100%;
  }

  .download .download-item {
    width: 48.5%;
    margin-right: 3%;
  }

  .download .download-item:nth-child(3n) {
    margin-right: 3%;
  }

  .download .download-item:nth-child(2n) {
    margin-right: 0;
  }

  .download .download-item:nth-last-child(-n + 3) {
    margin-bottom: .4rem;
  }

  /* .download .download-item:nth-last-child(-n + 2) {
    margin-bottom: 0;
  } */

  .turnkey-solutions .part01 {
    padding: .42rem 0 .72rem;
  }

  .turnkey-solutions .part01 .tit {
    margin-bottom: .36rem;
  }

  .turnkey-solutions .part01 .image-text-wrap {
    flex-wrap: wrap;
  }

  .turnkey-solutions .part01 .img-wrap {
    height: 3rem;
    width: 100%;
    margin-top: .4rem;
    overflow: hidden;
  }

  .turnkey-solutions .part04 {
    padding: .72rem 0 .8rem;
  }

  .turnkey-solutions .part04 .image-text-wrap {
    flex-wrap: wrap;
  }

  .turnkey-solutions .part04 .img-wrap {
    width: 100%;
    height: 3.6rem;
    margin-bottom: .2rem;
  }

  .turnkey-solutions .part04 .text-wrap {
    padding-left: 0;
  }

  .introduce,
  .register,
  .types,
  .products-list,
  .product-detail {
    margin-top: calc(1.27rem + 45px);
  }

  .introduce .part02 .wrap {
    padding: 2% .25rem;
  }

  .introduce .part02 .text {
    font-size: .22rem;
    line-height: initial;
  }

  .introduce .part03 .product-item {
    height: 1.8rem;
  }

  .types .vehicle-type .type-item .img-wrap {
    width: 1.4rem;
    height: 1.4rem;
  }

  footer {
    padding: .2rem 0;
  }

  footer .lks-wrap {
    display: none;
  }

  .icon-top {
    display: none;
  }

  footer .contact-text { display:none;
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .news .news-box-group .news-box {
    width: calc((100% - 3.5%) / 2);
  }

  .news .news-box-group .news-box:last-child {
    display: none;
  }

  .news .news-box-group .news-box:nth-last-child(2) {
    margin-right: 0;
  }

  .turnkey-solutions .part02 .text-wrap .text:first-child {
    padding-left: 10%;
  }

  .introduce .part03 .product-item {
    height: 1.6rem;
  }

  .register .form-item-wrap {
    width: 100%;
    margin-right: 0;
  }

  .register .form-group .form-control,
  .register .selectize-input,
  .register .sign-btn {
    height: 30px;
  }

  .register .selectize-input .item,
  .register .sign-btn {
    line-height: 30px;
  }

  .products-list .pro-item .row:last-child .info-item:last-child {
    display: none;
  }

  footer .contact-text { display:none;
    text-align: center;
  }

  footer .copy-app-wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  footer .copy-app-wrap .text {
    text-align: center;
  }

  .product-detail-wrap .bd-wrap .product-swiper {
    height: 2rem;
  }

  .contact .contact-box .app-wrap .lk .qrcode-wrap {
    left: 0;
    transform: translate(0, -.08rem);
  }

  .product-detail-wrap .ft-wrap .app-handle .tit {
    width: 20%;
  }
}

@media (max-width: 605px) {
  .index-banner-swiper,
  .about-banner,
  .news,
  .news-detail,
  .why-us-banner,
  .contact-banner,
  .faq-banner,
  .download-banner,
  .turnkey-banner {
    margin-top: calc(46px + .7rem);
  }

  .introduce,
  .register,
  .types,
  .products-list,
  .product-detail {
    margin-top: calc(46px + .7rem + 45px);
  }

  .about .anchor-wrap,
  .turnkey-solutions .anchor-wrap {
    top: calc(44px + .7rem);
  }
}

@media (max-width: 600px) {
  [class^="icon-app"] {
    width: 18px;
    height: 18px;
    margin: 0 4px;
    background-size: 18px 18px;
  }
}

@media (max-width: 480px) {
  .index .part04 .intro-box {
    height: 3.8rem;
  }

  .register .form-item-wrap .tit {
    font-size: 16px;
  }

  .register .form-group label {
    font-size: 14px;
  }

  .register .sign-btn {
    font-size: 14px;
  }

  .w-switch > div .w-switch-label {
    width: 30px;
    height: 22px;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
  }

  .product-detail-wrap .bd-wrap > .right .table .hd > span,
  .product-detail-wrap .bd-wrap > .right .table .item .id,
  .product-detail-wrap .bd-wrap > .right .table .item .oem,
  .data-container .modal-body .data-wrap .hd > span,
  .data-container .modal-body .data-wrap .item > span {
    font-size: 12px;
    line-height: 16px;
  }

  .login-container .modal-title {
    font-size: 14px;
  }
}

@media (max-width: 425px) {
  .hd-search .search-wrap .input-wrap input,
  .hd-search .search-wrap .btn-wrap .search-lk {
    font-size: 12px;
  }

  .index .part01 .text-wrap .sub-desc,
  .index .part01 .text-wrap .more-lk {
    font-size: 18px;
  }

  .index .part01 .intro-item .tit {
    font-size: 18px;
  }

  .index .part01 .intro-item .desc {
    font-size: 16px;
  }

  .index .normal-part .sub-tit,
  .index .normal-part .more-lk {
    font-size: 18px;
  }

  .index .part04 .intro-box .text-warp .desc,
  .index .part05 .sub-desc {
    font-size: 16px;
  }

  .about-banner .num-item .desc {
    font-size: 16px;
  }

  .about .anchor-wrap .anchor-lk {
    font-size: 14px;
  }

  .about .company-profile .detail-desc {
    font-size: 16px;
    line-height: initial;
    text-align: justify;
  }

  .about .company-profile .detail-item .tit {
    font-size: 18px;
  }

  .about .company-profile .detail-item .desc {
    font-size: 16px;
  }

  .about .normal-banner .inner-wrap {
    width: 100%;
  }

  .engineering-quality .part01 .text-wrap .text,
  .engineering-quality .part02 .image-text .desc,
  .about .exceptional-service .text-box .text,
  .about .exceptional-service .text-box .lk {
    font-size: 16px;
    line-height: initial;
  }

  .engineering-quality .part01 .image-text-wrap {
    flex-wrap: wrap;
    justify-content: center;
  }

  .engineering-quality .part01 .text-wrap {
    width: 100%;
    padding-right: 0;
  }

  .engineering-quality .part01 .img-wrap {
    width: 60%;
    margin-top: 10px;
  }

  .engineering-quality .part01 .num-wrap {
    flex-wrap: wrap;
  }

  .about .exceptional-service .content-wrap {
    flex-wrap: wrap;
  }

  .engineering-quality .part01 .num-item {
    width: 50%;
    margin-bottom: 10px;
  }

  .engineering-quality .part01 .num-item .desc {
    font-size: 18px;
  }

  .about .exceptional-service .text-box {
    width: 100%;
  }

  .about .exceptional-service .text-box:first-child {
    margin-bottom: 10px;
  }

  .introduce .part01 {
    height: auto;
    padding: 20px 0;
  }

  .introduce .part02 > .outer-wrap {
    position: static;
    transform: none;
  }

  .introduce .part02 .text {
    width: 100%;
    color: #000;
  }

  .introduce .part01 .desc,
  .introduce .part02 .text {
    font-size: 16px;
    line-height: initial;
  }

  .introduce .part03 .product-item .text {
    font-size: 12px;
  }

  .introduce .part04 .intro-num-item .desc {
    font-size: 16px;
  }

  .turnkey-banner .desc {
    font-size: 16px;
    line-height: initial;
  }

  .turnkey-solutions .anchor-wrap .anchor-lk {
    font-size: 14px;
  }

  .turnkey-solutions .part01 .text,
  .turnkey-solutions .part02 .text-wrap,
  .turnkey-solutions .part03 .desc,
  .turnkey-solutions .part04 .text {
    font-size: 16px;
    line-height: initial;
  }

  .turnkey-banner {
    height: auto;
    padding: 20px 0;
  }

  .turnkey-banner .solutions-wrap {
    flex-wrap: wrap;
  }

  .turnkey-banner .solution-item {
    width: 50%;
    margin-bottom: 10px;
  }

  .turnkey-solutions .part02 .image-text-wrap {
    flex-wrap: wrap;
    justify-content: center;
  }

  .turnkey-solutions .part02 .text-wrap {
    width: 100%;
    padding-left: 0;
  }

  .turnkey-solutions .part02 .text-wrap .text:first-child {
    padding-left: 0;
  }

  .turnkey-solutions .part02 .text-wrap .text:last-child {
    text-align: right;
  }

  .turnkey-solutions .part04 .text {
    text-align: justify;
  }

  .turnkey-solutions .part03 .btn-wrap {
    font-size: 16px;
  }

  .download .tabs-lk .tab-item {
    font-size: 16px;
  }

  .download .download-item .mask .desc {
    font-size: 16px;
    line-height: 30px;
  }

  .download .download-item .desc {
    font-size: 14px;
  }

  .why-us .part01 .reason-desc,
  .why-us .part02 .text-wrap .desc,
  .why-us .part03 .text-wrap .desc {
    font-size: 16px;
    line-height: initial;
  }

  .types .tit {
    font-size: 18px;
  }

  .types .vehicle-type .type-item .desc,
  .types .brands-type .type-item .desc {
    font-size: 16px;
  }

  .types .more-lk {
    font-size: 14px;
  }

  .products-list .wrap > .tit,
  .products-list .pro-item .name {
    font-size: 16px;
  }

  .products-list .pro-item .info-item {
    line-height: initial;
  }
  .products-list .pro-item .key,
  .products-list .pro-item .val {
    font-size: 14px;
  }

  .product-detail-wrap .hd-wrap .tit {
    font-size: 18px;
    line-height: 36px;
  }

  .product-detail-wrap .bd-wrap > .left .top,
  .product-detail-wrap .bd-wrap > .left .bottom {
    font-size: 14px;
    line-height: initial;
  }

  .product-detail-wrap .hd-wrap .desc {
    font-size: 14px;
  }

  .index-banner-swiper .text.line01 {
    font-size: .36rem;
  }

  footer .contact-text,
  footer .copy-app-wrap {
    font-size: 14px;
  }
}