.pc {
    display: block!important;
}
.mobile {
    display: none!important;
}
.pcflex {
    display: flex!important;
}
.mflex {
    display: none!important;
}

/*.m_tel{padding: 5px 15px;display:block!important;line-height:20px;position:sticky;top:0;background-color:#f6f0f0;text-align:right;font-size:14px;z-index:999;}*/
.m_header{
    position: fixed;top: 0;left: 0;
    width: 100%;
    /*background-color: transparent;*/
    background: rgba(255, 255, 255, 0.56);
    backdrop-filter: blur(20.75px);
    padding:10px 15px;z-index: 98;
    display:flex!important;
    justify-content:space-between;
    transition:all 0.5s;
    height: 3rem;
}
.m_header.on{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.m_header .logo{width: 5.35rem;}
.m_header .logo img{width: 100%;display:block;}
.m_header .right{display: flex;align-items: center;}
.m_header .right .tel{font-size: 16px;font-weight: 600;margin-right: 12px;padding-left:26px;line-height:26px;background:url(../img/m_tel.svg)no-repeat left center;background-size:22px auto;}
/*.m_header .right .tel{width: 22px;margin-right: 18px;}*/
/*.m_header .right .tel img{width: 100%;}*/
.m_header .right .ser{
    width: .9rem;
    height: .9rem;
    margin-right: 18px;
}
.m_header .right .ser img{width: 100%;}
.m_header .btn{display: block;}
.m_header .btn{margin-right: 0;cursor: pointer;height: 37px;padding-top: 16px;}
.m_header .btn.hide{opacity: 0;}
.m_header .btn div{display: block;width: 22px;height: 1px;background-color: #333;border-radius: 1px;transition: all 0.3s;}
.m_header .btn div:nth-child(1){transform: translate(0,-8px);}
.m_header .btn div:nth-child(2){transform: translate(12px,0);width: 12px;}
.m_header .btn div:nth-child(3){transform: translate(0px,8px);}
.m_header .btn:hover div:nth-child(1){transform: translate(0,-8px);}
.m_header .btn:hover div:nth-child(2){transform: translate(0,0);width: 22px;}
.m_header .btn:hover div:nth-child(3){transform: translate(0,8px);}
.m_header{display: flex!important;display: flex;justify-content: space-between;align-items: center}

.mh_nav{display: block!important;}
.mh_nav{position: fixed;top: 0;left: 10%;width: 90%;transform: translateX(120%);z-index: 999;background-color: #fff;height: 100vh;overflow: auto;padding: 50px 15px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.mh_nav.show{transform: translateX(0);}
.mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}
.mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 40px;}
.mh_nav .nav>li>a{line-height: 60px;font-size: 16px;display: block;font-family:hm;}
.mh_nav .nav>li:after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../img/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
.mh_nav .nav>li.on:after{transform: rotate(0deg);}
/*.mh_nav .nav>li:nth-child(1):after{display: none;}*/
/*.mh_nav .nav>li:nth-child(4):after{display: none;}*/
.mh_nav .nav>li:nth-child(1):after{display: none;}
.mh_nav .nav>li .nav1{padding: 15px;line-height: 24px; display: none;font-size: 14px;font-family:hm;}
.mh_nav .nav>li .nav1 .h{font-family: 'hb';font-weight:600;font-size: 14px;color: #1f1f1f;margin-bottom:8px;}
.mh_nav .nav>li .nav1 a{padding:6px 0;}
.mh_nav .nav>li .nav2{font-size: 13px;padding-left:16px;font-family:hr;}
.mh_nav .nav>li .nav2 a{font-size: 13px;padding: 0;}
/*.mh_nav .nav>li:nth-child(4) .nav1{display:none!important;}*/
.mlang {
    display: flex;
    align-items: center;
    margin-right: 1.3rem;
    position: relative;
}
.mlang-slidedown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: #ffffff;
    border-radius: .3rem;
}
.mlang-circle {
    display: block;
    width: .9rem;
    height: .9rem;
    margin-right: .5rem;
}
.mlang-text {
    color: #333;
    font-size: .7rem;
    font-weight: 500;
    margin-right: .2rem;
}
.mlang-down {
    display: block;
    width: .3rem;
}
.mlang-slidedown {
    display: none;
    flex-direction: column;
    gap: .3rem;
    padding: .3rem 0;
}
.mlang-slidedown.on {
    display: flex;
}
.mlang-slidedown a {
    font-size: .6rem;
    color: rgba(51, 51, 51, 0.60);
    text-align: center;
    border-bottom: 1px solid rgba(51, 51, 51, 0.20);
}
.mlang-slidedown a:last-child {
    border-bottom: 0;
}
@media (max-width: 1366px) {}

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

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

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

@media screen and (max-width: 834px) {
    .pc {
        display: none!important;
    }
    .mobile {
        display: block!important;
    }
    .pcflex {
        display: none!important;
    }
    .mflex {
        display: flex!important;
    }
    .w1620 {
        width: 17.15rem;
        max-width: none;
    }
    .w1400 {
        width: 17.15rem;
        max-width: none;  
    }
    .banner .ban-intro {
        margin-top: -3.5rem;
    }
    .banner .ban-intro .top-con {
        padding: 1.4rem 1.9rem 1.9rem;
    }
    .banner .ban-intro .txt {
        font-size: .8rem;
    }
    .about .box1 .cont {
        width: 100%;
        margin:  .8rem auto 0;
    }
    .about .box2 .cont {
        width: 100%;
        margin:  .8rem auto 0;
    }
    .main-tit {
        /*font-size: .8rem;*/
        font-size: .9rem;
    }
    .about .box1 .cont {
        font-size: .75rem;
    }
    .about .box2 .cont {
        font-size: .75rem;
    }
    .about .box2 .container .lf {
        width: 100%;
        height: auto;
    }
    .about .box2 .container .lf .box2-swiper .swiper-slide {
        width: 100%;
    }
    .about .box2 .container {
        flex-direction: column-reverse;
    }
    .about .box2 .container .pic {
        position: static;
        width: 100%;
        margin-bottom: .8rem;
    }
    .about .box2 .container .lf .box2-swiper .swiper-slide .li {
        font-size: .7rem;
    }
    .about .box3 .box3-swiper .swiper-slide {
        width: 100%;
        margin-right: 0;
    }
    .about .box3 .box3-swiper .swiper-slide .time {
        font-size: .7rem;
        margin-top: .7rem;
    }
    .about .box3 .box3-swiper .swiper-slide .h {
        font-size: .75rem;
        margin-top: .8rem;
    }
    .about .box3 .btn {
        font-size: .7rem;
        margin: .8rem auto 0;
        width: 6rem;
    }
    .about .box4 .cont {
        width: 100%;
        margin: .8rem auto 0;
        font-size: .7rem;
    }
    .about .box4 .pic img {
        height: 18rem;
        object-fit: cover;
    }
    .about .box4 .pic .pos-cont {
        top: 50%;
        bottom: auto;
        transform: translate(-50%,-50%);
    }
    .about .box4 .pic .pos-cont {
        padding: .8rem;
    }
    .about .box4 .pic .pos-cont .tit {
        font-size: .8rem;
    }
    .about .box4 .pic .pos-cont .txt {
        font-size: .7rem;
    }
    .about .box4 .li-box {
        flex-direction: column;
    }
    .about .box4 .li-box .li {
        width: 100%;
        height: auto;
    }
    .about .box4 .li-box .li .h {
        font-size: .8rem;
    }
    .about .box4 .li-box .li .txt-box .item {
        font-size: .7rem;
    }
    .about .box4 .li-box .li .icon {
        width: 1.2rem;
        height: 1.2rem;
    }
    .about .box5 .cont {
        padding: 0;
        font-size: .7rem;
    }
    .about .box6 {
        padding: 0 0 .3rem;
    }
    .about .box6 .container {
        flex-direction: column;
    }
    .about .box6 .container .lf {
        width: 100%;
    }
    .about .box6 .container .lf .cont {
        font-size: .75rem;
    }
    .about .box6 .container .lf .txt-box .item .h1 {
        font-size: .7rem;
    }
    .about .box7 {
        padding: 1.5rem 0 0;
    }
    .swiper-box8 .swiper-slide {
        width: 13rem;
        min-height: 21rem;
        border-radius: .5rem;
        margin-right: 1.3rem;
        border-radius: .5rem;
        border: 1px solid #FFF;
        background: #FFF;
        backdrop-filter: blur(2rem);
    }
    .swiper-box8 .swiper-slide:last-child {
        margin-right: 0;
    }
    .swiper-box8__img {
        display: block;
        width: 100%;
        height: 6rem;
        border-radius: .5rem .5rem 0 0;
        object-fit: cover;
    }
    .swiper-box8-con {
        padding: 1rem .8rem;
    }
    .swiper-box8-title {
        width: 100%;
        padding-bottom: .8rem;
        border-bottom: 1px solid #EEEEEE;
        position: relative;
    }
    .swiper-box8-title:before {
        content: "";
        width: 4.1rem;
        height: 1px;
        background: #0068B7;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .swiper-box8-addressicon {
        display: block;
        width: 1rem;
        height: 1rem;
        margin-top: 1.1rem;
        margin-bottom: .6rem;
    }
    .swiper-box8-address {
        color: #333;
        font-size: .7rem;
        font-weight: 400;
        line-height: 157.143%;
    }
    .swiper-box8-phicon {
        display: block;
        width: 1rem;
        height: 1rem;
        margin-top: 1.1rem;
        margin-bottom: .6rem;
    }
    .swiper-box8-ph {
        color: #333;
        font-size: .7rem;
        font-weight: 400;
        line-height: 136.168%;
    }
    .about .box8 {
        background: linear-gradient(to bottom, #ffffff, rgba(246, 246, 246, 1));
        margin-top: 0;
    }
    .footer .top .mid .nav {
        flex-direction: column;
        width: 100%;
        gap: 1.15rem;
    }
    .footer-navparent {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer .top .mid {
        flex-direction: column;
    }
    .footer-navson {
        display: none;
    }
    .footer-navparent-img {
        display: block;
        width: 1.2rem;
        height: 1.2rem;
    }
    .footer-navparent-img img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .footer .top .mid .nav .list p {
        font-size: .8rem;
        margin-bottom: 0;
    }
    .footer-navparent .plus {
        display: block;
    }
    .footer-navparent .reduce {
        display: none;
    }
    .list.on .footer-navparent .plus {
        display: none;
    }
    .list.on .footer-navparent .reduce {
        display: block;
    }
    .list.on .footer-navparent .lh1 {
        color: #0068B7;
        font-size: .8rem;
        font-weight: 500;
        line-height: 112.5%;
    }
    .footer .top .mid .rg {
        width: 100%;
        margin-top: 1.8rem;
    }
    .footer .top .rg .form {
        width: 100%;
        height: 2.05rem;
    }
    .footer .top .rg .form button {
        width: 6.45rem;
    }
    .footer .top .rg .form input {
        width: calc( 100% - 6.45rem );
    }
    .footer-logobox {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer-logobox .share {
        display: flex;
        align-items: center;
        column-gap: .8rem;
    }
    .footer-logobox .share a {
        display: block;
        width: 1.3rem;
        height: 1.3rem;
        position: relative;
    }
    .footer-logobox .share .qrcode {
        display: none;
        position: absolute;
        top: calc( 100% + 5px );
        right: 0;
        width: 2.2rem;
        height: auto;
    }
    .footer-logobox .share a:hover .qrcode {
        display: block;
    }
    .footer .top {
        padding: 1.5rem 0 2;
    }
    .footer .top .mid .nav .list .footer-navson a {
        color: #808181;
        font-size: .75rem;
        font-weight: 400;
        margin-bottom: 1.2rem;
    }
    .footer .top .mid .nav .list .footer-navson a:first-child {
        margin-top: 1rem;
    }
    .footer .top .mid .nav .list .footer-navson a:last-child {
        margin-bottom: 0;
    }
    .footer .top .mid .nav .list.on .lh1 {
        color: #0068B7;
    }
    .footer .btn .wrap {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        row-gap: .5rem;
    }
    .footer .top .logo {
        width: 6.95rem;
    }
    .about .box6 .container .rg {
        width: 100%;
        margin-top: .8rem;
    }
    .about .box7 .map .point:hover .pos-cont {
        opacity: 0;
        visibility: hidden;
        transform: translateX(-1rem);
    }
    .banner .banner-img {
        height: 16rem;
    }
    .index .box1 {
        padding: 4rem 0 1.75rem;
    }
    .index .box1 .tit {
        width: 100%;
        
        color: #333;
        font-size: .9rem;
        font-weight: 400;
        line-height: 166.667%;
    }
    .index .box1 .box1-swiper .swiper-slide {
        width: 100%;
    }
    .index .box1 .box1Tab-swiper {
        width: 100%;
    }
    .index .box1 .cont-box .cont {
        width: 100%;
    }
    .index .box2 {
        margin-top: 0;
    }
    /*.index .box2 .container .lf .point:hover .name {*/
    /*    opacity: 0;*/
    /*    visibility: hidden;*/
    /*}*/
    
    .swiper-box2 {

    }
    .swiper-box2 .swiper-slide {
        border-radius: .5rem;
        background: #F6F7F8;
        padding: 1.2rem .8rem 2rem;
    }
    .swiper-box2-title {
        color: #333;
        font-size: .8rem;
        font-weight: 500;
        line-height: 175%;
        margin-bottom: .8rem;
    }
    .swiper-box2__img {
        display: block;
        width: 100%;
        height: 9.75rem;
        border-radius: .5rem;
        margin-bottom: .5rem;
    }
    .swiper-box2-desc {
        width: 100%;
        height: 4.2rem;
        color: #333;
        font-size: .7rem;
        font-weight: 400;
        line-height: 2;
        margin-bottom: 1.1rem;
        display: -webkit-box;
        -webkit-line-clamp: 3; /* 限制顯示3行 */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .swiper-box2-tool {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .swiper-box2-more {
        display: flex;
        align-items: center;
        padding: .8rem 1.2rem .8rem .8rem;
        column-gap: .6rem;
        background: #ffffff;
        
        color: #0068B7;
        font-size: .7rem;
        font-weight: 400;
    }
    .swiper-box2-more img {
        display: block;
        width: .5rem;
    }
    .swiper-box2-nav {
        display: flex;
        align-items: center;
        column-gap: .8rem;
    }
    .swiper-box2-nav .prev {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1.5rem;
        height: 1.5rem;
        background: #ffffff;
    }
    .swiper-box2-nav .prev img {
        width: .4rem;
        height: auto;
    }
    
    .swiper-box2-nav .prev:hover {
        background: #0068B7;
    }
    .swiper-box2-nav .prev:hover img {
        filter: brightness(0) invert(1);
    }
    .swiper-box2-nav .next {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1.5rem;
        height: 1.5rem;
        background: #ffffff;
    }
    .swiper-box2-nav .next img {
        width: .4rem;
        height: auto;
        transform: rotate(180deg);
    }
    .swiper-box2-nav .next:hover {
        background: #0068B7;
    }
    .swiper-box2-nav .next:hover img {
        filter: brightness(0) invert(1);
    }
    .index .box3 {
        margin-top: 4rem;
    }
    .index .box3 .container {
        flex-direction: column-reverse;
        padding-right: 0;
        width: 17.15rem;
        margin: 0 auto;
    }
    .index .box3 .rg {
        width: 100%;
        display: block!important;
        margin-bottom: 20px;
    }
    .index .box3 .pic{width: 100%;}
    .index .box3 .rg .tit {
        color: #333;
        text-align: center;
        font-size: .8rem;
        font-weight: 400;
        line-height: 166.667%;
    }
    .index .box3 .more {
        display: inline-flex;
        padding: .8rem 1.2rem .75rem 1.2rem;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        background: #0068B7;
        
        width: auto;
        height: 2.5rem;
        color: #FFF;
        font-size: .7rem;
        font-weight: 400;
    }
    .index .box3 .rg .txt {
        margin-top: 1.1rem;
        color: #333;
        text-align: center;
        font-size: .75rem;
        font-weight: 400;
        line-height: 186.667%;
    }
    .index .box3 .num-box {
        gap: 1.1rem;
        width: 17.15rem;
        margin: 2.1rem auto 0;
    }
    .box3__img {
        display: block;
        width: 100%;
        margin-top: 1.8rem;
    }
    .box3-aboutus {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2rem;
    }
    .index .box4 .container {
        padding-top: 0;
        margin-top: 1rem;
    }
    .index .box4 .container .mid {
        width: 17.15rem;
        margin: 0 auto;
    }
    .index .box4 .container .mid .txt {
        text-align: center;
    }
    .box4-btn {
        display: flex;
        justify-content: center;
        align-content: center;
    }
    .index .box4 .container .mid .more {
        width: auto;
        height: 2.5rem;
        display: inline-flex;
        padding: .8rem 1.2rem .8rem .8rem;
        column-gap: .6rem;
        background: #0068B7;
        
        color: #ffffff;
        font-size: .7rem;
        font-weight: 400;
        margin-top: 1.6rem;
    }
    .swiper-box4 {
        width: 17.15rem;
        margin: 1.05rem auto 0;
    }
    .swiper-box4 .swiper-slide {
        margin-right: .65rem;
    }
    .swiper-box4 .swiper-slide img {
        display: block;
        width: 16rem;
        height: 110vw;
        border-radius: .5rem;
        object-fit: cover;
    }
    .index .box4 {
        padding: 1.2rem 0 1rem;
        overflow: hidden;
    }
    .index .box5 .container {
        flex-direction: column;
    }
    .index .box5 .container .lf {
        width: 100%;
        margin-bottom: 1.3rem;
    }
    .index .box5 .container .lf .pic {
        width: 100%;
        height: 47vw;
        aspect-ratio: unset;
    }
    .index .box5 .container .lf .intro {
        padding: 1.2rem 1.2rem 1.8rem;
    }
    .product .item .box {
        flex-direction: column;
    }
    .product .item .box .pic {
        width: 100%;
    }
    .product .item .box .intro {
        width: 100%;
        /*margin-top: .8rem;*/
        margin-top: 2rem;
    }
    .product .main-tit {
        text-align: center;
    }
    .product .item .box .intro .cont {
        margin-top: .8rem;
        color: rgba(51, 51, 51, 0.60);
        text-align: center;
        font-size: .7rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .product .item .h {
        margin-top: 2rem;
    }
    .pro-list .box1 .wrap {
        flex-direction: column;
    }
    .pro-list .box1 .pic {
        width: 100%;
    }
    .pro-list .box1 .intro {
        width: 100%;
    }
    .pro-list .box1 .intro {
        padding-top: 2rem;
    }
    .pro-list .box1 .intro .cont {
        margin-top: .8rem;
        color: rgba(51, 51, 51, 0.60);
        text-align: center;
        font-size: .7rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .pro-list .box2 {
        margin-top: 2rem;
    }
    .pro-list .box2 .txt {
        margin-top: .8rem;
        color: rgba(51, 51, 51, 0.60);
        text-align: center;
        font-size: .7rem;
        font-weight: 400;
        line-height: 185.714%;
    }
    .pro-list .box2 .li-box .li {
        width: 49%;
        padding: .5rem;
    }
    .pro-list .box2 .li-box {
        gap: 2%;
        row-gap: .4rem;
    }
    .pro-list .main-tit {
        text-align: center;
    }
    .pro-list .box3 {
        margin-top: 2rem;
    }
    .pro-list .box3 .li-box .li .intro {
        font-size: .75rem;
    }
    .pro-list .box4 .li-box {
        margin-top: 2rem;
    }
    .pro-list .box4 .li-box {
        flex-direction: column;
    }
    .pro-list .box4 .li-box .li {
        width: 100%;
    }
    .pro-list .box4 .li-box .li .pic {
        width: 5.5rem;
    }
    .pro-list .box4 .li-box .li .intro {
        width: calc( 100% - 5.5rem );
        padding-left: .1rem;
    }
    .pro-list .box4 .li-box .li .intro .h {
        color: #333;
        font-size: .8rem;
        font-weight: 400;
        line-height: 166.667% ;
    }
    .pro-list .box4 .li-box .li .intro .txt {
        color: #333;
        font-size: .7rem;
        font-weight: 400;
        line-height: 186.667%;
    }
    .pro-list .box4 .li-box .li .intro .more {
        font-size: .7rem;
        margin-top: .2rem;
    }
    .pro-info .banner .cont-box .sub {
        font-size: .7rem;
    }
    .pro-info .banner .cont-box .tit {
        font-size: .8rem;
    }
    .pro-info .banner .cont-box .pic {
        margin: .8rem auto 0;
    }
    .pro-info .banner {
        padding: .8rem 0;
    }
    .pro-info .box1 {
        padding: 1.2rem 0 2rem;
    }
    .pro-info .box1 .li-box {
        flex-direction: column;
    }
    .pro-info .box1 .li-box .li {
        width: 100%;
    }
    .pro-info .box2 {
        margin-top: 2rem;
    }
    .pro-info .box2 .container {
        flex-direction: column;
    }
    .pro-info .box2 .container .pic {
        min-height: unset;
        height: auto;
        margin: 0 auto .8rem;
    }
    .pro-info .box2 .container .table {
        width: 100%;
        height: auto;
        overflow: auto;
    }
    .pro-info .box2 .container .table table{width: 600px;}
    .pro-info .box3 {
        margin-top: 2rem;
    }
    .pro-info .box3 .box3-swiper .swiper-slide {
        width: 49%;
    }
    .pro-info .box3 .box3-swiper .swiper-slide:nth-child(2n) {
        margin-right: 0;
    }
    .pro-info .box3 .box3-swiper .swiper-slide .h {
        font-size: .7rem;
    }
    .pro-info .box4 .top-con {
        width: 100%;
        margin: 0 auto 2rem;
    }
    .pro-info .box4 {
        margin-top: 2rem;
    }
    .pro-info .box4 .top-con .intro {
        font-size: .7rem;
        padding: 0 .8rem;
    }
    .solution .search {
        width: 100%;
        height: 1.8rem;
    }
    .solution .li-box .li {
        width: 100%;
    }
    .solution .li-box .li .intro .more {
        font-size: .7rem;
        margin-top: .3rem;
    }
    .solution .li-box .li .intro {
        padding-left: .5rem;
    }
    .solution .li-box .li .intro {
        width: calc(100% - 7.45rem);
    }
    .solution .li-box {
        margin-top: 2rem;
    }
    .sol-info .box1 .wrap {
        flex-direction: column-reverse;
    }
    .sol-info .box1 .pic {
        width: 100%;
        margin-left: 0;
    }
    .sol-info .box1 .intro {
        width: 100%;
    }
    .sol-info .main-tit {
        text-align: center;
    }
    .sol-info .box1 .intro .txt {
        margin-top: .8rem;
        color: #333;
        text-align: center;
        font-size: .75rem;
        font-weight: 400;
        line-height: 186.667%;
    }
    .sol-info .box3 .container {
        flex-direction: column;
        padding: .8rem;
        margin-top: 1rem;
    }
    .sol-info .box3 .container .pic-box {
        width: 100%;
    }
    .sol-info .box3 .container .li-box {
        width: 100%;
        padding-left: 0;
        margin-top: .8rem;
    }
    .sol-info .box3 .container .li-box .li .top-bots .h {
        padding-right: 1rem;
    }
    .sol-info .box3 .container .li-box .li.active .top-bots .h {
        font-size: .8rem;
    }
    .sol-info .box3 .container .li-box .li .btn-bots {
        font-size: .7rem;
    }
    .sol-info .box4 {
        margin-top: 2rem;
    }
    .sol-info .box4 .box4-swiper {
        margin-top: 1rem;
    }
    .sol-info .box4 .box4-swiper .swiper-slide .pos-cont .h {
        font-size: .7rem;
        line-height: 1.4;
    }
    .sol-info .box5 {
        padding: 2rem 0;
    }
    .sol-info .box5 .box5-swiper .swiper-slide {
        width: 49%;
    }
    .sol-info .box5 .box5-swiper .swiper-slide .h {
        margin-top: .8rem;
        font-size: .7rem;
    }
    .main-con .li-box {
        flex-direction: column;
    }
    .main-con .li-box .li {
        width: 100%;
        height: 14.2rem;
        padding: 1.2rem;
    }
    .sol-info .box6 {
        margin-top: 2rem;
    }
    .main-con .li-box .li .h {
        /*margin-top: .8rem;*/
        margin-top: 1.2rem;
    }
    .main-con .li-box .li .h {
        font-size: 1.2rem;
    }
    .main-con .li-box .li .txt {
        font-size: .7rem;
        margin-top: 1rem;
    }
    .main-con .li-box .li .more {
        font-size: .7rem;
        width: 8.75rem;
        height: 2.25rem;
        margin-top: 1.6rem;
    }
    .main-con .li-box .li .tag {
        font-size: .75rem;
    }
    .sol-info .box3 {
        margin-top: 2rem;
    }
    .competitive .box1 .li-box .li {
        flex-direction: column;
    }
    .competitive .box1 .li-box .li .pic {
        width: 100%;
    }
    .competitive .box1 .li-box .li .intro {
        width: 100%;
        margin-top: .8rem;
    }
    .competitive .box1 .li-box .li .intro .h {
        font-size: .8rem;
    }
    .competitive .box1 .li-box .li .intro .cont p {
        font-size: .7rem;
    }
    .competitive .box1 .li-box .li:nth-child(even) {
        flex-direction: column;
    }
    .competitive .box1 .li-box .li {
        margin-bottom: 2rem;
    }
    .competitive .box2 .top-intro {
        flex-direction: column;
    }
    .competitive .box2 .top-intro .main-tit {
        text-align: center;
    }
    .competitive .box2 .top-intro .txt {
        width: 100%;
        margin-top: .8rem;
    }
    .competitive .box2 .top-intro .txt {
        color: #333;
        text-align: center;
        font-size: .75rem;
        font-weight: 400;
        line-height: 186.667%;
    }
    .competitive .box2 .box2-top-swiper .swiper-slide {
        width: 80%;
    }
    .competitive .box2 .box2-btm-swiper .swiper-slide {
        width: 80%;
    }
    .competitive .box2 .box2-btm-swiper .active .sub {
        font-size: .8rem;
    }
    .competitive .box2 .box2-btm-swiper .swiper-slide .cont p {
        font-size: .7rem;
    }
    .competitive .box2 .box2-btm-swiper .swiper-slide .cont {
        height: 8rem;
        overflow-y: auto;
    }
    
    .swiper-box3 {
        width: 17.15rem;
        margin-top: .8rem;
    }
    .swiper-box3 .swiper-slide {
        width: 16rem;
        margin-right: 1rem;
    }
    .competitive .pos-cont {
      /*width: 11.05rem;*/
      width: 16rem;
      border-radius: 0.25rem;
      padding: 0.65rem 0.75rem;
      background-color: rgba(188, 188, 188, 0.2);
      -webkit-backdrop-filter: blur(80px);
              backdrop-filter: blur(80px);
      border: 1px solid #fff;
      /*opacity: 0;*/
      /*visibility: hidden;*/
      /*transform: translateX(-1rem);*/
      transition: all 0.4s ease-in-out;
    }
    .competitive .pos-cont .name {
      display: flex;
      align-items: center;
      gap: 0.25rem;
      color: var(--vi);
      line-height: 1.5;
    }
    .competitive .pos-cont .name span {
      width: 0.45rem;
    }
    .competitive .pos-cont .cont {
      margin-top: 0.3rem;
      color: #333333;
      line-height: 1.4;
      text-align: left;
    }
    .competitive .box4 .box4-swiper .swiper-slide {
        width: 80%;
    }
    .competitive .box4 {
        margin-top: 2rem;
    }
    .competitive .box4 .top-intro .tab span {
        height: 2.5rem;
        line-height: 2.5rem;
    }
    .competitive .box4 .box4-swiper .swiper-slide .h {
        font-size: .7rem;
    }
    .competitive .box3 .point:hover .pos-cont {
        opacity: 0;
        visibility: hidden;
    }
    .competitive .box5 .box5-swiper .swiper-slide {
        width: 80%;
        height: auto;
    }
    .competitive .box5 .box5-swiper .swiper-button-prev, .competitive .box5 .box5-swiper .swiper-button-next {
        bottom: -1.5rem;
    }
    .competitive .box1 {
        padding: 2rem 0;
    }
    .references .tab a {
        height: 2.5rem;
        line-height: 2.5rem;
    }
    .references .tab {
        gap: .25rem;
        
    }
    .references .tab a {
        padding: 0 .2rem;
        flex-shrink: 0;
    }
    .references .hot .li {
        width: 100%;
    }
    .references .hot .li .intro .tit {
        font-size: .8rem;
    }
    .references .hot .li .intro .more {
        font-size: .7rem;
    }
    .references .hot .li .intro .time {
        font-size: .6rem;
    }
    .references .li-box .li {
        width: calc((100% - 1rem) / 2);
    }
    .info-share {
        position: static;
    }
    .social-share {
        display: flex;
        gap: .3rem;
    }
    .refer-info .box1 .cont {
        padding: 1rem 0 0;
    }
    .social-share .social-share-icon {
        width: 1rem;
        height: 1rem;
    }
    .refer-info .box1 .info-page {
        padding: 0 0 1rem;
    }
    .refer-info .box2 {
        margin-top: 2rem;
        padding-bottom: 2rem;
    }
    .refer-info .box2 .box2-swiper .swiper-slide {
        width: 80%;
    }
    .refer-info .box2 .box2-swiper .swiper-slide .intro .time {
        font-size: .6rem;
    }
    .refer-info .box2 .box2-swiper .swiper-slide .intro .tit {
        font-size: .8rem;
    }
    .refer-info .box2 .box2-swiper .swiper-slide .intro .more {
        font-size: .7rem;
    }
    .refer-info .box1 .tit {
        font-size: .9rem;
    }
    .refer-info .box2 .tit {
        font-size: .9rem;
    }
    .refer-info .box2 .box2-swiper {
        margin-top: 1rem;
    }
    .about .box6 .container .lf .more {
        width: 5rem;
        height: 2.5rem;
        line-height: 2.5rem;
    }
    .index .box5 .container .rg {
        width: 100%;
    }
    .index .box5 .container .rg .li .more {
        position: static;
        margin-left: 1.2rem;
    }
    .index .box5 .container .rg .li {
        border-radius: 0 0 1rem 1rem;
        background: #F6F7F8;
        padding-bottom: 1.8rem;
        margin-bottom: 1.3rem;
    }
    .index .box5 .container .rg .li .time {
        margin-top: 1.2rem;
        padding-left: 1.2rem;
        
        color: #666;
        font-size: .7rem;
        font-weight: 400;
    }
    .index .box5 .container .rg .li .h {
        margin-top: .9rem;
        padding: 0 1.2rem;
        width: 100%;
        
        color: #333;
        font-size: .8rem;
        font-weight: 400;
        line-height: 150%;
    }
    .index .box5 .container .rg .li .more {
        display: inline-flex;
        
        color: #0068B7;
        font-size: .7rem;
        font-weight: 400;
        margin-top: 1.1rem;
    }
    .index .box6 {
        margin-top: 1.5rem;
    }
    .refer-info .box1 .info-page a {
        width: 45%;
        white-space: nowrap;
    }
        .about .box3 .btn {
        height: 2.5rem;
    }
    .join-dialog .container{width: 320px;padding:30px 20px;}
    .join-dialog .container .close{top: 20px;right: 20px;}
    .sol-info .box4 .box4-swiper .swiper-slide .pos-cont{bottom: 12px;padding: 0 20px;}
    .sol-info .box4 .box4-swiper .swiper-slide .pic::after{height:55%;}
    .competitive .box1 .li-box .li .intro .num{top: -1.6rem;}
    .competitive .box1 .li-box .li .intro .cont p::after{top:0.28rem;}
    .competitive .box2 .box2-btm-swiper .swiper-slide .cont p::after{top:0.3rem;}
    .competitive .box4 .top-intro .tab span{line-height: 1.6rem;height: 1.6rem;}
    .competitive .box4 .box4-swiper .box4-pagination{margin-top: 2.4rem;}
    .competitive .box4 .box4-swiper .swiper-button-prev, .competitive .box4 .box4-swiper .swiper-button-next{width: 1.5rem;height: 1.5rem;}
    .references .tab a{line-height: 1.6rem;height: 1.6rem;}
    .references .li-box .li{width: 100%;}
    .references .li-box .li .intro{margin-top: 12px;}
    .references .li-box .li .intro .tit{margin-top: 8px;}
    .references .li-box{gap: 30px;}
    .refer-info .box1 .cont img{height: auto!important;}
    .about .box6 .container .lf .more,.about .box3 .btn{line-height: 1.6rem;height: 1.6rem;}
    .pro-list .box3 .item-box .item{width: 100%;}
    .pro-list .box3 .item-box .item .intro{font-size: .7rem;padding: 0 0.8rem;}
    .swiper-box2-more{padding: 0rem 1.2rem 0rem .8rem;line-height: 1.6rem;height: 1.6rem;}
    .index .box3 .more,.index .box4 .container .mid .more{padding: 0rem 1.2rem 0rem .8rem;line-height: 1.6rem;height: 1.6rem;}
    .footer .top .mid .rg{margin-top: 0;margin-bottom: 1.8rem;}
    .footer .top .mid{display: block;padding-bottom: 1rem;}
    .pro-info .box2 .container .pic{width: 60%;}
    .refer-info .box1 .cont img{display: block;width: 100%!important;height: auto!important;}
    .index .box2 .container .lf .point:hover .name{font-size:10px;}
    .join-dialog .container .agree{font-size: 12px;width: fit-content;}
    .competitive .swiper-box3{overflow: hidden;width: 100%;padding: 0 calc(50% - 8.8rem);}
    .about .box8{overflow: hidden;}
}