@charset "utf-8";
@media only screen and (max-width: 1680px) {
  .num-item {
    margin-right: 3rem;
  }
}
@media only screen and (max-width: 1440px) {
  .banner-swiper .item i {
    font-size: 1.667rem;
  }
  .num-item {
    margin-right: 3.333rem;
  }
}
@media only screen and (max-width: 1366px) {
  .num-item {
    margin-right: 2.941rem;
  }
}
@media only screen and (max-width: 1024px) {
  .banner-swiper .ban1 .year {
    width: 13.75rem;
  }
  .banner-swiper .ban2 .ban-txt {
    top: 55%;
    width: 90%;
  }
  .banner-swiper .ban3 .ban-txt {
    top: 25%;
  }
  .inNew-item .name,
  .inNew-item .des {
    height: 3rem;
  }
  .inNew-item .bot {
    margin-top: 1.563rem;
  }
  .inNew-item .date i {
    font-size: 1rem;
  }
  .form .form-item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 0.909rem;
  }
  .form .form-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .form .form-item:last-of-type {
    width: 100%;
  }
  .sys-item .des p::before {
    top: 0.688rem;
  }
  .acPrice {
    padding-bottom: 6.25rem;
  }
  .client-item {
    width: 32%;
    margin-right: 2%;
  }
  .new-item .date i {
    font-size: 1rem;
  }
  .about {
    position: relative;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    isolation: isolate;
    padding-right: 2vw;
    padding-bottom: 12.5rem;
  }
  .about .aboutL {
    width: 100%;
    margin-right: 0;
    padding-top: 3.75rem;
  }
  .about .aboutImg {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.7;
    z-index: -1;
  }
  .cul-item {
    width: 49%;
    margin-right: 2%;
  }
  .cul-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .hotline-item {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem 3%;
  }
  .hotline-item .lineL {
    width: 100%;
    padding: 0;
  }
  .hotline-item .lineR {
    width: 100%;
    margin-top: 1.25rem;
    padding-right: 0;
  }
  .jobTop .item {
    margin-right: 1.875rem;
  }
  .products,
  .proIntro,
  .service,
  .news,
  .infoList,
  .honors,
  .contact,
  .jobs,
  .jobList {
    padding-top: 2.5rem;
  }
  .pro-item {
    position: relative;
  }
  .pro-item .linkA {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
  }
  .proIntroR {
    width: 49.2%;
    margin-left: 10.7%;
  }
}
@media only screen and (max-width: 860px) {
  .banner-swiper .ban1 .year {
    width: 12.5rem;
  }
  .banner-swiper .items {
    margin-top: 1.875rem;
  }
  .banner-swiper .item {
    min-width: 5rem;
    height: 5rem;
    padding: 0.938rem 0.125rem;
  }
  .banner-swiper .item i {
    font-size: 1.25rem;
  }
  .banner-swiper .item .itN {
    font-size: 0.75rem;
  }
  .iPro-wrap {
    padding-bottom: 3.75rem;
  }
  .ipro-tabs .pro-tab {
    margin-right: 1.875rem;
  }
  .pro-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.727rem;
  }
  .pro-item:last-of-type {
    margin-bottom: 0;
  }
  .acPrice {
    padding-bottom: 3.75rem;
  }
  .inAb {
    padding: 0 2vw;
    isolation: isolate;
  }
  .inAb .aboutImg {
    opacity: 0.7;
    z-index: -1;
  }
  .inAbL {
    width: 100%;
  }
  .inAbL .des {
    width: 100%;
  }
  .inNew-item {
    width: 100%;
    margin-right: 0;
  }
  .inNew-item .name,
  .inNew-item .des {
    height: auto;
  }
  .pro-navs {
    display: flex;
    overflow-x: auto;
    margin-bottom: 2.5rem;
  }
  .pro-navs::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
  }
  .pro-navs::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .pro-navs::-webkit-scrollbar-thumb {
    background-color: transparent;
  }
  .pro-navs .item {
    flex-shrink: 0;
    margin: 0 1.875rem 0 0;
  }
  .proIntro {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .proIntroL {
    width: 60%;
    margin: 0 auto;
  }
  .proIntroL .swi-btn {
    font-size: 1.5rem;
  }
  .proIntroR {
    width: 100%;
    margin-left: 0;
    margin-top: 1.875rem;
  }
  .com-form .ly-form .form-item {
    width: 49%;
    margin-right: 2%;
  }
  .com-form .ly-form .form-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .com-form .verif-item .input {
    width: 6.875rem;
  }
  .com-form .verif-item .verif-item .verif-img {
    margin-left: 0.313rem;
  }
  .photo-item {
    width: 49%;
    margin-right: 2%;
  }
  .photo-item:nth-of-type(3n) {
    margin-right: 2%;
  }
  .photo-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .infoList {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .newInfoL {
    width: 100%;
  }
  .newInfoR {
    width: 100%;
    margin-left: 0;
    margin-top: 3.75rem;
  }
  .newInfoR .recom-wrap {
    position: relative;
    top: auto;
  }
  .about {
    padding-bottom: 6.409rem;
  }
  .honors .honor-item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 1.563rem;
  }
  .honors .honor-item:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 750px) {
  .banner-swiper .ban1 .year {
    width: 11.25rem;
  }
  .banner-swiper .items {
    margin-top: 20px;
  }
  .banner-swiper .item {
    min-width: 4.375rem;
    height: 4.375rem;
  }
  .banner-swiper .item i {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 640px) {
  .banner-swiper .img-wrap {
    padding-bottom: 65%;
  }
  .banner-swiper .p1 {
    font-size: 16px;
  }
  .banner-swiper .ban1 .year {
    width: 7.143rem;
  }
  .banner-swiper .tit {
    max-width: 60%;
  }
  .banner-swiper .content {
    max-width: 100%;
  }
  .banner-swiper .item:nth-of-type(1) {
    background-color: rgba(53, 121, 229, 0.7);
  }
  .banner-swiper .item:nth-of-type(2) {
    background-color: rgba(124, 109, 235, 0.7);
  }
  .banner-swiper .item:nth-of-type(3) {
    background-color: rgba(82, 192, 81, 0.7);
  }
  .banner-swiper .ban2 .content {
    margin-top: 0.714rem;
  }
  .banner-swiper .ban3 .ban-txt {
    top: 35%;
    transform: translate(-50%, -50%);
  }
  .banner-swiper .swiper-pagination {
    bottom: 3%;
  }
  .inAb .aboutImg {
    width: 60%;
  }
  .num-item {
    width: 49%;
    padding-top: 2.143rem;
    padding-bottom: 0;
    margin-right: 2%;
    text-align: left;
  }
  .num-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .ipro-tabs {
    display: flex;
    overflow-x: auto;
  }
  .ipro-tabs::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
  }
  .ipro-tabs::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .ipro-tabs::-webkit-scrollbar-thumb {
    background-color: transparent;
  }
  .ipro-tabs .pro-tab {
    flex-shrink: 0;
    margin-right: 1.071rem;
  }
  .form .label {
    width: 100%;
    text-align: left;
    margin-right: 0;
  }
  .form .f-input {
    width: 100%;
    flex: none;
  }
  .form .form-item {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
  }
  .proIntroL {
    width: 100%;
  }
  .sys-item {
    width: 100%;
    margin-right: 0 !important;
  }
  .sys-item .des p::before {
    top: 0.786rem;
  }
  .com-form .ly-form .form-item {
    width: 100%;
    margin-right: 0;
  }
  .com-form .label {
    text-align: right;
    padding-right: 3%;
  }
  .com-item {
    width: 100%;
    margin-right: 0;
  }
  .com-item .txt {
    padding: 1.071rem 0;
  }
  .after-sales .af-item {
    width: 100%;
    margin-right: 0;
  }
  .news,
  .jobs {
    padding-bottom: 5.5rem;
  }
  .new-item {
    padding: 1.429rem 0;
    flex-direction: column;
  }
  .new-item .img {
    width: 100%;
  }
  .new-item .txt {
    width: 100%;
    margin-left: 0;
    margin-top: 1.429rem;
  }
  .new-item .seeMore {
    padding: 0;
  }
  .new-item .seeMore::before {
    display: none;
  }
  .new-item:hover .seeMore {
    color: #999999;
  }
  .about .aboutImg {
    width: 60%;
  }
  .cul-item {
    width: 100%;
    margin-right: 0;
  }
  .techAd .adL {
    display: none;
  }
  .techAd .adR {
    width: 100%;
  }
  .contact .lx-wrap {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  }
  .contact .lxR {
    margin-left: 0;
    margin-top: 1.429rem;
  }
  .contact .lxR .img {
    margin-left: 0;
  }
  .contact .lxR p {
    text-align: left;
  }
  .hotline-item {
    width: 100%;
    margin-right: 0;
  }
  .jobs .item3 {
    display: none;
  }
  .jobList .bg-img {
    width: 48.4%;
  }
  .jobTop {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
  }
  .jobTop .jobL {
    flex: none;
    width: 100%;
    padding-right: 0;
  }
  .jobTop .item {
    margin-right: 1.071rem;
  }
  .jobTop .delivery {
    margin-top: 2.143rem;
  }
}