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

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

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

@media (max-width: 997px) {
  .main-tit {
    font-size: 1.2rem;
  }

  .main-more span {
    width: 12px;
  }

  .crumb .icon {
    width: .8rem;
  }

  .head-box .head {
    backdrop-filter: blur(32px);
  }

  .index-swiper .ban-swiper .swiper-pagination {
    text-align: center;
    bottom: 2rem;
  }

  .index-swiper .ban-swiper .pos-cont {
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
  }

  .index-swiper .ban-swiper .pos-cont .txt {
    margin-top: 1rem;
  }

  .index-swiper .second .swiper-box {
    bottom: 15vw;
  }

  .index-swiper .second .sec-swiper .swiper-slide {
    width: 35%;
  }
  
  .index-swiper .thr {
    padding-top: 12vh;
  }

  .index-swiper .thr .wrap {
    padding: 0 5%;
    flex-wrap: wrap;
  }

  .index-swiper .thr .lf {
    width: 100%;
  }

  .index-swiper .thr .lf .sub {
    margin-top: 10vh;
  }

  .index-swiper .thr .lf .more {
    margin-top: 5rem;
  }

  .index-swiper .thr .rg {
    position: absolute;
    right: 5%;
    bottom: 18vh;
    width: 60%;
    padding: 0;
  }

  .index-swiper .thr .rg .thr-swiper .swiper-slide {
    width: 100%;
    height: 10rem;
    padding-top: 0;
  }

  .index-swiper .thr .rg .thr-swiper .swiper-slide .cont-box {
    padding-top: 0;
    height: 100%;
    border: none;
  }

  .index-swiper .thr .rg .thr-swiper .swiper-slide .pic {
    height: 100%;
  }

  .index-swiper .thr .tab {
    bottom: 7vh;
    left: 5%;
    width: 90%;
    line-height: 1.4;
  }

  .index-swiper .thi .map {
    margin-top: 1rem;
    width: 150%;
    margin-left: -25%;
  }

  .index-swiper .thi .map .pos-cont {
    width: 50vw;
    left: 50%;
    top: 30%;
    transform: translateX(-50%);
    padding: .6rem;
    line-height: 1.4;
  }

  .index-swiper .thi .map .num-box {
    width: 90vw;
    left: 50%;
    transform: translateX(-50%);
    bottom: auto;
    top: calc(100% + 3rem);
  }

  .index-swiper .thi .map .num-box .li {
    flex-direction: column;
    margin-right: 0;
    padding-right: .5rem;
  }

  .index-swiper .thi .map .num-box .li .num {
    margin-right: 0;
    margin-bottom: .5rem;
  }

  .index-swiper .fiv {
    padding-top: 16vh;
  }

  .index-swiper .fiv .fiv-swiper {
    margin-top: 1.5rem;
  }

  .index-swiper .fiv .fiv-swiper .swiper-slide {
    width: 80%;
    height: 60vh;
  }
  
  .index-swiper .fiv .fiv-swiper .swiper-slide .pos-cont .txt {
    width: 100%;
  }

  .index-swiper .fiv .fiv-swiper .swiper-slide .pos-cont .more {
    position: relative;
    bottom: 0;
    right: 0;
    margin-top: 1rem;
  }

  .index-swiper .fiv .fiv-swiper .swiper-button-prev,
  .index-swiper .fiv .fiv-swiper .swiper-button-next {
    width: 1.5rem;
    height: 1.5rem;
    top: auto;
    bottom: 1px;
    margin: 0;
  }

  .index-swiper .fiv .fiv-swiper .swiper-button-prev {
    left: 40%;
  }

  .index-swiper .fiv .fiv-swiper .swiper-button-next {
    right: 40%;
  }

  .index-swiper .fiv .fiv-swiper .swiper-pagination {
    opacity: 0;
    visibility: hidden;
    margin-top: 2rem;
  }

  .index-swiper .six {
    padding-top: 16vh;
  }

  .index-swiper .six .top-intro {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .index-swiper .six .top-intro .tab {
    margin-top: .8rem;
  }

  .index-swiper .six .top-intro .tab span {
    padding-bottom: .5rem;
  }

  .index-swiper .six .item-box .item {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .index-swiper .six .item-box .item::-webkit-scrollbar {
    height: 3px;
  }

  .index-swiper .six .item-box .li {
    width: 100%;
    min-width: 100%;
    padding: .8rem;
  }

  .index-swiper .six .item-box .li:hover {
    transform: scale(1);
  }

  .index-swiper .six .item-box .li:first-child {
    border-left: none;
  }

  .index-swiper .sev {
    padding-top: 16vh;
  }

  .index-swiper .sev .top-intro {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .index-swiper .sev .top-intro .tab {
    margin-top: .8rem;
  }

  .index-swiper .sev .top-intro .tab span {
    padding-bottom: .5rem;
  }

  .index-swiper .sev .item .sev-swiper .swiper-slide {
    width: 40%;
    height: 5rem;
  }

  .index-swiper .sev .intro {
    padding: 1.2rem 0;
  }

  .footer .top {
    padding: 1.5rem 0;
  }
  
  .footer .top .wrap {
    flex-wrap: wrap;
  }

  .footer .top .lf {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-right: 0;
  }

  .footer .top .lf .f-logo {
    width: 3.5rem;
    margin-bottom: 0;
  }

  .footer .top .lf .li {
    margin-top: 1rem;
    margin-bottom: 0;
  }
  
  .footer .top .wrap .code {
    position: relative;
    margin: .5rem auto 0;
  }
  
  .footer .top .wrap .code .pic {
    width: 4rem;
  }

  .footer .btm {
    background-color: #272930;
    padding: 1.5rem 0;
  }

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

  .footer .btm .lf {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }

  .footer .btm .copyright {
    margin-left: 0;
  }

  .footer .btm .rg {
    width: 100%;
    text-align: center;
  }

  .about .box1 {
    overflow: hidden;
  }

  .about .box1 .wrap {
    flex-direction: column-reverse;
  }

  .about .box1 .rg {
    width: 100%;
  }

  .about .box1 .rg .top {
    padding: 0;
  }

  .about .box1 .rg .tit {
    text-align: center;
  }

  .about .box1 .rg .txt {
    margin-top: 1rem;
  }

  .about .box1 .rg .pic {
    position: absolute;
    top: calc(100% + 2rem);
    left: 50%;
    width: 50%;
    height: 6rem;
    margin-top: 0;
    border-radius: 0 .5rem .5rem 0;
  }

  .about .box1 .rg .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .about .box1 .lf {
    margin-top: 1rem;
    padding-top: 1rem;
    width: 100%;
  }

  .about .box1 .lf .tit {
    bottom: auto;
    top: -1.5rem;
    left: 2rem;
  }

  .about .box1 .lf .num-box {
    margin-top: 1rem;
    padding-left: 0;
    flex-wrap: wrap;
  }

  .about .box1 .lf .pic {
    width: 50%;
    height: 6rem;
    margin: 0;
    border-radius: .5rem 0 0 .5rem;
    overflow: hidden;
  }

  .about .box1 .lf .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .about .box1 .lf .pic .play img {
    height: auto;
  }

  .about .box1 .lf .num-box .li {
    width: 33.33%;
    margin-right: 0;
    padding-right: .5rem;
  }

  .about .box2 .box2-swiper {
    margin-top: 1.2rem;
  }

  .about .box2 .box2-swiper .swiper-slide {
    width: 100%;
  }

  .about .box2 .swiper-box .swiper-button-prev {
    left: 38%;
  }

  .about .box2 .swiper-box .swiper-button-next {
    right: 38%;
  }
  
  .box2-tab-swiper {
    opacity: 0;
    visibility: hidden;
  }

  .about .box3 .pic {
    margin-top: 1.2rem;
    height: 12rem;
  }

  .about .box3 .pic::after {
    height: 60%;
  }

  .about .box3 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .about .box3 .pic .pos-cont {
    width: 90%;
    left: 5%;
    bottom: 1rem;
  }

  .about .box3 .li-box {
    flex-wrap: wrap;
  }

  .about .box3 .li-box .li {
    width: 49%;
    height: auto;
    min-height: 5.5rem;
    margin-right: 2%;
    margin-bottom: .25rem;
    padding: .8rem;
  }

  .about .box3 .li-box .li:nth-child(2n) {
    margin-right: 0;
  }

  .about .box3 .li-box .li .txt {
    padding-left: 1.3rem;
  }

  .about .box4 .box {
    margin-top: 1.2rem;
    flex-wrap: wrap;
  }

  .about .box4 .box .pic {
    width: 100%;
  }

  .about .box4 .box .li-box {
    width: 100%;
    padding-left: 0;
  }
  
  .about .box4 .box .li-box .li .top-bots {
    height: auto;
    min-height: 2.3rem;
    padding: .5rem .75rem;
  }
  
  .about .box4 .box .li-box .li .top-bots .h {
    width: calc(100% - 2rem);
    line-height: 1.2;
  }

  .about .box5 {
    background-attachment: initial;
    background-size: cover;
  }

  .about .box5 .item-box {
    margin: 1.2rem 0 0;
    width: 100%;
    padding-bottom: .5rem;
    display: flex;
    overflow-x: auto;
  }

  .about .box5 .item-box::-webkit-scrollbar {
    height: 3px;
  }

  .about .box5 .item-box .item {
    position: static;
    min-width: 90%;
    height: auto;
    margin-right: 1rem;
  }

  .about .box5 .item-box .item:last-child {
    margin-right: 0;
  }

  .about .box6 .pic {
    margin-top: 1.2rem;
    padding: 0 5%;
  }

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

  .about .box7 .tit {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
  }

  .about .box7 .rg {
    width: 100%;
  }

  .about .box7 .rg .box7-swiper .swiper-slide {
    width: 100%;
    height: 16rem;
  }

  .about .box7 .lf {
    width: 100%;
    padding-right: 0;
  }

  .about .box7 .lf .name {
    margin-top: 1rem;
  }

  .about .box7 .lf .txt {
    margin-top: .5rem;
  }

  .about .box7 .rg .swiper-button-prev {
    left: 35%;
  }

  .about .box7 .rg .swiper-button-next {
    right: 35%;
    left: auto;
  }

  .about .box8 .txt {
    width: 100%;
  }

  .about .box8 .box8-swiper .swiper-slide {
    width: 80%;
  }

  .about .box8 .box8-swiper {
    text-align: center;
  }

  .business .box1 {
    padding: 1rem 0 2.5rem;
  }

  .business .box1 .box {
    flex-wrap: wrap;
    padding-left: 0;
    margin-top: 1.5rem;
  }

  .business .box1 .box .pic {
    margin: 0 auto;
  }

  .business .box1 .box .rg {
    margin-top: 2rem;
    width: 100%;
    padding-left: 0;
  }

  .business .box1 .box .rg .txt {
    margin-top: .5rem;
  }

  .business .box1 .box .rg .num-box {
    margin-top: .5rem;
    flex-wrap: wrap;
  }

  .business .box1 .box .rg .num-box .li {
    margin-top: 1rem;
    padding-right: .5rem;
    width: 50%;
  }

  .business .box1 .box .rg .li-box {
    margin-top: 1.5rem;
    flex-wrap: wrap;
  }
  
  .business .box1 .box .rg .li-box .li {
    width: 100%;
    margin-bottom: .8rem;
  }

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

  .business .box2 .li-box {
    margin-top: 1.2rem;
    flex-wrap: wrap;
  }

  .business .box2 .li-box .li {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: .8rem;
  }

  .business .box2 .li-box .li:last-child {
    margin-bottom: 0;
  }

  .business .box2 .li-box .li .h {
    margin-top: .5rem;
  }

  .business .box2 .li-box .li .txt {
    margin-top: .75rem;
  }

  .business .box3 .li-box {
    margin-top: 1.5rem;
    flex-wrap: wrap;
  }

  .business .box3 .li-box .li {
    width: 100%;
  }

  .business .box3 .li-box .li.other {
    width: 100%;
    top: 0;
    margin-bottom: 1rem;
  }

  .business .box3 .li-box .li .con {
    padding: 1rem;
  }

  .business .box3 .li-box .li .con::after {
    bottom: 1rem;
  }

  .business .box4 {
    flex-wrap: wrap;
    padding: 0 5%;
  }

  .business .box4 .lf {
    width: 100%;
    padding-right: 0;
  }

  .business .box4 .rg {
    width: 100%;
    margin-top: 1rem;
    margin-right: 0;
  }

  .business .box4 .pos-cont {
    margin-top: .8rem;
    position: relative;
    bottom: 0;
    width: 100%;
  }

  .business .box4 .box4-swiper .swiper-slide {
    width: 80%;
  }

  .business .box4 .box4-swiper .swiper-button-prev {
    left: 25%;
  }

  .business .box4 .box4-swiper .swiper-button-next {
    left: calc(25% + 2rem);
  }

  .business .box5 .wrap {
    flex-wrap: wrap;
  }

  .business .box5 .lf {
    width: 100%;
  }

  .business .box5 .lf .cont {
    margin-top: 1.2rem;
    padding-right: 0;
  }

  .business .box5 .rg {
    margin-top: 1rem;
    width: 100%;
  }

  .contact .box1 .li-box {
    margin-top: 1.5rem;
    flex-wrap: wrap;
  }

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

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

  .contact .box2 .box {
    margin-top: 1.2rem;
    flex-wrap: wrap;
  }

  .contact .box2 .box .pic {
    width: 100%;
  }

  .contact .box2 .box .form {
    width: 100%;
    padding: 1rem;
  }

  .contact .box2 .box .form .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .8rem;
  }

  .contact .box2 .box .form .li input {
    height: 1.2rem;
  }

  .innovate-info .box1 {
    padding: 1.5rem 0 2.5rem;
  }

  .innovate-info .box1 .box {
    flex-wrap: wrap;
  }

  .innovate-info .box1 .box .lf {
    width: 100%;
    padding-top: 0;
  }

  .innovate-info .box1 .box .rg {
    margin-top: 1rem;
    width: 100%;
  }

  .innovate-info .box1 .box .lf .txt {
    margin-top: 1rem;
  }

  .innovate-info .box2 .box2-swiper {
    margin-top: 1.5rem;
  }

  .innovate-info .box2 .box2-swiper .swiper-slide {
    width: 100%;
  }

  .innovate-info .box3 {
    padding: 2.5rem 5%;
    flex-wrap: wrap;
  }

  .innovate-info .box3 .li {
    width: 100%;
    height: auto;
    padding: 1.5rem 1rem;
    background-color: #f9f9f9;
    mask-image: none;
    background-image: none;
    margin-bottom: .8rem;
  }

  .innovate-info .box3 .li:nth-child(2) {
    margin-bottom: 0;
  }

  .innovate-info .box3 .rg {
    position: relative;
  }

  .innovate-info .box3 .li .tit {
    margin: 0;
  }

  .innovate-info .box3 .li .item-box {
    margin-top: 1rem;
    margin-left: 0;
    width: 100%;
  }

  .innovate-info .box4 {
    padding: 1rem 0 2.5rem;
  }

  .innovate-info .box4 .txt {
    width: 100%;
  }

  .innovate-info .box4 .box4-top-swiper .swiper-slide {
    width: 100%;
  }

  .innovate-info .box4 .swiper-box .box4-btn-swiper .swiper-slide {
    width: 100%;
    height: 8rem;
  }

  .innovate-info .box5 .box {
    flex-wrap: wrap;
  }

  .innovate-info .box5 .box .lf {
    width: 100%;
  }

  .innovate-info .box5 .box .rg {
    width: 100%;
    padding: 2rem 1rem 0;
  }

  .innovate-info .box6 {
    padding: 2.5rem 0 4rem;
  }

  .innovate-info .box6 .box6-swiper .swiper-slide {
    width: 90%;
    height: 9.5rem;
  }

  .innovate-info .box6 .box6-swiper .swiper-slide .pos-cont {
    width: 70%;
  }

  .innovate .box1 .wrap {
    flex-direction: column-reverse;
  }

  .innovate .box1 .rg {
    width: 100%;
  }

  .innovate .box1 .lf {
    margin-top: .8rem;
    width: 100%;
  }

  .innovate .box2 .box2-swiper .swiper-slide {
    width: 100%;
    height: 9.5rem;
  }

  .innovate .box2 .box2-swiper .swiper-slide::after {
    opacity: 1;
  }

  .innovate .box2 .box2-swiper .swiper-slide::before {
    opacity: 0;
  }

  .innovate .box2 .box2-swiper .swiper-slide.active {
    width: 100%;
  }

  .innovate .box2 .box2-swiper .swiper-slide .pos-cont {
    padding-bottom: 1rem;
  }

  .innovate .box2 .box2-swiper .swiper-button-prev,
  .innovate .box2 .box2-swiper .swiper-button-next {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
  }

  .innovate .box2 .box2-swiper .swiper-button-prev {
    left: .5rem;
  }

  .innovate .box2 .box2-swiper .swiper-button-next {
    right: .5rem;
    left: auto;
  }

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

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

  .news .box1 .intro {
    flex-wrap: wrap;
  }

  .news .box1 .intro .pic {
    width: 100%;
  }

  .news .box1 .intro .cont {
    width: 100%;
    padding: 1.5rem 0 0;
  }

  .news .box2 .li-box .li {
    width: 100%;
    margin-right: 0;
  }

  .pro-info .box1 .wrap {
    flex-wrap: wrap;
  }

  .pro-info .box1 .lf {
    width: 100%;
    padding-left: 0;
  }

  .pro-info .box1 .rg {
    width: 100%;
    padding-left: 0;
  }

  .pro-info .box2 {
    flex-wrap: wrap;
    padding: 2.5rem 5%;
  }

  .pro-info .box2 .lf {
    width: 100%;
    padding: 0;
  }
  
  .pro-info .box2 .lf .tab{
    width: 100%;
  }

  .pro-info .box2 .lf .h,
  .pro-info .box2 .lf .tab {
    margin-top: 1.2rem;
  }

  .pro-info .box2 .lf .tab span {
    margin-right: .8rem;
  }

  .pro-info .box3 .table {
    margin-top: 1.2rem;
  }

  .pro-info .box4 .wrap {
    flex-wrap: wrap;
  }

  .pro-info .box4 .rg {
    margin-top: 1.5rem;
    width: 100%;
    padding-right: .5rem;
  }

  .pro-info .box5 {
    padding-top: 2.5rem;
  }

  .pro-info .box5 .box5-swiper .swiper-button-prev {
    left: 5%;
  }

  .pro-info .box5 .box5-swiper .swiper-button-next {
    right: 5%;
  }

  .pro-info .box6 .txt {
    width: 100%;
  }

  .pro-info .box6 .box {
    width: 100%;
  }

  .pro-info .box6 .li-box {
    margin-top: 2rem;
    position: relative;
  }

  .pro-info .box6 .li-box .li {
    width: 50%;
    margin-right: 0;
    padding-right: 1rem;
    margin-top: 1rem;
  }

  .pro-info .box6 .li-box .li:nth-child(2n-1) {
    text-align: left;
  }

  .pro-info .box6 .li-box .li:nth-child(2n-1) .icon {
    margin: 0;
  }

  .products .box1 .box {
    margin-top: 1.5rem;
    flex-wrap: wrap;
  }

  .products .box1 .box .lf {
    width: 100%;
    margin-right: 0;
    padding-top: 0;
  }

  .products .box1 .box .mid {
    margin-top: 1rem;
    width: 100%;
    height: 10rem;
    margin-right: 0;
  }

  .products .box1 .box .rg {
    margin-top: 1rem;
    width: 100%;
    padding-top: 0;
  }

  .products .box2 .wrap {
    flex-wrap: wrap;
  }

  .products .box2 .li,
  .products .box2 .li.active {
    width: 100%;
    height: auto;
    margin: 0;
    background-color: #f6f6f6;
    padding: 1.5rem 1rem;
    margin-bottom: 1rem;
  }

  .products .box2 .li:last-child,
  .products .box2 .li.active:last-child {
    margin-bottom: 0;
  }

  .products .box2 .li .hov-con {
    display: block;
  }

  .products .box2 .li .pic {
    margin-top: .5rem;
  }

  .products .box2 .li .more {
    margin: .5rem auto 0;
  }

  .products .box3 .top {
    flex-wrap: wrap;
  }

  .products .box3 .top .tit {
    width: 100%;
  }

  .products .box3 .top .txt {
    margin-top: 1.2rem;
    width: 100%;
  }

  .products .box4 .box4-swiper .swiper-slide {
    width: 80%;
    margin-right: 1rem;
  }

  .products .box4 .box4-swiper .swiper-slide .nor-box {
    opacity: 0;
    visibility: hidden;
  }

  .products .box4 .box4-swiper .swiper-slide .hov-box {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .about .box2 .tit,
  .about .box5 .tit,
  .about .box6 .tit,
  .about .box8 .tit {
    text-align: center;
  }

  .about .box1,
  .about .box2,
  .about .box3,
  .about .box4,
  .about .box5,
  .about .box8,
  .business .box2,
  .business .box3,
  .business .box5,
  .contact .box1,
  .innovate-info .box2,
  .innovate-info .box5,
  .innovate .box1,
  .news-info,
  .news .box1,
  .news .box2,
  .pro-info .box1,
  .pro-info .box3,
  .pro-info .box4,
  .pro-info .box6,
  .products .box1,
  .products .box2,
  .products .box3,
  .products .box4 {
    padding: 2.5rem 0;
  }

  .index-swiper .second .swiper-box .bar .line,
  .index-swiper .thr .rg .thr-swiper .swiper-slide .h,
  .index-swiper .thr .rg .thr-swiper .swiper-slide .txt,
  .index-swiper .thr .rg .thr-swiper .swiper-slide .num,
  .index-swiper .six .item-box .list-box,
  .footer .top .rg,
  .footer .top .lf .share,
  .about .box1 .lf .icon,
  .about .box8 .box8-swiper .swiper-scrollbar,
  .about .box8 .box8-swiper .swiper-pagination,
  .business .box3 .li-box .pos-cont,
  .innovate-info .box3 .pos-icon,
  .pro-info .box4 .tips,
  .pro-info .box6 .li-box .li::after,
  .products .box2 .li .nor-con {
    display: none;
  }
}