a{
    text-decoration: none;
    color: #000000;
}
.b2b2csolve-wrapper * {
    margin: 0;
    padding: 0;
}
        /* title */
        .title {
            max-width: 44rem;
            margin: 0 auto;
            text-align: center;
            font-family: PingFangSC-Regular;
            font-size: 1rem;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0rem;
        }
        
        .title h3 {
            margin: 0;
            font-size: 1.9rem;
            font-weight: normal !important;
            color: #333333;
        }
        
        .title .line {
            display: block;
            margin: .9rem auto;
            width: 3.2rem!important;
            height: .2rem;
            background: url("../../images/home/line-blue.png") no-repeat!important;
        }
        
        .title p {
            margin-bottom: 2.4rem;
            font-size: 1rem;
            color: #999999;
            line-height: 30px;
        }
        
                /* bgblur */
                .bg-blur-wrapper {
            background-size: cover;
            background-repeat: no-repeat;
        }
        
        .bg-blur-wrapper .title {
            max-width: 44rem;
            padding-top: 4.8rem;
            margin: 0 auto;
            text-align: center;
            font-family: PingFangSC-Regular;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0rem;
        }
        
        .bg-blur-wrapper .title h3 {
            margin: 0;
            font-size: 1.5rem;
            font-weight: normal !important;
            color: #ffffff;
        }
        
        .bg-blur-wrapper .title h4 {
            font-size: 1.5rem;
            color: #ffffff;
            margin: 1.3rem 0;
        }
        
        .bg-blur-wrapper .title .line {
            display: block;
            margin: .9rem auto;
            width: 1.8rem;
            height: 0.2rem;
            background-image: url('../../images/home/line-whte.png');
        }
        
        .bg-blur-wrapper .title p {
            margin-bottom: 2.4rem;
            font-size: 1rem;
            color: #ffffff;
        }
         /* 外面盒子样式---自己定义 */
         .page_div{margin:20px 10px 20px 0;color:#666}
         /* 页数按钮样式 */
         .page_div button{display:inline-block;min-width:30px;height:28px;cursor:pointer;color:#666;font-size:13px;line-height:28px;background-color:#f9f9f9;border:1px solid #dce0e0;text-align:center;margin:0 4px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
         #firstPage,#lastPage,#nextPage,#prePage{width:50px;color:#0073A9;border:1px solid #0073A9}
         #nextPage,#prePage{width:70px}
         .page_div .current{background-color:black;border-color:black;color:#FFF}
         /* 页面数量 */
         .totalPages{margin:0 10px}
         .totalPages span,.totalSize span{color:#0073A9;margin:0 5px}
         /*button禁用*/
         .page_div button:disabled{opacity:.5;cursor:no-drop}
        
                /* carousel */
            .carousel {
                position: relative;
                max-width: 120rem;
                height: 33.2rem;
                overflow: hidden;
            }
            
            .carousel .arrow-wrapper {
                /*position: relative;*/
                /*max-width: 75rem;*/
                margin: 0 auto;
                position: absolute;
                max-width: 83rem;
                top: 15.6rem;
                left: 0;
                right: 0;
            }
            
            .carousel:hover .carousel-arrow {
                display: block !important;
            }
            
            .carousel .carousel-arrow {
                position: absolute;
                /* display: block; */
                width: 2.1rem;
                height: 1.8rem;
                z-index: 10;
                /*top: 15.6rem;*/
                top: 0;
                background-color: rgba(255, 255, 255, 0);
                cursor: pointer;
            }
            
            .carousel .left-arrow {
                /*left: -8.4rem;*/
                left: 0;
                background: url("../../images/home/left.png") no-repeat;
            }
            
            .carousel .right-arrow   {
                /*right: -8.4rem;*/
                right: 0;
                background: url("../../images/home/right.png") no-repeat;
            }
            
            .carousel .bg {
                width: 100%;
                height: 33.2rem;
                background-size: contain;
            }
            
            .carousel .carousel-content{
                width: 75rem;
                margin: 0 auto;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                text-align: center;
                white-space: normal;
            }
            .carousel .text {
                position: absolute;
                /*left: 64.9rem;*/
                right: 0;
                top: 11.6rem;
                text-align: right;
                white-space: nowrap;
            }
            .carousel .b2b2-text {
                position: absolute;
                top: 8.6rem;
                /*left: 22.3rem;*/
                left: 0;
                font-family: PingFangSC-Semibold;
                font-weight: normal !important;
                font-stretch: normal;
                letter-spacing: 0rem;
                color: #ffffff;
                text-align: left;
                white-space: nowrap;
            }
            
            .carousel .b2b2-text * {
                margin: 0;
            }
            
            .carousel .b2b2-text h3 {
                font-size: 3.1rem;
                font-weight: normal !important;
            }
            
            .carousel .b2b2-text h3 span {
                margin-right: .7rem;
                font-size: 2rem;
                font-weight: normal !important;
            }
            
            .carousel .b2b2-text .line {
                display: block;
                width: 6.3rem;
                height: 0.1rem;
                margin: 2.4rem 0 1.9rem 0;
                background-color: #ffffff;
            }
            
            .carousel .b2b2-text p {
                font-size: 1.7rem;
                font-weight: normal !important;
            }
            
            .carousel .exam-text {
                position: absolute;
                top: 8.6rem;
                /*left: 22.3rem;*/
                left: 0;
                font-family: PingFangSC-Regular;
                font-weight: normal;
                font-stretch: normal;
                line-height: 2.8rem;
                letter-spacing: 0rem;
                color: #ffffff;
                text-align: left;
                white-space: nowrap;
            }
            
            .carousel .exam-text1 * {
                margin: 0;
            }

            .carousel .exam-text1 {
                position: absolute;
                top: 8.6rem;
                /*left: 22.3rem;*/
                left: 0;
                font-family: PingFangSC-Regular;
                font-weight: normal;
                font-stretch: normal;
                line-height: 2.8rem;
                letter-spacing: 0rem;
                color: #ffffff;
                text-align: left;
                white-space: nowrap;
            }
            
            .carousel .exam-text * {
                margin: 0;
            }
            
            .carousel .exam-text h3 {
                margin-bottom: 2.8rem;
                font-size: 3.1rem;
                font-weight: normal !important;
            }
            
            .carousel .exam-text h4 {
                margin-bottom: 1.9rem;
                font-size: 2.5rem;
                font-weight: normal !important;
            }
            
            .carousel .exam-text p {
                margin-bottom: 2.5rem;
                font-size: 1.4rem;
                font-weight: normal !important;
            }
            .carousel .exam-text .bounceInUp1 {
                font-size: 1.1rem;
                line-height:1.7rem;
                font-weight:400;
                margin-bottom: 3.2rem;
                width: 40rem;
                white-space: break-spaces;
            }
            .carousel .exam-text button, .carousel .b2b2-text button{
                width: 8.1rem;
                height: 2.75rem;
                padding: 0;
                background-color: transparent;
                border-radius: 1.6rem;
                color: #ffffff;
                border: 1px solid #ffffff;
            }
            .carousel .exam-text .bounceInUpBut {
                width: 8.1rem;
                height: 2.75rem;
                background:linear-gradient(-30deg,rgba(61,77,199,1),rgba(99,117,245,1));
                border-radius:1.4rem;
                color: #fff;
                font-size: 1.62rem;
                font-weight:500;
                line-height: 2.75rem;
            }

            .carousel .exam-text1 h3 {
                margin-bottom: 2.8rem;
                font-size: 3.1rem;
                font-weight: normal !important;
                color: #1853DF;
            }
            
            .carousel .exam-text1 h4 {
                margin-bottom: 1.9rem;
                font-size: 2.5rem;
                font-weight: normal !important;
            }
            
            .carousel .exam-text1 p {
                margin-bottom: 2.5rem;
                font-size: 1.4rem;
                font-weight: normal !important;
                color: #3A6FEF;
            }
            .carousel .exam-text1 .bounceInUp1 {
                font-size: 1.1rem;
                line-height:1.7rem;
                font-weight:400;
                margin-bottom: 3.2rem;
                width: 40rem;
                white-space: break-spaces;
            }
            .carousel .exam-text1 button, .carousel .b2b2-text button{
                width: 8.1rem;
                height: 2.75rem;
                padding: 0;
                background-color: transparent;
                border-radius: 1.6rem;
                color: #ffffff;
                border: 1px solid #ffffff;
            }
            .carousel .exam-text1 .bounceInUpBut {
                width: 8.1rem;
                height: 2.75rem;
                background:linear-gradient(-30deg,rgba(61,77,199,1),rgba(99,117,245,1));
                border-radius:1.4rem;
                color: #fff;
                font-size: 1.62rem;
                font-weight:500;
                line-height: 2.75rem;
            }
            .carousel .b2b2-text button{
                width: 8rem;
                height: 3rem;
                border-radius: 0;
                margin-right: 2rem;
                margin-top: 4rem;
            }
            .carousel .b2b2-text button.btn-ysz{
                background-color: #fff;
                color: #203FAA;
            }
            .carousel .carousel-item-wrapper {
                position: relative;
                /*white-space: nowrap;*/
                transition: all .3s ease;
            }
            .carousel .carousel-item-wrapper .carousel__item {
                display: none;
                /* display: inline-block; */
                /* position: relative; */
                position: absolute;
                left: 0;
                top: 0;
            }
            .carousel .carousel-item-wrapper .carousel__item:first-child {
                display: block;
            }
            
            .carousel-wrapper {
                position: relative;
            }
            
            .carousel-wrapper .tips {
                display: block;
                position: absolute;
                bottom: 2.5rem;
                left: 50%;
                transform: translateX(-50%);
            }
            
            .carousel-wrapper .tips .tips-item {
                list-style: none;
                margin-right: .6rem;
                display: inline-block;
                width: 0.5rem;
                height: 0.5rem;
                background-color: #f7f7f7;
                opacity: 0.6;
                border-radius: 50%;
            }
            
            .carousel-wrapper .tips .tips-item-active {
                background-color: #ffffff;
                opacity: 1;
            }
        
            
        
        
        /* b2b */
        
        
        
        
        
        
        
                .b2b2csolve-wrapper * {
            margin: 0;
        }
        
        .b2b2csolve-wrapper /deep/ .title {
            max-width: 75rem;
            padding-top: 3.8rem !important;
        }
        
        .b2b2csolve-wrapper /deep/ .title h3 {
            font-size: 1.9rem;
            font-weight: normal !important;
        }
        
        .b2b2csolve-wrapper /deep/ .title p {
            font-size: 1rem;
            color: #a3a3a3;
            font-weight: normal !important;
            line-height: 22px;
        }
        
        .b2b2csolve-wrapper .title {
            max-width: 75rem;
            margin: 0 auto;
            padding-top: 3.8rem !important;
        }
        
        .b2b2csolve-wrapper .title h3 {
            font-size: 1.9rem;
            font-weight: normal !important;
        }
        
        .b2b2csolve-wrapper .title p {
            font-size: 1rem;
            color: #a3a3a3;
            font-weight: normal !important;
            line-height: 22px;
        }
        
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper {
            max-width: 50rem;
            padding-top: .3rem;
            padding-left: .3rem;
            padding-bottom: 3.3rem;
            margin: 0 auto;
            overflow: hidden;
        }
        
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid {
            box-sizing: border-box;
            float: left;
            width: 23.8rem;
            height: 13rem;
            margin-right: 1.9rem;
            margin-bottom: 1.9rem;
            padding: 1.9rem 2.5rem;
            text-align: center;
            background-color: #ffffff;
            box-shadow: 0rem 0rem 0.6rem 0rem rgba(0, 0, 0, 0.26);
            border-radius: 0.5rem;
            transition: all .2s ease;
            font-family: PingFangSC-Medium;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0rem;
        }
        
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid h3 {
            margin-bottom: .7rem;
            font-size: 1.1rem;
            font-weight: normal;
            color: #333333;
        }
        
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid p {
            font-size: 0.9rem;
            font-weight: normal;
            line-height: 1.4rem;
            color: #999999;
        }
        
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid:nth-child(2),
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid:nth-child(4) {
            margin-right: 0;
        }
        
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid:nth-child(1) .grid-icon {
            margin: 0 auto 1.1rem auto;
            width: 2.8rem;
            height: 2.8rem;
            background: url("../images/b2bSolve/icon1.png") no-repeat;
        }
        
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid:nth-child(2) .grid-icon {
            margin: 0 auto 1.1rem auto;
            width: 2.8rem;
            height: 2.8rem;
            background: url("../images/b2bSolve/icon2.png") no-repeat;
        }
        
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid:nth-child(3) .grid-icon {
            margin: 0 auto 1.1rem auto;
            width: 2.8rem;
            height: 2.8rem;
            background: url("../images/b2bSolve/icon3.png") no-repeat;
        }
        
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid:nth-child(4) .grid-icon {
            margin: 0 auto 1.1rem auto;
            width: 2.8rem;
            height: 2.8rem;
            background: url("../images/b2bSolve/icon4.png") no-repeat;
        }
        
        
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid:hover {
            background-image: linear-gradient(#007eff, #007eff), linear-gradient(#ffffff, #ffffff);
            background-blend-mode: normal,
                normal;
        }
        
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid:hover:nth-child(1) .grid-icon {
            margin: 0 auto 1.1rem auto;
            width: 2.8rem;
            height: 2.8rem;
            background: url("../images/b2bSolve/icon1-hover.png") no-repeat;
        }
        
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid:hover:nth-child(2) .grid-icon {
            margin: 0 auto 1.1rem auto;
            width: 2.8rem;
            height: 2.8rem;
            background: url("../images/b2bSolve/icon2-hover.png") no-repeat;
        }
        
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid:hover:nth-child(3) .grid-icon {
            margin: 0 auto 1.1rem auto;
            width: 2.8rem;
            height: 2.8rem;
            background: url("../images/b2bSolve/icon3-hover.png") no-repeat;
        }
        
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid:hover:nth-child(4) .grid-icon {
            margin: 0 auto 1.1rem auto;
            width: 2.8rem;
            height: 2.8rem;
            background: url("../images/b2bSolve/icon4-hover.png") no-repeat;
        }
        
        
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid:hover h3,
        .b2b2csolve-wrapper .lymx-wrapper .lymx-grid-wrapper .lymx-grid:hover p {
            color: #ffffff;
        }
        
        .b2b2csolve-wrapper .operation-wrapper {
            height: 41rem;
            background-color: #f7f7f7;
        }
        
        .b2b2csolve-wrapper .operation-wrapper .operation-bg {
            height: 41.5rem;
            background: url("../images/b2bSolve/banner2.png") no-repeat;
        }
        
        .b2b2csolve-wrapper .operation-wrapper .operation-bg .operation-title {
            max-width: 75rem;
            margin: 0 auto;
            padding-top: 3.2rem !important;
            text-align: center;
        }
        
        .b2b2csolve-wrapper .operation-wrapper .operation-bg .operation-title h3 {
            font-family: PingFangSC-Medium;
            font-size: 1.9rem;
            font-weight: normal;
            font-stretch: normal;
            line-height: 1.4rem;
            letter-spacing: 0rem;
            color: #ffffff;
            /*margin-bottom: 2.8rem;*/
            margin-bottom: 30px;
        }
        
        .b2b2csolve-wrapper .operation-wrapper .operation-bg .operation-title .operation-bottom {
            box-sizing: border-box;
            display: inline-block;
            margin: 0 auto;
            border: solid 1px rgba(204, 204, 204, 0.8);
            font-size: 0;
            vertical-align: top;
            overflow: hidden;
        }
        
        .b2b2csolve-wrapper .operation-wrapper .operation-bg .operation-title .operation-bottom .operation-bottom-grid {
            display: inline-block;
            box-sizing: border-box;
            padding: .6rem 0;
        }
        
        .b2b2csolve-wrapper .operation-wrapper .operation-bg .operation-title .operation-bottom .operation-bottom-grid:hover {
            background-color: #ffd800;
        }
        
        .b2b2csolve-wrapper .operation-wrapper .operation-bg .operation-title .operation-bottom .operation-bottom-grid:hover span {
            color: #090909;
            border: 0;
        }
        
        .b2b2csolve-wrapper .operation-wrapper .operation-bg .operation-title .operation-bottom .operation-bottom-grid span {
            padding: 0 3rem;
            font-size: 1.1rem;
            line-height: 1rem;
            font-weight: normal;
            border-right: solid 1px rgba(204, 204, 204, 0.8);
            color: #ffffff;
        }
        
        .b2b2csolve-wrapper .operation-wrapper .operation-bg .operation-title .operation-bottom .operation-bottom-grid:last-child span {
            border: 0;
        }
        
        .b2b2csolve-wrapper .operation-wrapper .operation-show {
            position: relative;
            top: -31rem;
            max-width: 75rem;
            margin: 0 auto;
            padding: .6rem;
            overflow: hidden;
            font-size: 0;
            text-align: center;
        }
        
        .b2b2csolve-wrapper .operation-wrapper .operation-show .show-grid {
            box-sizing: border-box;
            float: left;
            width: 22.5rem;
            height: 12.5rem;
            padding-top: 2.8rem;
            /*margin-right: 1.3rem;*/
            /*margin-bottom: 1.3rem;*/
            /* border: solid 0.1rem rgba(153, 153, 153, 0.6); */
            margin-right: 60px;
            margin-bottom: 52px;
            background-color: #ffffff;
        }
        
        .b2b2csolve-wrapper .operation-wrapper .operation-show .show-grid:nth-child(3),
        .b2b2csolve-wrapper .operation-wrapper .operation-show .show-grid:nth-child(6) {
            margin-right: 0;
        }
        
        .b2b2csolve-wrapper .operation-wrapper .operation-show .show-grid:nth-child(4),
        .b2b2csolve-wrapper .operation-wrapper .operation-show .show-grid:nth-child(5),
        .b2b2csolve-wrapper .operation-wrapper .operation-show .show-grid:nth-child(6) {
            margin-bottom: 0;
        }
        
        .b2b2csolve-wrapper .operation-wrapper .operation-show .show-grid h3 {
            font-family: PingFangSC-Regular;
            font-size: 1.25rem;
            font-weight: normal;
            font-stretch: normal;
            line-height: 1.63rem;
            letter-spacing: 0rem;
            color: #FF9C00;
        }
        .b2b2csolve-wrapper .operation-wrapper .operation-show .show-grid .descri {
            font-size:1rem;
            color: #333333;
            width: 17rem;
            margin: 0 auto;
            margin-top: 1.7rem;
        }
        .b2b2csolve-wrapper .b2b-wrapper {
            max-width: 75rem;
            margin: 0 auto;
            padding-bottom: 6.7rem;
        }
        
        .b2b2csolve-wrapper .b2b-wrapper /deep/ .title {
            max-width: 75rem;
        }
        
        .b2b2csolve-wrapper .b2b-wrapper .title {
            max-width: 75rem;
        }
        
        .b2b2csolve-wrapper .b2b-wrapper ul,
        .b2b2csolve-wrapper .b2b-wrapper li {
            padding: 0;
            list-style: none;
        }
        
        .b2b2csolve-wrapper .b2b-wrapper .b2b-left {
            padding-top: 2.6rem;
            display: inline-block;
            font-family: PingFangSC-Semibold;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0rem;
        }
        
        .b2b2csolve-wrapper .b2b-wrapper .b2b-left .time-line {
            float: left;
            margin-left: .45rem;
        }
        
        .b2b2csolve-wrapper .b2b-wrapper .b2b-left .time-line li {
            position: relative;
            top: .25rem;
            display: block;
            width: 0.1rem;
            height: 7.1rem;
            background-color: #1d38a0 !important;
        }
        
        .b2b2csolve-wrapper .b2b-wrapper .b2b-left .time-line li::after {
            position: relative;
            display: block;
            box-sizing: content-box;
            content: '';
            width: .9rem;
            height: .9rem;
            box-shadow: 0 0 0 0.5rem rgba(29, 56, 160, 0.4);
            background-color: #1d38a0;
            border-radius: 50%;
            left: -.45rem;
        }
        
        .b2b2csolve-wrapper .b2b-wrapper .b2b-left .time-line li:last-child {
            height: 0;
        }
        
        .b2b2csolve-wrapper .b2b-wrapper .b2b-left h3 {
            margin-left: 2rem;
            margin-bottom: .4rem;
            font-size: 1.3rem;
            color: #090909;
        }
        
        .b2b2csolve-wrapper .b2b-wrapper .b2b-left p {
            width: 38.9rem;
            margin-right: 4.4rem;
            margin-left: 2rem;
            margin-bottom: 2.4rem;
            font-size: 0.9rem;
            line-height: 1.4rem;
            color: #666666;
        }
        
        .b2b2csolve-wrapper .b2b-wrapper .b2b-right {
            float: right;
            width: 27.4rem;
            height: 22.9rem;
        }
        
        .b2b2csolve-wrapper .data-analysis-wrapper {
            background-color: #f7f7f7;
        }
        
        .b2b2csolve-wrapper .data-analysis-wrapper .data-analysis {
            position: relative;
            max-width: 75rem;
            height: 24rem;
            margin: 0 auto;
        }
        
        .b2b2csolve-wrapper .data-analysis-wrapper .data-analysis-left {
            position: absolute;
            bottom: -1.5rem;
            z-index: 10;
            float: left;
            width: 30.1rem;
            height: 25rem;
        }
        
        .b2b2csolve-wrapper .data-analysis-wrapper .data-analysis-right {
            float: right;
            font-family: PingFangSC-Semibold;
            font-stretch: normal;
            letter-spacing: 0rem;
        }
        
        .b2b2csolve-wrapper .data-analysis-wrapper .data-analysis-right h3 {
            margin: 1.9rem 0 .9rem 0;
            font-size: 1.5rem;
            font-weight: normal;
            color: #1d38a0;
        }
        
        .b2b2csolve-wrapper .data-analysis-wrapper .data-analysis-right h4 {
            font-size: 1rem;
            font-weight: normal;
            color: #f39800;
            margin-bottom: 1.9rem;
        }
        
        .b2b2csolve-wrapper .data-analysis-wrapper .data-analysis-right h4 span {
            color: #1d38a0;
        }
        
        .b2b2csolve-wrapper .data-analysis-wrapper .data-analysis-right p {
            width: 41.7rem;
            font-size: 0.9rem;
            line-height: 1.4rem;
            font-weight: normal;
            color: #666666;
        }
        
        .b2b2csolve-wrapper .data-analysis-wrapper .data-analysis-right .data-analysis-button-wrapper {
            margin-top: 2.4rem;
            width: 26.4rem;
        }
        
        .b2b2csolve-wrapper .data-analysis-wrapper .data-analysis-right .data-analysis-button-wrapper span {
            display: inline-block;
            box-sizing: border-box;
            width: 6rem;
            height: 1.9rem;
            font-size: 0.9rem;
            font-weight: normal;
            line-height: 1.9rem;
            border: solid 1px #cccccc;
            color: #666666;
            text-align: center;
            margin-right: .6rem;
            margin-bottom: .6rem;
        }
        
        .b2b2csolve-wrapper .data-analysis-wrapper .data-analysis-right .data-analysis-button-wrapper span:hover {
            background-color: #1d38a0;
            color: #ffffff;
            border:1px solid #1d38a0;
            cursor: pointer;
        }
        
        .b2b2csolve-wrapper .characteristics-wrapper /deep/ .title {
            max-width: 75rem;
            padding-top: 3.1rem;
            margin: 0 auto;
            text-align: center;
            font-family: PingFangSC-Regular;
            font-size: 1rem;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0rem;
        }
        
        .b2b2csolve-wrapper .characteristics-wrapper /deep/ .title h3 {
            margin: 0;
            font-size: 1.9rem;
            font-weight: normal;
        }
        
        .b2b2csolve-wrapper .characteristics-wrapper /deep/ .title .line {
            display: block;
            margin: .9rem auto;
            width: 1.6rem;
            height: 0.2rem;
            background-color: #f39800;
        }
        
        .b2b2csolve-wrapper .characteristics-wrapper /deep/ .title p {
            margin-bottom: 3.8rem;
            font-size: 1rem;
            color: #ffffff;
        }
        
        .b2b2csolve-wrapper .characteristics-wrapper .title {
            max-width: 75rem;
            padding-top: 3.1rem !important;
            margin: 0 auto;
            text-align: center;
            font-family: PingFangSC-Regular;
            font-size: 1rem;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0rem;
        }
        
        .b2b2csolve-wrapper .characteristics-wrapper .title h3 {
            margin: 0;
            font-size: 1.9rem;
            font-weight: normal;
        }
        
        .b2b2csolve-wrapper .characteristics-wrapper .title .line {
            display: block;
            margin: .9rem auto;
            width: 1.6rem;
            height: 0.2rem;
            background: #ffffff;
        }
        
        .b2b2csolve-wrapper .characteristics-wrapper .title p {
            margin-bottom: 3.8rem;
            font-size: 1rem;
            color: #ffffff;
        }
        
        .b2b2csolve-wrapper .characteristics-wrapper .characteristics-card-wrapper {
            max-width: 76rem;
            margin: 0 auto;
        }
        
        .b2b2csolve-wrapper .characteristics-wrapper .characteristics-card-wrapper .card-row {
            border-bottom: solid 1px #ffffff;
            font-size: 0;
        }
        
        .b2b2csolve-wrapper .characteristics-wrapper .characteristics-card-wrapper .card-row:last-child {
            border: 0;
        }
        
        .b2b2csolve-wrapper .characteristics-wrapper .characteristics-card-wrapper .card-row .card-col {
            box-sizing: border-box;
            display: inline-block;
            width: 10.5rem;
            height: 10.6rem;
            padding-top: 2.3rem;
            text-align: center;
            border-right: solid 1px #ffffff;
        }
        
        .b2b2csolve-wrapper .characteristics-wrapper .characteristics-card-wrapper .card-row .card-col:last-child {
            border: 0;
        }
        
        .b2b2csolve-wrapper .characteristics-wrapper .characteristics-card-wrapper .card-row .card-col h3 {
            margin-top: 1.3rem;
            font-family: PingFangSC-Regular;
            font-size: 1rem;
            font-weight: normal;
            font-stretch: normal;
            line-height: 1.4rem;
            letter-spacing: 0rem;
            color: #ffffff;
        }
        .b2b2csolve-wrapper .application-wrapper {
            max-width: 62rem;
            margin: 0 auto;
            padding-bottom: 3.2rem;
        }
        .b2b2csolve-wrapper .application-wrapper .application-show {
            display: flex;
            justify-content: space-between;
        }
        .b2b2csolve-wrapper .application-wrapper .application-show .show-area img {
            width: 3.4rem;
            height: 3.4rem;
            margin: 0 auto;
            display: block;
            margin-bottom: 15px;
        }
        .b2b2csolve-wrapper .system-wrapper {
            /* padding-top: 2.5rem; */
            padding-bottom: 3.8rem;
            background: #f7f7f7;
        }
        
        .b2b2csolve-wrapper .system-wrapper .architecture-center {
            max-width: 75rem;
            margin: 0 auto;
        }
        .b2b2csolve-wrapper .system-wrapper .architecture-center img {
            display: block;
            margin: 0 auto;
        }
        .b2b2csolve-wrapper .case-wrapper {
            /* padding-top: 2.4rem; */
            padding-bottom: 3.8rem;
            background: #f7f7f7;
        }
        
        .b2b2csolve-wrapper .case-wrapper .case-center {
            max-width: 75rem;
            margin: 0 auto;
        }
        
        .b2b2csolve-wrapper .case-wrapper .case-center .case-card-wrapper {
            white-space: nowrap;
            margin-bottom: 1.9rem;
        }
        
        .b2b2csolve-wrapper .case-wrapper .case-center .case-card-wrapper .case-card-item {
            display: inline-block;
            vertical-align: top;
            width: 23.8rem;
            height: 18.5rem;
            margin-right: 1.9rem !important;
            background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#525252, #525252);
            background-blend-mode: normal,
                normal;
        }
        
        .b2b2csolve-wrapper .case-wrapper .case-center .case-card-wrapper .case-card-item:hover{
            box-shadow: 0rem 0rem 1.7rem 0rem rgba(0, 0, 0, 0.34);
            cursor: pointer;
        }
        
        .b2b2csolve-wrapper .case-wrapper .case-center .case-card-wrapper .case-card-item:last-child {
            margin-right: 0;
        }
        
        .b2b2csolve-wrapper .case-wrapper .case-center .case-card-wrapper .case-card-item img {
            width: 23.8rem;
            height: 17.5rem;
        }
        
        .b2b2csolve-wrapper .case-wrapper .case-center .case-card-wrapper .case-card-item h3 {
            text-align: center;
            padding: 1.3rem 0;
            font-family: PingFangSC-Regular;
            font-size: 1.3rem;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0rem;
            color: #333333;
        }
        
        .b2b2csolve-wrapper .case-wrapper .case-center .case-button {
            display: block;
            margin: 0 auto;
            width: 8.6rem;
            /*height: 2.5rem;*/
            border-radius: 1.3rem;
            border: solid 1px #999999;
            text-align: center;
            font-family: PingFangSC-Regular;
            font-size: 1rem;
            font-weight: normal;
            font-stretch: normal;
            line-height: 2.4rem;
            letter-spacing: 0rem;
            color: #333333;
            cursor: pointer;
        }
        
        .b2b2csolve-wrapper .case-wrapper .case-center .case-button:hover{
            color: #ffffff;
            background-color: #1e53be;
            border: solid 1px #1e53be;
        }
        
        .arrow_gray{
            margin-left: 10px;
        }
        
        .case-button:hover img{
            content: url(../images/b2b2cProduct/gray.png);
        }
                .pagination-wrapper button {
                    padding: 0;
                    height: 1.9rem;
                    border: solid 1px #999999;
                    border-radius: 15px;
                }