@media (max-width: 1560px) {
  .footer .top .link .li p {
    padding: 0 .5rem;
  }

  .footer .top .link .li p::after {
    right: .5rem;
  }

  .footer .mid .nav .list {
    margin-right: 2rem;
  }
}

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

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

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

@media (max-width: 997px) {

  .tit-54 {
    font-size: 1rem;
  }

  .tit-44 {
    font-size: .9rem;
  }

  .tit-22 {
    font-size: 14px;
  }

  .tit-20 {
    font-size: 13px;
  }

  .tit-18 {
    font-size: 13px;
  }

  .tit-16,
  .tit-15,
  .tit-14,
  .tit-13,
  .tit-12 {
    font-size: 12px;
  }

  .main-more {
    width: 5rem;
  }

  .pc-head .head-rg .lan .nor {
    padding-right: .6rem;
  }
  
  .index .index-swiper,
  .index .index-swiper .swiper-slide {
    height: 66vh;
  }

  .index .scroll-box {
    height: auto;
  }

  .index .box1 {
    height: 112vw;
    position: relative;
  }

  .index .box1 .pos-cont {
    display: none;
  }

  .index .box1 .pic-box {
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: #000;
  }

  .index .box1 .pic-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .15);
  }

  .index .box1 .pic-box .pos-cont2 {
    opacity: 1;
    top: 15%;
    z-index: 5;
  }

  .index .box1 .pic-box .pos-cont2 .num-item {
    flex-wrap: wrap;
    width: 100%;
    margin-top:2rem;
  }
  
  .main-crumbs{font-size:10px;}
  .banner .banner-img{height: 12rem;}
  
  .index .box1 .pic-box{overflow: hidden;}
  .index .box1 .pic-box > img{opacity: 0.9;height: 100%;display:none;}
  .index .box1 .pic-box > img.m_img{display:block!important;}

  .index .box1 .pic-box .pos-cont2 .num-item .li {
    width: 50%;
    margin-bottom: .8rem;
    /*justify-content: center;*/
  }

  .index .box2 {
    position: relative;
    top: 0;
    flex-wrap: wrap;
    display: block;
  }

  .index .box2 .lf {
    width: 100%;
    height: auto;
    padding: 1.5rem 5%;
  }

  .index .box2 .lf .sub {
    line-height: 1.4;
    text-align: center;
  }

  .index .box2 .lf .h1 {
    line-height: 1.2;
    text-align: center;
  }

  .index .box2 .rg {
    width: 100%;
    height: auto;
    padding: 1.5rem 0;
  }

  .index .box2 .rg .box2-swiper{padding-bottom: 50px;}
  .index .box2 .rg .box2-swiper .swiper-slide-active,
  .index .box2 .rg .box2-swiper .swiper-slide {
    height: 100%;
  }

  .index .box2 .rg .box2-swiper .swiper-slide .h2 {
    margin-top: 1.25rem;
    font-size: 0.6rem;
    color: #111111;
    font-weight: bold;
  }

  .index .box2 .rg .box2-swiper .swiper-slide .more {
    opacity: 1;
    height: auto;
  }
  
  /*.index .box2 .rg .box2-swiper .swiper-wrapper{display: block;}*/
  
  .index .box2 .rg .box2-swiper .swiper-pagination{display: block!important;bottom:0;}
  .index .box2 .rg .box2-swiper .swiper-pagination-bullet-active{background-color: var(--logoColor);}

  .index .business {
    margin-top: 0;
    padding: 1.5rem 0;
  }

  .index .business .pos-tit {
    position: relative;
    left: 0;
    transform: translateX(0);
  }

  .index .business .swiper-box {
    margin-top: 1rem;
  }
  
  .index .business .business-swiper {
    width: 90%;
  }

  .index .business .business-swiper .swiper-slide {
    width: 100%;
    margin-right: 5%;
  }

  .index .business .business-swiper .swiper-slide .pic .pos-cont {
    padding: 0 .75rem;
    bottom: .8rem;
  }

  .index .business .business-swiper .swiper-slide .pic .pos-cont .h1 {
    font-size: .7rem;
  }
  
  .index .business .business-swiper .swiper-slide .pic .pos-cont .more span {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }
  
  .index .business .business-swiper .swiper-slide .cont {
    padding-left: 0;
  }

  .index .business .swiper-box .swiper-button-prev {
    left: -1rem;
  }

  .index .business .swiper-box .swiper-button-next {
    right: -1rem;
  }

  .index .i-news {
    padding: 2rem 0 1.5rem;
    margin-top: 0;
  }

  .index .i-news .top {
    flex-wrap: wrap;
  }

  .index .i-news .top .tab {
    margin-top: .8rem;
    width: 100%;
  }

  .index .i-news .top .tab span {
    margin-right: .5rem;
    line-height: 1;
    height: max-content;
    width: max-content;
    padding: .4rem .6rem;
    border-radius: 1rem;
  }

  .index .i-news .top .tab span::after {
    border-radius: 1rem;
  }

  .index .i-news .item-box {
    margin-top: 1rem;
  }

  .index .i-news .item-box {
    flex-wrap: wrap;
  }

  .index .i-news .item-box .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: .8rem;
  }

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

  .index .i-tech {
    margin-top: 1rem;
  }

  .index .i-tech .wrap {
    flex-wrap: wrap;
  }

  .index .i-tech .wrap .li,
  .index .i-tech .wrap .li.active {
    width: 100%;
    height: 40vh;
  }

  .index .i-tech .wrap .li .pos-cont {
    padding: 0 .8rem;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .index .i-tech .wrap .li .more {
    bottom: .8rem;
    right: .8rem;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .index .i-tech .wrap .li .tit {
    opacity: 0;
    visibility: hidden;
  }

  .index .i-service {
    margin-top: 2rem;
    padding-bottom: 1rem;
  }

  .index .i-service .tit {
    line-height: 1.2;
    width: 190px;
    margin: 0 auto;
    text-align: center;
  }
  .index .i-service .tit span{margin-left: 0!important;}

  .index .i-service .li-box {
    margin-top: 1.5rem;
    flex-wrap: wrap;
  }

  .index .i-service .li-box .li {
    margin-right: 0;
    width: 50%;
    margin-bottom: 1rem;
  }

  .footer .top {
    padding:1.6rem 0 .8rem 0;
    flex-wrap: wrap;
    justify-content: center;
  }

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

  .footer .top .link .li p {
    width: 6rem;
    height: 1.4rem;
    line-height: 1.4rem;
    border-radius: .5rem;
  }

  .footer .mid .nav {
    display: none;
  }

  .back-top {
    display: none !important;
  }

  .footer .mid {
    justify-content: center;
    text-align: center;
    padding: .8rem 0;
  }

.footer .mid .info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 200px;
}
.footer .mid .info .share .code{width: 3.5rem;}
.footer .mid .info .share .code div{width: 3.5rem;}
  .footer .mid .info .share {
    margin-top: .5rem;
    
  }

  .footer .btm {
    flex-wrap: wrap;
    text-align: center;
  }

  .footer .btm .copyright {
    width: 100%;
  }

  .footer .btm .copyright a {
    margin-right: .8rem;
    line-height: 1.2;
  }

  .footer .btm .link {
    width: 100%;
    margin-top: .5rem;
  }

  .banner .pub-nav {
    padding: 0 5%;
    display: none;
  }

  .banner .pub-nav .nav-container .swiper-wrapper {
    justify-content: flex-start;
  }

  .banner .pub-nav .nav-container .swiper-slide {
    margin-right: 1rem;
  }

  .about .top-intro {
    padding: 2rem 0;
  }

  .about .top-intro .intro {
    margin-top: 1rem;
    flex-wrap: wrap;
  }

  .about .top-intro .intro .lf {
    width: 100%;
    padding: 0;
    justify-content: flex-start;
    margin-bottom: .5rem;
  }
  
  .about .top-intro .intro .lf .pos-bg {
    top: 0;
    bottom: auto;
  }

  .about .top-intro .intro .rg {
    width: 100%;
  }

  .about .btm {
    padding: 0 0 2rem;
  }

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

  .about .btm .wrap .pic {
    width: 100%;
    margin-bottom: .8rem;
  }

  .about .btm .wrap .intro {
    width: 100%;
    padding-left: 0;
  }

  .about .btm .wrap .intro .num-item {
    margin-top: 1rem;
  }

  .about .btm .pos-bg {
    bottom: 1rem;
  }

  .culture {
    padding: 2rem 0;
  }

  .culture .culture-swiper {
    margin-top: 2rem;
    padding: 0 5%;
    height: 10rem;
  }

  .culture .culture-swiper .swiper-slide-active,
  .culture .culture-swiper .swiper-slide {
    width: 100%;
    height: 100%;
    margin: 0 1rem;
  }

  .history .history-top-swiper {
    margin-top: 2rem;
    width: 100%;
    padding-bottom: 3rem;
  }

  .history .history-top-swiper .swiper-slide {
    flex-wrap: wrap;
    text-align: center;
  }

  .history .history-top-swiper .swiper-slide .time {
    width: 100%;
    font-size: 1.2rem;
  }

  .history .history-top-swiper .swiper-slide .intro {
    width: 100%;
    padding-top: 0;
    margin-top: .6rem;
  }

  .history .history-top-swiper .swiper-slide .intro .tit {
    padding-bottom: .6rem;
  }

  .history .history-top-swiper .swiper-slide .intro .tit::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .history .history-top-swiper .swiper-slide .intro .cont {
    width: 100%;
  }
  
  .history .history-top-swiper .swiper-slide .intro .cont * {
    text-align: center !important;
  }

  .history .history-btm-swiper {
    margin-top: 2rem;
  }

  .recruit {
    padding: 2rem 0;
  }

  .recruit .top {
    margin-top: 0;
    padding: 1.5rem 0;
  }

  .recruit .top .intro {
    flex-wrap: wrap;
    margin-top: .8rem;
  }

  .recruit .top .intro .cont {
    width: 100%;
  }

  .recruit .top .intro .info {
    width: 100%;
    margin-top: 1rem;
    height: auto;
    padding: .7rem .5rem;
  }

  .recruit .top .pic {
    margin-top: 1.5rem;
  }

  .recruit .top .pic .pos-cont {
    width: 90%;
    right: 5%;
    padding: .6rem;
    overflow-y: auto;
  }

  .recruit .top .pic .pos-cont::-webkit-scrollbar {
    width: 3px;
  }

  .recruit .top .pic .pos-cont::-webkit-scrollbar-thumb {
    background: #fff;
  }

  .recruit .cent {
    margin-top: 4rem;
  }

  .recruit .cent .li-box .li {
    width: 100%;
    padding: 1rem .8rem;
    margin-right: 0;
  }

  .recruit .btm {
    margin-top: 1.5rem;
  }

  .recruit .btm .handle-box {
    margin-top: 1rem;
    flex-wrap: wrap;
  }

  .recruit .btm .handle-box .li {
    width: 49%;
    margin-right: 2%;
  }

  .recruit .btm .handle-box .li:nth-child(2) {
    margin-right: 0;
  }

  .recruit .btm .handle-box .search {
    width: 100%;
    margin-top: .5rem;
  }

  .recruit .btm .box .top-name p,
  .recruit .btm .box .li-box .li .top-bots p {
    width: 33.33%;
  }

  .recruit .btm .box .top-name,
  .recruit .btm .box .li-box .li .top-bots {
    padding: 0 .5rem;
  }

  .recruit .btm .box .li-box .li .btn-bots {
    padding: 1rem;
  }

  .recruit .btm .box .li-box .li .btn-bots .mb-require {
    display: flex;
    flex-wrap: wrap;
  }

  .recruit .btm .box .li-box .li .btn-bots .mb-require p {
    margin-right: .5rem;
    line-height: 1.5;
  }

  .recruit .btm .box .li-box .li .btn-bots .mb-require p:last-child {
    margin-right: 0;
  }

  .recruit .btm .box .li-box .li .btn-bots .item-box {
    flex-wrap: wrap;
    margin-top: .8rem;
  }

  .recruit .btm .box .li-box .li .btn-bots .item-box .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: .9rem;
  }

  .recruit .btm .box .li-box .li .btn-bots .item-box .item:last-child {
    margin-bottom: 0;
  }

  .recruit .btm .box .li-box .li .btn-bots .item-box .send .send-btn {
    width: 4rem;
  }

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

  .recruit .btm .box .top-name p:nth-child(3),
  .recruit .btm .box .top-name p:nth-child(4),
  .recruit .btm .box .top-name p:nth-child(5),
  .recruit .btm .box .top-name p:nth-child(6),
  .recruit .btm .box .top-name p:nth-child(7),
  .recruit .btm .box .li-box .li .top-bots p:nth-child(3),
  .recruit .btm .box .li-box .li .top-bots p:nth-child(4),
  .recruit .btm .box .li-box .li .top-bots p:nth-child(5),
  .recruit .btm .box .li-box .li .top-bots p:nth-child(6),
  .recruit .btm .box .li-box .li .top-bots p:nth-child(7) {
    display: none;
  }

  .partner {
    padding: 2rem 0;
  }

  .partner .swiper-box {
    margin-top: 1.5rem;
    padding-bottom: 2.3rem;
  }

  .partner .swiper-box .swiper-slide {
    height: 3rem;
  }
  
  .partner .swiper-box .swiper-button-prev {
    left: calc(50% - 1.75rem);
  }
  
  .partner .swiper-box .swiper-button-next {
    right: calc(50% - 1.75rem);
  }

  .partner .swiper-box .swiper-button-prev,
  .partner .swiper-box .swiper-button-next {
    width: 1.5rem;
    height: 1.5rem;
    top: auto;
    bottom: 0;
  }

  .contact {
    padding: 2rem 0;
  }

  .contact .map .wrap {
    flex-wrap: wrap;
  }

  .contact .map .wrap .lf {
    width: 91%;
  }

  .contact .map .wrap .rg {
    width: 100%;
  }

  .contact .map .wrap .lf .point .intro .info {
    display: none;
  }

  .contact .map .wrap .rg .map-swiper {
    height: auto;
  }

  .contact .map .wrap .rg .map-swiper .swiper-pagination {
    display: block;
  }

  .contact .message {
    margin-top: 1.5rem;
  }

  .contact .message .form-box {
    margin-top: 1rem;
    padding: 1rem;
  }

  .contact .message .form-box .cont {
    width: 100%;
  }

  .contact .message .form-box .form,
  .contact .message .form-box .form .submit {
    margin-top: 1rem;
  }

  .product {
    padding: 2rem 0;
  }

  .product .box {
    margin-top: 1.5rem;
  }

  .side-bar {
    position: fixed;
    top: 50%;
    left: 5%;
    display: none;
  }

  .product .box .rg-item {
    width: 100%;
  }

  .product .box .rg-item .item .li-box {
    margin-top: .8rem;
  }

  .product .box .rg-item .item .li-box .li {
    width: 100%;
    margin-right: 0;
    box-shadow: 0 3px 0.85rem rgba(0, 0, 0, 0.11);
  }

  .product .box .rg-item .item .li-box .li::after {
    width: 58%;
    display: none;
  }

  .pro-info .top-box .wrap .intro .tit {
    font-size: 1.1rem;
  }

  .pro-info .top-box {
    padding-top: 4.4rem;
    height: auto;
  }

  .pro-info .main-crumbs {
    position: relative;
    top: 0;
    left: 0;
    transform: translateX(0);
    margin-bottom: 1rem;
    /*display: none;*/
  }
  
  .news-info .box .lf .cont p{text-indent:0!important;}
  .news-info .box .lf .cont img{height: auto!important;}

  .pro-info .top-box .wrap {
    height: auto;
  }

  .pro-info .top-box .wrap .top-swiper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }

  .pro-info .top-box .wrap .top-swiper .swiper-slide {
    margin-right: 1rem;
  }

  .pro-info .top-box .wrap .top-swiper .swiper-button-prev,
  .pro-info .top-box .wrap .top-swiper .swiper-button-next {
    opacity: 1;
    visibility: visible;
    width: 1.6rem;
    height: 1.6rem;
  }

  .pro-info .top-box .wrap .top-swiper .swiper-button-prev.swiper-button-disabled,
  .pro-info .top-box .wrap .top-swiper .swiper-button-next.swiper-button-disabled {
    opacity: .35;
  }

  .pro-info .top-box .wrap .intro {
    z-index: 5;
    margin-top: 1rem;
  }

  .pro-info .top-box .wrap .intro .tit {
    display: none;
  }

  .pro-info .top-box .wrap .intro .info {
    width: 100%;
    opacity: 1;
    visibility: visible;
    padding: 0;
  }

  .pro-info .tab {
    margin-top: 1.5rem;
  }

  .pro-info .change-box .item {
    padding: 2rem 0;
  }

  .pro-info .change-box .item .pub {
    margin-bottom: 1.25rem;
  }

  .pro-info .change-box .item .merit .li-box .li {
    padding: 1rem 0;
    width: 100%;
  }

  .pro-info .change-box .item .merit .li-box .li .list {
    margin-bottom: .5rem;
  }

  .pro-info .change-box .item .merit .li-box .li .list .h1 {
    width: 4rem;
  }

  .pro-info .change-box .item .merit .li-box .li .list .tag {
    width: 6rem;
  }

  .pro-info .change-box .item .merit .li-box .li .list .cont {
    width: calc(100% - 10rem);
    line-height: 1.5;
  }

  .pro-info .change-box .item .characteristic .cont {
    margin-top: 1rem;
  }

  .pro-info .change-box .item .characteristic .cont p::after,
  .pro-info .change-box .item .type .tips .info p::after {
    top: .5rem;
  }

  .pro-info .change-box .item .application .li-box {
    margin-top: 1rem;
  }

  .pro-info .change-box .item .application .li-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .5rem;
  }

  .pro-info .change-box .item .application .li-box .li:last-child {
    margin-bottom: 0;
  }

  .pro-info .change-box .item .model .pic {
    margin-top: 1rem;
    overflow-x: auto;
  }
  
  .pro-info .change-box .item .model .pic table {
    min-width: max-content;
  }

  .product .box .rg-item .item {
    margin-bottom: 2rem;
  }

  .product .box .rg-item .item .li-box .li1 {
    width: 100%;
  }
  
  .product .box .rg-item .item .li-box .li1::after {
    display: none;
  }

  .product .box .rg-item .item .li-box .li1 .pic {
    height: 10rem;
  }

  .solu-info .nor-box {
    display: none;
    padding-top: 0;
  }

  .solu-info .info {
    position: relative;
    top: 0;
    transform: translateY(0);
    flex-wrap: wrap;
  }

  .solu-info .info .lf {
    width: 100%;
    padding: 0;
  }

  .solu-info .info .lf .tips {
    margin-top: .7rem;
  }

  .solu-info .info .lf .detail {
    margin-top: .4rem;
  }

  .solu-info .info .rg {
    width: 100%;
    margin-top: 1rem;
  }

  .pro-info .change-box .item .scene {
    padding-bottom: 1rem;
  }

  .pro-info .change-box .item .scene .cont {
    margin-top: 1rem;
  }

  .pro-info .change-box .item .scene .pic-box .pic {
    width: 40%;
    height: 6rem;
  }

  .pro-info .change-box .item .test .pic {
    margin-top: 1rem;
    padding: .8rem;
  }

  .pro-info .change-box .item .test {
    padding-bottom: 1rem;
  }

  .pro-info .change-box .item .model2 .pic-box .pic {
    max-width: 100%;
    width: 100%;
    margin-bottom: .6rem;
  }

  .pro-info .change-box .item .model2 .pic-box .pic:last-child {
    margin-bottom: 0;
  }

  .service {
    padding: 2rem 0;
  }

  .service .top-intro {
    margin-top: 1.5rem;
  }

  .service .top-intro .li-box {
    margin-top: 1rem;
    flex-wrap: wrap;
  }

  .service .top-intro .li-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .5rem;
  }

  .service .top-intro .li-box .li:last-child {
    margin-bottom: 0;
  }

  .service .cent-box {
    margin-top: 2rem;
  }

  .service .cent-box .wrap {
    flex-wrap: wrap;
    padding-left: 0;
  }

  .service .cent-box .wrap .lf {
    width: 100%;
    padding: 1.5rem 5%;
  }

  .service .cent-box .wrap .rg {
    width: 100%;
  }

  .service .btm-form {
    margin-top: 2rem;
  }

  .service .btm-form .wrap {
    padding: 1.5rem .7rem;
  }

  .service .btm-form .wrap .form,
  .service .btm-form .wrap .form .submit {
    margin-top: 1rem;
  }

  .download {
    padding: 2rem 0;
  }

  .download .box {
    margin-top: 1.5rem;
  }

  .download .box .rg-item {
    width: 100%;
    padding: 1rem .6rem;
  }
  
  .video .box .rg-item {
    width: 100%;
    margin-top: 1.5rem;
  }
  
  .video .box .rg-item .li-box {
    margin-top: 1rem;
  }
  
  .video .box .rg-item .li-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .8rem;
  }
  
  .video .box .rg-item .li-box .li:last-child {
    margin-bottom: 0;
  }
  
  .video .box .rg-item .li-box .li .pic {
    height: 10.5rem;
  }

  .download .box .rg-item .li-box .li {
    padding: .5rem .8rem;
  }

  .download .box .rg-item .page-box {
    margin-top: 1rem;
  }
  
  .side-bar .sli-box {
    width: 33.33%;
  }
  
  .download .box .side-bar,
  .video .box .side-bar {
    display: flex;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
  }
  
  .side-bar .sli-box.active > a {
    font-size: 12px;
  }
  
  .side-bar .sli-box .sli a {
    font-size: 11px;
  }

  .cases {
    padding: 2rem 0;
  }

  .cases .li-box {
    margin-top: 1.5rem;
  }

  .cases .li-box .li {
    flex-wrap: wrap;
  }

  .cases .li-box .li .lf {
    width: 100%;
    padding: 1rem;
  }

  .cases .li-box .li:hover .lf::after {
    width: 44%;
  }

  .cases .li-box .li .lf .more {
    margin-top: .8rem;
  }

  .cases .li-box .li .rg {
    width: 100%;
  }

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

  .case-info {
    padding: 2rem 0;
  }

  .case-info .box {
    margin-top: 1.5rem;
  }

  .case-info .box .top-intro {
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }

  .case-info .box .top-intro .lf {
    width: 100%;
    padding-right: 0;
  }

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

  .case-info .box .top-intro .lf .tips {
    margin-top: .8rem;
  }

  .case-info .box .top-intro .lf .cont {
    margin-top: .5rem;
  }

  .case-info .box .list {
    margin-bottom: 2rem;
  }

  .case-info .box .list .tit {
    line-height: 1.5;
  }

  .case-info .box .list .tit span::after {
    top: .3rem;
    transform: translate(0);
  }

  .case-info .box .list .li-box .li {
    width: 49%;
  }

  .case-info .box .list .li-box .li:nth-child(2n) {
    margin-right: 0;
  }

  .case-info .box .list .item-box .item {
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
  }

  .case-info .box .list .item-box .item .info {
    width: 100%;
    padding-right: 0;
  }

  .case-info .box .list .item-box .item .pic {
    width: 100%;
    margin-top: .6rem;
  }

  .news {
    padding: 2rem 0;
  }

  .news .hot {
    margin-top: 2rem;
  }

  .news .hot .hot-swiper .swiper-slide {
    flex-wrap: wrap;
  }

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

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

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

  .news .hot .li-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }

  .news .hot .li-box .li:last-child {
    margin-bottom: 0;
  }

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

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

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

  .news-info .box {
    margin-top: 2rem;
  }

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

  .news-info .box .rg {
    display: none;
    width: 100%;
    position: relative;
  }

  .news-info .box .lf .info-page a {
    line-height: 1.5;
  }
  
  .contact .message .form-box .form .li .address::after {
    margin-top: -.2rem;
  }
}