@media screen and (max-width: 899px) {
    .swiper {
        width: 100%;
        height: 5.8rem;
        margin-top: 60px;
    }
    .swiper-icon {
        top: 2.5rem;
        color: #aaa;
        width: 1rem;
        height: 1rem;
        font-size: .6rem;
        line-height: 1rem;
        border-radius: 50%;
        background: rgba(22, 22, 22, 0.1);
    }
    .swiper-left {
        left: 5px;
        text-indent: -2px;
    }
    .swiper-right {
        right: 5px;
        text-indent: 2px;
    }
    .swaper-index {
        bottom: 15px;
    }
    .swaper-index .indexs {
        width: 20px;
        height: 4px;
        overflow: hidden;
        margin: 0 2px;
    }
    .swaper-index .indexs .myuse {
        height: 4px;
    }
    .swaper-index .indexs .used {
        width: 20px;
    }
    .uper-img {
        display: none;
    }
    .bottom-img {
        display: none;
    }
    /*----------------new product---------------*/
    .new-products-box {
        padding: 30px 0;
    }
    .new-products-box h2 {
        font-size: 20px;
        line-height: 20px;
    }
    .new-products {
        display: block;
        margin-top: 20px;
    }
    .new-products .product-left,
    .new-products .product-middle,
    .new-products .product-right {
        width: 100%;
        display: block;
    }
    .new-products .product-left {
        height: auto;
    }
    .new-products h3 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .new-products p {
        font-size: 14px;
        line-height: 14px;
    }
    /*左侧*/
    .product-left {
        margin-bottom: 10px;
        padding: 12px 0;
    }
    .product-left h3,
    .product-left p {
        text-align: center;
    }
    .product-left .product-left-con {
        width: 100%;
        padding: 20px 0;
        margin: 0 auto;
    }
    .product-left-con.left img{
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
    }
    .two .product-left-con .img-box img {
        width: 50%;
    }
    .product-left .product-left-con img {
        width: 50%;
        display: block;
        margin: 0 auto;
        
    }
    .product-left p {
        margin-bottom: 20px;
    }
    .product-middle {
        width: 0;
    }
    /*右侧*/
    .product-right-top {
        margin-bottom: 10px;
    }
    .product-right .product-right-con {
        padding-left: 0rem;
    }
    .product-right-con .right-con-txt {
        width: 60%;
        padding-left: 0.1rem;
    }
    .product-right-con .right-con-txt p {
        line-height: 20px;
    }
    .new-products .product-left:hover,
    .new-products .product-right-bottom:hover,
    .new-products .product-right-top:hover {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        box-shadow: 0px 1px 3px 0px rgba(28, 41, 47, 0.08);
        -webkit-box-shadow: 0px 1px 3px 0px rgba(28, 41, 47, 0.08);
        -moz-box-shadow: 0px 1px 3px 0px rgba(28, 41, 47, 0.08);
        -ms-box-shadow: 0px 1px 3px 0px rgba(28, 41, 47, 0.08);
    }
    .new-products .other-image {
        display: none !important;
    }
    .new-products .m-image {
        display: block !important;
        ;
    }
    .new-products .two {
        margin-left: 0;
        margin-bottom: 10px;
    }
    .two .product-left-con .text-box {
        float: none;
        width: auto;
        text-align: left;
        margin-top: 0.5rem;
    }
    .two .product-left-con .text-box h3 {
        text-align: center;
    }
    .two .product-left-con .text-box p {
        font-size: 14px;
        text-align: center;
    }
    .two .product-left-con .img-box {
        width: 100%;
        display: block;
        margin: 0 auto;
        float: none;
    }
    /*--------------- 商用解决方案 --------------*/
    .solutions {
        background: #fff;
        padding: .9rem 0px 15px;
    }
    .solutions-title {
        padding-bottom: .315rem;
        text-align: center;
    }
    .solutions-title img {
        display: block;
        width: 50%;
        margin: 0 auto 20px;
    }
    .solutions-title h2 {
        font-size: 18px;
        line-height: 18px;
        color: #000;
        margin-bottom: 16PX;
    }
    .solutions-title p {
        font-size: 14px;
        line-height: 24px;
        color: #666;
        margin-bottom: .083rem;
        padding: 0 20px;
    }
    .solutions-title p:last-child {
        margin-bottom: .35rem;
    }
    .solutions-pc {
        display: none;
    }
    .solutions-wap {
        display: block;
        line-height: 24px;
        margin-bottom: 0;
    }
    .solutions-list {}
    .solutions-list li {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        text-align: center;
        margin-bottom: 10px;
        background-position: center;
        background-size: cover;
    }
    .solutions-list li:nth-child(3n-1) {
        margin: 0 0 10px;
    }
    .solutions .solutions-list li {
        background: #fff !important;
    }
    .solutions-list li:nth-child(1) .list-no-hover {
        background-image: url(../images/home/sibc.jpg);
    }
    .solutions-list li:nth-child(3) .list-no-hover {
        background-image: url(../images/home/sibd.jpg);
    }
    .solutions-list li:nth-child(4) .list-no-hover {
        background-image: url(../images/home/sibb.jpg);
    }
    .solutions-list li:nth-child(5) .list-no-hover {
        background-image: url(../images/home/sibe.jpg);
    }
    .solutions-list li:nth-child(6) .list-no-hover {
        background-image: url(../images/home/siba.jpg);
    }
    .solutions-list li:nth-child(2) .list-no-hover {
        background-image: url(../images/home/sibf.jpg);
    }
    .solutions-list-en li:nth-child(1) .list-no-hover-en {
        background-image: url(../images/home/siba.jpg);
    }
    .solutions-list-en li:nth-child(5) .list-no-hover-en {
        background-image: url(../images/home/sibb.jpg);
    }
    .solutions-list-en li:nth-child(3) .list-no-hover-en {
        background-image: url(../images/home/sibc.jpg);
    }
    .solutions-list-en li:nth-child(4) .list-no-hover-en {
        background-image: url(../images/home/sibd.jpg);
    }
    .solutions-list-en li:nth-child(2) .list-no-hover-en {
        background-image: url(../images/home/sibe.jpg);
    }
    .solutions-list-en li:nth-child(6) .list-no-hover-en {
        background-image: url(../images/home/sibf.jpg);
    }
    .list-no-hover,
    .list-no-hover-en {
        margin-top: 0;
        width: 100%;
        height: 4.5rem;
        background-position: center;
        background-size: cover;
    }
    .list-no-hover h3,
    .list-no-hover-en h3 {
        font-size: 18px;
        line-height: 18px;
        color: #fff;
        margin-bottom: 10px;
        padding-top: 1.5rem;
    }
    .list-no-hover img,
    .list-no-hover-en img {
        display: block;
        margin: 0 auto;
        width: 7%;
    }
    .list-hover {
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 1);
        position: static;
        bottom: 0;
        left: 0;
        display: none;
        padding: 20px 0;
    }
    .list-hover p {
        font-size: 14px;
        line-height: 14px;
        color: #666;
        margin-top: 10px;
    }
    .list-hover .list-hover-first {
        /*margin-top: .053rem;*/
    }
    .list-hover img {
        display: block;
        width: 7%;
        margin: 0 auto;
        display: block;
    }
    .list-hover a {
        display: block;
        width: 25%;
        height: 25px;
        line-height: 25px;
        margin: 20px auto 0;
        border: 1px solid #0050ff;
        text-align: center;
        border-radius: 15px;
        color: #0050ff;
        font-size: 12px;
    }
    /*----------------案例学习-----------------*/

    .case-study{
        padding: 32px 0px;
        color: #fff;
        box-sizing: border-box;
        background-color: #fff;
    }
    .case-study .case-study-title{
        font-size: 20px;
        color:rgba(0,0,0,.6);
        /* font-weight: 300; */
        text-align: center;
        margin-bottom: 42px;
    }
    .case-study .cases{
        display: flex;
        flex-wrap: wrap;
    }
    .case-study .cases .case{
        width: 100%;
        cursor: pointer;
        margin-bottom: 10px;
    }
    .case-study .cases .case .case-img{
        width: 100%;
        height: 5.6267rem;
        background: rgba(0, 80, 255, .11);
    }
    .case-study .cases .case .case-img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .case-study .cases .case .case-text{
        padding: 24px 24px 0;
    }
    .case-study .cases .case .case-text .case-title{
        font-size: 16px;
        color: #000;
        text-align: center;
        /* font-weight: 300; */
        margin-bottom: 12px;
    }
    .case-study .cases .case .case-text .case-desc{
        font-size: 14px;
        color: rgba(0,0,0,.6);
        text-align: center;
        /* font-weight: 300; */
    }
    .leran-more-cases{
        text-align: center;
    }
    .learn-more-btn{
        display: inline-block;
        width: 148px;
        height: 48px;
        line-height: 48px;
        border: 1px solid #0050FF;
        border-radius: 24px;
        text-align: center;
        font-size: 16px;
        color: #0050FF;
        cursor: pointer;
        font-weight: 600;
    }
    /*----------------柔性+技术----------------*/
    .flex-box {
        padding: 40px 0px 30px;
        width: 100%;
        color: #fff;
    }
    .flex-box h2 {
        font-size: 20px;
        line-height: 20px;
        text-align: center;
        color: #666;
        margin-bottom: 20px;
    }
    .flex-box .flex-display,
    .flex-box .flex-sensior {
        width: 100%;
        display: block;
        position: relative;
    }
    .flex-box a {
        display: block;
        padding-bottom: 0.5rem;
        background: #000;
    }
    .flex-box img {
        width: 100%;
        display: block;
    }
    .flex-box .flex-display {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .flex-display div,
    .flex-sensior div {
        width: 95%;
        position: relative;
        bottom: 50%;
        height: auto;
        left: 0%;
        margin-bottom: 0;
        line-height: 24px;
        /* transform: translateY(50%); */
    }
    .flex-box h3 {
        font-size: 16px;
        line-height: 16px;
        text-align: left;
        color: #fff;
        margin-bottom: 12px;
    }
    .flex-box p {
        font-size: 14px;
        text-align: left;
        line-height: 20px;
        box-sizing: border-box;
    }
    .flex-box .flex-box-en {
        width: 100%;
        box-sizing: border-box;
    }
    /*------------------视频-----------------*/
    .video-box {
        width: 100%;
        position: relative;
        height: 5.2rem;
        background-position: center;
        background-size: cover;
        background-image: url(../images/home/about.jpg);
    }
    .video-box video {
        width: 100%;
        cursor: pointer;
        display: none;
    }
    .video-play {
        width: 1.2rem;
        position: absolute;
        left: 4.4rem;
        top: 2rem;
        z-index: 99;
        cursor: pointer;
    }
}

@media screen and (max-width: 350px) {
    .product-right-con .right-con-img {
        width: 30%;
    }
    .flex-box p {
        font-size: 13px;
        text-align: left;
        line-height: 24px;
    }
}