@media (max-width: 997px) {
    .car_box {
        display: none;
    }
    body {
        overflow: hidden;
    }
    .header {
        height: 3rem;
        padding: 0 .875rem;
    }
    .header .logo {
        width: 4.175rem;
        height: 1.2rem;
        background-size: contain;
    }
    .header .side-btn {
        flex: 1;
        display: block;
        position: relative;
        height: .975rem;
        width: .975rem;
    }
    .header .side-btn .close {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        display: flex;
        flex-direction: column;
        width: .975rem;
        height: .975rem;
        justify-content: center;
        transition: all .5s;
    }
    .header .side-btn .close .line1 {
        width: .975rem;
        height: .05rem;
        border-radius: .05rem;
        background: #000;
        transition: all .6s;
    }
    .header .side-btn .close .line2 {
        width: .975rem;
        height: .05rem;
        border-radius: .05rem;
        background: #000;
        transition: all .6s;
    }
    .header .side-btn img{
        width: .975rem;
        height: .95rem;
        position: absolute;
        opacity: 1;
        top: 0;
        left: 0;
        transition: all .5s;
    }
    .header .side-btn.active img {
        opacity: 0;
    }
    .header .side-btn.active .close {
        opacity: 1;
    }
    .header .side-btn.active .close .line1 {
        transform: rotate(45deg);
    }
    .header .side-btn.active .close .line2 {
        transform: rotate(-45deg);
    }
    .header .nav {
        display: none;
    }
    .header .mb-nav {
        display: none;
        opacity: 1;
        position: absolute;
        top: 3rem;
        left: 0;
        height: calc(100vh - 3rem);
        overflow-y: auto;
        z-index: 3;
        padding: 0;
    }
    .header .mb-nav .item .title {
        padding: .85rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header .mb-nav .item:nth-child(2n-1) .title {
        background-color: #171c610d;
    }
    .header .mb-nav .item .title>a {
        /*font-size: .85rem;*/
        font-weight: 600;
        flex: 1;
    }
    .header .mb-nav .item .title .svg-box {
        width: 20%;
        height: 100%;
        display: flex;
        align-content: center;
        justify-content: center;
    }
    .header .mb-nav .item .title .svg-box svg {
        width: .625rem;
        height: .35rem;
        transform: rotate(-90deg);
        transition: all .5s;
    }
    .header .mb-nav .item .title .svg-box svg.on {
        transform: rotate(0deg);
    }
    .head-drop .rg .list .con {
        border: none;
    }
    .header .mb-nav .item .head-drop {
        position: inherit;
        height: auto;
    }
    .header .mb-nav .item .head-drop .wrap {
        flex-direction: column;
    }
    .header .mb-nav .item .head-drop .wrap .li .thr-box {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .header .mb-nav .item .head-drop .wrap .li .thr-sli {
        display: none;
        padding: .6rem 1rem;
    }
    .header .mb-nav .item .head-drop .wrap .li .thr-sli a {
        line-height: 1.6rem;
    }
    .head-drop .lf {
        padding: 1rem 2.85rem 1rem 2.25rem;
    }
    .head-drop .lf .li {
        flex-direction: column;
        align-items: flex-start;
        line-height: 1.8rem;
        margin-bottom: 0;
    }
     .head-drop .lf .li.active .thr-box p {
         color: #E50113;
     }
     .head-drop .lf .li.active .thr-box span {
        transform: rotate(0deg);
     }
    .head-drop .lf .li span {
        opacity: 1;
        transform: rotate(-90deg);
    }
    .header .mb-nav .item .head-drop .lf {
        width: 100%;
        background-color: #fff;
    }
    .header .mb-nav .item .head-drop .lf .li>span {
        opacity: 1;
    } 
    .header .mb-nav .item .head-drop .lf .li>span>img {
        transform: rotate(-90deg);
    }
    .header .mb-nav .item>.list {
        display: none;
        padding: 1rem 2.25rem;
    }
    .header .mb-nav .item>.list>li {
        margin-bottom: 1.2rem;
    }
    .header .right {
        gap: 1.1rem;
        flex: 1;
        justify-content: end;
    }
    .header .right .language {
        display: none;
    }
    .header .right .search {
        background-color: rgba(255, 255, 255, 0);
        width: .85rem;
        height: .85rem;
        margin-right: 0;
    }
    .header .right .search svg {
        width: .85rem;
        height: .85rem;
    }
    .header .right .search svg path {
        fill: black;
    }
    .header .right button {
        display: none;
    }
    .header .right .write {
        display: block;
        width: .85rem;
        height: .9rem;
    }
    
    .index1 .text {
        padding: 0;
        padding-top:4.3rem;
        display: flex;
        justify-content: center;
    }
    .index1 .text span {
        width: 16.975rem;
    }
    .index1 .banner-box .banner {
        height: 11.3rem;
    }
    .index1 .banner-box .banner .item .pic video {
        height: 11.3rem;
    }
    .index2 .text:nth-child(1) span {
        font-size: 1rem;
    }
    .index2 .text:nth-child(1) p {
        width: 17rem;
        font-size: .65rem;
    }
    .index2 .list {
        flex-wrap: wrap;
        margin-left: 0;
        justify-content: space-around;
        gap: 1.05rem;
    }
    
    .index2 .list .item {
        align-items: center;
        padding: 0;
    }
    .index2 .list .item .text {
        align-items: center;
        margin-top: 0;
    }
    .index2 .list .item .text div {
        align-items: flex-start;
    }
    .index2 .list .item .text>div {
        height: 1.75rem;
    }
    .index2 .list .item .text p {
        font-size: .65rem;
        max-width: 6.55rem;
        opacity: .8;
        height: 1.75rem;
    }
    .index2 .list .item .text span {
        transform: translateY(0.2rem);
    }
    .index3 .title {
        text-align: center;
        font-size: 1rem;
        padding: 0 3rem;
    }
    .index3 .banner2 {
        width: auto;
        height: auto;
        overflow: inherit;
    }
    .index3 .banner2.swiper {
        width: 100%;
    }
    .index3 .banner2 .banner2-items {
        display: flex;
        justify-content: center;
        padding: 0 .875rem;
        
    }
    .index3 .banner2 .banner2-items .banner2-item {
        width: 100%;
        height: 17.15rem;
        background: #FFF;
        border-radius: .5rem;
        box-shadow: 0px 0px 1.8975rem 0px rgba(0, 0, 0, 0.08);
        overflow: hidden;
    }
    .index3 .banner2 .banner2-items .banner2-item img {
        height: 9.5rem;
        border-radius: .5rem;
    }
    .index3 .banner2 .banner2-items .banner2-item .text {
        padding: 0;
        top: 10.6rem;
        left: .825rem;
    }
    .index3 .banner2 .banner2-items .banner2-item .text p:nth-child(1) {
        color: #666;
        font-size: .65rem;
    }
    .index3 .banner2 .banner2-items .banner2-item .text p:nth-child(2) {
        color: #000;
        font-size: .95rem;
    }
    .index3 .banner2 .banner2-items .banner2-item a {
        left: .825rem;
        top: 14.85rem;
        border: .025rem solid #000;
    }
    .index3 .banner2 .banner2-items .banner2-item a::after {
        display: none;
    }
    .index3 .banner2 .banner2-items .banner2-item a::before {
        display: none;
    }
    .index4 {
        margin-top: 3.15rem;
    }
    .index4 .title {
        font-size: 1rem;
        padding: 0 3rem;
        text-align: center;
    }
    .index4 .list:nth-child(2) {
        display: none;
    }
    .index4 .list {
        width: 100%;
    }
    /*.index4 .list .swiper-wrapper {*/
    /*    padding-left: 4.15rem;*/
    /*}*/
    .index4 .list .swiper-wrapper .swiper-slide {
        display: flex;
        justify-content: center;
        transition: all .5s;
    }
    .index4 .list .swiper-wrapper .swiper-slide.swiper-slide-next,
    .index4 .list .swiper-wrapper .swiper-slide.swiper-slide-prev{
        transform: scale(.6);
    }
    .index4 .list .swiper-wrapper .swiper-slide .item .bottom {
        width: 100%;
        display: flex;
        justify-content: center;
        left: 0;
    }
    .index4 .list .swiper-wrapper .swiper-slide .item .bottom img {
        width: 8.975rem;
        height: 5.875rem;
    }
    .index4 .list .item .text {
        top: 1.275rem;
        left: 0;
        padding: 0 .75rem;
    }
    .index4 .list .item .text p:nth-child(1) {
        font-size: .65rem;
    }
    .index4 .list .item .text p:nth-child(2) {
        font-size: .95rem;
        font-weight: 500;
    }
    .index5 {
        height: auto;
        padding-bottom: 3rem;
    }
    .index5 .title {
        padding: 0;
        padding-top: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    .index5 .title .text {
        text-align: center;
        line-height: 1.5rem;
        padding: 0 .875rem;
    }
    .index5 .title a {
        font-size: .6rem;
        width: auto;
        height: auto;
        padding: .3rem .5rem;
    }
    .index5 .title a::before,
    .index5 .title a::after{
        width: .3rem;
        height: .5rem;
    }
    .index5 .radar .after {
        width: 360vw;
        height: 360vw;
        top: -138vw;
        left: -131vw;
    }
    .index5 .swiper-box .swiper-wrapper .swiper-slide .radar-cord {
        position: initial;
        width: 100%;
        height: 4.875rem;
    }
    .index5>.radar-cord {
        display: none;
    }
    .index5 .radar-cord .text span,
    .index5 .radar-cord .text p {
        font-size: .75rem;
    }
    .index5 .swiper-box {
        display: block;
    }
    .index6 {
        margin-top: 3.75rem;
    }
    .index6 .title {
        padding: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .index6 .title .text {
        font-size: 1rem;
        text-align: center;
        padding: 0 2rem;
    }
    .index6 .banner3 .banner3-box {
        padding: 0 .875rem;
        margin-top: .75rem;
        overflow: initial;
    }
    .index6 .banner3 .on {
        flex-direction: column;
        gap: 1.375rem;
    }
    .index6 .banner3 .item {
        align-items: flex-start;
        width: 100%;
        border-radius: .5rem;
        background: #FFF;
        box-shadow: 0px 0px 1.8975rem 0px rgba(0, 0, 0, 0.08);
        padding-bottom: 1.425rem;
    }
    .index6 .banner3 .item .img-box {
        height: 10.5rem;
        width: 100%;
        margin-bottom: 1.425rem;
    }
    .index6 .banner3 .item p {
        font-size: .75rem;
        padding: 0 1rem;
    }
    .index6 .banner3 .item a {
        margin-left: .75rem;
        font-size: .6rem;
        line-height: normal;
    }
    .index6 .title .nav {
        display: none;
    }
    .index6 .banner3 .bottom {
        display: none;
    }
    
    .index7 {
        padding: 3.75rem .875rem;
    }
    .index7 .img-box {
        width: 100%;
        height: 10rem;
    }
    .index7 .img-box img {
        width: 100%;
        height: 100%;
    }
    .index7 .text {
        top: 3.75rem;
        left: .875rem;
        padding: 1.4rem 0 0 .75rem;
    }
    .index7 .text p {
        width: 13.1rem;
        line-height: 130.7%;
        font-weight: 400;
    }
    .index7 .text p:nth-child(1) {
        font-size: 1rem;
    }
    .index7 .text p:nth-child(2) {
        font-size: .65rem;
    }
    .index7 a {
        font-size: .6rem;
        font-weight: 400;
    }
    .index7 a::before,
    .index7 a::after {
        background-size: contain;
    }
    .about1 {
        padding: 3rem .875rem 0 ;
    }
    .about1 .title:nth-child(1) {
        margin-top: 1.775rem;
        text-align: left;
    }
    .about1 .title {
        padding: 0 .875rem;
        text-align: center;
    }
    .about1 .banner .img-box {
        width: 100%;
        height: 11.25rem;
        border-radius: 0;
    }
    .about1 .banner .img-box img {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
    .about1 .banner {
        margin-top: .9rem;
        width: 100%;
    }
    .about1 .banner .pos-cont {
        padding: 0 .875rem;
    }
    .about2 {
        margin-top: 3.75rem;
    }
    .about2 .title {
        text-align: center;
        padding: 0 .875rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .5rem;
    }
    .about2 .title>span {
        width: 100%;
    }
    .about2 .title span {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .about2 .title p {
        font-size: .65rem;
        width: 100%;
        line-height: 161.5%;
    }
    .about2 .list {
        flex-direction: column;
        margin-top: 2.25rem;
    }
    .about2 .list .item {
        display: flex;
        gap: 1.45rem;
        align-items: center;
    }
    .about2 .list .item:nth-child(even) {
        flex-direction: row-reverse;
    }
    .about2 .list .item .img-box {
        width: 7.8rem;
        height: 8.05rem;
    }
    .about2 .list .item .text {
        opacity: 1;
        margin-top: 0;
    }
    .about2 .list .item .text span {
        font-size: .95rem;
    }
    .about2 .list .item .text p {
        font-size: .65rem;
        width: 7.15rem;
        line-height: 1.05rem;
    }
    .about2 .list .item .img-box .item-tit {
        display: none;
    }
    .about3 .title {
        font-size: 1rem;
    }
    .about3 .cir {
        display: none;
    }
    .about3 .main {
        padding: 2.25rem 0 ;
        font-size: 1.75rem;
    }
    .about3 .main .item {
        flex-direction: column;
        align-items: center;
        justify-content: start;
        gap: .85rem;
    }
    .about3 .main .item .list {
        gap: .8rem;
    }
    .about3 .main .item span {
        line-height: inherit;
    }
    .about3 .main .item .list li {
        font-size: .7rem;
    }
    .about3 .main .item .list li span {
        width: 14.175rem;
    }
    .about3 .img-box {
        width: 200%;
    }
    .about3 .progress-box {
        width: 100%;
    }
    .about3 .progress-box .progress .line .dian .li {
        display: none;
    }
    .about3 .progress-box .progress .red-line {
        left: 0;
    }
    .about4 .title span {
        font-size: 1rem;
    }
    .about4 .title p {
        width: 17rem;
        font-size: .65rem;
    }
    .about4 .about4-box {
        display: none;
    }
    .about4 .about4-box1 {
        display: flex;
        width: 100%;
        margin-top: 1.05rem;
    }
    .about4 .about4-box1 .swiper-wrapper .swiper-slide {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        align-items: flex-end;
    }
    .about4 .about4-box1 .swiper-wrapper .swiper-slide .img-box{
        width: 14.5rem;
        height: 8rem;
        border-radius: .4rem;
        overflow: hidden;
    }
    .about4 .about4-box1 .swiper-wrapper .swiper-slide .img-box img {
        width: 100%;
        height: 100%;
    }
    .about4 .about4-box1 .swiper-wrapper .swiper-slide .text {
        text-align: left;
    }
    .about4 .about4-box1 .swiper-wrapper .swiper-slide .text span {
        font-size: .75rem;
        font-weight: 500;
        color: #E50113;
    }
    .about4 .about4-box1 .swiper-wrapper .swiper-slide .text p {
        width: 13.925rem;
        font-size: .65rem;
        line-height: 1.05rem;
        font-weight: 400;
    }
    .about5 .title span {
        font-size: 1rem;
    }
    .about5 .title p {
        font-size: .65rem;
        line-height: 1.05rem;
        margin-top: .5rem;
    }
    .about5 .mask {
        display: none;
    }
    .about5 .list {
        margin-top: 1.125rem;
    }
    .about5 .list .scroll-container2 {
        display: none;
    }
    .about5 .list .swiper-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
    .about5 .list .swiper-wrapper .item.swiper-slide {
        width: 5.35rem;
        height: 2.75rem;
        border-radius: .25rem;
    }
    .about5 .bottom .img-box {
        width: 17rem;
        height: 15.75rem;
    }
    .about5 .bottom .img-box .text span {
        font-size: 1rem;
    }
    .about5 .bottom .img-box .text p {
        font-size: .65rem;
    }
    .pro-ani {
        height: auto;
    }
    .pro-ani .about1,
    .pro-ani .box1,
    .pro-ani .box2{
        position: initial;
    }
    .pro-ani .about1 {
        padding: 3rem 0 0;
    }
    .pro-ani .pro-swiper {
        top:50%;
        right: 50%;
        transform: translate(50%, -50%);
        display: none;
    }
    .pro-ani .box1 .rg .pro-swiper {
        display: block;
    }
    .pro-ani .box1 .rg>p {
        display: none;
    }
    .pro-ani .box1 {
        transform: translateY(0);
    }
    .pro-ani .box2 {
        padding-bottom: 2.2rem;
    }
    .pro-ani .box2 .wrap {
        padding: 0rem .75rem 1rem;
    }
    .pro-ani .box2 .wrap .pro-swiper {
        display: block;
        position: initial;
        transform: translate(0);
        width: 100%;
    }
    .pro-ani .box2 .wrap .pro-swiper .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pro-ani .box2 .wrap .pro-swiper .swiper-slide img {
        width: 10rem;
        height: 10rem;
        object-fit: contain;
    }
    .pro-ani .box2 .swiper-box {
        width: 100%;
    }
    .pro-ani .box2 .swiper-box .swiper-button-prev, .pro-ani .box2 .swiper-box .swiper-button-next {
        display: none;
    }
    .pro-ani2 {
        height: auto;
    }
    .pro-ani2 .li-box {
        padding-bottom: 2.25rem;
    }
    .pro-ani2 .li-box .li {
        padding: 1rem;
        background-color:rgba(0, 0, 0, 0.40) ;
    }
    .pro-ani2 .li-box .li .con .h1,
    .pro-ani2 .li-box .li .con .txt{
        color: #fff;
    }
    .pro-ani2 .li-box .li:nth-child(2n-1) {
        flex-direction: column;
    }
    .pro-ani2 .li-box .li .pic {
        width: 100%;
    }
    .pro-ani2 .li-box .li .con {
        width: 100%;
        padding: 0;
        margin-top: 1rem;
    }
    .pro-info .box3 {
        padding: 2rem 0;
    }
    .main-tit {
        padding-top: 1.775rem;
    }
    .solution .ani-box {
        overflow: inherit !important;
        height: auto !important;
    }
    .solution .box1 {
        height: auto !important;
    }
    .solution .box1 .pos-bg {
        position: initial !important;
        width: 100% !important;
        height: 7.25rem !important;
        margin-top: 1rem;
    }
    .solution .box1 .pos-bg img {
        border-radius: 0;
    }
    .solution .box1 .container {
        opacity: 1 !important;
        overflow: inherit;
        position: initial !important;
        width: 100% !important;
        margin-top: 1.2rem;
        height: auto !important;
    }
    .solution .box1 .container .rg {
        width: 100% !important;
        padding: 0 !important;
    }
    .solution .box1 .container .rg .h1 {
        font-size: 1rem;
        padding-top: 0;
    }
    .solution .box1 .container .rg>div>p,
    .solution .box1 .container .rg>div>div{
        font-size: .65rem;
    }
    .solution .box2 {
        margin-top: 2.75rem;
    }
    .solution .box2 .wrap .white {
        font-size: 1rem;
    }
    .solution .box2 .txt {
        font-size: .65rem;
        width: 17rem;
    }
    .solution .box2 .li-box div.li {
        width: 15.5rem;
        height: 6.4rem;
        padding-right: 1rem;
        padding-left: 3rem;
        display: flex;
        flex-direction: column;
        /*justify-content: center;*/
        gap: .75rem;
    }
    .solution .box2 .li-box .li .h1 {
        font-size: .85rem;
    }
    .solution .box2 .li-box div.li .con {
        font-size: .65rem;
        max-height: inherit;
    }
    .solution .box2 .li-box div.li .icon {
        left: .95rem;
        top: .5rem;
        transform: translateY(0);
    }
    .solution .box2 .li-box .swiper-pagination {
        display: none;
    }
    .solution div.box3 {
        padding: .75rem 0 0;
    }
    .solution .box3 .txt {
        margin: .5rem auto;
        width: 100%;
    }
    .solution .box3 .txt>p {
        font-size: .65rem;
    }
    .solution .box3 .main-tit {
        padding-top: 0;
        font-size: 1rem;
    }
    .solution .box3 .li-box {
        margin-top: 1.25rem;
    }
    .solution .box3 .li-box .li .pos-cont .h1 {
        font-size: .65rem;
    }
    .solution .box3 .li-box .li .pos-cont .cont {
        font-size: .7rem;
    }
    .solution .box4 .main-tit {
        padding-top: 0;
        font-size: 1rem;
        text-align: center;
    }
    .solution .box4 .box4-swiper .swiper-slide {
        width: 100% !important;
        overflow: hidden;
    }
    .solution .box4 .box4-swiper .swiper-slide div.pic {
        width: 100%;
    }
    .solution .box4 .box4-swiper .swiper-slide .pos-cont .num {
        font-size: .8rem;
    }
    .solution .box4 .box4-swiper .swiper-slide .pos-cont .h {
        font-size: .75rem;
    }
    .solution .box4 .box4-swiper .swiper-slide .pos-cont .txt {
        font-size: .65rem;
        margin-top: .55rem;
    }
    .solution .box4 .box4-swiper .swiper-slide .pos-cont .num,
    .solution .box4 .box4-swiper .swiper-slide .pos-cont .h,
    .solution .box4 .box4-swiper .swiper-slide .pos-cont .txt {
        transform: scale(1);
    }
    .solution .box4 .box4-swiper .swiper-pagination {
        display: none;
    }
    .solution div.box5 {
        padding: .5rem 0 2.25rem;
    }
    .solution .box5 .container div.li-box {
        position: inherit;
        flex-direction: column;
    }
    .solution .box5 .container .li-box div.li,
    .solution .box5 .container .li-box div.li div.box{
        width: 100%;
    }
    .solution .box5 .container .li-box .li .box .btn-box {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: end;
        position: relative;
    }
    .solution .box5 .container .li-box .li .box .btn-box img {
        position: absolute;
        width: .55rem;
        height: .55rem;
        object-fit: contain;
        transition: all .5s;
    }
    .solution .box5 .container .li-box .li .box .btn-box img:nth-child(2) {
        opacity: 0;
    }
    .solution .box5 .container .li-box .li .box .btn-box.on img:nth-child(1) {
        opacity: 0;
    } 
    .solution .box5 .container .li-box .li .box .btn-box.on img:nth-child(2) {
        opacity: 1;
    }
    .solution .box5 .container .li-box .li.active .con,
    .solution .box5 .container .li-box .li.active .more {
        display: none;
    }
    .solution .box6 .li-box {
        flex-direction: column;
        width: 100%;
        gap: 3.75rem;
    }
    .solution .box6 .li-box a.li {
        width: 100%;
    }
    .solution .box6 .li-box a.li .num, .solution .box6 .li-box a.li .intro .h, .solution .box6 .li-box a.li .intro .txt {
        color: #fff;
    }
    .solution .box6 .li-box a.li .pic {
        top: -1.5rem;
        transform: translate(0);
    }
    .solution .box6 .li-box a.li .bg,
    .solution .box6 .li-box a.li .arr {
        opacity: 1;
    }
    .pro-ani .box1 .wrap {
        flex-direction: column-reverse;
    }
    .pro-ani .box1 .lf {
        width: 100%;
        padding-right: 0;
        margin-top: 4.125rem;
    }
    .pro-ani .box1 .rg {
        width: 100%;
        height: 9.875rem;
    }
    .pro-ani .box1 .rg .h1 {
        top: initial;
        bottom: -3.15rem;
        animation: none;
        left: 0;
        position: absolute;
        display: flex;
        align-items: center;
        gap: .25rem;
    }
    .pro-ani .box1 .rg p {
        line-height: 1.55rem;
        height: auto;
        position: initial;
    }
    .pro-info .box3 .container {
        flex-direction: column;
    }
    .pro-info .box3 .pic-box {
        width: 100%;
    }
    .pro-info .box3 .li-box {
        width: 100%;
        padding-left: 0;
        margin-top: 1rem;
    }
    .pro-info .box3 .li-box .li {
        padding-left: 0;
        padding: .7rem 1rem;
    }
    .pro-info .box3 .li-box .li .top-bots {
        padding-right: 0;
    }
    .pro-info .box3 .li-box .li .top-bots p {
        padding-right: .9rem;
    }
    .pro-info .box3 .li-box .li .top-bots .arr {
        flex-shrink: 0;
    }
    .pro-info .box3 .li-box .li .btn-bots {
        padding: .75rem 1rem 0 0;
    }
    .server1 .list {
        flex-direction: column;
        width: 100%;
        padding: 0 .875rem;
        height: auto;
        gap: .75rem;
    }
    .server1 .list .item,
    .server1 .list .item.active{
        width: 100%;
        flex-shrink: 0;
        border-radius: .4rem;
        background-color: #fff;
    }
    .server1 .list .item .top {
        display: flex;
    }
    .server1 .list .item .img-box {
        display: flex;
    }
    .server1 .list .item button {
        display: block;
    }
    .server1 .list .item .num,
    .server1 .list .item .tit,
    .server1 .list .item .icon{
        opacity: 0;
    }
    .server1 .list .item .text {
        margin-top: 3.75rem;
        display: block;
    }
    .server1 .list .item .text P {
        width: 100%;
    }
    .form1 {
        margin-top: 2rem;
        padding: 0 .875rem 11rem;
    }
    .form1 .location {
        padding: 0;
    }
    .form1 .location > svg {
        width: 100%;
    }
    .form1 .location>div,
    .form1 .location>img,
    .form1 .location .loc-list.loc-list1 {
        display: none !important;
    }
    .form1 .location .loc-list.swiper {
        display: block;
        width: 100%;
    }
    .form1 .location .loc-list .item {
        width: auto;
        height: 11.8rem;
    }
    .form1 .location .loc-list .item .bottom button {
        width: auto;
        height: auto;
        padding: 0 .5rem;
        line-height: 1.2rem;
    }
    .form1 .nav-list {
        overflow: auto;
        scrollbar-width: none;
        gap: 0;
        justify-content: start;
    }
    .form1 .nav-list .item {
        width: auto;
        text-wrap: nowrap;
        margin-right:1.2rem;
    }
    .form1 .nav-list .item:last-child {
        margin-right: 0;
    }
    .form2 {
        padding: 0 .875rem;
    }
    .form2 .title {
        padding: 0 .75rem;
    }
    .form2 .title p {
        width: 100%;
    }
    .form2 .form-box {
        width: 100%;
    }
    .form2 .form-box form {
        padding: 1.25rem .875rem;
    }
    .form2 .form-box form .item-box {
        flex-direction: column;
    }
    .form2 .form-box form .form-item {
        width: 100%;
    }
    .form2 .form-box form .form-item select,
    .form2 .form-box form .form-item input,
    .form2 .form-box form .form-item textarea{
        width: 100%;
    }
    .form2 .form-box form .form-item select,
    .form2 .form-box form .form-item input {
        height: 1.725rem;
    }
    .form2 .form-box form .form-item .select::after {
        transform: translateY(-50%);
        top: 50%;
    }
    .form2 .form-box form .agree {
        align-items: flex-start;
    }
    .form2 .form-box form .agree input.check-input[type="checkbox"] {
        flex-shrink: 0;
        height: .65rem;
        width: .65rem;
        transform: translateY(.2rem);
    }
    .form3 .form-box form .item-box .form-item .long {
        width: 100%;
    }
    .search-content {
        padding: 0;
    }
    .search2{
        padding: 0 .75rem;
    }
    .search1 .search-input::after {
        display: none;
    }
    .search1 .search-input button {
        position: absolute;
        right: 0;
        padding: 0 .5rem;
        background: #E50113;
        line-height: 1.2rem;
        color: #fff;
        border-radius: .65rem;
    }
    .new-content {
        padding: 4rem .875rem;
    }
    .new-del {
        padding: 4.325rem .875rem;
    }
    .new-content .new-content-box {
        padding: 2.2rem .875rem 0;
    }
    .new-content .new-content-box .new-list {
        margin-top: 0;
    }
    .new-content .new-content-box .new-list .item a {
        flex-direction: column;
    }
    .new-content .new-content-box .new-list .item:last-child a {
        border-bottom: none;
    }
    .new-content .new-content-box .new-list .item .mid span {
        width: 100%;
    }
    .new-content .new-content-box .new-list .item .right img {
        width: 100%;
        height: 15.85rem;
    }
    .new-del .del-box .left .top .share .share-list ul li svg {
        width: 4.375rem;
        height: .75rem;
    }
    .new-del .del-box {
        flex-direction: column;
        padding: 0;
    }
    .new-del .del-box .left {
        padding: 0 .875rem;
    }
    .new-del .del-box .left .mian p {
        width: 100%;
    }
    .side {
        display: none;
    }
    .footer {
        height: auto;
        padding: 0;
    }
    .footer .img-box {
        display: none;
    }
    .footer .foot-logo {
        display: flex;
        align-content: center;
        justify-content: center;
        padding-top: 3.025rem;
        margin-bottom: 2rem;
    }
    .footer .foot-logo img{
        width: 3.9rem;
        height: 1.225rem;
    }
    .footer .line:nth-child(3) {
        display: none;
    }
    .footer .main {
        flex-direction: column-reverse;
        padding-top: 0;
    }
    .footer .main .email-box {
        align-items: center;
    }
    .footer .main .email-box span {
        font-size: 1rem;
    }
    .footer .main .email-box .email {
        width: 17rem;
        height: 1.8rem;
    }
    .footer .main .email-box .email input[type="text"] {
        font-size: .65rem;
    }
    .footer .main .email-box .email input[type="text"]::placeholder {
        font-size: .65rem;
        line-height: .75rem;
    }
    .footer .main .email-box .email input[type="submit"] {
        width: 6.125rem;
        height: 1.8rem;
        font-size: .65rem;
    }
    .footer .main .email-box .icon-list {
        margin-top: 1.8rem;
        gap: 1rem;
    }
    .footer .main .email-box .icon-list li img {
        width: 1.5rem;
        height: 1.5rem;
    }
    .footer .main .nav-list {
        margin-top: 2.7rem;
        flex-wrap: wrap;
        padding: 0 .875rem;
        gap: 1.75rem 2.7rem;
    }
    .footer .main .nav-list .items a {
        font-size: .7rem;
        width: 3.375rem;
    }
    .footer .main .nav-list .items .list {
        display: none;
    }
    .footer .footer-line2 {
        margin-top: 2.7rem;
    }
    .footer .desc {
        flex-direction: column-reverse;
        padding: 1.75rem 0;
        margin-top: 0;
    }
    .footer .desc span {
        font-size: .65rem;
        font-weight: 400;
    }
    
    .pro-info .box1 .wrap {
        flex-direction: column-reverse;
        gap: .75rem;
    }
    .pro-info .box1 .lf {
        width: 100%;
        padding-right: 0;
    }
    .pro-info .box1 .rg {
        width: 100%;
    }
    .pro-info .box2 .wrap .pro-swiper {
        position: initial;
        transform: translateY(0);
    }
    .pro-info .box2 .swiper-box {
        width: 100%;
    }
}