@charset "utf-8";

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

  .statisticsBox {
    width: auto;
    flex-wrap: wrap;
    padding: 20px 0;
    border: 0;
  }

  .statisticsBox .list {
    width: 50%;
    flex: auto;
    font-size: 12px;
    margin: 10px 0;
  }

  .statisticsBox .list p {
    font-size: 20px;
  }

  .statisticsBox .list span {
    font-size: 30px;
    line-height: 32px;
    margin: 0;
  }

  .statisticsBox::before,
  .statisticsBox::after {
    width: 0;
    height: 0;
  }



  .aboutWrap .about {
    display: block;
  }

  .aboutWrap .about .ab_right,
  .aboutWrap .video {
    width: 100%;
  }

  .aboutWrap .video {
    margin-top: 30px;
  }

  .aboutWrap .about .ab_right .text {
    padding-top: 30px;
    line-height: 28px;
    font-size: 16px;
  }

  .aboutWrap .about .ab_right .text h3 {
    font-size: 34px;
    line-height: 36px;
  }

  .aboutWrap .about .ab_right .text strong {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 15px;
  }

  .aboutWrap .about .ab_right .text .more {
    margin-top: 10px;
  }

  .albumBox {
    flex-wrap: wrap;
  }

  .albumBox .li,
  .albumBox .li.active {
    width: 33.33%;
  }

  .albumBox .li {
    height: 200px;
  }

  .albumBox .li .tit {
    padding: 15px;
  }

  .albumBox .li.active .tit {
    padding: 10px;
    left: 0;
  }

  .albumBox .li.active .tit .numb {
    font-size: 80px;
    display: none;
  }

  .albumBox .li .tit .xian {
    margin-top: 10px;
  }

  .albumBox .li .tit .numb {
    font-size: 50px;
    line-height: 50px;
  }

  .albumBox .li.active .tit .text {
    margin-top: 10px;
  }

  .albumBox .li .tit .sub {
    font-size: 16px;
    white-space: nowrap;

  }

  .albumBox .li .subtit {
    font-size: 16px;
  }

  .albumBox .li .subtit .sub {
    font-size: 16px;
    padding-bottom: 0;
  }

  .albumBox .li.active .tit {
    display: none !important;
  }


  .albumBox .li.active .subtit {
    opacity: 1;
  }


  .albumBox .active::after,
  .albumBox .li:hover::after {
    background: rgb(0, 0, 0, 0.5);
  }


  .inproWrap001::after {
    left: 0;
    display: none;
  }

  .inproWrap001 .myProduct.pageWidth {
    width: 90%;
  }

  .inproWrap001 .inproTitle .subtit {
    font-size: 28px;
    line-height: 28px;
  }

  .inproWrap001 .inproTitle .bigTit {
    font-size: 18px;
  }

  .inproWrap001 .inproTitle .bigTit span::after {
    height: 15px;
  }

  .inproWrap001 .inproTitle .tips {
    width: 100%;
  }

  .myProductWrap .swiper-wrapper {
    /* height: calc((100vw / 2 + 80px) * 2); */
    padding: 30px 0 0;
  }

  .myProductWrap .myProduct .li {
    /* height: calc(100% / 2 - 30px); */
  }

  .myProductWrap .swiper-button-prev,
  .myProductWrap .swiper-button-next {
    width: 40px;
    height: 40px;
  }

  .newsCon .bt {
    font-size: 36px;
    line-height: 40px;
    margin-top: 15px;
  }

  .news004 .newsRight {
    justify-content: flex-start;
    padding-bottom: 40px;
  }

  .aboutBox {
    height: auto;
    flex-wrap: wrap;
    width: auto;
    padding-top: 0;
    display: block;
  }

  .aboutBox .aboutLeft {
    width: auto;
    padding: 30px 15px;
    margin: 0;
  }

  .aboutBox .aboutLeft .text {
    font-size: 16px;
    line-height: 36px;
    padding: 20px 0;
  }

  .aboutBox .videoBtn {
    display: none;
  }


  .aboutBox .aboutimg {
    margin: 0;
    width: auto;
    height: auto;
    padding: 30px 15px;
  }

  .aboutWrap {
    padding: 0px 0 40px;
  }

  .btbox .en_bt {
    font-size: 36px;
    /* padding-bottom: 20px; */
    margin-bottom: 0;
  }

  .btbox {
    padding: 0;
    font-size: 26px;
    line-height: 40px;
  }

  .aboutBox .aboutLeft .text strong {
    font-size: 30px;
    line-height: 36px;
  }

  .aboutBox .Experience .expLeft {
    font-size: 24px;
    line-height: 30px;
    width: 180px;
  }

  .aboutBox .Experience {
    padding: 0 0;
  }


  .Ul_list .li a {
    width: 300px;
    padding: 25px;
  }

  .Ul_list .li .datebt {
    margin-bottom: 15px;
  }

  .newsBottom {
    right: 0;
    left: auto;
    bottom: 0;
  }

  .Ul_list .li .title {
    font-size: 20px;
    line-height: 26px;
    height: 70px;
  }

  .newsBottom .swiper-button-prev,
  .newsBottom .swiper-button-next {
    width: 45px;
    height: 35px;
  }

  .Ul_list .li .con {
    font-size: 14px;
    height: 100px;
    line-height: 22px;
  }

  .Ul_list .li .text .title {
    width: 100%;
  }

  .Ul_list .li .text .con {
    width: 100%;
  }

  .Ul_list .li .newmore {
    font-size: 12px;
  }

  .newsBottom {
    right: 0;
    left: auto;
    bottom: 0;
  }

  .Ul_list .li .title {
    font-size: 20px;
    line-height: 26px;
    height: 70px;
  }

  .newsBottom .swiper-button-prev,
  .newsBottom .swiper-button-next {
    width: 45px;
    height: 35px;
  }

  .Ul_list .li .con {
    font-size: 14px;
    height: 70px;
    line-height: 22px;
  }

  .Ul_list .li .text .title {
    width: 100%;
    height: 60px;
  }


  .Ul_list .li .text .con {
    width: 100%;
  }

  .Ul_list .li .newmore {
    font-size: 12px;
  }


  .newsWrap .newsTop .text .bt strong {
    font-size: 20px;
    margin-bottom: 6px;
    line-height: 26px;
  }

  .newTop {
    padding: 20px 0;
    font-size: 30px;
  }

  .newsWrap {
    padding-bottom: 40px;
  }

  .news .newsbt {
    display: none;
  }

  .Ul_list {
    padding: 0;
  }


  .newsWrap .newsTop {
    display: block;
    line-height: 22px;
  }

  .newsWrap .newsTop .pic {
    width: 100%;
    height: auto;
  }

  .newsWrap .newsTop .text {
    height: auto;
    display: block;
    padding: 20px;
    font-size: 14px;
  }

  .newsWrap .newsTop .text .bt {
    padding: 0;
  }

  .newsWrap .newsTop .data {
    display: none;
  }

  .pagination {
    bottom: 2px;
  }

  .myProductWrap .proBotLeft {
    padding-top: 30px;
  }

  .myProductWrap {
    padding-bottom: 0;
  }

  .myProductWrap .swiper-button-prev {
    margin-left: 0;
  }


  .proBotText .bigtit {
    font-size: 30px;
  }

  .proBotText {
    font-size: 14px;
  }

  .proBottom {
    display: block;
    padding: 30px 0 0;
  }

  .myProductWrap .myProduct .swiper-slide-active.li .boxText,
  .swiper-slide-duplicate-active.li .boxText {
    transform: scale(1) !important;
  }

  .inproWrap001 .myProduct .li:hover .pic img {
    transform: scale(1);
  }


  .inproWrap001 {
    padding: 20px 0 40px;
  }


  .inproWrap001 .inproTitle {
    font-size: 20px;
    padding-bottom: 15px;
    line-height: 30px;
    padding-top: 20px;
  }

  .inproWrap001 .inproTitle strong {
    font-size: 20px;
    margin-bottom: 5px;
  }

  .inproWrap001 .inproTitle::after {
    width: 80px;
  }



  .inproWrap001 .myProduct {
    flex-wrap: wrap;
    width: auto;
    padding: 0 5px;
  }

  /*  .inproWrap001 .myProduct .li {
  width: 50%;
  padding: 0 10px 40px;
}

 .inproWrap001 .myProduct .li .titleBox {
  height: 45px;
  font-size: 14px;
} */

  .inproWrap001 .myProduct .li .boxText {
    transform: scale(1) !important;
  }

  .abnewWrap {
    min-height: auto;
    padding: 0;
  }

  .news004Title .right {
    display: none;
  }

  .news004Title .left {
    font-size: 36px;
  }

  .news004Title .left .en {
    margin-bottom: 0;
  }

  .news004Title {
    margin-bottom: 30px;
  }

  .news004Wrap {
    padding: 30px 0 0;
  }

  .news004 {
    width: auto;
    padding: 0 20px;
    margin: 0;
    border: none;
    flex-wrap: wrap;
  }

  .news004>div {
    width: 100%;
  }

  .news004 .Ul_top li .text {
    height: auto;
    margin: 0;
    padding: 20px 0;

  }

  .news004 .Ul_top li {
    padding-bottom: 0;
    margin-top: 20px;
  }


  .news004 .newsRight {
    margin-top: 20px;
    margin-left: 0;
  }


  .news004 .Ul_top li a {
    display: block;
  }

  .news004 .Ul_top li .text .con,
  .news004 .Ul_top li .text .data .more,
  .news004 .right_list li a {
    font-size: 15px;
  }

  .news004 .right_list li .title {
    height: auto;
    line-height: 24px;
    margin-bottom: 0;
    font-size: 16px;
  }

  .news004 .right_list li .text,
  .news004 .Ul_top li .text .con {
    margin-bottom: 0;
    font-size: 14px;
  }

  .news004 .Ul_top li .text .bgbt {
    font-size: 18px;
  }

  .news004 .Ul_top li .pic {
    height: 200px;
  }

  .aboutBox::after {
    top: 0;
    width: 100%;
  }

  .newslist001 {
    margin-top: 0;
    margin-bottom: 20px;
    flex-wrap: wrap;
    width: auto;
    padding: 0 20px;
  }


  .newslist001 {
    margin-top: 0;
    margin-bottom: 20px;
    flex-wrap: wrap;
    width: auto;
    padding: 0 20px;
  }

  .newslist001 .list .about_ul {
    margin-bottom: 20px;
  }

  .newslist001 .list .about_ul li {
    line-height: 20px;
    font-size: 14px;
    margin-top: 10px;
  }

  .newslist001 .list .about {
    font-size: 14px;
    line-height: 30px;
  }

  .newslist001 .list .bt {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .newslist001 .list .bt span {
    padding: 15px 0;
  }

  .newslist001 .list {
    width: 100% !important;
  }

  .newslist001 .right_list li .title {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0;
    height: auto;
  }

  .newslist001 .right_list li a {
    padding-bottom: 8px;
    margin-bottom: 15px;
  }

  .newsWrap001 .news001 {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .newsWrap001 .news001 .newsbt {
    align-items: center;
  }

  .newsWrap001 .news001 .newsbt .xian {
    margin: 20px auto 0;
  }

  .newsWrap001 .Ul_list001 {
    width: 100%;
    max-width: 100%;
  }

  .newsWrap001 .Ul_list001 .li {
    margin-left: 20px;
    margin-right: 20px;
  }

  .newsWrap001 .Ul_list001 .li .imga {
    height: calc((100vw / 2) - 10px);
  }

  .proomne {
    display: none;
  }

  .proRightBox .abIcon {
    padding-right: 0;
  }

  .proRightBox {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }


  .proRightBox .abIcon .iconLi .tit {
    font-size: 16px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    text-align: left;
  }

  .proRightBox .abIcon .iconLi a {
    padding: 0;
    height: 220px;
  }

  .proRightBox .abIcon .iconLi {
    width: 50% !important;
    padding: 0 5px;
  }

  .proRightBox .swiper {
    height: auto;
  }

  .noIndexATitle .RigR {
    display: none;
  }

  .noIndexATitle .titleLeft {
    font-size: 30px;
    line-height: 30px;
    background-size: 30px;
    padding-left: 40px;
  }

  .proRightBox .noIndexATitle {
    margin-bottom: 20px;
  }

  .footer-container {
    flex-direction: column;
    padding: 20px;
    width: 100%;
    gap: 1.5rem;
  }

  .contact-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .contact-card,
  .social-card {
    padding: 2rem 1.0rem;
    gap: 1rem;

  }

  .contact-card h2,
  .social-card h2 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    line-height: 1.8rem;
  }

  .social-icon {
    width: 40px;
    height: 40px;
  }

  .social-icons {
    margin: 0;
    gap: 0.6rem;
  }

  .social-icon a i {
    font-size: 20px;
  }

  .vehicle-banner {
    flex-direction: column;
  }

  .banner-content {
    width: 100%;
    padding: 0;
  }

  .banner-list {
    padding: 2rem 2rem 1rem;
  }

  .banner-list li {
    font-size: 18px;
    margin: 10px 0;
  }

  .banner-list li::before {
    font-size: 18px;
  }

  .view-btn {
    padding: 0.8rem 2rem;
    font-size: 18px;
    border-radius: 8px;
    margin: 0rem 2rem;
    text-align: center;
  }

  .banner-image {
    position: relative;
    width: 100%;
    height: 200px;
  }

  .noIndexATitle {
    padding: 30px 0;
  }
}