.m-header {
    display: none;
}
.products-info .bags-01 .right .mb-block{
display: none;
}
@media (max-width:1720px) {
    .pro-about .list-09 .right span {
        left: 41%;
    }

    .pro-about .list-08 .list .item-2 .right .swiperImg .btn {
        /* right: 10%;
        top: 90%; */
    }
}

@media (max-width:1660px) {
    .text-bg .texts .right .lf-t {
        padding-right: 0.65rem;
    }

    .text-bg .texts .right .lf-b {
        padding-right: 0.65rem;
    }

    .text-bg .texts .left .lf-t {
        padding-left: .65rem;
    }

    .digitization .box-img {
        width: 62.5%;
    }

    .digitiz-01 .r-le {
        width: 37vw;
    }
}

@media (min-width:1440px) and (max-width:1660px) {
    .build-02 .b1 .box .circle .li-1 {
        right: 9%;
    }

    .build-02 .b1 .box .circle .li-2 {
        right: 8%;
    }

    .build-02 .b1 .box .circle .li-3 {
        right: 9%;
    }

    .build-02 .b1 .box .circle .li1 {
        left: 8%;
    }

    .build-02 .b1 .box .circle .li2 {
        left: 7%;
    }

    .build-02 .b1 .box .circle .li3 {
        left: 8%;
    }
}

@media (max-width:1440px) {
    .digitiz-01 .r-le {
        /* left: -25%; */
        /* top: 0%; */
        /* bottom: 0; */
    }

    .pro-about .list-08 .list .item-2 .right .swiperImg .btn {
        right: 13%;
        top: 100%;
    }

    .pro-about .list-04 .swiper-04 .line .line1 {
        width: 19rem;
    }

    .parallax-container-01 .parallax-nav {
        padding: 0 6rem;
    }

    .parallax-container-01 .parallax-nav .top {
        width: 57%;
    }

    .parallax-container-01 .parallax-nav .top a.on {
        font-size: .75rem;
    }

    .performance .parallax-container-01 .parallax-nav .bottom {
        padding: .8rem 6rem;
    }

    .build-02 .b1 .box .circle .li-1 {
        right: 9%;
    }

    .build-02 .b1 .box .circle .li-2 {
        right: 8%;
    }

    .build-02 .b1 .box .circle .li-3 {
        right: 9%;
    }

    .build-02 .b1 .box .circle .li1 {
        left: 9%;
    }

    .build-02 .b1 .box .circle .li2 {
        left: 8%;
    }

    .build-02 .b1 .box .circle .li3 {
        left: 9%;
    }

}

@media (max-width:1280px) {
    .build .reform .line {
        width: 180%;
    }

    .build-02 .b1 .box .circle .li-1 {
        right: 8%;
    }

    .build-02 .b1 .box .circle .li-2 {
        right: 7%;
    }

    .build-02 .b1 .box .circle .li-3 {
        right: 8%;
    }

    .build-02 .b1 .box .circle .li1 {
        left: 8%;
    }

    .build-02 .b1 .box .circle .li2 {
        left: 7%;
    }

    .build-02 .b1 .box .circle .li3 {
        left: 8%;
    }

    .text-bg .texts {
        max-width: 37%;
        width: 100%;
    }

    .text-bg .texts .center .lf-t .txt1:nth-child(2) {
        margin-bottom: 2px;
    }

    .text-bg .texts .center .lf-t .txt1 {
        margin-top: .125rem;
        margin-left: .15rem;
    }

    .text-bg .texts .center .lf-b .txt1 {
        margin-top: .15rem;
        margin-right: .65rem;
    }

    .text-bg .texts .center .lf-b .txt1:nth-child(2) {
        margin-bottom: 2px;
    }

    .text-bg .texts .center .lf-c {
        margin-left: -6px;
    }
}

@media (max-width:1240px) {
    .pro-about .list-08 .list .item-2 .right .swiperImg .btn {
        right: 24%;
        top: 105%;
    }

    .header-b {
        width: 22rem;
    }

    .pro-about .list-09 .right span {
        left: 39%;
    }

    .pro-about .list-09 .right .img {
        left: 35%;
        top: 42%;
    }

    .pro-about .list-04 .b span .swiper-button-next {
        right: 24%;
    }

    .pro-about .list-04 .b span .swiper-button-prev {
        left: 21%;
    }

    .build-02 .b1 .box .circle .li-1 {
        right: 7%;
    }

    .build-02 .b1 .box .circle .li-2 {
        right: 6%;
    }

    .build-02 .b1 .box .circle .li-3 {
        right: 7%;
    }

    .build-02 .b1 .box .circle .li1 {
        left: 7%;
    }

    .build-02 .b1 .box .circle .li2 {
        left: 6%;
    }

    .build-02 .b1 .box .circle .li3 {
        left: 7%;
    }
}

@media (max-width:1120px) {
    .digitiz-01 .r-le {
        position: relative;
        width: 100%;
        height: 10rem;
        margin-bottom: 1.5rem;
    }

    .digitiz-01 .r-le .txt {
        /* position: relative;   */
    }

    .digitization .box-img {
        width: 100%;
    }

    .digitiz-01 .r-le .box-i {
        /* height: auto !important;  */
    }

    .digitiz-01 .r-le {
        left: 0%;
        transform: translateX(-50%);
        top: 0;
    }

    .digitization .box-img {
        flex-direction: column;
    }
}

@media (max-width:1080px) {
    .build-02 .b1 .box .circle .li-1 {
        right: 6%;
    }

    .build-02 .b1 .box .circle .li-2 {
        right: 5%;
    }

    .build-02 .b1 .box .circle .li-3 {
        right: 6%;
    }

    .build-02 .b1 .box .circle .li1 {
        left: 6%;
    }

    .build-02 .b1 .box .circle .li2 {
        left: 5%;
    }

    .build-02 .b1 .box .circle .li3 {
        left: 6%;
    }

    .header-b {
        width: 18rem;
    }

    .text-bg .texts {
        max-width: 43%;
        width: 100%;
    }

    .text-bg .texts .center {
        max-width: 44%;
    }

    .text-bg .texts .center .lf-t .txt1:nth-child(2) {
        margin-bottom: 0.46rem;
    }

    .text-bg .texts .center .lf-t .txt1 {
        margin-top: 0.6rem;
        margin-left: 0.4rem;
    }

    .text-bg .texts .center .lf-b .txt1 {
        margin-top: 0.6rem;
        margin-right: 0.6rem;
    }

    .text-bg .texts .center .lf-b .txt1:nth-child(2) {
        margin-bottom: 0.46rem;
    }

    .text-bg .texts .center .lf-c {
        margin-left: -5px;
    }
}

@media (max-width:1060px) {
    .parallax-container-01 .parallax-nav .top {
        width: 60%;
    }

    .parallax-container-01 .parallax-nav .top a.on {
        font-size: .6rem;
    }

    .parallax-container-01 .parallax-nav .top a:nth-child(2) {
        padding-left: 0.5rem;
        padding-right: .5rem;
    }

    /* .build-01 .item {
        padding: .75rem 1rem;
    }

    .build .cricle {
        height: 9rem;
        width: 9rem;
    }

    .build .cricle {
        padding: 1.5rem;
    } */
}

@media (min-width:997px) and (max-width:1090px) {
    .join-c-box .left .cont {
        opacity: 1;
        transform: translateY(0);
    }

    .join-c-box .left.active .cont {
        opacity: 1;
        transform: translateY(0);
    }

    .join-c-box .left .tx {
        display: none;
    }
}

@media (max-width:1024px) {
    .project-03 .b2 .list {
        flex-direction: column;
    }

    .join-c-box .left .tx {
        display: none;
    }

    .project-03 .b2 .list .ul-img {
        height: auto;
    }

    .project-03 .b2 .list .ul-img img {
        width: 100%;
        object-fit: cover;
    }

    .header-b {
        width: 18rem;
    }

    .build-02 .b1 .box .circle .li-1 {
        right: 3%;
    }

    .build-02 .b1 .box .circle .li-2 {
        right: 0%;
    }

    .build-02 .b1 .box .circle .li-3 {
        right: 3%;
    }

    .build-02 .b1 .box .circle .li1 {
        left: 3%;
    }

    .build-02 .b1 .box .circle .li2 {
        left: 0%;
    }

    .build-02 .b1 .box .circle .li3 {
        left: 3%;
    }
}

@media (max-width:996px) {
    .repair-box {
        padding: 0rem 0% 0;
    }

    .reload-04 .bottom-01 .swiper-wrapper {
        padding-bottom: .5rem;
    }

    .reload-04 .bottom-01 .bottom-swiper .swiper-slide:hover img {
        transform: scale(1);
    }

    .reload-04 .bottom-01 .bottom-swiper .swiper-slide:hover txt {
        background-color: #fff;
        color: #000;
    }

    .build-04 .swiper-pagination-progress .swiper-pagination-progressbar {
        top: 0vw;
    }

    .build-04 .swiper-container-horizontal>.swiper-pagination-progress {
        height: .2rem;
        margin-top: 0.5rem;
    }

    .repair-01 .swiper-slide {
        width: 100%;
        margin-bottom: 1rem;
        min-height: 12rem;
    }

    .repair-01 .text {
        height: auto;
        padding: 1rem .25rem 1rem;
        background-color: #fff;
    }

    .repair-01 .swiper-slide a {
        position: relative;
        width: 4.5rem;
        left: 0;
        bottom: 0;
        transform: translate(0%, 0%);
        font-size: 12px;
    }

    .repair-01 .t3 {
        line-height: 1.4;
        margin: .5rem 0;
    }

    .repair-01 .t2 {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .repair-01 .image {
        height: 7rem;
    }

    .repair-01 .repair-swiepr {
        width: 100%;
        margin: 0 auto;
        min-height: 18rem;
    }

    .repair-01 .swiper-wrapper {
        /* flex-direction: column !important; */
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .repair-01 {
        padding: 0rem 4% 1.5rem;
    }

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

    .performance.parallax .list .left .t4 {
        cursor: pointer;
    }

    .parallax .list .left.active .close {
        cursor: pointer;
    }

    .parallax-container-01 .parallax-nav .top a:nth-child(2) {
        padding-right: .25rem;
    }

    .j-list-5 .swiper-container-fade .swiper-slide {
        height: auto !important;
    }

    .pro-about .list-02 .right .top {
        font-weight: normal;
    }

    .parallax-container-01 .parallax-nav .top a {
        padding: 0;
    }

    .pro-about .lis {
        padding: 0 4%;
    }

    html.s {
        overflow: scroll;
    }

    .mb {
        display: block;
    }

    .b.mb {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .pc {
        display: none;
    }

    .m-header {
        height: 2.5rem;
        padding: 0 5%;
        background-color: #fff;
        position: fixed;
        width: 100%;
        z-index: 333;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    .header-left {
        height: auto;
    }

    .header-left a {
        display: block;
        width: 6rem;
    }

    .header {
        display: none;
    }

    .m-header .right_btn {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: flex-start;
    }

    .m-header .right_btn .lan {
        margin-right: 0.5rem;
        cursor: pointer;
        line-height: 1;
        /* height: .75rem; */
    }

    .m-header .right_btn .search {
        line-height: 1;
    }

    .m-header .right_btn .search svg {
        width: 16px;
        height: 16px;
        margin-right: .5rem;
    }

    .m-header .right_btn .hamburger {
        padding: 0;
        height: 20px;
        margin-left: 0rem;
    }

    .hamburger-box {
        width: 40px;
        height: 24px;
        display: inline-block;
        position: relative;
    }

    .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px;
    }

    .m-header .right_btn .hamburger-box {
        width: 20px;
        height: 20px;
        transform: scale(.8);
    }

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 20px;
        height: 4px;
        background-color: #000;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }

    .m-header .right_btn .hamburger--3dx-r .hamburger-inner {
        transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    }

    .m-header .right_btn .hamburger-inner,
    .m-header .right_btn .hamburger-inner::before,
    .m-header .right_btn .hamburger-inner::after {
        width: 20px;
        height: 3px;
        background: #333
    }

    .m-header .right_btn .hamburger-inner,
    .m-header .right_btn .hamburger-inner::before,
    .m-header .right_btn .hamburger-inner::after {
        width: 24px;
        height: 2px;
    }

    .m-header .right_btn .hamburger-inner::before {
        top: -8px;
    }

    .m-header .right_btn .hamburger-inner::after {
        bottom: -8px;
    }

    .m-header .right_btn .lan .lan-box {
        font-size: 16px;
        line-height: 1;
        /* margin-bottom: 2px; */
    }

    .m-header .right_btn .is-active .hamburger-inner::before {
        top: -9px;
    }

    .m-header .right_btn .is-active .hamburger-inner::after {
        bottom: -11px;
    }

    .warp-nav {
        height: calc(100vh - 60px);
        padding: 0 0 45px;
        position: fixed;
        background: #f9f9f9;
        width: 100%;
        left: 0;
        top: 82px;
        z-index: 9;
        display: none;
    }

    .warp-nav .nav {
        font-size: 16px;
        color: #333;
        position: relative;
        overflow-y: auto;
        height: calc(100vh - 60px);
    }

    .warp-nav .search {
        width: 90%;
        margin: 0 auto;
        padding: .5rem 0 0 0;
        /* border-bottom: 1px solid rgba(0, 0, 0, 0.3); */
    }

    .warp-nav .search .input1 {
        padding: 0 0.5rem;
        height: 40px;
        color: #000;
        width: 100%;
        background: transparent;
        border-radius: 3px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    }

    .warp-nav .search .input2 {
        width: 30px;
        height: 30px;
        background: url(../img/search.png) no-repeat center center;
        background-size: 15px 16px;
        position: absolute;
        right: 3%;
        top: 50%;
        margin-top: -15px;
    }

    .warp-nav .nav .warp-btn {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
        text-transform: uppercase;
        display: block;
        padding: 15px 0;
        line-height: 1.5;
        position: relative;
        font-size: 16px;
        transition: all .3s ease;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    .warp-nav .nav .li {
        position: relative;
        width: 100%;
        padding: 0 5%;
    }

    .warp-nav .nav .li:first-child {
        padding-top: .125rem;
    }

    .pc-.m-header .right_btn .seach {
        display: none;
    }

    .warp-nav .nav .tit {
        width: 100%;
        padding: 15px 0;
        line-height: 60px;
        position: relative;
        text-transform: uppercase;
        font-size: 16px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        /* transition: all .6s; */
    }

    .warp-nav .nav .sub-tit {
        display: block;
    }

    .warp-nav .nav .tit {
        line-height: 1.5;
    }

    .warp-nav .nav .tit:after {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        text-align: center;
        position: absolute;
        right: 5%;
        top: 20px;
        /* background: url(../img/img1.svg); */
        /* background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 15px auto;
        transform: rotate(0);
        transform-origin: center center;
        transition: all .3s ease-in-out;
        filter: grayscale(100%) brightness(0%) !important; */
        /*  */
        display: inline-block;
        vertical-align: middle;
        border: 2px solid #000;
        border-left-color: transparent;
        border-top-color: transparent;
        transform: rotate(45deg);
        margin: 0 auto;
        margin-left: 0.425rem;
        /* transition: .5s ease-in-out; */
    }

    .m-bocweb-header3 .header2 .nav .sub-tit.on {
        background: #002E8C;
        color: #fff;
    }

    .warp-nav .nav .sec-list a {
        padding: 0.2rem 0;
        padding-left: .75rem;
        font-size: .55rem;
        color: #fff;
        /* border-bottom: 1px solid #0e5ca5; */
        position: relative;
        /* transition: all .3s; */
    }

    .warp-nav .nav .sec-list a:before {
        /* content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        background: #333;
        border-radius: 50%;
        left: 0.5rem;
        top: 50%;
        margin-top: -2.5px; */
    }

    .warp-nav .nav .sec-list {
        line-height: 40px;
        padding: 0.2rem 0;
        display: none;
        font-size: 14px;
        color: #fff;
        /* background: #f8f8f8; */
    }

    /* .m-bocweb-header3 .header2 .nav .sub-tit */
    /* .of{
    background: #002E8C;
} */
    .warp-nav .nav .sec-tit {
        font-size: 15px;
        color: #8ebfea;
        position: relative;
        /* transition: all .4s; */
        display: block;
    }

    .warp-nav .nav .sec-list-nav {
        font-size: 13px;
        padding-left: 8px;
        line-height: 30px;
        display: none;
        color: #fff;
    }

    .warp-nav .nav .sec-list a {
        color: #fff;
    }

    .warp-nav .nav .sec-list-nav a {
        color: #8ebfea;
    }

    .js-m-2-1 {
        opacity: 0;
        transform: translate(0, 30px);
        transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
    }

    .js-m-2-1.animate {
        opacity: 1;
        transform: translate(0, 0);
    }

    .banner-g {
        height: auto !important;
    }

    .main-wrapper {
        height: auto !important;
        display: block !important;
    }

    .banner {
        width: 100%;
        height: 28rem;
    }

    .gw .g-tit-01 {
        font-size: 28px;
    }

    .home-b {
        padding: 0;
    }

    .aniup {
        opacity: 1;
        transform: translateY(0);
        transition: all 0.5s;
    }

    .aniup2 {
        opacity: 1;
        transform: translateY(0);
        transition: all 0.5s;
    }

    .aniup3 {
        opacity: 1;
        transform: translateY(0);
        transition: all 0.5s;
    }

    .home-b .contentbox {
        padding: 1.5rem 4%;
        display: block;
    }

    .i-list1 .leftbox {
        width: 100%;
        max-width: none;
    }

    .home-b .contentbox .leftbox .ul .li {
        margin-bottom: 1rem;
    }

    .home-b .rightbox {
        margin-left: 0;
        margin-top: 0;
    }

    .clip {
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    }

    .clip-t {
        /* -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); */
        /* clip-path: polygon(100% 0, 0 0, 100% 100%, 0% 100%); */
    }

    .i-list1 .leftbox .ul {
        margin-bottom: 1.5rem;
        border-bottom: 2px solid #DDDDDD;
    }

    .index_banner {
        height: auto !important;
    }

    .gw .g-tit-02 .tit-72 {
        font-size: 28px;
    }

    .gw .g-btn {
        height: 1.5rem;
        line-height: 1.5rem;
    }

    .gw .g-tit-02 span {
        font-size: 18px;
    }

    .gw .g-tit-02 {
        /* top: 30%; */
    }

    .swiper-pagination-0 {
        bottom: 1rem !important;
    }

    .list-03 .txt .li-t span {
        font-weight: 500;
        /* bottom: 1rem !important; */
    }

    .home-e {
        height: auto !important;
    }

    .home-e .gw .g-tit-02 {
        top: 48%;
    }

    .home-e .g-tit-02 .btn1 a {
        margin-top: 1rem;
    }

    .footer {
        padding: 1.5rem 4%;
    }

    .footer .rightbox {
        display: none;
    }

    .footer .leftbox {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .footer .logo {
        height: auto;
        width: 7rem;
    }

    .footer .leftbox .top .tit-15 {
        /* display: none; */
    }

    .botright {
        width: 100%;
    }

    .list-03 .swiper-pagination-bullets {
        margin-bottom: -0.75rem;
    }

    .footer .leftbox .top {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .footer .leftbox .top .li {
        height: 1.5rem;
        width: 1.5rem;
        line-height: 1;
        margin: 0 0rem;
        text-align: center;
        border-radius: 50%;
        border: 1px solid transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .botright .top svg {
        height: auto;
        width: .75rem;
    }

    .botleft p:first-child .tit-14 {
        /* display: block; */
    }

    .footer .footer-top {
        margin-bottom: 0;
    }

    .botleft p:first-child {
        padding-bottom: 0.5rem;
    }

    .botleft p:nth-child(2) span:first-child {
        width: 100%;
    }

    .footer {
        padding-bottom: .5rem;
    }

    .home-c {
        height: auto;
    }

    .home-c .list {
        width: 100%;
    }

    .home-c .list .li {
        width: 100%;
        /* height: 14rem; */
        overflow: hidden;
    }

    .home-c .list .li .bg {
        padding: 1.5rem 0;
    }

    .home-c .list .li .bg .tit-30 {
        font-size: 18px;
        line-height: 1;
        width: 100%;
        text-align: center;
    }

    .home-c .list .li .bg .tit-30 a {
        display: inline-block;
        display: inline-block;
        margin-top: .75rem;
    }

    .botleft p:first-child {
        font-size: 16px;
    }

    .botleft {
        display: block;
    }

    .rightbox .img-wrap img:first-child {
        margin-left: 0;
    }

    .sec-list-item {}

    .warp-nav .nav .sec-list a {
        color: #222;
    }

    .search-alert {
        z-index: 334
    }

    .join-c-box .left .cont {
        margin: 0 auto;
        width: 92%;
    }
}

@media (max-width:996px) {
    .parallax-container-01 {
        margin-top: 0;
    }

    .parallax-container-01 .parallax-content {
        width: 100%;
        left: 0;
        padding: 0 4%;
        transform: translate(0);
    }

    .parallax-container-01 .parallax-content .p2 {
        line-height: 1.5;
        text-align: center;
    }

    .parallax-container-01 .parallax-nav {
        padding: 0 4%;
    }

    .parallax-container-01 .parallax-nav .top {
        padding: 0.8rem 0 1rem;
        width: 100%;
    }

    .parallax-container-01 .parallax-nav .top a {
        padding-left: 0;
    }

    .parallax-container-01 .parallax-nav .top a:nth-child(2) {
        padding-right: 0;
    }

    .parallax-container-01 .parallax-nav .bottom {
        display: none;
    }

    .parallax-container-01 .parallax-nav .top a img {
        width: .75rem;
    }

    .parallax .list {
        width: 100%;
        padding: 0 4%;
        /* height: 100%; */
    }

    .parallax .list .left {
        /* margin-bottom: 1rem; */
        margin-bottom: 2rem;
    }

    .parallax .list .right {
        display: none;
    }

    .parallax .list .left .t2 {
        padding: 0.575rem 0 0.575rem;
    }

    .parallax-container-02 a.btn {
        margin-top: 1rem;
    }

    .pro-about .banner .about-banner {
        margin-top: 0;
    }

    .pro-about .banner .text {
        width: 100%;
        text-align: center;
        padding: 0 4%;
    }

    .pro-about .banner .text .t1 {
        flex-wrap: wrap;
    }

    .pro-about .banner .text .t1 img {
        height: 17px;
    }

    .pro-about .list-02 {
        padding: 1.5rem 4%;
        flex-direction: column-reverse;
    }

    .pro-about .list-02 .tit {
        padding: 0 0 1rem;
    }

    .pro-about .list-02 .right .img {
        padding-bottom: 1rem;
    }

    .pro-about .list-02 .left {
        width: 100%;
    }

    .pro-about .list-02 .left .top {
        padding-right: 0;
        justify-content: flex-start;
    }

    .pro-about .list-02 .left .top .item {
        width: 28%;
        padding-right: .5rem;
    }

    .pro-about .list-02 .left .top .item:nth-child(3n) {
        padding-right: 0;
    }

    .pro-about .list-02 .right {
        padding-left: 0;
        margin-top: 1rem;
    }

    .pro-about .list-02 .right .top {
        padding-left: 0;
        text-align: center;
        padding-bottom: 1rem;
        line-height: 1.5;
    }

    .pro-about .list-03 .item {
        flex-direction: column;
        height: auto;
    }

    .pro-about .list-03 .item .left {
        width: 100%;
        padding: 1rem 4%;
    }

    .pro-about .list-03 .item .right {
        height: 9.5rem;
        width: 100%;
    }

    .pro-about .list-03 .item.item-m {
        flex-direction: column-reverse;
    }

    .pro-about .list-04 {
        height: auto;
        padding: 2.5rem 4% 1.5rem;
    }

    .pro-about .list-04 .swiper-04 {
        width: 100%;
        margin-left: 0;
        padding-top: 1rem;
    }

    .pro-about .list-04 .swiper-04 .swiper-wrapper .swiper-slide {
        padding: 0;
        width: 100%;
        justify-content: center;
    }

    .pro-about .list-04 .swiper-04 .swiper-wrapper .swiper-slide.cur img {
        box-shadow: none;
    }

    .pro-about .list-04 .swiper-04 .swiper-wrapper .swiper-slide img {
        object-fit: cover;
        height: 100%;
        transform: scale(1);
    }
    .pro-about .list-04 .swiper-04 .swiper-wrapper .swiper-slide.cur img{
        transform: scale(1);

    }
    .pro-about .list-04 .swiper-04 .swiper-wrapper .swiper-slide.cur.as img {
        transform: scale(1);

    }
    .pro-about .list-04 .swiper-04 .swiper-wrapper .swiper-slide.cur:hover img {
        transform: scale(1.2);
    }

    .pro-about .list-04 .swiper-04 .line {
        width: 100%;
        bottom: 13%;
        padding-left: 0;
        margin-top: 1rem;
    }

    .pro-about .list-04 .swiper-04 .b {
        display: flex;
        margin-top: 5rem;
    }

    .pro-about .list-04 .swiper-04 .b span {
        margin: 0;
    }

    .pro-about .list-04 .swiper-04 .b span .swiper-button-next {
        right: 24%;
    }

    .pro-about .list-04 .swiper-04 .b span .swiper-button-prev {
        left: 24%;
    }

    .pro-about .list-05 {
        padding: 1.5rem 0%;
        /* flex-direction: column; */
    }

    .pro-about .list-05 .item {
        width: 50% !important;
        margin-bottom: 1rem;
    }

    .pro-about .list-06 {
        padding: 1.5rem 4%
    }

    .pro-about .list-06 .item {
        width: 100%;
        margin-right: 0;
        padding-left: .5rem;
        line-height: 2rem;
        margin-right: 0;
    }

    .pro-about .list-06 .item .info {
        /* padding: 0 .5rem; */
    }

    .pro-about .list-07 {
        padding: 1rem 4%;
    }

    .pro-about .list-07 form input {
        width: 70%;
    }

    .pro-about .list-07 form .btn {
        width: 20%;
        height: 100%;
    }

    .pro-about .list-08 .item {
        /* flex-direction: column; */
        width: 100%;
        height: auto;
    }

    .pro-about .list-08 .item .left {
        width: 50%;
        height: auto;
        padding: .5rem;
    }

    .pro-about .list-08 .item .right {
        /* height: 5.5rem; */
        width: 50%;
    }

    .pro-about .list-08 .item .right img {
        height: 100%;
    }

    .pro-about .list-08 .item-2 {
        width: 100%;
        height: auto;
        flex-direction: column;
    }

    .pro-about .list-08 .item-2 .left {
        width: 100%;
        height: auto;
        padding: .5rem;
        /* border-top: 3px solid #fff; */
    }

    .pro-about .list-08 .item-2 .right {
        width: 100%;
        height: auto;
    }

    .pro-about .list-08 .item-2 .right .swiperImg .text {
        height: auto;
    }

    .pro-about .list-08 .list {
        border-bottom: 0;
        height: auto;
    }

    .pro-about .list-08 .list.li-02.g {
        flex-direction: column-reverse;
    }

    .pro-about .list-08 .list .item {
        /* border-bottom: 3px solid #fff; */
    }

    .pro-about .list-08 .item-2 {
        /* border-bottom: 3px solid #fff; */
    }

    .pro-about .list-08 .item-2.item-3 {
        flex-direction: column-reverse;
    }

    .pro-about .list-09 {
        flex-direction: column;
        padding: 1rem 4%;
        height: auto;
    }

    .pro-about .list-09 .left {
        width: 100%;
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .pro-about .list-09 .right {
        width: 100%;
        height: 12.5rem;
    }

    .pro-about .list-10 {
        padding: 0 4%;
    }

    .pro-about .list-10 .about {
        margin: .75rem 0;
    }

    .pro-about .list-10 .list {
        margin-bottom: 2.5rem;
    }

    .pro-about .list-10 .list .item {
        width: 100%;
        height: auto;
        margin-bottom: 1.5rem;
        margin: 0;
        flex-direction: column;
        padding: 0rem .5rem;
        border-right: 1px solid #eaeaea;
        background-color: #fff;
    }

    .pro-about .list-10 .list .item .left .t1 {
        margin-top: 0;
        font-weight: normal;
    }

    .pro-about .list-10 .list .item:nth-child(3n) {
        border-right: 0;
    }

    .pro-about .list-10 .list .item .left {
        margin-right: 0;
        margin-bottom: .5rem;
    }

    .bod-nav {
        padding: 3.5rem 4% 2rem;
    }

    .bod-nav .content {
        width: 100%;
        margin: 0;
        padding: 1rem .5rem 1rem;
    }

    .bod-nav .content .bottom .item {
        padding-top: .75rem;
    }

    .bod-nav .content .bottom .item .t1 {
        margin-right: .5rem;
        line-height: 1.5;
    }

    .pro-about .list-09 .left .t3 {
        line-height: 1.5;
        font-size: 18px;
        white-space: nowrap;
    }

    .bod-nav.detail .center {
        padding: 0;
    }

    .bod-nav.detail .center .top .t1 {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 1rem;
    }

    .bod-nav.detail .center .bottom {
        margin-top: 1rem;
        padding-bottom: 1.5rem;
        font-size: 15px;
    }

    .bod-nav.detail .center .bottom .img {
        padding: .75rem 1.5rem;
    }

    .bod-nav.detail .center .bottom .img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .bod-nav.detail .center .bottom .t3 {
        margin-bottom: 1rem;
    }

    .bod-nav.detail .center .page {
        flex-direction: column;
    }

    .bod-nav.detail .center .page .x {
        margin-bottom: 0.35rem;
    }

    .pro-about .list-06 .item p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pro-about .list-08 .list .item-2 .right .swiperImg .btn {
        top: 90%;
        right: 5%;
    }

    .pro-about .list-04 .box {
        flex-direction: column;
        /* flex-direction: column-reverse; */
    }

    .pro-about .list-04 .swiper-05 {
        width: 100%;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    .pro-about .list-04 .swiper-05 .b {
        margin: 1rem 0;
        display: none !important;
    }

    .pro-about .list-05 {
        width: 100%;
        overflow: hidden;
    }

    .pro-about .list-05 .item:nth-child(2) {
        margin: 0;
    }

    .pro-about .list-08 .item .left img {
        padding-top: 1rem;
    }

    .pro-about .list-08 .item .left img.mb {
        width: 18px;
    }

    .pro-about .list-09 .left .btn {
        margin-top: 1rem;
    }

    .pro-about .list-02 .left .top .item:nth-child(3) {
        width: 35%;
    }

    .pro-about .list-02 .left .top .item:nth-child(2) {
        width: 35%;
    }

    .pro-about .list-08 .item {
        padding-right: 0;
        padding-bottom: 0;
    }

    .pro-about .list-08 .item3 {
        padding-right: 0;
        padding-bottom: 0;
    }

    .pro-about .list-08 .item-2 {
        padding-bottom: 0;
    }

    .pro-about .list-04 .swiper-04 .swiper-wrapper .swiper-slide.cur:hover img {
        transform: scale(1);
    }

    .pro-about .list-04 .swiper-05 .swiper-wrapper .swiper-slide .ds .t1 {
        width: 100%;
    }

    .pro-about .list-03 .item .left .t1 {
        font-weight: normal;
    }

    .pro-about .list-04 .text.pc {
        display: flex;
    }

    .pro-about .list-04 .swiper-05.pc {
        /* display: flex; */
        display: none;
    }

    .performance.parallax .list.listp .left {
        align-items: flex-start;
    }

    .parallax .list .left .t2 {
        text-align: left;
    }
}

@media (max-width:775px) {
    .warp-nav {
        top: 72px;
    }

    .pro-about .list-08 .list .item-2 .right .swiperImg .btn {
        top: 100%;
        right: 15%;
    }

    .bod-nav .nav {
        padding-bottom: 1rem;
    }

    .pro-about .lis .swiper-container-horizontal>.swiper-pagination-bullets,
    .pro-about .lis .swiper-pagination-custom,
    .swiper-pagination-fraction {
        padding-top: .75rem;
    }
}

@media (max-width:575px) {
    .pro-about .list-04 .swiper-05 {
        width: 100%;
        margin-top: 1rem;
    }

    .pro-about .list-04 .swiper-04 .line {
        bottom: 14%;
        width: 100%;
    }

    .pro-about .list-05 .item {
        width: 100% !important;
    }

    .parallax-container-01 .parallax-nav .top a.on {
        font-size: 20px;
    }

    .pro-about .list-04 .swiper-05 .swiper-wrapper .swiper-slide {
        width: auto;
    }

    .pro-about .list-04 .swiper-05 .b {
        width: 100%;
    }

    .pro-about .list-04 .swiper-05 .b span .swiper-button-next {
        right: 20%;
        top: 69%;
    }

    .pro-about .list-04 .swiper-05 .b span .swiper-button-prev {
        left: 20%;
        top: 69%;
    }

    .pro-about .banner .text .t2 {
        font-size: 28px;
        padding-top: .5rem;
    }

    .parallax-container-01 .parallax-content {
        top: 40%;
    }

    .parallax-container-01 .parallax-content .p2 {
        font-size: 28px;
    }

    .parallax-container-02 {
        height: 100vh;
        /* height:25.725rem;; */
    }

    .parallax .list::after {
        height: 100vh;
        background-image: linear-gradient(to top, #075798 0%, RGBA(59, 91, 123, .1) 20%);
    }

    .pro-about .list-04 .swiper-04 .line {
        bottom: 12%;
        /* bottom: 15%; */
    }

    .pro-about .list-04 .swiper-04 .b {
        margin-top: 3rem;
        /* margin-top: 2rem; */
        justify-content: space-between;
        margin-bottom: 0;
    }

    .pro-about .list-08 .item .right img.r-img {
        /* display: none; */
        height: auto;
        transform: scale(.9);
    }

    .parallax-container-01 {
        height: 100vh
    }

    .pro-about .list-02 .bottom .t1 {
        font-size: 16px;
    }

    .pro-about .list-02 .bottom .t1 .xz img {
        height: 14px;
    }

    .bod-nav .content .bottom .item .t1 {
        font-size: 12px;
    }

    .bod-nav .content .top {
        font-size: 18px;
    }

    .pro-about .list-09 .left .t3 {
        font-size: 16px;
    }

    .pro-about .list-04 .swiper-04 .b span .swiper-button-prev {
        left: 16%;
        top: 70%;
    }

    .pro-about .list-04 .swiper-04 .b span .swiper-button-next {
        right: 16%;
        top: 70%;
    }
}

@media (max-width: 456px) {
    .tit-36 {
        font-size: 20px;
        font-weight: 500;
    }

    .home-c .list .li .bg .tit-30 a {
        font-size: 16px;
    }

    .i-list1 .leftbox .tit2 {
        border-bottom: 2px solid #DDDDDD;
    }
}

@media (max-width:454px) {
    .warp-nav {
        top: 60px;
    }

    .pro-about .list-08 .list .item-2 .right .swiperImg .btn {
        top: 100%;
        right: 15%;
    }
}

@media (max-width:435px) {
    .pro-about .list-08 .list .item-2 .right .swiperImg .btn {
        top: 112%;
        right: 25%;
    }

    .pro-about .list-09 .right .img {
        left: 28%;
        top: 40%;
    }
}

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

@media (max-width:400px) {
    .pro-about .list-02 .bottom .t1 {
        font-size: 12px;
    }

    .pro-about .list-02 .bottom .t1 .xz img {
        height: 10px;
    }

    .parallax-container-01 .parallax-content .p1 {
        font-size: 22px;
    }

    .parallax .list .left .t1 {
        font-size: 20px;
    }

    .pro-about .banner .text .t1 {
        font-size: 20px;
    }

    .parallax .list .left .t2 {
        font-size: 26px;
    }

    .pro-about .list-02 .left .top .item p {
        font-size: 12px;
    }

    .pro-about .list-02 .left .top .item .p1 {
        font-size: 28px;
        font-weight: normal;
    }

    .pro-about .list-02 .left .top .item .p1 span.tit-18 {
        font-weight: normal;
        font-size: 12px;
    }

    .pro-about .list-03 .item .left .t1 {
        font-size: 22px;
        padding-bottom: 0.2rem;
        font-weight: 500;
    }

    .pro-about .list-02 .right .top {
        font-weight: 600;
    }

    .pro-about .list-03 .item .left:first-child {
        /* padding-top: 1rem; */
    }

    .pro-about .list-03 .item .left {
        padding: .5rem 4%;
    }

    .pro-about .list-04 .text {
        font-size: 28px;
    }

    .pro-about .list-08 .item .left {
        font-size: 28px;
    }

    .pro-about .list-05 {
        padding: 1.5rem 0% 0.5rem;
    }

    .pro-about .list-05 .item {
        margin-bottom: .5rem;
    }

    .pro-about .banner .text .t2.t3 {
        font-size: 38px;
    }

    .pro-about .list-08 .item-2 .left .t2 {
        padding: .75rem .25rem;
    }

    .pro-about .list-10 .list .item .right img {
        height: 87px;
    }

    .pro-about .list-10 .list .item .right .m3 {
        height: 87px;
    }

    .parallax-container-01 .parallax-content {
        top: 36%;
    }
}

@media (max-width:375px) {
    .warp-nav {
        top: 60px;
    }
}

/*  */
@media (min-width:998px) and (max-width:1140px) {
    .j-list-5 .box .bottom .scroll .slide .side {
        font-size: 15px;
    }
}

@media (max-width:1640px) {
    .reload-box-content .bottom1 .list {
        padding: 1.5rem;
    }

    .reload-box-content .bottom1 .list .item {
        width: 7%;
    }
}

@media (max-width:1140px) {

    /* .reload-box-content .bottom1 .list{
        padding: 1.5rem;
    } */
    .reload-box-content .bottom1 .list .item {
        width: 10%;
    }
}

@media (max-width:996px) {
    .reload-01.home-c {
        height: 50vh;
    }

    .reload-01 {
        margin-top: 0;
    }

    .reload-box {
        /* padding: 1.5rem 4%; */
        padding: 1rem 0%;
    }

    .reload-box .t1 {
        font-size: 28px;
    }

    .reload-box-content .bottom {
        padding-top: 1rem;
    }

    .reload-box-content .bottom .t2 {
        /* text-align: left; */
        padding: 0 .75rem 2rem;
        font-size: 16px;
        line-height: 24px;
    }

    .reload-box-content .bottom1 {
        height: auto;
    }

    .reload-box-content .bottom1 .list {
        /* padding: 1rem .3rem; */
        padding: 1.5rem 0.3rem;
        flex-wrap: wrap;
    }

    .reload-box-content .bottom1 .list .item {
        width: 100%;
        margin-bottom: .75rem;
        display: flex;
    }

    .reload-box-content .bottom1 .list .arrow {
        margin-bottom: .75rem;
    }

    .reload-box-content .bottom1 .t4 {
        text-align: center;
        font-size: 16px;
    }

    .reload-box-content .bottom1 .list .item .icon {
        width: auto;
        margin: 0 auto;
        /* height: auto; */
    }

    .reload-box-content .bottom .t2 {
        display: block;
    }

    .reload-box-content .bottom .bottom-content {
        display: flex;
        /* height: 20rem; */
    }

    .reload-02 .reload-box-content .bottom2 .bottom-content {
        height: auto;
        flex-direction: column;
    }

    .reload-box-content .bottom .bottom-content .left {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        justify-content: space-between;
    }

    .reload-box-content .bottom .bottom-content .left .item {
        width: 100%;
    }

    .reload-box-content .bottom .bottom-content .left .item .item-menu {
        padding: 0;
    }

    .reload-box-content .bottom3 .ul {
        flex-direction: column;
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .reload-box-content .bottom3 .ul .li {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.5rem;
        /* border-bottom: 1px dashed rgba(0, 0, 0, 0.1); */
        background: #fff;
    }

    .reload-box-content .bottom3 .ul .li:last-child {
        margin-bottom: 0;
    }

    .reload-box-content .bottom3 .t5 {
        font-size: 24px;
        color: rgba(0, 96, 170, 1);
        line-height: 1.5;
    }

    .reload-box-content .bottom3 .ul .li:hover .txt {
        background-color: #fff;
    }

    .reload-box-content .bottom3 .ul .li:hover .txt .t5,
    .bottom3 .ul .li:hover .t6 {
        color: #666;
    }

    .reload-box-content .bottom3 .ul .li .li-img {
        height: auto;
    }

    .reload-box-content .bottom3 .ul .li .txt {
        padding: 0 .5rem 1rem;
        height: auto;
    }

    .reload-box-content .bottom3 .ul .li .txt .t6 {
        font-size: 12px;
        line-height: 1.6;
        text-align: left;
        text-indent: 2em;
    }

    .reload-03 .bottom {
        width: 100%;
        flex-direction: column;
        height: auto;
        overflow: hidden;
        display: none;
    }

    .reload-03 .bottom.re-swiper {
        display: flex;
    }

    .reload-03 .bottom .item {
        width: 100%;
        margin-bottom: .5rem;
        margin-right: 0;
    }

    .reload-03 .bottom .item:last-child {
        margin-bottom: 0;
    }

    .reload-03 .bottom .item:hover {
        width: 100%;
    }

    .reload-box {
        padding-bottom: 1.5rem;
    }

    .reload-01 {
        margin-bottom: 1rem;
    }

    .reload-02 .reload-box .t1,
    .reload-03 .reload-box .t1,
    .reload-04 .reload-box .t1,
    .reload-box .t1 {
        /* padding-bottom: .75rem; */
        padding-bottom: .75rem;
    }

    .reload-box-content .bottom {
        padding-top: 0;
    }

    .reload-box-content .bottom .t2 {
        /* padding-top: 1rem; */
        padding-top: 2rem;
    }

    .reload-04 .reload-box .t1 {
        padding-bottom: 1rem !important;
    }

    .reload-04 .bottom-01 {
        height: auto;
    }

    .reload-04 .swiper-scrollbar {
        display: none;
    }

    .reload-04 .bottom-01 .swiper-slide .s-img img {
        width: 100%;
        height: 10rem;
    }

    .reload-04 .b-pagination {
        text-align: center;
    }

    .reload-02 .reload-box-content .top {
        flex-direction: column;
    }

    .reload-02 .reload-box-content .top {
        flex-direction: column;
    }

    .reload-box-content .top .api {
        width: 11.5rem;
        height: 1.75rem;
        margin: 0 auto;
        line-height: 1.75rem;
        background-color: transparent;
        font-size: 18px;
        color: #fff;
        font-weight: 600;
    }

    .reload-box-content .top .api:hover {
        background-color: transparent;
        color: #000;
    }

    .reload-box-content .bottom3.bottom .t2 {
        font-weight: 500;
        padding-top: 0;
        line-height: 1.4;
    }

    .reload-box-content.mb .bottom {
        display: block;
        padding-top: 0;
        margin-top: 1.5rem;
        background-repeat: no-repeat;
        background-position: bottom;
        /* background-size: cover; */
    }

    .reload-02 .reload-box-content .top .list:last-child .api:hover {
        background-color: transparent;
        color: #000;
    }

    .reload-box-content .top .list:last-child .api {
        cursor: text;
    }

    .reload-box-content.mb .bottom .bottom-content .b-right {
        width: 100%;
        height: 14rem;
        position: relative;
    }

    .reload-03 .bottom.re-swiper {
        padding-top: 0;
    }

    .reload-02 .reload-box-content .top .list:nth-child(n+2) {
        margin: 1.5rem 0 0;
        width: 100%;
    }

    .reload-02 .reload-box-content .top .list:last-child {
        margin-bottom: 0;
    }

    .reload-box-content.mb .bottom .bottom-content .b-right .right {
        overflow: hidden;
        height: 100%;
        margin: 1rem 0;
    }

    .reload-box-content .bottom .bottom-content .right .image .t3 {
        font-size: 16px;
    }

    .reload-box-content.mb .bottom .bottom-content .right .image {
        flex: none;
        width: 100% !important;
        height: 100%;
        margin-right: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .reload-box-content.mb .bottom .bottom-content .right1 {
        /* display: none; */
    }

    .right2 {
        /* display: block !important; */
    }

    .reload-box-content.mb .top {
        padding-bottom: 0;
    }

    .reload-box-content.mb .r-pagination {
        position: absolute;
        left: 50%;
        bottom: 3%;
        transform: translateX(-50%);
        text-align: center;
    }

    .reload-box-content.mb .ra-pagination {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        text-align: center;
    }

    .reload-box-content .bottom3.bottom .bottom-content {
        height: auto;
    }

    .reload-box-content.mb {
        display: flex;
    }

    .reload-box-content.mb .bottom .bottom-content .right .image .bg-bc {
        /* display: block; */
        opacity: 1;
        visibility: visible;
    }

    .project .api:hover {
        background-color: transparent;
        color: #000;
        background-position: right bottom;
    }

    .reload .swiper-container-horizontal>.swiper-pagination-progress {
        margin: 1.5rem 0;
    }

    .reload-box-content .bottom .bottom-content .right .image::after {
        display: none;
    }

    .reload-04 .bottom-01 .swiper-slide.item .s-img {
        height: 15rem;
    }

    .reload-04 .bottom-01 .swiper-slide .s-img img {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }

    .reload-03 .bottom .item .txt {
        opacity: 0;
        visibility: hidden;
    }

    .reload-03 .bottom .item .txt1 {
        opacity: 1;
        visibility: visible;
        left: 10%;
        bottom: 15%;
    }

    .reload-03 .bottom .item .txt1 .t7 {
        font-size: 16px;
    }

    .reload-box-content .bottom3 {
        background-color: transparent;
        padding-bottom: 0;
    }

    .reload-03 .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        margin: 0 auto;
        padding-top: 0;
        text-align: center;
    }

    .build .pro-about .banner .text .t2 {
        width: auto;
    }

    .build .t1 {
        width: 100%;
        font-size: 28px;
    }

    .build .t2 {
        width: 100%;
        margin: 0;
    }

    .build-box {
        padding: 1.5rem 4% 0;
    }

    .build-01 .item {
        padding: 0;
        flex-direction: column;
        background-color: transparent;
    }

    .build-01 .item .t3 {
        align-self: flex-start;
    }

    .build-01 .item .right,
    .build-01 .item .left {
        padding: .5rem 20%;
        margin-bottom: .5rem;
        width: 100%;
        background-color: rgba(0, 96, 170, .15);
        justify-content: space-between;
    }

    .build-01 .item {
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }

    .build-01 .item .left {
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }

    .build-01 .item .right {
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }

    .build-01 .item .right {
        flex-direction: row;
    }

    .build-01 .item:nth-child(1) {
        margin-bottom: 0;
    }

    .build-01 .item:nth-child(1) .right {
        margin-bottom: 0;
    }

    .build-01 .item .right .icon.icon1 {
        margin-left: 0;
        margin-right: 0.75rem;
    }

    .build-02 .t1 {
        padding-top: 0;
    }

    .build .cricle {
        position: relative;
        left: auto;
        width: 100%;
        top: auto;
        transform: translateY(0);
        margin: 0 auto;
    }

    .build-01 .bottom {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-start;
        margin-top: 0;
    }

    .build-02 .bottom {
        height: auto;
    }

    .build-04.reload-04 .reload-box .t1 {
        padding-bottom: .5rem;
    }

    .build-02 .b1 .box {
        height: auto;
    }

    .build-02 .b1 .box .circle {
        padding: .5rem 0% 0;
        background-color: #fff;
    }

    .build-02 .b1 .box .circle .li {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        flex-direction: row-reverse;
        margin-bottom: .5rem;
        height: auto;
        padding: 0.5rem 20%;
        justify-content: center;
    }

    .build-02 .b1 .box .circle .li:last-child {
        margin-bottom: 0rem;
    }

    .build-02 .b1 .box .circle .image {
        width: 100%;
    }

    .build-02 .b1 .box .circle .image img {
        width: 100%;
    }

    .build-02 .b1 .box .circle .icon {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        margin-right: .75rem;
    }

    bottom .build-02 .b1 .box .circle .li:nth-child(n+5) .icon {
        left: 0;
    }

    .build-02 .b2 .box {
        flex-direction: column;
    }

    .build .reform .line span {
        font-size: 16px;
        margin-right: -12px;
    }

    .build .reform .line {
        width: 164%;
    }

    .build-02 .b2 .item {
        max-width: 100%;
        margin-bottom: .75rem;
        height: 15rem !important;
        cursor: pointer;
        background-color: rgba(0, 96, 170, .15);
    }

    .build-02 .b2 .item:last-child {
        margin-bottom: 0;
    }

    .build-02 .b2 .item .icon img {
        transform: scale(.7);
    }

    .build-03 .bottom .bottom-box .box.pc {
        display: none;
    }

    .build-03 .build-box {
        padding-bottom: 1.5rem;
    }

    .build-03 .bottom .bottom-box .box.mb.box-swiper,
    .build-03 .bottom .bottom-box .box.mb.boxs-swiper {
        display: block;
        /* overflow: hidden; */
    }

    .build-03 .swiper-container-horizontal>.swiper-pagination-bullets,
    .build-03 .swiper-pagination-custom,
    .build-03 .swiper-pagination-fraction {
        text-align: center;
    }

    .build-03 .bottom .bottom-box .box {
        /* overflow: hidden; */
        margin-bottom: 0;
    }

    .build-02 .b2 .box.pc {
        display: none;
    }

    .build-02 .b2 .box.b1-swiper.mb {
        display: flex;
        max-width: 100%;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .build-02 .b2 .box {
        width: 100%;
    }

    .build-02 .swiper-container-horizontal>.swiper-pagination-bullets,
    .build-02 .swiper-pagination-custom,
    .swiper-pagination-fraction {
        text-align: center;
    }

    .build-02 .b2 .item-box {
        border-right: none
    }

    .build-03 .bottom {
        height: auto;
    }

    .build-03 .bottom .bottom-box .box {
        /* height: 12.275rem; */
    }

    .build-03 .b2 .li {
        margin-right: 0;
    }

    .build-02 .b1 .box .circle .li-1,
    .build-02 .b1 .box .circle .li-2,
    .build-02 .b1 .box .circle .li-3 {
        background-image: linear-gradient(to right, transparent, rgba(0, 96, 170, .2));
    }

    .build-03 .bottom .item .txt {
        opacity: 0;
        visibility: hidden;
    }

    .build-03 .bottom .item .txt1 {
        opacity: 1;
        visibility: visible;
    }

    .build-03 .bottom .item .image {
        height: auto;
        display: none;
    }

    .build-03 .swiper-container-horizontal>.swiper-pagination-bullets,
    .build-03 .swiper-pagination-custom,
    .build-03 .swiper-pagination-fraction {
        text-align: center;
        position: absolute;
        left: 0;
        bottom: -20%;
    }

    .build-02 .bottom .bottom-box.b2 {
        display: block;
    }

    .build-02 .bottom .bottom-box.b1 {
        display: none;
    }

    .build-03 .bottom .bottom-box.b2 {
        display: block;
    }

    .build-03 .bottom .bottom-box.b1 {
        display: none;
    }

    .build-02 .b2 .box.mb {
        display: block;
        overflow: hidden;
    }

    .build-03 .b2 .box.mb {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .build-03 .bottom .bottom-box .item,
    .build-03 .bottom .bottom-box .li {
        cursor: pointer;
    }

    .build-03 .b2 .li .cont-box .img-hide {
        display: none;
    }

    .build-03 .b2 .li .cont-box .b-txt {
        display: block;
    }

    .build-03 .b2 .li .cont-box::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-image: url(../img/install/bc3.png);
        opacity: .7;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 2;
    }

    .build-02 .b2 .item .icon {
        /* background-color: #fff; */
    }

    .build-02 .b2 .item .t4,
    .build-02 .b2 .item .t5 {
        color: #fff;
    }

    .build-03 .bottom .item .txt1 .icon {
        height: 50px;
    }

    .build-03 .bottom .item .txt1 .icon img {
        height: 100%;
    }
}

@media (max-width:1440px) {
    .project .project-02 .box {
        height: auto;
    }

    .project-02 .b1 .list .item {
        width: 14%;
    }

    .project .project-02 .b1 .box .list {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .build-02 .t1 {
        padding-top: 0;
    }
}

@media (max-width:996px) {
    .project-box {
        padding: 1.5rem 4%;
    }

    .project .project-02 .t1 {
        padding-top: 0;
    }

    .project .t3 {
        margin-bottom: 0;
    }

    .project-02 .bottom-content {
        height: auto;
    }

    .project .t2 {
        width: auto;
    }

    .build-03 .t2 {
        width: auto;
    }

    .build-01 .item:nth-child(2) .right .l-b .image {
        justify-content: flex-start;
    }

    .project-02 .top {
        height: auto;
        padding: 0 4% .8rem;
    }

    .project .project-02 .box {
        height: auto;
    }

    .project .project-02 .b1 .box .list {
        padding: .8rem 4% 2rem;
    }

    .project-02 .b1 .t5 {
        height: auto;
        line-height: 18px;
    }

    .project .project-02 .b1 .box .list {
        flex-wrap: wrap;
        flex-direction: column;
        padding-top: 1.5rem;
    }

    .project-02 .b1 .list .item {
        width: 100%;
    }

    .project-02 .b1 .list .item .icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .project-02 .b1 .list .item .icon {
        width: 45px;
        height: auto;
    }

    .project-02 .b1 .list .arrow:nth-child(4n) {
        display: none;
    }

    .project-02 .b1 .list .item {
        height: auto;
        margin-bottom: .5rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background-color: #f4f6f8;
        padding: .5rem .5rem;
        border-radius: 5px;
    }

    .project-02 .b1 .right-l {
        margin-left: 1rem;
        padding-right: 1rem;
        flex: 1;
        position: relative;
    }

    .project-02 .b1 .right-l::after {
        content: '';
        position: absolute;
        right: 0;
        top: 30%;
        background-image: url(../img/down.png);
        width: 8px;
        height: 17px;
        background-size: 8px 17px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .project-02 .b1 .t4 {
        padding: 0;
        text-align: left;
        display: flex;
        align-items: center;
        margin-bottom: .25rem;
    }

    .project-02 .b1 .t4 span {
        color: #0060aa;
        font-size: 12px;
        margin-left: .5rem;
        font-style: italic;
        font-family: "OPPOSans";
    }

    .project-02 .b1 .list .item:nth-child(2n) {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .1);
    }

    .project-02 .b2 .box .list {
        height: auto;
        padding-left: 0;
        background-color: #fff;
    }

    .project-02 .b2 .box .list .ul .li {
        width: calc(100% / 2 - 4px);
        margin: 0;
        /* padding: .875rem 0 .875rem .5rem; */
        padding: .75rem .5rem;
        margin-right: 8px;
        margin-bottom: .5rem;
        justify-content: flex-start;
        background-image: none;
        height: auto;
        background-color: #f4f6f8;
        border-radius: 5px;
    }

    .project-02 .b2 .box .list .ul .li:last-child {
        margin-bottom: .5rem;
    }

    .project-02 .b2 .box .list .ul .li .icon {
        position: relative;
        /* height: auto; */
        left: 0;
        top: 0;
        padding: 0;
        margin-right: .25rem;
        /* background-color: transparent; */
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .project-02 .b2 .box .list .ul .li .icon img {
        height: max-content;
    }

    .project-02 .b2 .box .list .ul .li .pl {
        margin-left: 0;
        font-size: 12px;
        line-height: 18px;
        flex: 1;
    }

    .project-02 .b2 .box .list .ul .li:nth-child(1),
    .project-02 .b2 .box .list .ul .li:nth-child(4) {
        margin-left: 0;
    }

    .project-02 .b2 .box .list .ul .li:nth-child(2n) {
        /* padding-right: 0; */
        margin-right: 0;
    }

    .project-02 .b2 .box .list .m-bc {
        height: auto;
    }

    .project-02 .b2 .box .list .m-bc img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .project .project-02 .box {
        padding-bottom: 0;
        height: auto;
    }

    .project .project-02 .t1 {
        padding-top: .5rem;
    }

    .project-02 .b2 .box .list .ul {
        padding: 1rem 4% 1.5rem;
        display: flex;
        flex-wrap: wrap;
    }

    .project-02 .b2 .t2 {
        text-align: left !important;
    }

    .project-02 .top {
        border-bottom: none;
        padding-bottom: 0 !important;
    }

    .project-02 .top .t2 {
        text-align: left;
        line-height: 1.6;
        font-size: 12px;
    }

    .project .t1 {
        font-size: 28px;
    }

    .project-03 .project-box {
        padding: 0;
        padding-top: .5rem;
    }

    .project .project-03 .project-box .t1 {
        padding: 0 4%;
    }

    .project-03 .t3 {
        flex-wrap: wrap;
    }

    .project-03 .bottom {
        margin-top: 1rem;
        background-color: transparent;
    }

    .project-03 .bottom-box {
        background-color: #fff;
        margin-bottom: 1.5rem;
        padding: 1rem 4% 0;
    }

    .project-03 .bottom-box.b1 {
        padding-bottom: 4rem;
    }

    .project-03 .bottom-box.b2,
    .project-03 .bottom-box.b3 {
        padding-left: 0;
        padding-right: 0;
    }

    .project-03 .bottom .ts {
        font-size: 22px;
        font-weight: 700;
        position: relative;
        padding-left: 1rem;
    }

    .project-03 .bottom-box.b2 .imgs img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .project-03 .bottom-box.b2 .top,
    .project-03 .bottom-box.b3 .top,
    .project-03 .bottom-box.b2 .ts,
    .project-03 .bottom-box.b3 .ts {
        margin: 0 4%;
    }

    .project-03 .bottom .ts::after {
        content: '';
        background-color: rgb(0, 96, 170);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 9px;
        height: 31px;
    }

    .project-03 .t3 .api {
        width: 45%;
    }

    .project-03 .t3 {
        justify-content: flex-start;
    }

    .project .api {
        margin-bottom: .5rem;
    }

    .project-03 .top {
        padding: .25rem 0 1.2rem;
        line-height: 28px;
        text-align: left;
    }

    .project-03 .bottom .project-swiper {
        /* height: 10rem; */
        /* overflow: hidden; */
    }

    .project-03 .bottom .project-swiper img {
        height: 100%;
    }

    .project-swiper .right-s {
        right: 38%;
        top: auto;
        bottom: -20% !important;
    }

    .project-swiper .left-s {
        top: auto;
        left: 38%;
        bottom: -20% !important;
    }

    .project-03 .swiper-container-horizontal>.swiper-pagination-bullets,
    .project-03 .swiper-pagination-custom,
    .project-03 .swiper-pagination-fraction {
        position: relative;
        text-align: center;
    }

    .build-03 .t3 .api.pc {
        display: none;
    }

    .build-02 .t3 .api,
    .build-03 .t3 .api,
    .project .api {
        height: 1.75rem;
    }

    .project-03 .b2 .list .ul {
        padding: .8rem 4% 1rem;
    }

    .project-03 .b2 .list {
        flex-direction: column;
    }

    .project-03 .b2 .list .li:nth-child(2),
    .project-03 .b2 .list .li:nth-child(3),
    .project-03 .b2 .list .li:nth-child(4) {
        margin-left: 0;
    }

    .project-03 .b2 .list .li:not(:first-child) {
        width: auto;
    }

    .project-03 .b2 .top,
    .project-03 .b1 .top,
    .project-03 .b3 .top {
        margin-bottom: 0;
        padding-top: 1rem;
        line-height: 1.6;
    }

    .project-03 .b3 .list .list-box.mb {
        display: block;
        height: 10rem;
    }

    .project-03 .b3 .list .list-box.pc {
        display: none;
    }

    .project-03 .b3 .list .list-box.mb {
        padding: 0;
    }

    .project-03 .b3 .list .list-box.mb img {
        height: 100%;
        width: 100%;
        object-fit: scale-down;
    }

    .project-03 .b3 .list {
        height: auto;
        padding: 0rem 0 1rem;
    }
}

/*  */
@media (max-width:1440px) {}

@media (max-width:996px) {
    .digitiz-contant .digitiz-box {
        padding: 2rem 6%;
    }

    .join-c-box .right,
    .join-c-box .left {
        display: none;
    }

    .digitiz-01 .r-le .txt,
    .digitiz-02 .r-le .txt {
        flex-direction: column;
        padding: 0rem 0% 1.25rem;
    }

    .digitiz-01 .right,
    .digitiz-02 .right {
        flex-direction: column;
    }

    .digitiz-01 .r-le {
        left: 0;
        top: 0;
    }

    .digitiz-01 .r-le,
    .digitiz-02 .r-le {
        position: relative;
        left: auto;
        top: 0;
        right: 0;
        width: 100%;
        height: auto;
        margin-bottom: 0;
    }

    .digitiz-01 .r-le .box-i,
    .digitiz-02 .r-le .box-i {
        display: none;
    }

    .digitiz-01 .r-le .txt .t1,
    .digitiz-02 .r-le .txt .t1 {
        font-size: 28px;
        text-align: center;
        display: none;
    }

    .digitization .digitiz-01 .t2 {
        display: none;
    }

    .digitiz-01 .r-le .txt .t2,
    .digitiz-02 .r-le .txt .t2 {
        display: block;
        margin-bottom: 0;
    }

    .digitiz-01 .r-le .txt .t1,
    .digitiz-02 .r-le .txt .t1,
    .digitiz-01 .r-le .txt .t2,
    .digitiz-02 .r-le .txt .t2 {
        color: #000;
        line-height: 1.6;
    }

    .digitiz-01 .digitiz-box {
        padding-bottom: 0;
    }

    .digitization .build-04.reload-04 .bottom-01 .swiper-slide .txt span {
        height: auto;
        line-height: normal;
        font-size: 14px;
    }

    .build-04.reload-04 .reload-box {
        padding-top: 0;
    }

    .build-02 .b1 .box .circle .li.icon {}

    .build-02 .b1 .box .circle .li:nth-child(n+1) .icon {
        left: -17%;
    }

    .build-02 .b1 .box .circle .image::after {
        width: 30vw;
        height: 30vw;
    }

    .build-02 .b1 .box .box-circle::after {
        width: 35vw;
        height: 35vw;
    }

    .build-02 .b1 .box .circle .image::before {
        width: 20vw;
        height: 20vw;
    }

    .digitiz-01 .image {
        flex-direction: column;
    }

    .digitization .box-img {
        width: 100%;
        flex-direction: column;
    }

    .digitization .box-img {
        height: auto;
    }

    .digitiz-02 .right .image {
        height: auto;
    }

    .digitiz-02 .r-le {
        width: 100%;
    }

    .digitiz-02 .r-le .box-i {
        width: 100%;
    }

    .digitiz-02 .r-le .box-i img {
        width: 100%;
    }
}

@media (max-width:1560px) {

    /* .join-c-box .right , .join-c-box .left{
        padding: 1.65rem 1.5rem 2rem;
    } */
    .join-c-box .er {
        width: auto;
    }

    .join-c .form .ins .int-1 input {
        width: 60%;
    }

    .project-03 .b3 .list .list-box .center {
        font-size: .7rem;
    }
}

@media (max-width:1520px) {
    .repair .bottom .t-nav {
        overflow: hidden;
    }
}

@media (max-width:1440px) {
    .join-c textarea {
        text-indent: 3.3rem;
    }
}

@media (max-width:1090px) {
    .join-c .form .ins .int-1 input {
        width: 55%;
    }
}

@media (max-width:1090px) {
    .join-c-box {
        flex-direction: column;
    }

    .join-c-box .left .top,
    .join-c-box .left .form {
        display: flex;
    }

    .join-c-box .left.right {
        width: 100%;
    }

    .join-c .form .ins .int-1 input {
        width: 60%;
        height: 100%;
    }

    .join-c .form .ins .int-1.i-ca input {
        width: 35%;
    }

    .join-c .form .ins .int-1 img.captcha {
        height: 60%;
    }

    .join-c-box .left.active {
        width: 100%;
    }

    .join-c-box .left:first-child .tx {
        display: none;
    }

    .join-c-box .left.right .tx {
        display: none;
    }

    .join-c-box .right,
    .join-c-box .left {
        margin-right: 0;
        margin-bottom: 1rem;
    }

    /* .join-c-box .left .hide-er{
    } */
    .join-c-box .left .hide-er,
    .join-c-box .left.right .hide-er .join-c-box .left .hide-er,
    .join-c-box .left.right .hide-er {
        right: -6%;
        bottom: -6rem;
        transform: scale(.5);
    }

    .join-c-box .left {
        width: 100%;
    }
}

@media (max-width:1024px) {
    .join-c textarea {
        text-indent: 3.8rem;
    }
}

@media (max-width:996px) {
    .join-c-box {
        flex-direction: column;
        padding: 1.5rem 0%;
    }

    .join-c-box .left {
        width: 100%;
        margin-bottom: 1rem;
    }

    .join-c-box .right,
    .join-c-box .left {
        margin-right: 0;
        padding: 3rem 4%;
    }

    .join-c-box .er {
        width: auto;
        display: none;
    }

    .join-c-box .left .top {
        margin-bottom: 1rem;
    }

    .join-c .form .ins .int-1 {
        width: 100%;
        padding-bottom: 0;
    }

    .join-c .form .ins .int-1.selecets {
        justify-content: flex-start;
    }

    .se1 {
        flex: 1;
        margin-right: .5rem;
    }

    .join-c-box .right .s5 .int-1 .se1 select {
        width: 100%;
        bottom: 8px;
    }

    .join-c .form .ins {
        flex-wrap: wrap;
    }

    .join-c .form .ins.s2 {
        height: auto;
        padding: .5rem 0 .5rem .75rem;
    }

    .join-c .form .ins .int-2:first-child {
        width: 100%;
        margin-bottom: 1rem;
    }

    .join-c .form .ins.s2 .int-s select {
        width: 90%;
        margin-bottom: .5rem;
    }

    .join-c .form .ins .int-2:nth-child(n+2) {
        width: 45%;
    }

    .join-c .form .ins.s2 .int-2 span {
        text-align: left;
    }

    .join-c-box .right,
    .join-c-box .left {
        height: auto;
    }

    .join-c-box .left .hide-er,
    .join-c-box .left.right .hide-er {
        right: -6%;
        bottom: -6rem;
    }

    .join-c-box .left .t1 {
        font-size: 28px;
    }

    .join-c .form .ins.s2 .int-2 span {
        font-size: 14px;
    }

    .join-c .form .ins .int-1>img {
        height: 18px;
    }

    .join-c .form .ins .int-2>img {
        height: 18px;
    }

    .join-c-box .right .s5 .int-1 .re>img {
        height: 18px;
    }

    .join-c-box .span-a>img {
        height: 18px;
    }

    .join-c-box .right .top {
        /* margin-top: 0; */
        height: auto;
    }

    .join-c-box .right .s5 .int-1 select {
        bottom: 0;
        position: relative;
        transform: translateY(0);
    }

    .join-c textarea {
        text-indent: 3.5rem;
    }
}

@media (max-width:768px) {
    .join-c textarea {
        text-indent: 3.2rem;
    }

    .join-c-box .left .cont {
        opacity: 1;
        transform: translateY(0);
        width: 100%;
    }

    .join-c-box {
        padding-bottom: 0;
    }

    .join-c-box .left {
        margin-bottom: 0;
    }

    .join-c {
        background: #F1F3F6;
    }

    .join-c-box .left .t1 {
        display: none;
    }
    
}

@media (max-width:675px) {
    .project-swiper .left-s {
        bottom: -31% !important;
    }
    .products-info .bags05 .swiper-bottom .bottom-01 .img .tran-middle{
        top: 99%;
    }
    .project-swiper .right-s {
        bottom: -31% !important;
    }
}

@media (max-width:576px) {

    .join-c-box .left .hide-er,
    .join-c-box .left.right .hide-er {
        right: -16%;
        bottom: -7.5rem;
    }

    .join-c textarea {
        text-indent: 3.5rem;
    }
}

@media (max-width:996px) {
    .build-01 .item .left {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 1rem 0;
    }

    .build-01 .item .icon.icon1 {
        margin-right: 0;
    }

    .build-01 .item .l-r {
        margin-top: .5rem;
    }

    .build-01 .item .right {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 1rem 0;
    }

    .build-01 .item .right .icon.icon1 {
        margin-right: 0;
    }

    .build-01 .item .l-b {
        margin-top: .5rem;
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .build-01 .item:nth-child(2) .right .l-b .image {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .build-02 .bottom .bottom-box {
        position: relative;
    }

    .build-02 .b1 .box .circle .li {
        display: none;
    }

    .build-02 .b2 .item::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 150%;
        background-image: url(../img/install/bc3.png);
        /* background-image: url(../img/build/b14.png); */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 1;
        opacity: .7;
        transition: all .6s;
    }

    .build-02 .b2 .item {
        max-width: 50%;
        margin-bottom: 0.75rem;
        height: 12rem !important;
    }

    .build .num {
        color: #fff;
    }

    .build-03 .bottom .bottom-box {
        position: relative;
    }

    .build-03 .bottom .item .item-img {
        position: relative;
        height: 5rem;
    }

    .build-03 .bottom .item .item-img .icon {
        position: absolute;
        left: 4%;
        bottom: 15%;
        display: none;
    }

    .build-03 .bottom .item .txt1 .t3 {
        color: #000;
    }

    .build-03 .bottom .item .txt1 .t7 {
        color: #000;
    }

    .build-03 .bottom .item .txt1 .t7 span {
        margin-right: 6px;
    }

    .build-03 .bottom .item .txt1 .t7 br {
        display: none;
    }

    .build-03 .bottom .item .txt1 {
        position: relative;
        left: 0%;
        padding: 1rem 4%;
        bottom: 0;
    }

    .build-03 .bottom .bottom-box .item {
        width: 100% !important;
        margin: 0 0 .75rem 0;
        /* display: flex; */
        background-color: #fff;
    }

    .build-03 .b2 .li {
        width: 100%;
    }

    .build-02 .b2 .item .icon {
        background: #fff;
    }

    .build-02 .b2 .item .t4,
    .build-02 .b2 .item .t5 {
        color: #fff;
    }

    .build-02 .b2 .item .icon .ic2 {
        display: block;
    }

    .reload-03 .bottom .item .txt1 .t7 {
        line-height: 1.4;
    }

    .build-03 .b2 .li .top-txt {
        color: #fff;
        background: #0060AA;
        position: relative;
        z-index: 3;
    }

    .build-03 .b2 .li .cont-box::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 150%;
        background-image: url(../img/install/bc3.png);
        opacity: 1;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 2;
    }

    .reload-box-content .bottom1 .list .left-arrow {
        width: auto;
        height: auto;
    }

    .reload-box-content.mb .bottom1 .list {
        display: block;
    }

    .reload-box-content.mb .bottom1 .list .arr-01,
    .reload-box-content.mb .bottom1 .list .arr-02 {
        padding: 0 1.25rem;
    }

    .reload-box-content.mb .bottom1 .list .arr-01 .arrow {
        justify-content: flex-end;
    }

    .reload-box-content.mb .bottom1 .list .arr-02 .arrow {
        justify-content: flex-start;
    }

    .reload-box-content.mb .bottom1 .list .arr-01 .arrow img,
    .reload-box-content.mb .bottom1 .list .arr-02 .arrow img {
        justify-content: flex-end;
        transform: rotate(90deg);
    }

    .cnters {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .reload-box-content .bottom1 .list .cnters .arrow img {
        transform: rotate(180deg);
    }

    .reload-box-content.mb .bottom3 .ul .li {
        flex-direction: row;
    }

    .reload-box-content.mb .bottom3 .t5 {
        color: #000;
        font-size: 14px;
    }

    .reload-box-content.mb .bottom3.bottom .t2 {
        padding: 0 .5rem;
        background-color: #fff;
        padding-bottom: 1.25rem;
        padding-top: 2.25rem;
        color: #000;
        font-size: .65rem;
    }

    .reload-04 .reload-box {
        padding: .5rem 4% 1.5rem;
    }

    .reload-03 .bottom.re-swiper .swiper-wrapper {
        display: flex;
        flex-direction: column;
    }

    .reload-box-content.mb .list {
        width: 100%;
    }

    .reload-box-content .bottom .t2 {
        /* font-size: .65rem; */
        font-size: 12px;
    }

    .reload-02 .reload-box-content.mb .top .list:nth-child(n+2) {
        padding-top: .5rem;
    }

    /* .join-c-box .left.on .cont{
        opacity: 1;
        transform: translateY(0);
    } */
}

@media (max-width:996px) {
    .build-01 .item .right {
        padding: 1rem 0;
        /* margin-bottom: 0; */
    }

    .build-01 .item .left,
    .build-01 .item .right {
        margin-right: .5rem;
    }

    .build-01 .item .left:last-child,
    .build-01 .item .right:last-child {
        margin-right: 0;
    }

    .build-01 .item .right,
    .build-01 .item .left {
        background-color: #fff;
        background-image: none;
        margin-bottom: .5rem;
    }

    .build-01 .item {
        flex-direction: row;
    }

    .build-01 .item:nth-child(1) .right {
        margin-bottom: .5rem;
    }

    .build-01 .t1 {
        font-weight: 800;
    }

    .build-01 .item .icon.icon1 {
        background-color: #0060AA;
    }

    .build-01 .item .right .icon.icon1 .cl {
        color: #fff;
    }

    .build-02 .bottom .bottom-box.b1 {
        margin-top: .75rem;
    }

    .build-02 .b1 .box .circle {
        padding: 1.5rem 0;
    }

    .build-02 .b1 .box .circle .image {
        width: 80%;
    }

    .build-02 .b1 .box .circle .image::after {
        display: none;
    }

    .build-02 .b1 .box .box-circle::after {
        width: 60vw;
        height: 60vw;
        left: 50%;
    }

    .build-02 .b1 .box .circle .image::before {
        width: 45vw;
        height: 45vw;
        left: 50%;
        top: 50%;
    }

    .build-02 .b2 .item::after {
        display: none;
    }

    .build-02 .b2 .item {
        width: calc(100% / 3 - 4px);
        height: auto !important;
        padding: .5rem 0;
        background-color: #F4F6F8;
        border-radius: 10%;
    }

    .build-02 .b2 .item .t4 {
        color: rgb(0, 96, 170);
        font-weight: 800;
        line-height: 1;
    }

    .build-02 .b2 .item .t5 {
        display: none;
    }

    .build-02 .b2 .item .icon {
        background-color: rgb(0, 96, 170);
    }

    .build-02 .b2 .item .icon .ic1 {
        display: block !important;
    }

    .build-02 .b2 .item .icon .ic2 {
        display: none !important;
    }

    .build-02 .bottom .bottom-box.b2 {
        background-color: #fff;
        margin-top: .5rem;
    }

    .build-02 .b2 .box.sc-swiper {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }

    .build-02 .b2 .box.sc-swiper .num {
        color: rgb(201, 212, 221);
        opacity: 1;
    }

    .build-02 .b2 .item:last-child {
        margin-bottom: .75rem;
    }

    .build-02 .t3 .api {
        /* margin-bottom: 0; */
    }

    .build-02 .bottom .bottom-box.b2 {
        padding: 1.5rem 4%;
    }

    .build-02 .build-box {
        padding: 1.5rem 0 0;
    }

    .build-02 .bottom {
        background-color: #fff;
    }

    .build-02 .bottom .bottom-box {
        padding: 0 4%;
    }

    .build-02 .b2 .item .icon {
        margin-bottom: .7rem;
    }

    .build-02 .b2 .item:hover {
        background-color: #F4F6F8;
    }

    .build-02 .b2 .item:hover .icon {
        background-color: rgb(0, 96, 170);
    }

    .build-02 .b2 .item:hover .t4,
    .build-02 .b2 .item:hover .t5 {
        color: rgb(0, 96, 170);
    }

    .build-02 .b2 .item:hover .num {
        color: rgb(201, 212, 221) !important;
        opacity: 1 !important;
    }

    .build-03 .bottom .bottom-box .box.boxs-swiper {
        flex-direction: column;
        height: auto;
    }

    .build-03 .b2 .li .cont-box::after {
        height: 100%;
        display: none;
    }

    .build-03 .bottom .bottom-box .box.boxs-swiper .li {
        display: flex;
        flex-direction: row;
        background-color: #fff;
        padding: .75rem 6%;
        margin-bottom: .5rem;
    }

    .build-03 .build-box {
        padding: 1.5rem 0 1.5rem;
    }

    .build-02 .build-box .t1,
    .build-02 .build-box .t2,
    .build-02 .build-box .t3,
    .build-03.build-box .t1,
    .build-03 .build-box .t2,
    .build-03 .build-box .t3 {
        padding-left: 6%;
        padding-right: 6%;
    }

    .build-03 .bottom .bottom-box .box.boxs-swiper .li .left,
    .build-03 .bottom .bottom-box .box.boxs-swiper .li .right {
        width: 50%;
        position: relative;
    }

    .build-03 .bottom .bottom-box .box.boxs-swiper .li .right {
        height: 5rem;
    }

    .build-03 .bottom .bottom-box .box.boxs-swiper .li .right img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        margin: auto;
    }

    .build-03 .bottom .bottom-box .box.boxs-swiper .li .left .img {
        display: none;
    }

    .build-03 .bottom .bottom-box .box.boxs-swiper .li .left {
        padding-right: 1rem;
    }

    .build-03 .bottom .bottom-box .box.boxs-swiper .li .t11 {
        font-weight: 600;
        font-size: .6rem;
    }

    .build-03 .bottom .bottom-box .box.mb.box-swiper {
        padding-left: 6%;
        padding-right: 6%;
    }

    .build-02 .t2,
    .build-03 .t22 {
        padding-top: .375rem;
        padding-bottom: 1.5rem;
        text-align: left;
        line-height: 1.6;
        font-size: 12px;
        color: rgb(51, 51, 51);
    }

    .build-03 .bottom .bottom-box .box.boxs-swiper .li .left .img {
        height: 35px;
    }

    .build-03 .bottom .bottom-box .box.boxs-swiper .li .left img {
        margin: 0 0 0 auto;
        height: 100%;
    }

    .build-03 .bottom .bottom-box .box.boxs-swiper .li:nth-child(even) {
        flex-direction: row-reverse;
    }

    .build-03 .bottom .bottom-box .box.boxs-swiper .li:nth-child(even) .left {
        padding-left: 1rem;
        padding-right: 0;
    }

    .build-03 .bottom .bottom-box .box.boxs-swiper {
        margin-bottom: 0;
    }

    .build-03 .t2 {
        text-align: left;
        /* padding-top:1rem ; */
        padding-top: 0;
    }

    .build-01 .t2 {
        text-align: left;
    }

    .build-03 .build-box {
        padding: 1rem 0 0rem;
    }

    .build-02 .build-box {
        padding: 1rem 0 1rem;
    }

    .build-03 .bottom .bottom-box .item:last-child {
        margin-bottom: 0;
    }

    .build-04.reload-04 .reload-box {
        padding: 1.5rem 5% 1.5rem;
    }

    .build-01 .build-box {
        padding: 1rem 5% 1rem;
    }

    .build-01 {
        padding-top: 1rem;
    }

    .build .t1 {
        padding-bottom: 1rem !important;
    }

    .build-02 .t2,
    .build-03 .t22 {
        padding-top: 0;
    }

    .build-03 .t2 {
        line-height: 1.6;
    }

    .build-02 .t2,
    .build-03 .t22 {
        padding-bottom: 1rem;
    }

    .build-02 .bottom .bottom-box.b1 {
        margin-top: .5rem;
    }

    .build-03 .bottom .bottom-box .box.boxs-swiper .li .t11 {
        padding-bottom: .75rem;
    }

    .build .banner .t1 {
        padding-bottom: 0 !important;
    }

    .solution-a {
        height: 100vh;
    }

    .build-01 .item .right .cl,
    .build-01 .item .left .cl {
        color: #fff;
    }

    .build-01 .t2 {
        font-size: 12px;
    }

    .build-03 .t2 {
        font-size: 12px;
    }

    .pro-about .list-03 .item .left .t2 {
        font-size: 14px;
    }

    .warp-nav .nav .li.js-m-2-1.animate {
        /* background-color:#0060AA ; */
        transition: none;
    }

    .warp-nav .nav .li.active.js-m-2-1.animate {
        background-color: #0060AA;
        transition: none;
    }

    .warp-nav .nav .li .sec-list {
        /* background-color: #0060AA; */
        padding-bottom: 1rem;
    }

    .warp-nav .nav .li .sec-list {}

    .warp-nav .nav .li.active .tit {
        color: #fff !important;
    }

    .warp-nav .nav .li.active .tit::after {
        border: 2px solid #fff;
        transform: rotate(-135deg);
        border-left-color: transparent;
        border-top-color: transparent;
    }

    .warp-nav .nav .li.active .sec-list a {
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, .5);
    }

    .j-list-2 .box .top .ul .li .li-top {
        padding: 0.5rem 1rem;
    }
}

@media (max-width: 996px) {
    .reload .swiper-container-horizontal>.swiper-pagination-progress {
        z-index: 1;
    }

    .sec-box {
        display: none;
    }

    .parallax .list {
        padding-bottom: 0 !important;
    }

    .join-c-box {
        position: relative;
    }

    .join-c-box .m1.poa {
        display: block !important;
        position: absolute;
        left: 50%;
        top: 20px;
        transform: translateX(-50%);
        z-index: 3;
        width: 100%;
    }

    .join-a-box .api {
        width: auto !important;
        color: #fff;
        padding-bottom: .2rem;
        background-color: transparent !important;
        transition: all none;
        border: transparent !important;
    }

    .join-a-box .api {
        transition: none;
    }

    .join-a-box .api.on {
        font-size: 22px;
        font-weight: 600;
        transition: none;
        border-bottom: 2px solid rgba(255, 255, 255, 1) !important;
    }

    .reload-box-content.mb .bottom2 {
        padding: 0%;
    }

    .reload-contant .reload-box-content .bottom .bottom-content {
        background-color: #fff;
    }

    .reload-box-content .bottom1 .list {
        padding: 1.5rem 4%;
    }

    .reload-contant .reload-box-content.mb .bottom {
        margin-top: 0rem;
        background-color: transparent;
    }

    .reload-box-content .bottom .t2 {
        /* padding-top: .5rem; */
        padding-top: .25rem;
        padding-left: 4%;
        padding-right: 4%;
        padding-bottom: .75rem;
    }

    .reload-02 .reload-box-content .bottom2 .bottom-content {
        padding: 1rem 4% 1.5rem;
    }

    .reload-box-content.mb .bottom3.bottom .t2 {
        background-color: transparent;
        padding-top: .25rem;
        padding-left: 4%;
        padding-right: 4%;
        padding-bottom: .75rem;
        font-size: 12px;
    }

    .reload-box-content .bottom3.bottom .bottom-content {
        padding: 1rem 4% 0;
    }

    .reload-box-content .top .api {
        background-color: transparent;
        border: none;
        height: auto;
        color: #000;
        line-height: normal;
    }

    .reload-03 {
        padding: 0 4%;
    }

    .reload-03 .bottom .item .image {
        height: 100%;
        opacity: .8;
    }

    .project .project-list .api:hover,
    .project .project-list .api.active {
        background: #0060AA;
        color: #fff;
        font-weight: normal;
    }

    .reload-box-content.mb .bottom3 .ul .li:nth-child(2n) {
        flex-direction: row-reverse;
    }

    .reload-box-content .bottom3 .ul .li .li-img {
        width: 100%;
        height: 5rem;
    }

    .reload-box-content .bottom3.bottom .bottom-content {
        padding-bottom: 1.5rem;
    }

    .reload-box-content.mb .bottom3 .ul .li .txt {
        padding: 0 .375rem;
        margin-left: 0;
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .reload-box-content.mb .bottom3 .ul .li .t5 {
        padding-top: 0;
        font-family: 'OPPO-B';
    }

    .reload-box-content.mb .bottom3 .ul .li:nth-child(2n) .txt {
        margin-left: 0;
        padding: 0 4% 0 0;
        margin-right: 0rem;
    }

    .reload-03 .bottom .item .item-img {
        height: 6rem;
        position: relative;
    }

    .reload-03 .bottom .item .image {}

    .reload-03 .bottom .item .txt {
        padding: 1.5rem 0;
        display: none;
    }

    .reload-03 .bottom .item .txt1 {
        padding: 1.5rem 0 1.5rem;
        position: absolute;
        left: 4%;
        top: 0px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .reload-03 .bottom .item .txt1 .num {
        display: none;
    }

    .reload-03 .bottom .item .txt1 .icon {
        display: none;
    }

    .reload-03 .bottom .item .txt1 .t3 {
        padding-top: 0;
        color: #fff;
        padding-bottom: .5rem;
        font-size: 24px;
        display: flex;
        align-items: center;
    }

    .reload-03 .bottom .item .txt1 .t3 .mb {
        display: inline-flex;
        margin-right: .5rem;
        width: 1rem;
    }

    .reload-03 .bottom .item .txt1 .t7 {
        font-size: 12px;
    }

    .reload-03 .bottom .item .txt1 .t7 {
        color: #fff;
    }

    .reload-04 .bottom-01 .bottom-swiper .swiper-slide {
        width: 300px !important;
    }

    .build-03 .bottom .item .txt1 .t3 {
        padding-top: 0;
        margin-top: 0;
    }

    .build-03 .bottom .item .txt1 {
        padding-top: .75rem;
    }
}

@media (max-width:475px) {
    .project-swiper .left-s {
        bottom: -32% !important;
    }

    .project-swiper .right-s {
        bottom: -32% !important;
    }
}

@media (max-width:996px) {
    .reload-box-content .bottom1 .list .item .icon {
        margin: 0;
        width: 1rem;
        height: 1rem;
    }

    .reload-box-content .bottom1 .list .item .icon img {
        width: 100%;
        /* height: 100%;
     object-fit: cover; */
    }

    .reload-box-content .bottom1 .list .item {
        padding: .35rem .35rem;
        align-items: center;
        position: relative;
        background-color: #f5f5f5;
    }

    .reload-box-content .bottom1 .list .item::after {
        content: '';
        position: absolute;
        right: 4%;
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
        height: 17px;
        background-image: url(../img/down.png);
        background-size: 8px 17px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .reload-box-content .bottom1 .list .item:nth-child(2n) {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .1);
    }

    .reload-box-content .bottom1 .t4 {
        padding-top: 0;
        margin-top: 0;
        margin-left: 1rem;
    }

    .reload-03 .reload-box {
        padding-top: .5rem;
    }

    .reload-03 .t1 {
        padding-bottom: 1rem;
    }

    .project .project-03 .project-box .t2 {
        font-size: 12px;
        padding: .5rem 0;
    }

    .project-03 .top {
        font-size: 12px;
    }

    .digitiz-a .digitiz-box {
        margin-top: .5rem;
    }

    .digitization .digitiz-a .t1,
    .digitization .digitiz-01 .t1 {}

    .build-04.reload-04 .reload-box .t2 {
        line-height: 1.4;
    }

    .form-apply {
        padding: 0 4%;
    }

    .form-apply .form {
        width: 92%;
        height: auto;
        padding: 1rem 8%;
    }

    .form-list .item {
        width: 100%;
    }

    .form-list .items {
        width: 100%;
    }

    .reload-box-content .bottom .bottom-content .left .item .sub-menu {
        display: none;
    }

    .reload-box-content .bottom .bottom-content .left .item .sub-menu {
        display: flex;
        flex-wrap: wrap;
    }

    .reload-box-content .bottom .bottom-content .left .item .sub-menu .li {
        width: 50%;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .reload-box-content .bottom .bottom-content .left .item .sub-menu .li:last-child {
        border-bottom: 1px solid #dedede;
    }

    .reload-box-content.mb .bottom .bottom-content .b-right .right {
        margin-top: 0;
    }

    .digitiz-contant .digitiz-box {
        padding-bottom: 1.5rem;
    }

    .reload-04 .reload-box {
        overflow: hidden;
    }

    .digitiz-01 .text {
        padding: 0;
        padding-bottom: .5rem;
        font-weight: 400;
        font-family: 'OPPO-M';
    }

    .digitiz-01 .text.pc {
        display: none;
    }

    .digitiz-01 .text {
        color: #2563AB;
        padding-left: 0;
    }

    .digitiz-01 .text .icon {
        background-color: #0060AA;
    }

    .re-pagination {
        display: none;
    }

    .build-03 .t2 {
        padding-bottom: 1rem;
    }

    .reload-03 .reload-box .t1 {
        padding-bottom: 1.25rem;
    }

    .repair {
        background-color: #fff;
    }

    .repair .t1 {
        font-size: 28px;
        text-align: left;
        padding-bottom: .83rem;
        margin-bottom: 1rem;
        position: relative;
    }

    .repair .t1::after {
        position: absolute;
        content: "";
        height: 2px;
        width: 100%;
        left: 0;
        bottom: 0;
        background: #e6e6e6;
    }

    .warp-nav .nav .li .sec-box a {
        padding-left: 1.2rem;
    }

    .warp-nav .nav .li .sec-list .sec-list-item {
        position: relative;
    }

    .warp-nav .nav .li .sec-list .sec-list-item.rep.active .a1:after {
        top: 40%;
        display: none;
    }

    .warp-nav .nav .li .sec-list .sec-list-item.rep .a1:after {
        display: none;
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        text-align: center;
        position: absolute;
        right: 5%;
        top: 28%;
        /* background: url(http://demo.188388.cn:8083/cz_xz/web/bocstatic/web/css/../img/img1.svg); */
        display: inline-block;
        vertical-align: middle;
        border: 2px solid #fff;
        border-left-color: transparent;
        border-top-color: transparent;
        transform: rotate(45deg);
        margin: 0 auto;
        margin-left: 0.425rem;
        /* transition: .5s ease-in-out; */
        display: none;
    }

    .warp-nav .nav .li .sec-list .sec-list-item.rep.active .a1:after {
        transition: none;
        border: 2px solid #fff;
        transform: rotate(-135deg);
        border-left-color: transparent;
        border-top-color: transparent;
        display: none;
    }

    .repair-01 .swiper-pagination {
        /* display: none; */
    }

    .repair-01 .swiper-wrapper .swiper-slide:last-child {
        margin-bottom: 0;
    }

    .repair-01 .t2 {
        font-size: 18px;
    }

    .repair-01 .t3 {
        font-size: 14px;
        line-height: 1.6;
    }

    .repair .bottom .t-nav {
        padding: 0 4% 1rem;
    }

    .repair .top {
        padding-bottom: 0;
        padding: 2rem 4% 0rem;
        background-color: #fff;
    }

    .reload-box-content .bottom3.bottom {
        background-color: transparent;
        padding-left: 0;
    }

    .reload-box-content.mb .bottom3.bottom .t2 {
        padding-bottom: 0;
    }

    .reload-box-content .bottom3.bottom .bottom-content {
        background-color: transparent;
        padding-left: 0;
        padding-right: 0;
    }

    .reload-box-content.mb .bottom3 .ul .li {
        padding: 1rem 4%;
        margin-bottom: .5rem;
    }

    .reload-box-content.mb .bottom3 .ul .li:last-child {
        margin-bottom: 0;
    }

    .reload-box-content .top .api {
        font-weight: 500;
    }

    .reload-box-content.mb .bottom3 .ul .li .txt {
        justify-content: center;
        padding: 0 0 0 4%;
    }

    .reload-box-content .bottom3.bottom .bottom-content {
        padding-bottom: 0;
    }

    .reload-03 .reload-box {
        padding-top: 0;
    }

    .reload-03 .bottom .item .txt1 .t3 {
        font-size: 18px;
    }

    .reload-03 .bottom .item .txt1 .t3 .mb {
        width: 0.8rem;
    }

    .reload-03 .bottom .item .item-img {
        height: 5rem;
    }

    .reload-03 .bottom .item .txt1 {
        padding: 0;
        top: 50%;
        transform: translateY(-50%);
        justify-content: center;
    }

    .project .project-02 .b1 .box .list {
        padding-bottom: 1.5rem;
        padding-top: .8rem;
    }

    .project-02 .b1 .list .item:last-child {
        margin-bottom: 0;
    }

    .project-03 .project-box {
        padding-top: 0;
    }

    .project .project-02 .t1 {
        padding-top: 0;
    }

    .project-03 .bottom .ts {
        font-weight: 400;
        font-family: 'OPPO-M';
    }

    .project-03 .b2 .top,
    .project-03 .b1 .top,
    .project-03 .b3 .top {
        padding: .5rem 0;
    }

    /* .project .project-03 .project-box .t2{
        padding-bottom: .8rem;
    } */
    .project-03 .bottom-box.b1 {
        padding-bottom: 3.5rem;
    }

    .project-02 .project-box {
        padding-left: 0;
        padding-right: 0;
    }

    .project-02 .b1 .list .item .icon {
        width: 1rem;
    }

    .build-01 .build-box {
        padding-bottom: 0;
        padding-top: 1rem;
    }

    .build-02 .build-box {
        padding-bottom: 0;
    }

    .build-03 .build-box {
        padding-top: 1.5rem;
    }

    .build-02 .t3 .api,
    .build-03 .t3 .api,
    .project .api {
        margin-bottom: 1rem;
    }

    .repair .bottom {
        overflow: hidden;
    }

    .repair .bottom {
        padding: 0 4% 0;
    }

    .repair .bottom .t-nav {
        padding: 0 0 1rem;
    }

    .repair .bottom .t-nav a {
        font-size: 14px;
        padding: 0;
        height: 1.5rem;
    }

    .repair .swiper-pagination-progress .swiper-pagination-progressbar {
        height: 2px;
    }

    .repair-01 .swiper-pagination-progress .swiper-pagination-progressbar {
        top: 0;
    }

    .reload .swiper-container-horizontal>.swiper-pagination-progress {
        margin: .5rem 0 0;
    }

    .popBox {
        width: 92.2%;
    }

    .build-03 .bottom .bottom-box .box.boxs-swiper .li .t11 {
        font-weight: 400;
        font-family: 'oppo-m';
    }

    .project-02 .project-box {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .repair .repair-01 {
        position: relative;
    }

    .repair-01 .repair-swiepr {
        position: relative;
    }

    .repair .repair-01 .swiper-container-horizontal>.swiper-pagination-progress {
        position: absolute !important;
        top: auto;
        bottom: 0;
    }

    .project-03 .b3 .list .list-box .center {
        margin: 0;
    }

    .project-03 .b3 .list .list-box {
        padding: 0 4%;
    }

    .project-03 .b3 .list .list-box .item {
        height: 1.5rem;
    }

    .project-03 .b3 .list .list-box {
        height: 10rem;
    }

    .project-03 .b3 .list .list-box .poimg {
        height: 100%;
    }

    .project-03 .b3 .list .list-box .item .l-icon {
        width: 1rem;
        height: 1rem;
    }

    .project-03 .b3 .list .list-box .item .l-icon img {
        transform: scale(.5);
    }

    .project-03 .b3 .list .list-box .item:nth-child(2) {
        margin-right: 1.15rem;
    }

    .project-03 .b3 .list .list-box .right .item:nth-child(2) {
        margin-left: 1.15rem;
    }

    .reload-list .repair-01 .swiper-pagination-progress .swiper-pagination-progressbar {
        height: .2rem !important;
    }

    .reload-list .repair-01 {
        padding-bottom: 0;
    }

    .reload-list .repair-01 .swiper-container-horizontal>.swiper-pagination-progress {
        height: .2rem !important;
        margin: 1.5rem 0;
    }

    /* .repair-01 .swiper-container-horizontal>{
    } */
    .project-03 .b3 .list .list-box .center {
        display: flex;
        align-items: center;
        padding-left: .25rem;
    }

    .project-03 .b3 .list .list-box .center span {
        display: block;
        writing-mode: vertical-lr;
        font-size: 14px;
    }

    .project-03 .b3 .list .list-box .poimg {
        height: auto;
    }

    .project-03 .b3 .list .list-box .right {}

    .project-03 .b3 .list .list-box .item {
        width: 65%;
    }

    .reload-list .repair-01 {
        padding-bottom: 1.5rem;
    }

    .reload-list .repair-01 .repair-swiepr {
        min-height: auto;
    }

    .reload-list .repair-01 .swiper-wrapper .swiper-slide {
        margin-bottom: 0 !important;
        min-height: 16rem;
    }

    .reload-list .repair-01 .swiper-wrapper .swiper-slide {
        margin-bottom: 0;
    }

    .reload-list .repair-01 .swiper-container-horizontal>.swiper-pagination-progress {
        margin: 0 auto;
    }

    .reload-04 .bottom-01 .swiper-slide.item:hover .s-img img {
        transform: scale(1);
    }

    .reload-04 .bottom-01 .swiper-slide.item:hover .txt {
        background-color: #fff;
        color: #000;
    }

    .reload-04 .bottom-01 .swiper-slide.item:hover .txt span {
        color: #666;
    }

    .build-04.reload-04 .bottom-01 .swiper-slide.item:hover .txt span {
        color: #666;
    }

    .bod-nav.detail .center .page .s {
        padding-bottom: .75rem;
    }

    .repair-01 .image:hover img,
    .info-box .bottom .b-ul .li-b .item:hover img {
        transform: scale(1);
    }

    .info-box .bottom .b-ul .li-t .left:hover img,
    .info-box .bottom .b-ul .li-t .right:hover img {
        transform: scale(1);
    }

    .info-box .bottom .b-ul .li-t .left:hover .sp-ds,
    .info-box .bottom .b-ul .li-t .right:hover .sp-ds {
        background-color: #fff;
    }

    .info-box .bottom .b-ul .li-t .left:hover span,
    .info-box .bottom .b-ul .li-t .right:hover span {
        color: #333;
    }

    .info-box .bottom .b-ul .li-b .item:hover span {
        color: #333;
    }

    .info-box .bottom .b-ul .li-b .item:hover .sp-ds {
        background-color: #fff;
    }

    .j-list-2 .bottom .b-ul .li-b .item:hover img {
        transform: scale(1);
    }
}

@media (max-width:475px) {
    .repair .bottom .t-nav a {
        width: 35.8% !important;
    }

    .repair .bottom .t-nav a:not(:first-child) {
        margin: 0;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.1) {
    .text-bg .texts .left .lf-t {
        padding-left: 0;
    }

    .text-bg .texts .left .lf-b {
        padding-left: 0;
    }

    .text-bg .texts .right .lf-b {
        padding-right: 0;
    }

    .text-bg .texts .right .lf-t {
        padding-right: 0;
    }

    .text-bg .texts .center {
        /* align-items: center; */
        justify-content: space-between;
    }

    .text-bg .texts .center .lf-t .txt1 {
        margin-top: 5px;
    }

    .text-bg .texts .center .lf-t .txt1:nth-child(2) {
        margin-bottom: 0;
    }

    .text-bg .texts .center .lf-b .txt1 {
        margin-top: 5px;
    }

    .text-bg .texts .center .lf-b .txt1:nth-child(2) {
        margin-bottom: 0;
    }

    .text-bg .texts {
        height: 97%;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
    .text-bg .texts .left .lf-t {
        padding-left: 6px;
    }

    .text-bg .texts .left .lf-b {
        padding-left: 6px;
    }

    .text-bg .texts .right .lf-b {
        padding-right: 6px;
    }

    .text-bg .texts .right .lf-t {
        padding-right: 6px;
    }

    .text-bg .texts .center .lf-b .txt1:nth-child(2) {
        margin-bottom: -3px;
    }

    .text-bg .texts .center .lf-t .txt1:nth-child(2) {
        margin-bottom: -1px;
        margin-left: -15px;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5) {
    .text-bg .texts .left .lf-t {
        padding-left: 1rem;
    }

    .text-bg .texts .left .lf-b {
        padding-left: 0.75rem;
    }

    .text-bg .texts .right .lf-b {
        padding-right: .75rem;
    }

    .text-bg .texts .right .lf-t {
        padding-right: 1rem;
    }

    .text-bg .texts .center .lf-b .txt1 {
        margin-top: 7px;
    }

    .text-bg .texts .center .lf-t .txt1 {
        margin-top: 7px;
    }

    .text-bg .texts .center .lf-t .txt1:nth-child(2) {
        margin-bottom: 2px;
    }

    .text-bg .texts .center .lf-b .txt1:nth-child(2) {
        margin-bottom: 2px;
    }

    .text-bg .texts .center .lf-t .txt1:nth-child(2) {
        margin-left: .15rem;
    }
    .products-info .bags-01 .right .lis-bottom .lis .num{
        top: .475rem;
        left: .475rem;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.75) {
    .text-bg .texts .left .lf-t {
        padding-left: 6px;
    }

    .text-bg .texts .left .lf-b {
        padding-left: 6px;
    }

    .text-bg .texts .right .lf-b {
        padding-right: 6px;
    }

    .text-bg .texts .right .lf-t {
        padding-right: 6px;
    }

    .text-bg .texts .center .lf-t .txt1 {
        margin-top: 13px;
    }

    .text-bg .texts .center .lf-b .txt1 {
        margin-top: 13px;
    }

    .text-bg .texts .center .lf-t .txt1:nth-child(2) {
        margin-bottom: 10px;
    }

    .text-bg .texts .center .lf-b .txt1:nth-child(2) {
        margin-bottom: 10px;
    }

    .text-bg .texts .center .lf-t .txt1:nth-child(2) {
        margin-left: 0.15rem;
    }
}

@media(max-width:996px) {
    .project-03 .bottom {
        position: relative;
    }

    .project-03 .bottom .bottom-box .box .top {
        transform: translateY(0px);
    }

    .project-03 .bottom-box .box .list .list-box .left {
        transform: translateX(0px);
    }

    .project-03 .bottom-box .box .list .list-box .right {
        transform: translateX(0px);
    }

    .project-03 .bottom .bottom-box {
        position: relative;
        left: 0;
        top: 0;
        opacity: 1;
        visibility: visible;
    }

    .project-03 .bottom-box.b3 .list .list-box .center {
        z-index: 1;
        transform: translateY(0px);
    }

    .project-03 .b2 .list {
        transform: translateX(0px);
    }

    .project-03 .b3 .list .list-box .item {
        font-size: .45rem;
    }

    .repair-01 .t3 {
        margin-bottom: 1rem;
    }

    .repair-01 .t3 {
        height: 3rem;
    }

    .build-03 .bottom .bottom-box .box {
        position: relative;
    }
}

@media(max-width:1580px) {

    .products-info .bags05,
    .products-info .bags06 {
        height: auto;
    }

    .products-info .bags05 .swiper-bottom .bottom.swiper-slide .left:nth-child(2) {
        height: auto;
    }

    .products-info .bags03 {
        height: 25rem;
    }
}

@media(max-width:1680px) {
 

   
    .products-info .bags06 .bottom.swiper-slide .images .txt{
        padding-top: 2.25rem;
    }
}
@media(max-width:1440px) {
    .products-info .bags {
        height: auto;
    }


}

@media(max-width:1280px) {
    .products-info .bags-01 {
        padding-top: 1.5rem;
        align-items: center;
    }

    /* .products-info .bags-01 .left .image {
        min-height: auto;
        top: 0;
        transform: translateY(0);
    } */




    .products-info .bags-01 .right .lis-bottom {
        width: 100%;
        align-items: flex-start;
    }

    .products-info  .bags-box {
        top: 5rem;
    }
    .products-info .bags03 .bags-box{
        top: 3.75rem;
    }
    /* .products-info .bags-box {
        padding-top: 5rem;
    } */

    .products-info .bags04,
    .products-info .bags06 {
        padding-bottom: 2rem;
    }

    .products-info .bags-box .top,
    .products-info .bags06 .bags-box .top {
        padding: 0 5rem 0;
    }

    .products-info .bags04 .left {
        width: 20rem;
    }

    .products-info .bags04 .right {
        width: 17rem;
        right: -13.5rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-02 .left:nth-child(2) {
        justify-content: space-between;
    }

    .products-info .bags05 .swiper-bottom .bottom-03 .left {
        width: calc(100% - 15rem - 1.4rem);
    }

    .products-info .bags05 .swiper-bottom .bottom-03 .right {
        width: 15rem;
    }

}

@media(max-width:1180px) {
    .products-info .bags03 {
        height: 22rem;
    }
}

@media(max-width:1024px) {
    .products-info .bags {
        height: auto;
    }

    .products-info .bags-01 .left .image {
        position: relative;
    }

    .products-info .info-nav {
        padding: 0 2.5rem;
    }

    .products-info .bags {}

    .products-info .bags-01 .left .image {
        /* position: relative; */
        min-height: auto;
    }

    .products-info .info-nav .nav-list .li {
        font-size: 16px;
    }

    .products-info .bags02 .bags-prev,
    .products-info .bags02 .bags-next,
    .products-info .bags-02 .bags-prev,
    .products-info .bags-02 .bags-next {
        width: 1.3rem;
        height: 1.3rem;
        background-size: 1.3rem 1.3rem;
    }

    .products-info .bags-box .top {
        padding: 0 0%;
    }

    .products-info .bags-box .top .t1 {
        margin-bottom: 1rem;
    }

    .products-info .bags-box {
        /* position: relative; */
        width: 100%;
    }

    .products-info .bags-box {
        padding-top: 2rem;
    }

    .products-info .bags03 .bags-box {
        top: 0rem;
        padding-top:2rem;
        position: relative;
    }
    .products_list>.swiper-wrapper>.bags03.swiper-slide{
        height: auto !important;
        padding-bottom: 2rem;
        min-height: auto !important;
    }
    .products-info .bags-box .ul-top .ul-li:hover {
        color: #fff;
    }

    .products-info .bags-box .ul-top .ul-li:hover::after {
        display: none;
    }

    .products-info .bags06 .bags-box .ul-top .ul-li:hover {
        color: #333;
    }

    .products-info .bags-box .ul-top .ul-li.active {
        color: #36ABFF;
    }

    .products-info .bags06 .bags-box .ul-top .ul-li.active {
        color: #36ABFF;
    }

    .products-info .bags-box .ul-top .ul-li.active::after {
        width: 100%;
        display: block;
    }
    .products-info .bags03 .bags-02 .bags-bg{
        position: absolute;
        left: 0;
        top: 0;
    }
    .products-info .bags03 .bags-box .bagsbottom .left{
        position: relative !important;
    }

}

@media (max-width:996px) {
    .products-info .bags-box .ul-top {
        justify-content: space-around;
    }

    .products-info .bags03 {
        height: 28rem;
    }

    .products-info .bags03 .bags-box .bagsbottom,
    .products-info .bags05 .bags-box .bagsbottom {
        width: 90%;
        margin: 0 auto;
    }

    .products-info .bags03 .bags-box .bottom {
        flex-direction: column;
        padding-left: 0;
    }

    .products-info .bags03 .bags-box .bottom .right {
        width: 100%;
    }

    .products-info .bags03 .bags-box .bottom .left {
        margin-right: 0;
        width: 55%;
        margin: 0 auto 1rem;
    }

    .products-info .bags03 .bags-box .bottom .left img {
        height: 100%;
    }
    .products-info .bags03 .bags-box .bottom-01 .left img{
        margin-left: -6px;
    }
    .products-info .bags03 .bags-box .bottom-02 .left img{
        margin-left: -6px;

    }
    .products-info .bags03 .bags-box .bottom-03 .left img{
        margin-left: -8px;

    }
    .products-info .bags03 .bags-box .bottom .right .ri-bot {
        padding: 1rem;
    }

    .products-info .bags03 .bags-box .bottom .right .ri-li {
        margin-bottom: .5rem;
    }

    .products-info .bags04 .left {
        width: 90%;
        height: auto;
        /* height: 10rem; */
    }

    .products-info .bags04 .right {
        position: relative;
        right: 0;
        width: 100%;
        height: auto;
        top: 0;
        padding: 1rem;
    }

    .products-info .bags04 .bottom {
        justify-content: center;
        overflow: visible;
    }

    .products-info .bags03 .bags-img img {
        height: 100%;
    }

    .products-info .bags04 {
        padding-bottom: 2rem;
    }

    .products-info .bags04 .left .image {
        margin-bottom: 1rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .item {
        width: 100%;
        padding: 1rem;
        height: auto;
        margin-bottom: .5rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .left .item:first-child {
        margin-bottom: .5rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .left {
        width: 100%;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .img {
        flex-direction: column;
        height: auto;
        padding-top: 0;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .right .item {
        width: 100%;
        padding: 1rem;
        height: auto;
        flex-direction: row;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .right .item .i-r {
        text-align: start;
        margin-left: .625rem;
    }

    /* .products-info .bags05{
        padding-bottom: 2rem;
    } */
    .products-info .bags05 .swiper-bottom .bottom-01 .img .tran-middle {
        width: 100%;
        height: auto;
        top: 74%;
    }

    .products-info .bags05 .swiper-bottom .bottom-02 {
        flex-direction: column;
        padding-bottom: 2rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-02 .left {
        width: 100%;
        padding: 1rem;
        margin-bottom: 1rem;
        height: auto;
    }

    .products-info .bags05 .swiper-bottom .bottom.bottom-02 .left:nth-child(2) {
        width: 100%;
        height: auto;
        padding: 1rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-03 {
        flex-direction: column;
        padding-bottom: 2rem;
    }

    .products-info .bags05 .swiper-bottom .bottom.swiper-slide .left {
        width: 100%;
    }

    .products-info .bags05 .swiper-bottom .bottom-03 .left {
        height: auto;
    }

    .products-info .bags05 .swiper-bottom .bottom-03.swiper-slide .left .image {
        width: 5rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-03 .right {
        width: 100%;
    }

    .products-info .bags05 .swiper-bottom .bottom-03 .right .ul-box .li {
        margin-bottom: 1rem;
    }


    .products-info .bags05 .swiper-bottom .bottom-01 .left .item {
        background-image: url(../img/itemr.png);
        padding: .45rem .25rem;
        padding: 1rem;
    }
    .products-info .bags-01 .right{
        width: 100%;
    }
    .products-info .bags-01 .left{
        margin: 0 auto 1rem;
        width: 30%;
        position: relative;
        top: auto;
        left: auto;
        transform: translateY(0);
    }
    .products-info .bags-01 .right .lis-top{
        align-self: center;
    }
}

@media(max-width:756px) {
    .products-info .info-nav {
        padding: 0;
        display: none;

    }

    .products-info .bags03 {
        height: 31rem;
    }

    .products-info .info-nav .nav-list .li {
        font-size: 12px;
    }

    .products-info .bags {
        padding: 1.5rem 4%;
    }

    .products-info .bags-01 {
        padding: 0 4%;
        flex-direction: column;
    }

    .products-info .bags-01 .left {
        width: 100%;
    }

    .products-info .bags-01 .left .image {
        position: relative;
        top: 1.5rem;
    }

    .products-info .bags-01 .right {
        width: 100%;
    }

    .products-info .bags {
        height: auto;
    }

    .products-info .bags-01 .right .lis-bottom {
        flex-direction: column;
        width: 100%;
    }

    .products-info .bags-01 .right .lis-bottom .lis {
        margin: 0 0 .5rem;
        width: 100%;

    }

    .products-info .bags02 {
        height: 20rem;
    }

    .products-info .bags02 .bags-prev,
    .products-info .bags-02 .bags-prev {
        left: 0;
    }

    .products-info .bags02 .bags-next,
    .products-info .bags-02 .bags-next {
        right: 0;
    }

    .products-info .bags06 .bags-02 .bags-prev {
        left: 5%;
    }

    .products-info .bags06 .bags-02 .bags-next {
        right: 5%;
    }

    .products-info .bags-box .ul-top .ul-li {
        font-size: 16px;
    }

    .products-info .bags-box .bagsbottom {
        width: 100%;
        margin: 0 auto;
    }

    .products-info .bags03 .bags-box .bottom {
        flex-direction: column;
        padding-left: 0;
    }

    .products-info .bags03 .bags-box .bottom .right {
        width: 100%;
    }

    .products-info .bags03 .bags-box .bottom .left {
        margin-right: 0;
        width: 80%;
        height: 10.2rem;
        margin: 0 auto 1rem;
    }

    .products-info .bags03 .bags-box .bottom .left img {
        /* width: auto; */
        height: 100%;
        /* object-fit: cover; */
    }
    .products-info .bags03 .bags-box .bottom{
        justify-content: flex-start;
    }
    .products-info .bags03 .bags-box .bottom .right .ri-bot {
        padding: 1rem .75rem;
    }

    .products-info .bags03 .bags-box .bottom .right .ri-li {
        margin-bottom: .5rem;
    }

    .products-info .bags04 .right .ri-top {
        margin-bottom: .25rem;
    }

    .products-info .bags04 .bottom {
        flex-direction: column;
    }

    .products-info .bags04 .bagsbottom .swiper-wrapper {
        align-items: flex-start;
    }
    .products-info .bags04 .right .ri-li{
        font-size: 12px;
    }
    .products-info .bags03 .bags-box .bottom .right .ri-li{
        font-size: 12px;
    }
    .products-info .bags03 .bags-box .bottom .right .ri-li span{
        font-size: 12px;
    }

    .products-info .bags04 .right {
        position: relative;
        width: 100%;
        height: auto;
        right: 0;
        top: 0;
        padding: 1rem;
        margin-top: 0rem;
        max-height: 6rem;
        /* height: auto; */
        overflow-y: scroll;
    }

    .products-info .bags04 .left {
        width: 100%;
        height: auto;
    }

    .products-info .bags06 .bags-box .top {
        padding: 0;
    }

    .products-info .bags06,
    .products-info .bags04 {
        height: auto;
        padding-bottom: 2.5rem;
    }

    .products-info .bags06 .bagsbottom .t3 {
        position: relative;
        top: 0;
        margin-bottom: .5rem;
        font-size: .75rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .img {
        height: auto;
        flex-direction: column;
    }
    

    .products-info .bags05 .swiper-bottom .bottom-01 .img .tran-middle {
        width: 100%;
        top: 99.15%;
        bottom: 0;
        height: 15rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .img .tran-middle img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .products-info .bags05 .swiper-bottom .bottom-01 .right{
        padding-top: 0;
    }
    .products-info .bags05 .swiper-bottom .bottom-01 .right .item {
        flex-direction: row;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .right .item .i-r {
        text-align: start;
        margin-right: 0;
        margin-left: .625rem;
    }

    .products-info .bags05 {
        height: auto;
    }

    .products-info .ul-boxs {
        width: 100%;
        /* padding-bottom: .5rem; */
        padding-bottom:0;
    }

    .products-info .bags-box .ul-top {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid rgba(255, 255, 255, .5);
    }

    .products-info .bags-box .ul-top .ul-li {
        /* flex: 1; */
    }

    .products-info .bags-box .ul-top .ul-li::after {
        bottom: 0;
    }

    .products-info .bags03 .bags-box .ul-top .ul-li::after,
    .products-info .bags04 .bags-box .ul-top .ul-li::after，.products-info .bags05 .bags-box .ul-top .ul-li::after,
    .products-info .bags06 .bags-box .ul-top .ul-li::after {
        bottom: 0;
    }

    .products-info .bags03 .bags-box .top,
    .products-info .bags04 .bags-box .top,
    .products-info .bags05 .bags-box .top,
    .products-info .bags06 .bags-box .top {
        border: none;
    }

    .products-info .bags04 .left .image {
        height: auto;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .img {
        padding-top: 0;
    }

    .products-info .bags-01 .right .lis-top .icnos {
        width: 1rem;
        height: 1rem;
    }

    .products-info .bags-01 .right .lis-top {
        /* padding-bottom: 1; */

align-self: center;    }

    .products-info .bags-01 .right .lis-bottom .lis {
        height: 4rem;
        padding-bottom: .5rem;
    }

    .products-info .bags-01 .right .lis-bottom .lis .t1 span {
        margin-bottom: .5rem;
    }

    .products-info .bags-01 .right .lis-bottom .lis .t2 {
        font-size: 18px;
    }
    .products-info .bags-01 .right .lis-bottom .lis .num{
    
    }
    .products-info .bags05 .swiper-bottom .item {
        width: 100%;
        height: auto;
        padding: .5rem;
    }



    .products-info .bags05 .swiper-bottom .bottom-01.bottom {
        margin-bottom: 9rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .left .item .i-r .t1,
    .products-info .bags05 .swiper-bottom .bottom-01 .right .item .i-r .t1,
    .products-info .bags05 .swiper-bottom .bottom-03 .right .ul-box .li .t1 {
        font-size: 18px;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .left .item .i-r .t2,
    .products-info .bags05 .swiper-bottom .bottom-01 .right .item .i-r .t2,
    .products-info .bags05 .swiper-bottom .bottom-03 .right .ul-box .li .t2 {
        font-size: 14px;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .left .item:first-child {
        margin-bottom: .5rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .left .item {
        margin-bottom: .5rem;
        padding: .45rem .25rem;

    }

    .products-info .bags05 .swiper-bottom .bottom-01 .right .item {
        height: auto;
        padding: .45rem .25rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .img .tran-middle {
        top: 109%;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .left .item .i-r .t1 {
        margin-bottom: .25rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-02 {
        flex-direction: column;
    }

    .products-info .bags05 .swiper-bottom .bottom-02.swiper-slide .left {
        width: 100%;
        height: auto;
        padding: 1rem 1rem 1rem;
        /* padding: .5rem; */
        margin-bottom: 1rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-02.swiper-slide .left:nth-child(2) {
        width: 100%;
        height: auto;
        /* padding: .5rem; */
        padding: 1rem 1rem 1rem
    }

    .products-info .bags05 .swiper-bottom .bottom-02 .t1 {
        font-size: 18px;
    }

    .products-info .bags05 .swiper-bottom .bottom-02 .t2 {
        font-size: 14px;
    }

    .products-info .bags-box .top {
        margin-bottom: 1rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-02.swiper-slide .left:nth-child(2) .image {
        width: 6rem;
        margin: 0 auto;
    }

    .products-info .bags05 .swiper-bottom .bottom-02 .swiper-wrapper {
        align-items: flex-start;
    }

    .products-info {
        overflow: hidden;
    }

    .products-info .bags05 .swiper-bottom .bottom-03 .right .ul-box .li {
        margin-bottom: 1rem;
    }

    .products-info .bags05 {
        padding-bottom: 1.25rem;
    }
    .products-info .bags-01 .right .lis-bottom .lis .t1 span{font-size: 12px;}
    .products-info .bags05 .swiper-bottom .bottom-03 .right .ul-box .li .icon {
        width: 1.5rem;
        height: 1.5rem;
        margin-right: .625rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-03 .left {
        width: 100%;
        height: auto;
        margin-bottom: 1rem;
        /* padding-bottom: 1rem; */
    }

    .products-info .bags05 .swiper-bottom .bottom-03.swiper-slide-active .left .image {
        width: 5rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-03 .right .ul-box .li .t1 {
        margin-bottom: .25rem;
    }

    .products-info .bags05 .swiper-bottom .bottom {
        height: 100%;
    }

    .products-info .bags05 .swiper-bottom .bottom-02 {
        justify-content: flex-start;
    }

    .products-info .bags06 .bottom.swiper-slide .imgs {
        max-height: none;
        height: 14rem;
    }

    .products-info .bags06 .bags-box .top {
        margin-bottom: 1rem;
    }

    .products-info .bags05 .bags-02 {
        height: 100%;
        max-height: 28.27rem;
    }

    .products-info .bags05 {
        padding-bottom: 0;
    }

    .products-info .bags05 .swiper-bottom .right {
        height: 100%;
        margin-bottom: 1rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-03 .right {
        margin-left: 0;
    }

    .products-info .bags05 .bags-02 {
        max-height: none;
    }

    .products-info .bags06 .textbg {
        width: 100%;
        font-size: 4.6rem;
    }

    .products-info .bags06 .bags-box {
        width: 100%;
    }

    .products-info .bags06 .bags-box .top {
        width: 83.551%;
        margin: 0 auto 1rem;
    }

    .products-info .bags-box .bagsbottom {
        width: 90%;
    }

    .products-info .bags06 .bagsbottom .t3 {
        width: 83.551%;
        margin: 0 auto 1rem;
    }

    .products-info .bags06 .bagsbottom .swiper-bottom {
        width: 83.551%;
        margin: 0 auto 0;
    }

    .products-info .ul-boxs::-webkit-scrollbar-thumb {
        background-color: rgba(255, 255, 255, .1);
    }

    .products-info .bags03 .bags-box .bottom .right .ri-top {
        padding: 0 .75rem;
        font-size: .8rem;
    }

    .products-info .bags03 .bags-box .bottom .right .ri-li p {
        flex: 1;
    }

    .products-info .bags03 .bags-box .bottom-01 {
        padding-top: 0;
    }



    .products-info .bags05 .swiper-bottom .swiper-wrapper {
        align-items: flex-start;
    }

    .products-info .bags05 .swiper-bottom .bottom-03,
    .products-info .bags05 .swiper-bottom .bottom-02 {
        padding-bottom: 0;
    }

    .products-info .bags05 .swiper-bottom .bottom-03 .right {
        margin-bottom: 0;
    }

    .products-info .bags05 .swiper-bottom .bottom.swiper-slide-active .left:nth-child(2) {
        margin-bottom: 0;
    }
    .products-info .bags-01 .right .lis-bottom .lis{
        background-size: cover;
    }
    .products-info .bags02 .bags-swiper{
        width: 74%;
    }
}
@media (max-width:996px) {

    .products-info .bags-01{
   
    }
    .products_list>.swiper-wrapper>.swiper-slide.pro-about {
        height: 100vh;
    }

    .products_list>.swiper-wrapper>.swiper-slide.bags01 {
        height: auto;
        padding: 1.5rem;

    }

    .products_list>.swiper-wrapper>.swiper-slide {
        height: 20rem;
    }
    .products_list>.swiper-wrapper>.swiper-slide.bags00{
        height: auto;
    }
    .products_list.swiper-container>.swiper-wrapper {
        height: auto;
        display: flex;
    flex-direction: column;
    }
    .products-info .bags05 .swiper-bottom .bottom-01 .right{
        padding-top: 0  ;
    }
    



    .products_list>.swiper-wrapper>.swiper-slide.bags04 {
        height: auto;
    }

    .products_list>.swiper-wrapper>.swiper-slide.bags05 {
        height: auto;
    }

    .products_list>.swiper-wrapper>.swiper-slide.bags06 {
        height: auto;
    }
    .products-info .bags06 .textbg{
        font-size:5rem;
    }
    .products-info .info-nav .nav-list{
        display: none;
    }
    .products-info .bags-01>.left{
display: none;
    }
    .products-info .bags-01 .left .image{
        top: 0;
    }.products-info .bags05 .swiper-bottom .bottom-01 .left{
        padding-top: 0;
    }
    .products-info .bags-01 .left .image{
        margin: 0 auto;
        width: 100%;
        left: 0;
    }
    .products-info .bags-01 .right .mb-block{
        display: block;
    }
    .products-info .bags-01 .right .lis-bottom .lis .num{
        left: .75rem;
        top: .5rem;
    width: .75rem; 
height: auto;
}
    .products-info .bags-01 .right .lis-bottom .lis .num img{
        height: auto;
    }
    .products-info .bags03 .bags-box .bottom .right .ri-li span{
        width: 1.05rem;
height: 1.05rem;
line-height: 0;
    }
    .products-info .bags03 .bags-box .bottom .right .ri-bot .bot2{
        padding: 0;
    }
    .products-info .bags03 .bags-box .bottom .right{
        transition-delay: .2s;
        position: relative;
    }
    .products-info .bags03 .bags-box .bottom .left{
        transition-delay: .2s;
            height: auto;
    }.products-info .bags03 .bags-box .bottom .left img{
        margin-top: 0;
    }
    .products-info .bags04 .left{
        position: relative;
    }
    .bod-nav.detail .center .bottom video{
        width: 100% !important;
        height: auto !important;
        margin: 0 auto;
    }
    .products-info .bags05 .swiper-bottom .bottom-02 .left .image{
        width: 100%;
    }
    .products-info .bags06 .bottom.swiper-slide a{
        font-size: 14px;
    width: 6.5rem;
    height: 1.5rem;
    margin-top: 1.5rem;
    }
    .products-info .bags06 .bottom.swiper-slide .imgs img{
        filter:none ;
    }
}

@media (max-width:475px) {
    .products-info .bags03 .bags-box .bagsbottom .left {
        width: 90%;
        height: auto;
        max-height: auto;
    }
    .products-info .bags03{
        min-height: 100vh;
    }
    .products_list>.swiper-wrapper>.swiper-slide.bags01{
        padding: 1rem 4%;
    }
    .products-info .bags03 .bags-box .bottom-01 .left {
        height: auto;
    }

  

   

    .products-info .bags03 .bags-box .bagsbottom .bottom-03 .left {
        height: auto;
    }

    .products-info .bags03 .bags-box .bagsbottom {
        padding-top: 0;
    }

    .products-info .bags06 .textbg {
        width: 100%;
        font-size: 2.5rem;
    }

    .products-info .bags05 .swiper-bottom .bottom-01 .img .tran-middle {
        height: 11rem;
        top: 122%;
    }

    .products-info .bags03 {
        height: 28rem;
    }

    .products-info .bags03 .bags-box .bottom .right .ri-li p {
        line-height: 1.5;
    }
 
}
@media (-webkit-min-device-pixel-ratio: 1.5){
    .header-b {
      width: 26rem;
    }
    .header-b .li-nav:nth-child(1) a::after{
        right: -15%;
    }
}


@media(max-width:996px){
    .products-info .bags06 .bottom.swiper-slide .imgs img{
        opacity: 1 !important;
    }
}