@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media (max-width: 1450px) {}

@media (max-width: 1300px) {

  .w_all,
  .w_all2 {
    width: 90%;
  }

  header ul li {
    margin: 0 5rem 0 0;
  }

  header .others {
    margin-left: 5rem;
  }
}

@media (max-width: 1200px) {

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

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

@media (max-width: 850px) {

  body,
  html {
    font-size: 52.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;
  }

  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 {
    letter-spacing: 1px;
    font-size: 3rem;
  }

  .banner .txt p {
    letter-spacing: 2px;
    font-size: 1.8rem;
  }

  .index_bars {
    padding: 7rem 0;
  }

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

  .index_bar1 {
    height: 80vh;
  }

  .index_bar1 .txt .title {
    width: 90%;
  }

  .index_bar1 .tt {
    width: 100%;
  }

  .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;
  }

  .index_bar1 dl dd .more2 {
    font-size: 0;
  }

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

  .index_pro ul {
    flex-wrap: wrap;
  }

  .index_pro ul li {
    width: 100%;
    margin: 0 0 12rem;
    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%;
    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: 3rem;
  }

  .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.6rem;
  }

  .about .video {
    height: 35vh;
  }

  .about2 .contain {
    display: block;
  }

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

  .about2 .ll {
    padding: 1rem 3rem;
    width: 100%;
    min-height: auto;
  }

  .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;
  }

  .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;
  }

  .bans2 {
    height: 3rem !important;
  }

  .social h6 {
    font-size: 2.4rem;
  }

  .social p strong {
    font-size: 1.8rem;
  }

  .social p strong::before {
    width: 5px;
    height: 5px;
    top: 10px;
  }

  .pross .contain .left {
    width: 11rem;
  }

  .pross .contain .left dl dt {
    font-size: 1.4rem;
  }

  .pross .contain .left .ls {
    padding-left: 1.5rem;
  }

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

  .pross .contain .bar1 {
    width: calc(100% - 13rem);
  }

  .pro .bar1 ul {
    grid-template-columns: repeat(1, 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;
  }

  .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%;
  }
}