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

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

@media (max-width: 1024px) {
    .index .index-ban video{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
    
    .index .index-ban .playing{display: block;position: absolute;left: 50%;bottom: 2rem;    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.13);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.29);z-index: 5;
        transform: translateX(-50%);
    }
    
    .index .index-ban .playing::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-left: 0.45rem solid #fff;
        border-top: 0.3rem solid transparent;
        border-bottom: 0.3rem solid transparent;
    }
}

@media (max-width: 997px) {
    .index .index-ban{height: 300px;}
    
  .banner .banner-img {
    height: 50vh;
  }
  
  

  .pc-head .logo {
    position: static;
    transform: none;
  }

  .tit-68 {
    font-size: 1.4rem;
  }

  .side-sub {
    margin-top: .5rem;
    font-size: 12px;
  }

  .banner .ban-intro {
    width: 90%;
    text-align: center;
  }

  .banner .ban-intro .txt {
    line-height: 1.2;
  }

  .service .box1 {
    padding: 2.5rem 0;
  }

  .service .box1 .container .lf,
  .service .box2 .container .lf {
    width: 100%;
  }

  .service .box1 .container .rg,
  .service .box2 .container .rg {
    margin-top: 1rem;
    width: 100%;
  }

  .service .box2 {
    padding: 2.5rem 0;
  }

  .service .box3 {
    padding: 2.5rem 0;
  }

  .service .box3 .item {
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
  }

  .service .box3 .item .pic {
    width: 100%;
  }

  .service .box3 .item .intro {
    margin-top: 1rem;
    width: 100%;
  }

  .service .box3 .item .intro .txt {
    margin-top: .8rem;
  }

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

  .footer .top .lt {
    width: 100%;
    text-align: center;
  }

  .footer .lt .logo {
    width: 5rem;
    margin: 0 auto 1rem;
  }

  .footer .lt .li .icon {
    justify-content: center;
  }

  .footer .rt {
    margin-top: 1rem;
    width: 100%;
    justify-content: center;
  }

  .footer .rt .code {
    margin-left: 0;
  }

  .footer .rt .code .li-box {
    gap: 1rem;
  }

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

  .footer .bottom .link {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer .bottom .link p {
    margin-left: 0;
    margin-top: .5rem;
  }

  .footer .bottom .icp {
    margin-top: .5rem;
    width: 100%;
    text-align: center;
  }

  .product .box1 {
    padding: 2.5rem 0;
  }

  .product .box1 .box1-swiper .swiper-slide {
    width: 50%;
  }

  .product .box1 .box1-swiper .swiper-button-prev,
  .product .box1 .box1-swiper .swiper-button-next {
    margin: 0;
    position: absolute;
    top: auto;
    bottom: .8rem;
  }

  .product .box1 .box1-swiper .swiper-button-next {
    left: auto;
    right: 0;
  }

  .product .box1 .box1-swiper .swiper-scrollbar {
    position: relative;
    bottom: 0;
    width: 100%;
    margin-top: 3rem;
  }

  .product .box1 .box1-swiper .swiper-pagination {
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .product .box2 {
    padding: 2.5rem 0;
  }

  .product .box2 .item-box .li-box .li {
    width: 50%;
  }

  .pro-list {
    padding: 2.5rem 0;
  }

  .pro-list .container {
    margin-top: 1.5rem;
  }

  .pro-list .container {
    flex-wrap: wrap;
  }

  .pro-list .container .lf {
    width: 100%;
    position: static;
  }

  .pro-list .container .rg {
    margin-top: 1rem;
    width: 100%;
  }

  .pro-list .container .rg .item {
    width: 100%;
  }

  .pro-list .container .rg .item .pic {
    height: 10rem;
  }

  .pro-list .container .rg .item .intro {
    height: auto;
  }

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

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

  .pro-info .box1 .lf .box1-swiper .swiper-slide {
    width: 3.5rem;
    height: 3rem;
  }

  .pro-info .box1 .rg {
    width: 100%;
    padding-top: 0;
    margin-top: 1.2rem;
  }

  .pro-info .box1 .rg .li-box {
    margin-top: .8rem;
  }

  .pro-info .box1 .rg .more {
    margin-top: 1.2rem;
  }

  .pro-info .box2 {
    padding: 2.5rem 0;
  }

  .pro-info .box2 .wrap {
    padding: 0;
  }

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

  .pro-info .box2 .li-box .li .pic {
    height: 10rem;
  }

  .pro-info .box2 .li-box .li .intro {
    height: auto;
  }

  .dev .box1 {
    padding: 2.5rem 0;
  }

  .dev .box1 .pic {
    width: 100%;
  }

  .dev .box1 .intro {
    margin-top: 1rem;
    width: 100%;
  }

  .dev .box1 .intro .txt {
    margin-top: .5rem;
  }

  .dev .box2 {
    padding: 2.5rem 0;
  }

  .dev .box2 .cont {
    width: 100%;
  }

  .dev .box2 .box2-swiper .swiper-slide {
    width: 80%;
  }

  .dev .box3 {
    padding: 2.5rem 0;
  }

  .dev .box3 .cont {
    width: 100%;
  }

  .dev .box3 .li-box {
    margin-top: 1.5rem;
    gap: 8%;
  }

  .dev .box4 .pos-bg {
    height: 30vh;
  }

  .dev .box4 .pos-bg img {
    height: 100%;
    object-fit: cover;
  }

  .dev .box4 .li-box {
    padding-bottom: 5px;
    overflow-x: auto;
  }

  .dev .box4 .li-box .li {
    width: 100%;
    height: 16rem;
    padding: 1rem;
  }

  .dev .box4 .li-box .li.active {
    width: 100%;
    padding: 1rem;
  }

  .dev .box4 .li-box .li .txt {
    opacity: 1;
    visibility: visible;
  }

  .dev .box4 .li-box .li .hov {
    display: none;
  }

  .dev .box4 .li-box .li.active .nor {
    opacity: 1;
    visibility: visible;
  }

  .news {
    padding: 2.5rem 0;
  }

  .news .hot-swiper .swiper-slide .intro {
    width: 100%;
    padding: 1rem;
    z-index: 1;
  }

  .news .hot-swiper .swiper-slide .intro .pos-icon {
    z-index: -1;
  }

  .news .hot-swiper .swiper-slide .pic {
    width: 100%;
  }

  .news .li-box {
    margin-top: 2rem;
    gap: 1rem;
  }

  .news .li-box .li {
    width: 100%;
  }

  .news .li-box .li .pic {
    height: 10rem;
  }

  .news .page-box {
    margin-top: 1.5rem;
  }

  .news-info {
    padding: 2.5rem 0;
  }

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

  .news-info .box .cont {
    padding-top: 1rem;
  }

  .social-share .social-share-icon {
    width: 1rem;
    height: 1rem;
  }

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

  .news-info .recommend {
    padding: 1rem 0;
  }

  .news-info .recommend .recommend-swiper .swiper-slide .pic {
    height: 9rem;
  }

  .news-info .info-page {
    padding-bottom: 0;
  }

  .news-info .recommend .back {
    margin-top: 1.4rem;
    height: 1.5rem;
  }

  .contact .box1 {
    padding: 2.5rem 0;
  }

  .contact .box1 .wrap {
    gap: 1rem;
  }

  .contact .box1 .lf {
    width: 100%;
  }

  .contact .box1 .lf .li-box {
    padding: 0 .8rem;
  }

  .contact .box1 .lf .li-box .li .icon span {
    width: .7rem;
    height: .7rem;
  }

  .contact .box1 .rg {
    width: 100%;
    padding: 1rem;
  }

  .contact .box1 .rg .code-box {
    gap: 1rem;
  }

  .contact .box1 .rg .code-box .li div {
    width: 5rem;
  }

  .contact .box1 .rg .code-box .li p {
    line-height: 1.4;
  }

  .contact .box2 {
    padding: 5rem 0 2.5rem;
  }

  .contact .box2 .pos-bg {
    height: 30vh;
  }

  .contact .box2 .pos-bg img {
    height: 100%;
    object-fit: cover;
  }

  .contact .box2 .box {
    margin-top: 1.5rem;
    padding: 1rem;
  }

  .contact .box2 .box .form .li {
    width: 100%;
  }

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

  .footer .rt .nav,
  .footer .rt .code .share,
  .contact .box1 .rg .share {
    display: none;
  }
}

@media screen and (max-width: 768px) {
    .index .box2 .container .lf {
        width: 100%;
    }
    .index .box2 .container .lf .box2-lf-swiper {
        width: 15.35rem;
        margin: 0 auto;
    }
    .index .box2 .container .lf .box2-lf-swiper .swiper-slide p {
        /*width: 20%;*/
        width: .75rem;
    }
    .index .box2 .container .lf {
        padding-right: 0;
    }
    .index .box2 .container .lf .box2-lf-swiper .swiper-slide p {
        width: 20%;
    }
    .index .box2 .container .rg {
        width: 100%;
        margin-top: 1.25rem;
    }
    .index .box2 .container .rg .item {
        padding: 1rem .7rem;
        /*display: flex;*/
        flex-direction: column;
    }
    .index .box2 .container .rg .item.show {
        
    }
    .index .box2 .container .rg .item .cont {
        padding-top: 0;
        padding-right: 0;
        width: 100%;
    }
    .index .box2 .container .rg .item .pic {
        width: 100%;
        margin-top: .9375rem;
    }
    .index .box2 .container .rg .item .pic .box2-btm-swiper .swiper-slide {
        width: 3.6375rem;
        height: 3.05rem;
        margin-right: .275rem;
    }
    .index .box2 {
        padding: 2.5rem 0 0;
    }
    .index .box3 .container {
        flex-direction: column;
    }
    .index .box3 .container .item {
        width: 100%;
    }
    .index .box3 .container .item .intro {
        height: auto;
    }
    .index .box3 .container .item .intro .li-box {
        visibility: visible;
        opacity: 1;
        max-height: none;
    }
    .index .box3 .container .item .intro .cont {
        position: static;
    }
    .index .box3 .container .item .intro {
        padding: 1.5rem 1.2rem;
    }
    .index .box3 .container .item .intro .li-box .li {
        width: 33.333%;
    }
    .index .box3 .container .item .intro .li-box .li p {
        font-size: .65rem;
    }
    .index .box3 .container .item .intro .li-box {
        gap: .9rem 0;
        margin-top: 1.25rem;
    }
    .index .box3 .container .item .intro .h {
        text-align: center;
        margin-bottom: .7rem;
    }
    .index .box3 .container .item .intro .cont {
        text-align: center;
    }
    .index .box3 {
        padding-top: 2rem;
        background: #f9f9f9;
    }
    .main-sub {
        width: 14.05rem;
        margin: .6rem auto 0;
        line-height:1.4;
        font-size: .65rem;
    }
    .index .box3 .container {
        margin-top: 1.5rem;
    }
    .index .box4 .top {
        flex-direction: column;
    }
    .index .box4 .lf {
        width: 100%;
    }
    .index .box4 .rg {
        width: 100%;
    }
    .index .box4 .rg {
        display: flex;
        flex-wrap: wrap;
    }
    .index .box4 .rg .item {
        width: 50%;
        margin-bottom: .9rem;
    }
    .index .box4 .pic {
        position: static;
        margin-top: 1.5rem;
    }
    .index .box4 .wrap {
        padding-top: 0;
    }
    .main-tit {
        text-align: center;
    }
    .index .box4 {
        padding: 2.25rem 0 1rem;
    }
    .index .box4 .lf .sub {
        width: 100%;
        text-align: center;
    }
    .index .box4 .lf .more {
        margin: 1.25rem auto;
    }
    .index .box4 .pic {
        transform: translateX(0);
    }
    .index .box4 .rg {
        gap: 0;
    }
    .index .box4 {
        height: auto;
    }
    .index .box4 .wrap {
        height: auto;
    }
    .index .box5 {
        padding: 1.75rem 0 2rem;
    }
    .index .box5 .box5-swiper .swiper-slide {
        width: 8.275rem;
        margin-right: .725rem;
    }
    .index .box6 {
        padding-top: 2rem;
        padding-bottom: 2.5rem;
    }
    .index .box6 .form .li {
        width: 100%;
        margin-bottom: .75rem;
    }
    .index .box6 .form {
        width: 100%;
    }
    .index .box6 .form .li input {
        height: 2rem;
        margin-top: .5rem;
        background: rgba(255, 255, 255, 0.3);
        backdrop-filter: blur(.35rem);
    }
    .index .box6 .form .li textarea {
        height: 6.825rem;
        background: rgba(255, 255, 255, 0.3);
        backdrop-filter: blur(.35rem);
    }
    .main-more {
        width: 8.4rem;
        height: 1.85rem;
        border-radius: .1675rem;
    }
    .footer .lt .li .icon {
        justify-content: flex-start;
        margin-bottom: .5rem;
    }
    .footer .lt .li .txt {
        display: inline;
        text-align: left;
        font-size: .65rem;
    }
    .footer .top .lt {
        text-align: left;
    }
    .footer .lt .li .txt {
        padding-left: .7rem;
    }
    .footer .rt .code .li-box .li div {
        width: 7.425rem;
        height: 7.425rem;
        padding: .675rem;
        margin-bottom: .85rem;
    }
    .footer .rt .code .li-box .li p {
        text-align: center;
    }
    .footer .rt {
        flex-direction: column;
        margin-top: 1.75rem;
    }
    .footer .rt .nav, .footer .rt .code .share, .contact .box1 .rg .share {
        display: flex;
    }
    .footer .rt .nav .lh1:first-child {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .footer .rt .nav .lh1:first-child a:nth-child(3n) {
        text-align: right;
    }
    .footer .rt .nav .lh1:nth-child(2) {
        display: none;
    }
    .footer .rt .nav .lh1:nth-child(3) {
        display: none;
    }
    .footer .rt .nav .tit-li a {
        width: 33.333%;
        margin-bottom: .95rem;
    }
    .footer .rt .code {
        margin-top: 1.25rem;
    }
    .footer .rt .code .share {
        justify-content: center;
        margin-top: 1.65rem;
    }
    .contact .box1 .rg .share a, .footer .rt .code .share a {
        width: 2rem;
        height: 2rem;
    }
    .footer .lt .logo {
        width: 7.225rem;
    }
    .index .box3 .container:hover .item {
        width: 100%;
    }
    .index .box3 .container .item .intro .li-box .li span img {
        display: block;
    }
    .about .box1 .top {
        flex-direction: column;
    }
    .about .box1 {
        height: 120vh;
        padding: 2rem 0 3.7rem;
    }
    .about .box1 .lf {
        width: 100%;
        max-width: 100%;
    }
    .about .box1 .lf .h {
        text-align: center;
        margin-bottom: .5rem;
        font-size: 1.6rem;
    }
    .about .box1 .lf .h1 {
        left: 0;
        font-size: 1.6rem;
    }
    .about .box1 .lf .h2 {
        left: 0;
        text-align: center;
        font-size: 1.6rem;
        line-height: 1.2;
    }
    .about .box1 .rg {
        width: 100%;
        padding-top: 1.25rem;
    }
    .about .box1 .rg .tit {
        text-align: center;
        left: 0;
    }
    .about .box1 .rg .txt {
        font-size: .65rem;
        margin-top: 1.25rem;
        left: 0;
    }
    .about .box1 .pic {
        top: 40%;
        left: 80%;
    }
    .about .box1 .pic img {
        height: 60%;
    }
    .about .box2 .box2-swiper .swiper-slide {
        width: 100%;
        margin-right: .3103rem;
        margin-left: .3103rem;
    }
    .about .box2 .box2-swiper .swiper-slide-active {
        width: 100%;
    }
    .about .box2 .box2-swiper .swiper-slide .h {
        font-size: .75rem;
    }
    .about .box2 .box2-swiper .swiper-slide-active .intro {
        padding: .925rem .625rem 0;
    }
    .about .box2 {
        position: static;
        height: auto;
        transform: translateY(0);
        padding: 2rem 0;
    }
    .about .box3 .container .intro .item {
        height: 0;
        top: 0;
    }
    .about .box3 .container .intro .item.showLeft {
        height:  auto;
    }
    .about .box3 .container .intro .item.showRight {
        height: auto;
    }
    .about .box3 .container {
        flex-direction: column;
    }
    .about .box3 .container .intro .item {
        position: relative;
    }
    .about .box3 .container .swiper-box .pic-box {
        width: 100%;
    }
    .about .box3 .container .swiper-box .box3-swiper {
        display: none;
    }
    .about .box3 .bottom .year-box {
        display: none;
    }
    .about .box3 .bottom .box3Btm-swiper {
        width: 100%;
    }
    .myear-box {
        display: block;
    }
    .about .box3 .container .intro {
        width: 100%;
    }
    .about .box3 .container .swiper-box {
        width: 100%;
    }
    .myear-box {
      position: relative;
      width: 100%;
      /*height: 4rem;*/
      height: 5.5rem;
      text-align: center;
    }
    .myear-box .year {
      position: absolute;
      bottom: 0;
      left: 0;
      color: var(--vi);
      font-size: 3.45rem;
      line-height: 0.9;
      font-weight: bold;
      transform: translateX(5rem);
      /*transform: translateX(-50%);*/
      padding-left: 4.3rem;
      opacity: 0;
      visibility: hidden;
      z-index: -1;
    }
    .myear-box .year.leaveLeft {
      animation: leaveLeft 1s ease-in-out forwards;
    }
    .myear-box .year.leaveRight {
      animation: leaveRight 1s ease-in-out forwards;
    }
    .myear-box .year.showLeft {
      animation: showLeft 1s ease-in-out forwards;
    }
    .myear-box .year.showRight {
      animation: showRight 1s ease-in-out forwards;
    }
    .about .box4 {
        padding: 2.25rem 0 2.5rem;
    }
    .about .box4 .top {
        flex-direction: column;
    }
    .box4 .main-tit {
        margin-bottom: 1.25rem;
    }
    .about .box4 .top .intro {
        width: 100%;
    }
    .about .box4 .top .intro .num-box {
        gap: 0;
        justify-content: space-between;
    }
    .about .box4 .top .intro .num-box .item {
        width: 4.625rem;
        display: flex;
        flex-direction: column;
        justify-content: column;
        align-items: center;
    }
    .about .box4 .top .intro .num-box .item .txt {
        text-align: center;
    }
    .about .box4 .box4-swiper .swiper-slide {
        width: 15rem;
        margin-right: .5rem;
    }
    .about .box5 {
        padding: 2rem auto 2.25rem;
    }
    .about .box5 .tab {
        justify-content: center;
    }
    .about .box5 .swiper-box .box5-swiper .swiper-slide {
        width: 13.4rem;
    }
    .about .box5 .swiper-box.show {
        padding-top: 5.1rem;
    }
    .about .box5 .swiper-box .swiper-button-prev, .about .box5 .swiper-box .swiper-button-next {
        top: 2.5rem;
    }
    .about .box5 .swiper-box .swiper-button-prev {
        left: 6.1rem;
        right: auto;
    }
    .about .box5 .swiper-box .swiper-button-next {
        left: auto;
        right: 6.1rem;
    }
    .about .box5 .swiper-box {
        margin-top: 0;
    }
    .about .box5 .swiper-box .swiper-button-prev, .about .box5 .swiper-box .swiper-button-next {
        width: 1.85rem;
        height: 1.85rem;
    }
    .about .box5 .swiper-box .box5-swiper .swiper-slide .pic {
        height: auto;
    }
    .about .box6 .swiper-box .box6-swiper .swiper-slide img {
        max-height: 55%;
    }
    .myear-box {
        visibility: unset;
        margin-bottom: .75rem;
    }
    .about .box3 .bottom .box3Btm-swiper .swiper-slide {
        width: 2.925rem;
    }
    .about .box3 .bottom .box3Btm-swiper .swiper-slide::after {
        height: .675rem;
    }
    .about .box3 .bottom .box3Btm-swiper {
        background-image: url(../img/25.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100% .45rem;
    }
    .box3-nav-box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2rem;
    }
    .about .box3 {
        padding: 2.25rem 0 2.5rem;
    }
    .box3-button-prev {
        width: 1.85rem!important;
        height: 1.85rem!important;
        margin-top: 0!important;
        background: #EFEFEF;
        border-radius: 50%;
        margin-right: .825rem;
    }
    .box3-button-next {
        width: 1.85rem!important;
        height: 1.85rem!important;
        margin-top: 0!important;
        background: #EFEFEF;
        border-radius: 50%;
    }
    .box3-button-prev {
        position: static!important;
    }
    .box3-button-next {
        position: static!important;
    }
    .box3-button-next:after {
        font-size: .3rem!important;
        color: #333333;
    }
    .box3-button-prev:after {
        font-size: .3rem!important;
        color: #333333;
    }
    .box3-button-next:hover {
        background: #EC6C00;
    }
    .box3-button-next:hover:after {
        color: #ffffff;
    }
    .box3-button-prev:hover {
        background: #EC6C00;
    }
    .box3-button-prev:hover:after {
        color: #ffffff;
    }
    
    .box1 .main-tit {
        font-size: 1.15rem;
    }
    .index .box1 .li-box .li p {
        font-size: .75rem;
    }
    .index .box1 .li-box .li.active p {
        font-size: .75rem;
    }
    .index .box1 {
        z-index: 99;
        padding-bottom: 0;
    }
    .index .box5 .box5-swiper .swiper-slide {
        height: 11rem;
    }
    .footer .lt .li .icon span img {
        display: block;
    }
    .index .box4 .pic .mask {
        z-index: 999;
    }
    .index .box4 .pic .mask .play {
        z-index: 9999;
        opacity: 1;
    }
    .footer .rt .code .li-box {
        justify-content: center;
    }
    .service .box1 .side-sub {
        font-size: .65rem;
    }
    .service .box1 .container .lf .li .top-bots {
        font-size: 1.15rem;
    }
    .service .box1 .container .lf .li .btn-bots {
        font-size: .65rem;
    }
    .service .box2 .main-tit,.service .box3 .item .intro .main-tit {
        font-size: 1.15rem;
    }
    .service .box2 .side-sub {
        font-size: .65rem;
    }
    .service .box2 .container .lf .li .top-bots {
        font-size: .75rem;
    }
    .service .box2 .container .lf .li .btn-bots {
        font-size: .65rem;
    }
    .service .box3 .item .intro p {
        font-size: .65rem;
    }
    .service .box3 .item .intro .txt {
        font-size: .65rem;
    }
    .product .box1 .box1-swiper .swiper-slide .h {
        font-size: .75rem;
    }
    .product .box2 .main-tit {
        font-size: 1.15rem;
    }
    .product .box2 .item-box .li-box .li p {
        font-size: .68rem;
    }
    .pro-list .main-tit {
        font-size: 1.15rem;
    }
    .pro-list .container .lf .li .lh1 {
        font-size: .75rem;
    }
    .pro-list .container .lf .li .select input {
        font-size: .65rem;
    }
    .pro-list .container .rg .item .intro .h {
        font-size: .75rem;
    }
    .pro-list .container .rg .item .intro .more {
        font-size: .65rem;
    }
    .pro-info .box1 .rg .li-box .li .key {
        font-size: .65rem;
    }
    .pro-info .box1 .rg .li-box .li .value {
        font-size: .65rem;
    }
    .main-more {
        font-size: .6rem;
    }
    .pro-info .box2 .main-tit {
        font-size: 1.15rem;
    }
    .pro-info .box2 .li-box .li .intro .h {
        font-size: .75rem;
    }
    .pro-info .box2 .li-box .li .intro .more {
        font-size: .65rem;
    }
    .dev .box1 .intro .txt {
        font-size: .65rem;
        margin-top: .6rem;
    }
    .dev .box2 {
        padding: 2rem 0;
    }
    .dev .box2 .main-tit {
        font-size: 1.15rem;
    }
    .dev .box2 .cont {
        font-size: .65rem;
        margin-top: .6rem;
    }
    .dev .box3 .main-tit {
        font-size: 1.15rem;
    }
    .dev .box3 .cont {
        font-size: .65rem;
        margin-top: .6rem;
    }
    .dev .box3 .li-box .li .h1 {
        font-size: .75rem;
    }
    .dev .box4 .li-box .li .h {
        font-size: .75rem;
    }
    .dev .box4 .li-box .li.active .txt {
        font-size: .6rem;
    }
    .dev .box1 {
        padding: 2rem 0;
    }
    .dev .box1 .intro {
        margin-top: 2rem;
    }
    .dev .box3 {
        padding: 2rem 0;
    }
    .banner .pub-nav .nav-container .swiper-slide {
        font-size: .75rem;
    }
    .news .hot-swiper .swiper-slide .intro .time {
        font-size: .6rem;
    }
    .news .hot-swiper .swiper-slide .intro .h {
        font-size: .75rem;
    }
    .news .hot-swiper .swiper-slide .intro .txt {
        font-size: .6rem;
    }
    .news .li-box .li .intro .time {
        font-size: .6rem;
    }
    .news .li-box .li .intro .h {
        font-size: .65rem;
    }
    .news .li-box .li .intro .more {
        font-size: .6rem;
    }
    .news-info .box .tit {
        font-size: .8rem;
    }
    .news-info .box .tag .time {
        font-size: .65rem;
    }
    .news-info .box .share p {
        font-size: .65rem;
    }
    .news-info .recommend .tit {
        font-size: .65rem;
    }
    .news-info .recommend .recommend-swiper .swiper-slide .h {
        font-size: .65rem;
    }
    .news-info .recommend .recommend-swiper .swiper-slide .time {
        font-size: .6rem;
    }
    .news-info .recommend .li-box .li p {
        font-size: .65rem;
    }
    .news-info .recommend .li-box .li span {
        font-size: .6rem;
    }
    .news-info .recommend .back {
        font-size: .6rem;
    }
    .contact .box1 .lf .tit {
        font-size: 1.15rem;
    }
    .contact .box1 .lf .li-box .li .icon {
        font-size: .6rem;
    }
    .contact .box1 .lf .li-box .li .txt {
        font-size: .6rem;
    }
    .contact .box2 .main-tit {
        font-size: 1.15rem;
    }
    .contact .box2 .box .sub {
        font-size: .65rem;
    }
    .contact .box2 .box .form .li .h {
        font-size: .6rem;
    }
    .contact .box2 .box .form .li input {
        font-size: .65rem;
    }
    .contact .box2 .box .form .submit {
        font-size: .65rem;
    }
    .contact .box2 .box .form .tips {
        font-size: .6rem;
    }
    .contact .box1 .lf .li-box .li .txt {
        padding-left: 1rem;
    }
    .contact .box1 .rg {
        font-size: .75rem;
    }
    .contact .box1 .rg .code-box .li p {
        font-size: .6rem;
    }
}