@charset "utf-8";
/* CSS Document */

@media (max-width: 1300px) {
body,html {
    font-size: 56.5%;
  }
  .w_all,
  .w_all2 {
    width: 90%;
  }
}

@media (max-width: 1200px) {

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

  header .search.active {
    width: 14rem;
  } 
}

@media (max-width: 850px) {

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

  .w_all3 {
    width: 90%;
  }

  p {
    font-size: 1.4rem;
    line-height: 1.8;
  }

  header .logo {
    height: 3.5rem;
  }

  header ul {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    padding-top: 10vh;
    box-sizing: border-box;
  }

  header ul li {
    text-align: center;
    margin: 3vh 0;
    padding: 0;
  }

  header .nav li h2 {
    justify-content: center;
    font-size: 1.6rem;
  }

  .s_menu {
    display: none !important;
  }

  header .others {
    margin: 0;
  }

  header .search {
    width: 3.4rem;
  }

  header .search.active {
    width: 11rem;
  }

  header .search img {
    width: 3.4rem;
    padding: 0.6rem;
  }

  header .lls {
    margin: 0 0 0 1rem;
    padding: 0 1.5rem;
    line-height: 3.4rem;
  }

  .navBtn {
    display: block;
    margin-left: 1rem;
  }

  .banner video {
    width: 100%;
    height: 140%;
  }

  .banner .txt h3 { 
    font-size: 3rem;
  }

  .banner .txt p { 
    font-size: 1.8rem;
  }

  .index_bars {
    padding: 7rem 0;
  }

  .title h3 {
    font-size: 2.6rem;
  }

  .index_bar1 {
    height: auto;
     padding: 7rem 0;
  }

  .index_bar1 .txt .title {
    width: 90%;
    position: relative;
    transform: none;
    top: inherit;
    left: inherit;
  }
.index_bar1 .bottom{
    position: relative;
    transform: none;
    bottom: inherit;
    left: inherit;
    margin: 10rem 0 0;
    width: 100%;
} 
  .index_bar1 .tt {
    width: 100%;
  }
.index_bar1 dl{
    justify-content: space-between;
}
  .index_bar1 dl dd {
    width: 31%;
  }

  .index_bar1 dl dd b {
    border-radius: 0.6rem 0.6rem 0 0;
  }

  .index_bar1 dl dd .txt {
    padding: 1rem;
    border-radius: 0.6rem;
    display: block;
  }
    .index_bar1 dl dd .txt p{
        width: 100%;
        font-size: 1.2rem;
    }
  .index_bar1 dl dd .more2 {
    font-size: 0;
  }

  .index_bar1 dl dd .rr>img {
    width: 2.4rem;
  }

  .index_pro ul {
    flex-wrap: wrap;
    padding-bottom: 0;
  }

  .index_pro ul li {
    width: 100%;
    margin: 0 0 3rem;
    display: block;
    flex: none;
  }

  .index_pro ul li:last-of-type {
    margin-bottom: 0;
  }

  .index_pro ul li h6 {
    color: #fff;
  }

  .index_pro ul li::before {
    opacity: 0;
  }

  .index_pro ul li::after {
    opacity: 0.8;
  }

  .index_pro ul li .more {
    opacity: 1;
    transform: translate(-50%, -1rem);
  }

  .index_pro ul li .bb img {
    transform: scale(1.16) translateY(8rem);
  }

  .index_case .contain {
    display: block;
  }

  .index_case .contain .left {
    width: 100%;
    display: block;
  }

  .index_case .contain .left b {
    width: 100%;
    height: 30vh;
  }

  .index_case .contain .left .txt {
    width: 100%;
    padding: 4%;
  }
  .index_case .swiper-slide .aa{
      height: 20vh;
  }

  .index_case h6 {
    font-size: 1.8rem;
    margin-top: 1.5rem;
  }

  .index_case .contain .right {
    position: static;
    width: 100%;
    margin: 3rem 0;
  }

  .index_case .swiper-slide .bb {
    display: none;
  }

  .index_case .btn {
    position: static;
  }

  .index_service ul {
    flex-wrap: wrap;
  }

  .index_service ul li {
    width: 100%;
    margin: 1rem 0;
    height: 40vh;
  }

  .footer {
    padding-bottom: 0;
  }

  .footer dl {
    display: none;
  }

  .footer .bar .ll {
    width: 100%;
    max-width: 100%;
    margin: 0;
    text-align: center;
  }

  .footer .bar .ll p {
    margin: 2rem 0;
  }

  .footer .bar .ll p strong {
    justify-content: center;
  }

  .footer .bar .ll p a {
    text-align: center;
    padding: 0;
  }

  .footer .bar .ll p:first-of-type a {
    font-size: 2.4rem;
  }

  .footer .bar .ll p img {
    width: 1.6rem;
    margin-right: 6px;

  }

  .footer .bar {
    display: block;
  }

  .footer .bar .logo2 {
    height: 4rem;
  }

  .footer .bar .logo2 img {
    margin: auto;
  }

  .footer .links {
    position: static;
    text-align: center;
  }

  .footer .links .bbs {
    justify-content: center;
  }

  .footer .links b {
    margin: 0 0.5rem;
  }

  .footer .links img {
    margin: 0;
  }

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

  .footer .copy p {
    display: block;
    margin: 1rem 0;
    text-align: center;
  }

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

  .all_back .aa {
    width: 3.2rem;
    height: 3.2rem;
  }

  .bans,
  .allBar0 {
    height: 30vh;
  }

  .bans .txt h3 {
    font-size: 2.6rem;
  }

  .about dl {
    flex-wrap: wrap;
  }

  .about dl dd {
    width: 50%;
    margin: 1.5rem 0;
  }

  .about dl dd strong {
    font-size: 3.6rem;
  }

  .about dl dd span:last-of-type {
    margin-top: 1rem;
  }

  .title2 {
    margin-bottom: 2rem;
  }

  .title2 h3 {
    font-size: 2.4rem;
  }
.title2 .tt{
    width: 100%;
}
  .about .video {
    height: 35vh;
  }

  .about2 .contain {
    display: block;
  }

  .about2 .rr {
    width: 100%;
    height: 35vh;
  }

  .about2 .ll {
    padding: 1rem 3rem;
    width: 100%;
    min-height: auto;
  }
    .about2 .ll h6{
        font-size: 1.7rem;
    }
  .about2b ul li {
    display: block;
    background: #f9f9f9;
    border-radius: 1rem;
    padding: 0;
    margin-top: 2rem;
  }

  .about2b ul li .ll {
    width: 100%;
  }

  .about2b ul li .rr {
    width: 100%;
    padding: 3rem;
    box-sizing: border-box;
  }

  .about2b ul li .tt img {
    height: 4.5rem;
  }

  .about2b ul li h6 {
    font-size: 1.9rem;
    margin: 1.5rem 0 2rem;
  }

  .about3 .imgs {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }

  .about3 .imgs p {
    margin: 0;
    line-height: 1.4;
  }

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

  .news .bar0 .bb {
    width: 100%;
    margin-top: 1rem;
  }

  .news .bar0 .aa {
    width: 100%;
  }

  .news .bar0 h6 {
    font-size: 1.8rem;
    margin: 2rem 0 1rem;
  }

  .news .bar0 .more {
    margin-top: 2rem;
  }

  .news .bar0 .swiper-pagination {
    margin: 0rem auto 2rem;
  }

  .news .box ul {
    display: block;
  }

  .news .box ul li {
    padding: 3rem 3rem 0rem;
    margin: 2rem 0;
  }

  .news .box ul {
    font-size: 1.8rem;
  }
.newsd .bar0 h3{
    font-size: 2rem;
}.back span{
    width: 1.2rem;
    padding: 0.8rem;
}
  .bans2 {
    height: 3rem !important;
  }

  .social h6 {
    font-size: 1.8rem;
    margin: 3rem 0 1rem;
  }
.social h6:not(:first-of-type) {
    margin-top: 0rem;
}
  .social p strong {
    font-size: 1.7rem;
    line-height: 1.4;
  }

  .social p strong::before {
    width: 5px;
    height: 5px;
    top: 6px;
  }
.pross .contain{
    flex-wrap: wrap;
}
  .pross .contain .left {
    width: 100%;
    background: #f9f9f9;
    padding: 3rem 3rem 0;
    box-sizing: border-box;
    border-radius: 8px;
    
  }
.pross .contain .left dl{
    margin-bottom: 2rem;
}
  .pross .contain .left dl dt {
    font-size: 1.4rem;
    margin: 0;
  }
.pross .contain .left dl dt i{
    font-size: 1.3rem;
}
  .pross .contain .left .ls {
    padding-left: 1.5rem;
    position: relative;
    top: inherit;
  }

  .pross .contain .left dl::before {
    left: -1.7rem;
    width: 3px;
  }

  .pross .contain .bar1 {
    width:100%;
    margin: 3rem 0 0;
  }

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

  .pro .bar1 h2 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }

  .pro .bar1 ul li .tt {
    padding: 1.5rem;
  }

  .more4 img {
    width: 2.2rem;
  }

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

  .pro_d .bar1 .right {
    width: 100%;
    margin-top: 4rem;
  }

  .pro_d .bar2 table td {
    padding: 1rem 0.8rem;
    font-size: 1.4rem;
  }

  .pro_d .bar2 table td:nth-of-type(2) {
    width: 50%;
  }

  .pro_d .bar3 .swiper-slide {
    height: 30vh;
  }

  .cased .video {
    height: auto;
  }

  .cased .video .v_btn {
    width: 4rem;
  }
.partner dl dd p{
    font-size: 1rem;
    margin: 3rem 0 0 -8rem;
}
.partner dl .dd1 p{
    margin: 0;
    left: -6rem;
    top: -2rem;
}
 .partner dl .dd4 p{
      top: -0.7rem;
      left: -5rem;
      margin: 0;
 }
 .partner dl .dd5 p{
     left: -14rem;
     top: -1rem;
     margin: 0;
 }
 .partner dl .dd6 p{
     top: -5rem;
 }
  .partner dl .dd7 p{
     top: -0.5rem;
     left: -6rem;
     margin: 0;
 }
  .partner dl .dd8 p{
    margin: 0;
    left: -10rem;
    top: -0.6rem;
    width: 20vw;
    text-align: right;
}
 .partner dl .dd9 p{
    margin: 0;
    left: 1rem;
    top: -0.3rem;
    width: 20vw;
}
  .store ul {
    grid-template-columns: repeat(1, 1fr);

  }

  .contact .bar1 {
    display: block;
  }

  .contact .bar1 .ll {
    width: 100%;
    margin: 4rem 0;
    text-align: center;
  }

  .contact .bar1 .ll p {
    text-align: center;
  }

  .contact .bar1 .ll ul li p a {
    font-size: 2.4rem;
  }

  .contact .bar1 .imgs {
    justify-content: center;
  }

  .contact .bar1 .imgs p {
    margin: 0 1rem;
  }

  .contact .ll h6 {
    font-size: 2rem;
  }

  .contact .bar1 .message {
    width: 100%;
    overflow: hidden;
  }
}