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

@media (max-width: 1300px) {

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

  .topNav ul {
    box-sizing: border-box;
  }

  .topNav li {
    margin: 0 2vw;
  }
}

@media (max-width: 1200px) {

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

  .topNav li {
    margin: 0 1.5vw;
  }

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

@media (max-width: 850px) {

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

  header {
    padding: 2rem 0;
  }

  header ul {
    position: fixed;
    left: 0;
    top: 0px;
    padding: 10vh 5%;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    z-index: 999;
    background: #fff;
    display: none;
    overflow-y: auto;
  }

  header .nav li {
    width: 100%;
    padding: 2vh 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0;
  }

  header .nav li h2 {
    color: var(--color2);
    line-height: 2 !important;
    font-size: 1.8rem;
  }

  .lastli {
    margin: 2vh 0 0;
    padding: 0;
    font-size: 1.8rem;
    background: none;
    width: max-content;
    color: var(--color2);
  }

  .s_menu {
    position: static;
    opacity: 1 !important;
    box-shadow: none;
    border: none;
    display: block !important;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    pointer-events: auto !important;
  }

  .s_menu .sl {
    width: 100%;
    background: none;
    padding: 0;
    border: none;
    display: flex;
    flex-wrap: wrap;
  }

  .s_menu a {
    width: 50%;
    display: block;
  }

  .s_menu p {
    opacity: 1;
    margin: 1rem 0 0 !important;
    transform: none !important;
  }

  .s_menu p img {
    display: none;
  }

  .sp_menu .sr {
    display: none !important;
  }


  .navBtn {
    display: block;
  }

  .banner {
    height: 80vh;
    display: none;
  }
.bannerPh{
    display: block;
}
  .index_bars {
    padding: 6rem 0;
  }

  .index_bar1 ul li {
    width: 50%;
    margin: 1rem 0;
  }

  .index_bar4 .imgs {
    width: 34%;
  }

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

  .index_bar7 .contain .ll {
    padding: 0;
    width: 35%;
  }

  .index_bar7 .contain .rr {
    width: 60%;
  }

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

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

  .index_news .contain ul {
    width: 100%;
    margin-top: 2rem;
  }

  .footer .bar dl {
    display: none;
  }

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

  .topNav ul {
    flex-wrap: wrap;
  }

  .topNav.fixed {
    top: 55px;
  }

  .topNav li {
    padding: 1rem 0;
  }

  .bans {
    height: 30vh;
  }

  .about {
    padding-bottom: 10rem;
  }

  .about .contain {
    flex-wrap: wrap;
    min-height: auto;
  }

  .about .ll {
    width: 100%;
    padding: 10rem 0 4rem;
  }

  .about .rr {
    width: 100%;
    display: none;
  }
    #swiperNums{
        display: block;
        margin-top: 5rem;
        text-align: center;
    }
    #swiperNums h6{
         font-size: 2.8rem;
         color: var(--color);
         font-weight: 600;
     }
    #swiperNums h5{
         font-size: 1.4rem; 
         margin-top: 0.6rem;
     }
    #swiperNums .swiper-pagination{
        position: static;
        margin-top: 3rem;
        transform: scale(0.86);
    }
    #swiperNums .swiper-pagination span{
        background: var(--color);
    }
  .about .rrbg {
    position: static;
    transform: none;
    width: calc(100vw * 0.5);
    height: calc(100vw * 0.5);
    margin: 0 auto;
  }

  .advantage dl dd {
    height: 38vh;
    padding: 2rem;
  }

  .advantage dl dd .t1 {
    font-size: 1.8rem;
  }

  .culture ul li .rr {
    height: 28vh;
  }

  .cul2 .swiper-slide .tt {
    padding: 2.2rem;
  }

  .rd .contain {
    height: auto;
  }

  .rd dl {
    padding: 0;
  }

  .rd dl dd h6 strong {
    font-size: 4rem;
  }

  .manufacture .swiper-slide img {
    height: 30vh;
  }

  .manufacture .swiper-slide .tt h4 {
    margin: 2rem 0 0rem;
    font-size: 1.6rem;
  }

  .pro_d .bar1 {
    margin-top: 55px;
  }

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

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

  .case .box ul li .imgs {
    height: 18vh;
  }

  .news0 .aa {
    height: 28vh;
  }

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

  .news .box ul li b {
    height: 20vh;
  }

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

  .bans_pro2 {
    height: 70vh;
  }

  .bans_pro2 .txt {
    padding: 0;
  }

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

  .pro_d2 .bar11 .box {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .pro_d2 .bar11 .rr {
    width: 100%;
    margin-bottom: 4rem;
  }

  .pro_d2 .bar11 .title {
    margin: 0;
  }

  .pro_d2 .bar13 .contain {
    flex-wrap: wrap;
  }

  .pro_d2 .bar13 .contain .img {
    width: 100%;
  }

  .pro_d2 .bar13 .contain .rr {
    width: 100%;
    padding: 5rem 0 0;
  }
}

@media (max-width: 600px) {
  .index_bar4 .title {
    width: 100%;
  }

  .index_bar4 .imgs {
    position: static;
    width: 60%;
    margin: auto;

  }

  .index_bar5 ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem 0;
  }

  .index_bar5 .imgs {
    width: 50%;
  }

  .index_bar7 .contain {
    flex-direction: column-reverse;
  }

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

  .index_bar7 .contain .rr {
    width: 100%;
    height: 30vh;
    margin-bottom: 3rem;
  }

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

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

  .footer .copy p a {
    display: block;
    margin: 0;
  }

  .topNav li {
    margin: 0 2vw;
    font-size: 1.2rem;
  }

  .about .rrbg {
    width: calc(100vw * 0.76);
    height: calc(100vw * 0.76);
  }

  .advantage dl {
    display: block;
  }

  .advantage dl dd {
    width: 100% !important;
    margin: 2rem 0;
    box-sizing: border-box;
    height: 50vh;
  }

  .advantage dl dd .t1a {
    display: none;
  }

  .advantage dl dd .t2 {
    width: 100%;
    opacity: 1;
    pointer-events: all;
    justify-content: center;
  }

  .advantage dl dd::before {
    background: linear-gradient(291deg, rgba(0, 0, 0, 0) 14.8%, rgba(0, 0, 0, 0.8) 68.89%);

  }

  .advantage dl dd .t1b::before {
    opacity: 1;
  }

  .culture ul li .contain {
    flex-direction: column-reverse;
  }

  .culture ul li .ll {
    width: 100%;

  }

  .culture ul li .rr {
    width: 100%;
    margin-bottom: 2rem;
  }

  .culture ul li:nth-of-type(2n) .contain {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

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

  .culture ul li .rr {
    width: 100%;
  }

  .rd .title {
    display: block;
    text-align: center;
  }

  .rd .title p {
    text-align: center;
    margin: 2rem 0 0;
    width: 100%;
  }

  .rd dl {
    padding: 2rem;
    box-sizing: border-box;
  }

  .rd dl dd h6 strong {
    font-size: 2.4rem;
  }

  .rd dl dd {
    padding: 0;
  }

  .rd dl dd span {
    width: 4px;
    height: 4px;
  }

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

  .manufacture .ll {
    width: 100%;
    margin-bottom: 3rem;
  }

  .manufacture .rr {
    width: 100%;
  }

  .manufacture .swiper-slide img {
    height: 25vh;
  }

  .honor p {
    width: 100%;
  }

  .news0 a {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .news0 .bb {
    width: 100%;
  }

  .news0 .aa {
    margin-bottom: 2rem;
    width: 100%;
  }

  .news h6 {
    font-size: 2rem;
    margin: -2rem 0 0;
    line-height: 1.6;
  }

  .news0 .swiper-pagination {
    justify-content: center;
  }

  .selbox {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .selbox .sel {
    min-width: 65%;
    margin-right: 0;
    width: 65%;
  }
.selbox button {
    width: 33%;
    padding: 1.2rem 0;
    box-sizing: border-box;
    }
  .selbox select {
    min-width: 100% !important;
    width: 100% !important;
    margin-bottom: 2rem;
  }

  .selbox .sel input {
    width: 100%;
  }

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

  .newsd .bar0 {
    width: 100%;
  }

  .newsd .bar0 h3 {
    font-size: 2.2rem;
  }

  .pbar1 .title {
    margin-bottom: 2.5rem;
  }

  .pbar1 .moreb {
    margin-top: 1rem;
  }

  .pro_l .contain {
    display: block;
  }

  .pro_l .left {
    width: 100%;
    display: none;
  }

  .pro_l .left dl {
    top: 55px !important;
    padding: 3rem 0 0;

  }

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

  .pro_l .box ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
  }
  .pro_l .box ul li .imgs img {
      width: 100%;
  }

  .pro_d .bar1 table tr {
    display: flex;
    align-items: center;
  }

  .pro_d .bar1 .bb::after {
    display: none;
  }

  .pro_d .bar1 table td {
    width: 60%;
    box-sizing: border-box;
    font-size: 1.4rem;
  }

  .pro_d .bar1 table td:nth-of-type(1) {
    width: 40%;
    padding-right: 1rem;
    margin-right: 2rem;
    border-right: 1px dashed #ccc;
  }

  .pro_d .bar1 .right .tt2 .more {
    padding: 1rem 0.5rem;
    margin: 0 0.5rem;
  }

  .pro_d .bar3 ul li .contain {
    flex-wrap: wrap;
  }

  .pro_d .bar3 ul li .ll {
    width: 100%;
  }

  .pro_d .bar3 ul li .img {
    width: 100%;
    margin-bottom: 3rem;
  }

  .pro_d .bar3 ul li .contain {
    flex-direction: column-reverse !important
  }

  .pro_d .bar3 ul li h3 {
    font-size: 2.2rem;
  }

  .case .box ul li {
    width: 100% !important;
    padding: 2rem 0;
    margin: 0 0 0 !important;
  }

  .case .box ul li .imgs {
    height: 25vh;
  }

  .faq .box ul {
    width: 100%;
  }

  .faq dl dd {
    font-size: 1.6rem;
    padding: 2rem 1rem;
    box-sizing: border-box;
  }

  .faq dl dd img {
    width: 4rem;
  }

  .faq dl {
  }

  .download .box ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    width: 90%;
    margin: auto;
  }

  .download .box ul li .imgs img {
    padding: 10% 30%;
  }

  .service .top .tt {
    line-height: 1.4;
  }

  .service .top .tt {
    margin: 0;
    padding: 0 0 2rem 0;
  }

  .service .top .tt span {
    top: 120%;
  }

  .service .box {
    width: 100%;
  }

  .service h6 {
    font-size: 2rem;
  }

  .agree {
    flex-wrap: wrap;
    font-size: 1.3rem;
  }

  .submit {
    width: 60%;
  }

  .vbox iframe {
    height: 30vh;
  }

  .video .swiper-slide iframe {
    height: 20vh;
  }

  .online p {
    width: 100%;
  }

  .online .code {
    flex-wrap: wrap;
  }

  .online .code input {
    width: 100%;
    margin: 0;
  }
  .contact .swiper-container{
      width: 72%;
      margin: auto;
  }
  .btns2 .bl {
    padding: 0;
  }
}