@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/

@media (max-width: 1200px) {

  body,
  html {
    font-size: 56.5%;
  }

  header .logo {
    height: 45%;
  }

  header ul {
    gap: 0 clamp(15px, 1.5vw, 40px);
  }

  .news .bar1 .box ul li b {
    height: 24rem;
  }

  .big_boxTT .big_contain {
    width: 90%;
  }

  .big_boxTT .big_imgss {
    padding: 8%;
  }

  .big_boxTT .close2 {
    width: 1.6rem;
    right: 1.5rem;
    top: 1.5rem;
  }

  .big_boxTT .title2 {
    padding-bottom: 2rem;
  }
  .psearch .pro_l .box ul { 
        grid-template-columns: repeat(3, 1fr); 
    }
    .manual .bar1 ul { 
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}

@media (max-width: 850px) {

  body,
  html {
    font-size: 54.5%;
    --height: 46px
  }

  header .logo {
    height: 55%;
  }

  header .nav {
    position: fixed;
    background: #fff;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    border-radius: 0 0 10rem 10rem;
    z-index: 999;
    display: none;
    padding: 10vh 0 6vh;
  }

  header ul {
    flex-direction: column;
  }

  header .nav ul li {
    text-align: center;
    margin: 3vh auto;
    justify-content: center;
  }

  .s_menu {
    display: none !important;
  }

  .navBtn {
    display: block;
  }

  .typewriter i {
    font-size: 3.4rem;
  }

  .title {
    margin-bottom: 2.5rem;
  }

  .index_about {
    height: auto;
  }

  .index_about .txt {
    position: relative;
    width: 90%;
    padding: 8rem 0;
  }

  .more {
    padding: 1.1rem 2.5rem;
  }

  .index_about ul {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    gap: 0;
  }

  .index_about b {
    height: 3rem;
  }

  .index_about b img {
    margin-left: 0;
  }

  .index_about ul li {
    width: 50%;
    padding: 2rem;
    box-sizing: border-box;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }

  .index_about ul li h6 {
    margin-top: 8px;
  }

  .index_news,
  .index_markets,
  .index_pro,
  .index_bars,
  .index_solution {
    height: auto;
    padding: 7rem 0;
  }

  .index_solution {
    display: block;
  }

  .index_solution ul {
    display: none;
  }

  .index_solution .contentSwiper {
    display: block;
  }

  .index_solution .title {
    margin: 0 auto 5vh;
  }

  .index_news .bar {
    flex-wrap: wrap;
  }

  .index_news .ll {
    width: 100%;
    height: 35vh;
  }

  .index_news .bar .ll p {
    margin: 0.5rem 0 0;
  }

  .index_news ul {
    width: 100%;
    gap: 2rem;
  }

  .index_news ul li .tt {
    padding: 2rem;
  }

  .index_pro ul {
    flex-wrap: wrap;
    gap: 1rem;
  }

  .index_pro ul li {
    margin: 0;
    height: 30vh;
    flex: initial;
    width: 100% !important;
  }

  .index_pro ul li .bbs b img {
    width: 100%;
    object-fit: cover;
  }

  .index_pro ul li .bbs b .img2 {
    display: none;
  }

  .index_markets .contain {
    flex-wrap: wrap;
  }

  .index_markets .contain .ll {
    width: 100%;
  }

  .index_markets .more {
    margin-top: 3rem;
  }

  .index_markets .contain .map {
    width: 100%;
    margin-top: 5rem;
  }

  .index_support ul {
    gap: 1.5rem
  }

  .index_support ul li {
    padding: 2rem 0;
  }

  .index_support ul li h6 {
    padding: 0 2rem;
  }

  .index_support ul li p {
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  .index_support ul li p img {
    margin: -3px 5px 0 0;
  }

  .footer .bar {
    flex-wrap: wrap;
  }

  .footer .logo2 {
    width: 100%;
  }

  .footer .bar .ll {
    width: 100%;
  }

  .footer .bar dl dd {
    margin-bottom: 1.6rem;
  }

  .footer .bar .ll p {
    margin-bottom: 2.3rem;
  }

  .footer .bar .rr {
    width: 100%;
    margin-top: 5rem;
    border: none;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 4rem 0;
  }

  .footer .online p {
    margin: 5px 0;
  }

  .footer .agree {
    margin-top: 1.5rem !important;
  }

  .footer .submit {
    margin: 2rem 0 1rem;
  }

  .footer .copy .box {
    display: block;
  }

  .footer .copy p {
    display: block;
    text-align: center;
  }

  .footer .copy p a {
    justify-content: center;
  }

  .bans,
  .basHeight {
    height: 36vh;
  }

  .bans .txt {
    top: 62%;
  }

  .sNav {
    border: none;
  }

  .sNav .bb {
    display: block;
    height: auto;
    width: 100%;
  }

  .sNav .ll {
    padding: 1rem 5%;
    display: none;
  }

  .sNav .rr {
    padding: 0 5%;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    justify-content: center;
  }

  .sNav .rr li::after {
    bottom: -2px;
  }

  .sNav .rr li {
    line-height: 3;
  }

  .about .bar1 ul {
    margin: 3rem auto;
  }

  .about .bar1 .video .bg img {
    width: 150%;
  }

  .about .bar2 ul li:first-of-type {
    margin-top: 0;
  }

  .about .bar2 ul li .bgs {
    top: 6%;
  }

  .about .bar2 ul li .bbs {
    display: block;
  }

  .about .bar2 ul li .ll {
    width: 100%;
    height: 20rem;
    overflow: hidden;
  }

  .about .bar2 ul li .rr {
    width: 100%;
    padding: 3rem;
  }

  .about .bar2 ul li .bgs2 img {
    display: none;
  }

  .history .btns {
    top: 66%;
  }

  .btns {
    transform: scale(0.86);
  }

  .history .contains {
    padding: 0;
  }

  .history .swiper-container {
    margin: 1% 0 0rem
  }

  .history .swiper-slide {
    display: block;
    height: auto;
  }

  .history .swiper-slide b {
    width: 100%;
    height: 20rem;
  }

  .history .swiper-slide .txt {
    padding: 4rem 5% 0;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }

  .history .swiper-slide .ts {
    width: 100%;
  }

  .history .swiper-slide .tt p {
    text-align: center;
  }

  .honor .ll {
    width: 70%;
  }

  .about2 .bar2 .bbs {
    flex-direction: column-reverse !important;
  }

  .about2 .bar2 .bbs .ll {
    width: 100%;
    padding: 10% 8%;
  }

  .about2 .bar2 .bbs .rr {
    width: 100%;
  }

  .about2 .bar3 ul {
    gap: 3rem;
  }

  .about2 .bar3 ul .bg img {
    width: 60%;
    position: static;
    transform: none;
    margin: auto;
  }

  .about2 .bar3 ul li {
    width: 100%;
    padding: 0 !important;
    flex-direction: column;
  }

  .about2 .bar3 ul li h6 {
    align-items: flex-start !important;
  }

  .about2 .bar3 ul li p {
    text-align: left !important;
  }

  .about3 dl dd {
    flex-direction: column-reverse !important;
    position: relative;
    padding-top: 5rem;
  }

  .about3 dl dd .ll {
    position: absolute;
    left: 50%;
    top: 90%;
    transform: translate(-50%, -50%) scale(7);
    opacity: 0.03;
  }

  .about3 dl dd .txt {
    margin: 0;
    padding: 10% 5%;
    background: #f9f9f9;
  }

  .about3 dl dd .rr {
    width: 100%;
  }

  .about3 dl dd h6 {
    display: block;
  }

  .about3 dl dd h6 strong {
    display: block;
    margin-bottom: 1rem;
  }

  .news .bar0 {
    padding: 2rem;
  }

  .news .bar0 .swiper-slide {
    flex-direction: column-reverse;
  }

  .news .bar0 .swiper-slide .ll {
    width: 100%;
    padding: 5% 0 8rem;
  }

  .news .bar0 .swiper-slide .rr {
    width: 100%;
  }

  .news h6 {
    margin: 0 auto 1rem;
  }

  .news .bar0 .btnss {
    left: 5%;
  }

  .news .bar0 .swiper-pagination {
    justify-content: flex-end;
    margin-bottom: 1rem;
  }

  .news .bar0 .swiper-pagination span {
    background: var(--color);
  }

  .news .bar1 .box ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 1.5rem;
  }

  .news .bar1 .box ul li b {
    height: 12rem;
  }

  .news .bar1 .box ul li h6 {
    margin: 1rem 0;
  }

  .newsd .sNav {
    padding: 0;
  }

  .newsd .bar0 {
    padding: 8% 5%;
  }

  .pro_l .contain {
    flex-direction: column;
  }

  .pro_l .left {
    width: 100%;
    position: relative;
    height: auto;
    top: 0;
  }

  .pro_l .right {
    width: 100%;
    margin-top: 3rem;
  }

  .pro_l .box ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
    .psearch .pro_l .box ul { 
    grid-template-columns: repeat(2, 1fr); 
    gap: 1.5rem;
}
  .pro_d .bar1 .box {
    flex-direction: row-reverse;
  }

  .pro_d .bar1 .left {
    width: 100%;
    padding-bottom: 4rem;
  }

  .pro_d .bar1 .right {
    width: 100%;
  }

  .pro_d .bar2 .box {
    display: block;
  }

  .pro_d .bar2 .ll {
    position: relative;
    top: 0;
    display: flex;
    width: 100%;
    border: none;
    margin-bottom: 4rem;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
  }

  .pro_d .bar2 .ll p {
    padding: 1rem 0;
    margin: 0 5vw 0 0;
  }

  .pro_d .bar2 .ll p::before {
    left: 0;
    top: initial;
    bottom: 0;
    width: 0%;
    height: 1px !important;
  }

  .pro_d .bar2 .ll p.active::before {
    width: 100%;
  }

  .pro_d .bar2 table {
    margin: 0;
  }

  .pro_d .bar2 {
    padding: 0.5rem;
  }

  .about2 .bar1 {
    height: auto;
  }

  .solution dl {
    grid-template-columns: repeat(1, 1fr);
    gap: clamp(20px, 5vw, 50px);
  }

  .solutiond2 .txt p:has(img) {
    max-width: 100%;
  }

  .solutiond .contain {
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }

  .solutiond .contain .rr {
    width: 100%;
    margin-bottom: 2rem;
  }

  .solutiond .contain .ll {
    width: 100%;
  }

  .solutiond3 .contain {
    flex-wrap: wrap;
    height: auto;
  }

  .solutiond3 .contain .ll {
    width: 100%;
    height: 30vh;
  }

  .solutiond3 .contain .rr {
    width: 100%;
    height: 50vh;
    margin-top: 2rem;
  }

  .solutiond4 .contain {
    flex-direction: row-reverse;
    flex-wrap: wrap;
    width: 90%;
    margin: auto;
    padding-bottom: 0;
  }

  .solutiond4 .contain .rr {
    width: 100%;
    margin-top: 2rem;
  }

  .solutiond4 .contain .ll {
    width: 100%;
    padding: 0;
  }

  .solutiond4 .bottom {
    position: static;
    margin: 3rem auto 0;
  }

  .solutiond4 .swiper-scrollbar {
    position: static;
  }

  .sNavs .rr {
    justify-content: space-between;
    gap: 0;
    padding: 0 2% !important;
  }

  .service ul {
    flex-direction: column;
    padding: 0;
  }

  .service ul li {
    width: 100% !important;
  }

  .website .bar1 {
    display: block;
  }

  .website .bar1 .ll {
    width: 100%;
  }

  .website .bar1 .rr {
    width: 100%;
    margin-top: 5rem;
  }

  .ol_nav dl {
    flex-wrap: wrap;
  }

  .ol_nav dl dd {
    margin: 0.5rem 1rem;
  }

  .ol_nav dl dd span {
    width: 10px;
    height: 10px;
    margin-right: 0.6rem;
  }

  .join ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 1.5rem;
    margin-top: 3rem;
  }

  .join ul li b {
    height: 15rem;
  }

  .contact .bar1 ul li {
    width: 47.5%;
  }

  .contact .bar1 ul li .bb {
    padding: 10% 5%;
  }

  .contact .bar1 ul li:nth-last-child(-n+2) {
    width: 100%;
  }

  .contact .message .contain {
    flex-direction: column;
  }

  .contact .message .ll {
    width: 100%;
  }

  .contact .online {
    width: 100%;
  }

  .contact .bar3 .bbs {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }

  .contact .bar3 .bbs .ll {
    width: 100%;
    padding: 10%;
    box-sizing: border-box;
  }

  .contact .bar3 .bbs .rr {
    width: 100%;
  }

  .contact3 .bar1 {
    flex-direction: column;
  }

  .contact3 .bar1 .ll {
    position: static;
    width: 100%;
    height: 20rem;
  }

  .contact3 .bar1 ul {
    width: 100%;
    margin-top: 2rem;
  }

  .contact4 .bar1 {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }

  .contact4 .bar1 .ll {
    width: 100%;
  }

  .contact4 .bar1 .rr {
    width: 100%;
    margin-bottom: 5rem;
  }

  .contact4 .bar2 ul {
    flex-wrap: wrap;
    margin-top: -6vh;
    padding: 0 10%;
  }

  .contact4 .bar2 ul li {
    width: 100%;
    padding: 15% 0;
    border-bottom: 1px solid var(--color);
  }

  .contact4 .bar2 ul li:last-of-type {
    border: none;
  }

  .contact4 .bar2 ul::before {
    display: none;
  }

  .contact4 .bar2 ul li img {
    width: 4rem;
  }
  .search2{
      width: 100%;
  }
  .manual .bar1 ul { 
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
}
}