@media (max-width: 1366px) {}

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

@media (max-width: 1024px) {}

@media (max-width: 997px) {
  :root {
    --padd: 5%;
  }

  .initHead {
    height: 3rem;
  }

  .head.trans {
    transform: translateY(0);
  }

  .banner {
    /*height: 100vh;*/
    height: 50vh;
    /*height: max-content;*/
    /*padding: 2.8rem 0 !important;*/
  }

  .banner .banner-img {
    height: 100%;
  }

  .main-tit {
    font-size: 24px;
  }

  .main-sub {
    font-size: 13px;
  }

  .main-more.mid {
    width: max-content;
    padding: 0 .5rem;
  }

  .head.head-scroll,
  .head.head-scroll2,
  .head.head-scroll3 {
    transform: translateY(0);
  }

  .pc-head {
    height: 3rem;
  }

  .pc-head .logo {
    width: 4.25rem;
  }

  .index-ani,
  .index-ani2 {
    height: auto;
  }

  .index-swiper .swiper-slide .pos-cont {
    width: 90%;
  }

  .index-ani .box1 {
    position: relative;
    top: 0;
    padding: 2.5rem 0;
  }

  .index-ani .box1 .item-box .item {
    height: 10rem;
  }

  .index-ani .box1 .box1-swiper .swiper-slide {
    width: 49%;
    height: 12rem;
    margin-right: 2%;
    padding: 1rem .5rem;
  }

  .index-ani .box1 .box1-swiper .swiper-scrollbar {
    margin-top: 1.5rem;
  }

  .index-ani2 .box2 {
    padding: 1rem 0 2.5rem;
    position: relative;
  }

  .index-ani2 .box2 .box2-top-swiper .swiper-slide {
    height: 50vh;
  }

  .index-ani2 .box2 .box2-btm-swiper {
    padding: 0;
  }

  .index-ani2 .box2 .box2-btm-swiper .swiper-slide {
    margin-right: 1rem;
  }

  .index-ani2 .box3 {
    padding: 2.5rem 0 7rem;
    height: auto;
  }

  .index-ani2 .box3 .num-box {
    margin-top: 1.5rem;
    justify-content: space-between;
  }

  .index-ani2 .box3 .num-box .li {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }

  .i-news {
    padding: 2.5rem 0;
  }

  .i-news .iNews-swiper .swiper-slide {
    width: 90%;
  }

  .i-news .iNews-swiper .swiper-slide .pic {
    height: 10rem;
  }

  .i-news .iNews-swiper .swiper-slide .pic p {
    width: 2.5rem;
    height: 2.2rem;
  }

  .i-news .iNews-swiper .swiper-scrollbar {
    margin-top: 1.5rem;
  }

  .i-contact .wrap {
    flex-wrap: wrap;
  }

  .i-contact .li {
    width: 100%;
    margin-bottom: 1rem;
  }

  .i-contact .li:last-child {
    margin-bottom: 0;
  }

  .i-join {
    padding: 2.5rem 0;
  }

  .i-join .form {
    width: 100%;
    height: 1.5rem;
  }

  .i-join .icon {
    width: 1.95rem;
  }

  .footer {
    padding: 1.5rem 0;
  }

  .footer .top {
    padding: 0;
    align-items: flex-start;
    flex-direction: column;
  }

  .footer .top .info {
    margin-top: .7rem;
  }

  .footer .top .info .hotline {
    margin-left: 0;
  }

  .footer .mid {
    margin-top: .7rem;
    padding: 0;
  }

  .footer .mid .info .li a {
    width: 1rem;
    height: 1rem;
  }

  .footer .mid .info .li a img {
    transform: translateY(0);
  }

  .footer .btm {
    margin-top: .7rem;
    flex-wrap: wrap;
    padding: 0;
  }

  .ab1,
  .ab2 {
    padding: 2.5rem var(--padd);
  }

  .ab1 .cont {
    flex-wrap: wrap;
  }

  .ab1 .cont .left {
    width: 100%;
    text-align: center;
    margin-right: 0;
  }

  .ab1 .cont .right {
    margin-top: 1rem;
    width: 100%;
  }

  .ab2 .list {
    padding-bottom: .5rem;
    overflow-x: auto;
  }

  .ab2 .list .item,
  .ab2 .list .item.on {
    width: 100%;
    min-width: 100%;
    margin-right: .8rem;
  }

  .ab2 .list .item:last-child,
  .ab2 .list .item.on:last-child {
    margin-right: 0;
  }

  .ab2 .list .item .h1 {
    font-size: .75rem;
  }

  .ab2 .list .item .p1 {
    width: 100%;
    opacity: 1;
  }

  .ab3 {
    padding: 1rem var(--padd) 2.5rem;
  }

  .ab3 .cont {
    flex-wrap: wrap;
  }

  .ab3 .cont .left {
    width: 100%;
    aspect-ratio: auto;
  }

  .ab3 .cont .right {
    margin-top: 1rem;
    width: 100%;
    margin-left: 0;
  }

  .ab3 .cont .right .h1 {
    margin-bottom: .5rem;
  }

  .ab4 {
    padding: 2.5rem var(--padd);
  }

  .ab4 .list {
    margin-top: 3rem;
    flex-direction: column;
  }

  .ab4 .list .item {
    width: 100%;
    margin-bottom: .8rem;
  }

  .ab4 .list .item:last-child {
    margin-bottom: 0;
  }

  .ab5 {
    padding: 2.5rem 5%;
  }

  .ab5 .sw1 {
    padding: 0;
  }

  .ab5 .swiper1 .swiper-slide {
    width: 100%;
  }

  .ab5 .swiper1 .btn_box .btn {
    bottom: 1rem;
    left: 0;
  }

  .ab5 .swiper1 .btn_box .btn.next {
    right: 0;
  }

  .ab5 .sw2 .swiper2 {
    padding: 0;
  }

  .ab5 .sw2 .swiper2::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eaeaea;
  }

  .ab5 .sw2 .swiper2 .swiper-slide .ico {
    left: 50%;
    transform: translateX(-50%);
  }

  .ab5 .sw2 .swiper2 .swiper-slide .ico .ico_txt {
    bottom: auto;
    top: calc(100% + .5rem);
  }

  .ab5 .sw2 .swiper2 .swiper-slide:nth-child(2n) .ico .ico_txt {
    top: calc(100% + .5rem);
  }

  .ab6 {
    padding: 2.5rem var(--padd);
  }

  .ab6 .ab_top2 {
    flex-wrap: wrap;
  }

  .ab6 .ab_top2 .left {
    width: 100%;
    text-align: center;
  }

  .ab6 .ab_top2 .right {
    width: 100%;
    margin-top: 1rem;
    justify-content: center;
  }

  .ab6 .swper_cont .swiper .swiper-slide {
    width: 100%;
  }

  .ab7 {
    padding: 1rem 0 2.5rem;
  }

  .contact .box1 {
    padding: 2.5rem 0;
  }

  .contact .box1 .li-box {
    flex-wrap: wrap;
  }

  .contact .box1 .li-box .li {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .contact .box1 .li-box .li:last-child {
    margin-bottom: 0;
  }

  .contact .box1 .li-box .li .txt {
    max-width: 90%;
  }

  .contact .box1 .li-box .li .h1 {
    margin-top: .3rem;
  }

  .contact .box1 .li-box2 {
    flex-wrap: wrap;
  }

  .contact .box1 .li-box2 .li {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .contact .box1 .li-box2 .li:last-child {
    margin-bottom: 0;
  }

  .contact .box2 {
    padding: 0 0 2.5rem;
  }

  .contact .box2 .pos-bg {
    position: relative;
  }

  .contact .box2 .wrap {
    margin-top: 1.5rem;
  }

  .contact .box2 .tit {
    color: #333;
  }

  .contact .box2 .form-box {
    margin-top: 1rem;
    padding: 1rem;
  }

  .contact .box2 .form-box .form .ipt-box {
    width: 100%;
    margin-right: 0;
  }

  .join1 .list {
    flex-wrap: wrap;
    gap: 0;
  }

  .join1 .list .item {
    width: 100%;
    flex: none;
    margin-bottom: 1rem;
  }

  .join1 .list .item:last-child {
    margin-bottom: 0;
  }

  .join1 .list .item .text p {
    line-height: 1.4;
  }

  .join2 .join2-main {
    margin-top: 1.5rem;
    flex-wrap: wrap;
  }

  .join2 .join2-main .left {
    width: 100%;
    gap: 0;
    flex-wrap: wrap;
  }

  .join2 .join2-main .left .left1 {
    width: 100%;
    gap: .5rem;
    flex-wrap: wrap;
  }

  .join2 .join2-main .left .left1 .item {
    width: 100%;
    height: 4.5rem;
  }

  .join2 .join2-main .left .left2 {
    margin-top: .5rem;
    width: 100%;
    gap: .5rem;
  }

  .join2 .join2-main .left .left2 .item {
    width: 100%;
    height: 4.5rem;
  }

  .join2 .join2-main .right {
    width: 100%;
    margin-left: 0;
    margin-top: 1rem;
    padding: 1rem;
    padding-bottom: 0;
  }

  .join3 {
    padding: 2.5rem 5%;
  }

  .join3 .input {
    width: 100%;
  }

  .join3 input {
    width: 100%;
  }

  .news .hot {
    padding: 2.5rem 0;
  }

  .news .hot .link {
    flex-wrap: wrap;
  }

  .news .hot .pic {
    width: 100%;
  }

  .news .hot .intro {
    margin-top: 1rem;
    width: 100%;
    padding-left: 0;
  }

  .news .hot .intro .more {
    margin-top: 1rem;
    padding: .2rem .8rem;
    box-sizing: content-box;
  }
  .news .box {
    padding: 2.5rem 0;
  }

  .news .box .handle {
    flex-wrap: wrap;
  }

  .news .box .handle .tab {
    width: 100%;
  }
  .news .box .handle .tab a {
      height: auto;
      padding: .05rem .6rem;
  }
  .news .box .handle .year {
    margin-top: .5rem;
  }

  .news .box .container {
    margin-top: 1rem;
    padding: 1rem;
  }

  .news .box .li-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }

  .news-info .box {
    width: 100%;
    padding: 1rem;
  }

  .news-info .rg {
    width: 100%;
    position: static;
    margin-top: 1rem;
  }

  .productis {
    padding: 2.5rem 0;
  }

  .productis .wrap {
    flex-wrap: wrap;
  }

  .productis .pro-left {
    width: 100%;
    padding: 0;
    border-right: none;
  }

  .productis .pro-left .list .items .tit-box span {
    width: auto;
  }

  .productis .pro-right {
    margin-top: 1.5rem;
    width: 100%;
    padding: 0;
  }

  .productis .pro-right .pro-main .pro-list .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }

  .productis .pro-right .pro-main .pro-list .item:last-child {
    margin-bottom: 0;
  }

  .productis .pro-right .pro-main .pro-list .item .pic {
    height: 6rem;
  }

  .productis .pro-right .pro-main .pro-list .item .item-text .tag {
    width: max-content;
    height: auto;
    padding: .2rem;
  }

  .productis .pro-right .pro-main .pro-list .item .item-text .more span {
    font-size: 12px;
  }

  .productis .pro-right .pro-main .pro-list .item .item-text .more .more-btn::after {
    width: 5px;
    height: 9px;
    top: 50%;
    transform: translateY(-4px);
  }

  .rec-detail {
    padding: 2.5rem 5%;
    flex-wrap: wrap;
  }

  .rec-detail .left {
    width: 100%;
    padding: 1rem 0;
  }

  .rec-detail .left .text1 {
    padding: 0 1rem;
  }

  .rec-detail .left .text1 .title .tag {
    width: 1.8rem;
    height: auto;
    padding: .2rem;
  }

  .rec-detail .left .text1 .text {
    flex-wrap: wrap;
    gap: .5rem;
  }

  .rec-detail .left .text1 .text span:nth-child(1)::before,
  .rec-detail .left .text1 .text span:nth-child(2)::before,
  .rec-detail .left .text1 .text span:nth-child(3)::before,
  .rec-detail .left .text1 .text span:nth-child(4)::before {
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
  }

  .rec-detail .left .text-box {
    margin-top: 1rem;
    padding: 0 1rem;
  }

  .rec-detail .left .text-box ol {
    width: 100%;
  }

  .rec-detail .right {
    width: 100%;
    position: static;
  }
  .rec-detail .right button {
      width: 100%;
  }
  .rec-detail .left .text-box .text4 p {
    width: 100%;
  }
    
  .rec-detail .left .btn span::before {
    width: 12px;
    height: 12px;
    background-size: contain;
  }

  .rec1 {
    padding: 2.5rem 0;
  }

  .rec1 .input {
    width: 80%;
  }

  .rec2 {
    padding: 1rem 5%;
    flex-wrap: wrap;
  }

  .rec2 .left {
    width: 100%;
  }
  .rec2 .left .dl-item {
      width: auto;
  }
  .rec2 .left .title {
    padding: .8rem;
  }

  .rec2 .right {
    width: 100%;
    margin-left: 0;
    margin-top: 1rem;
  }
  .rec2 .right .text .tag {
    box-sizing: content-box;
    padding: .13rem .24rem;
    border-radius: 10%;
  }
  .rec2 .right .list .item {
    width: 100%;
    padding: 1rem;
  }

  .rec2 .right .list .item .title .tag {
    width: auto;
    height: auto;
    padding: .1rem .2rem;
  }

  .search1 {
    padding: 2.5rem 0;
  }

  .search1 .input {
    width: 90%;
  }

  .search-nav {
    padding: 0 5% .5rem;
    margin-top: 1rem;
    flex-wrap: wrap;
  }

  .search-nav .list {
    width: 100%;
    margin-top: .5rem;
    margin-left: 0;
  }

  .search-main {
    padding: 1rem;
  }

  .search-main .items:nth-child(2) {
    margin-top: 0;
  }

  .search-main .items {
    margin-bottom: 1.5rem;
  }

  .search-main .items:last-child {
    margin-bottom: 0;
  }

  .search-main .list1 {
    margin-top: .8rem;
    gap: 1rem;
  }

  .search-main .list1 .item {
    width: 100%;
    text-align: center;
  }

  .search-main .list1 .item .pic {
    margin: auto;
  }

  .search-main .list1 .item .item-text .tag {
    width: max-content;
    height: auto;
    padding: .2rem;
    margin: auto;
    margin-bottom: .2rem;
  }

  .search-main .list1 .item .item-text .more {
    justify-content: center;
  }

  .search-main .list1 .item .item-text .more span {
    font-size: 12px;
  }

  .search-main .search3 .items .list1 {
    flex-wrap: wrap;
  }

  .search-main .search3 .items .list1 .item {
    width: 100%;
  }

  .search-main .search3 .items .list1 .item .pic {
    width: 100%;
    height: 10rem;
  }

  .search-main .search4 .items .list1 .item {
    width: 100%;
    padding: 1rem;
  }

  .search-main .search4 .items .list1 .item .title .tag {
    width: max-content;
    height: auto;
    padding: .1rem .2rem;
  }

  .join1 .cont-box {
    margin-top: 2rem;
  }

  .join1 .list2 {
    flex-wrap: wrap;
  }

  .join1 .list2 .items {
    width: 100%;
    padding: 1rem;
  }

  .join1 .list2 .right {
    margin-top: 1rem;
  }

  .join1 .list2 .left .bottom {
    padding: 1rem 0 0;
    margin-top: 1rem;
  }

  .join1 .list2 .left .bottom .item p {
    word-break: break-all;
  }

  .solution-adv {
    padding: 2.5rem 0;
  }

  .solution-adv .solution-adv-list {
    flex-wrap: wrap;
  }

  .solution-adv .solution-adv-item {
    width: 50%;
    margin-bottom: 1rem;
  }

  .solution-adv .solution-adv-item:nth-child(2n)::after {
    display: none;
  }

  .solution-industry {
    padding: 1rem 0 2.5rem;
  }

  .solution-industry .solution-industry-item {
    width: 100%;
    height: 10rem;
    margin-bottom: 1rem;
  }

  .solution-industry .solution-industry-item:nth-child(3),
  .solution-industry .solution-industry-item:nth-child(4) {
    width: 100%;
  }

  .mountain {
    padding: 0 0 2.5rem;
  }

  .mountain .pos-bg {
    position: relative;
  }

  .mountain .wrap {
    padding: 2rem 1rem;
  }

  .pro_container {
    padding: 2.5rem 5%;
    flex-direction: column-reverse;
  }

  .pro_container .pro-detail {
    margin-top: 1.5rem;
    width: 100%;
    padding: 0;
  }

  .pro_container .pro-card {
    width: 100%;
    position: static;
    margin-top: 0;
  }

  .pro-card>div .tag {
    margin-bottom: 1rem;
  }

  .pro-card>div .primg_cont {
    margin-bottom: 1.5rem;
    width: 90%;
    flex-direction: column;
  }

  .pro-card>div .primg {
    width: 100%;
  }

  .pro-card>div .primg_cont .swiper2 {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0);
    opacity: 1;
    pointer-events: all;
  }

  .pro-detail .text p::before {
    width: 12px;
    height: 12px;
  }

  .pro-detail .list .item {
    width: calc((100% - 1rem * 2) / 3);
    margin-right: 1rem;
  }

  .pro-detail .text2 table tr {
    width: 100%;
    font-size: 12px;
  }

  .retention-form {
    padding: 2.5rem 5%;
  }

  .retention-form .retention-form-box .retention-form-list {
    gap: .8rem;
  }

  .retention-form .retention-form-box .retention-form-list .retention-form-item {
    width: 100%;
  }

  .retention-form .retention-form-box .retention-form-list .retention-form-item input {
    width: 100%;
    height: 1.5rem;
    font-size: 12px;
  }

  .retention-form .retention-form-box .retention-form-list .retention-form-item select {
    height: 1.5rem;
    font-size: 12px;
    width: 100%;
  }

  .retention-form .retention-form-box .retention-form-list .retention-form-item .long {
    width: 100%;
  }

  .retention-form .retention-form-box .retention-form-list .retention-form-item .input-area {
    width: 100%;
    height: 3.5rem;
    font-size: 12px;
  }

  .retention-form .retention-form-box .retention-from-btn input {
    height: 1.2rem;
    padding: 0;
  }

  .search1 .input input {
    font-size: 12px;
    padding: 0 1.5rem;
  }

  .head .top-add,
  .footer .top .info .link,
  .footer .top .info .hotline span,
  .footer .mid .nav,
  .ab5 .sw2 .bgsw2,
  .mod_sidebar {
    display: none;
  }
}