.is-display {
    display: flex;
}
.justify-content-center {
    justify-content: center;
}
.over-hide span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.align-items-center {
    align-items: center;
}
.top-img{
    padding: 0 calc(50% - 600px);
    height: 29.5rem;
    color: #909BA8;
    position: relative;
    z-index: 1;
}
.top-img img{
    width: 100%;
}
.top-img .top-title {
    position: absolute;
    top: 10rem;
    width: 34rem;
    font-size: var(--font-size-02);
    color: #262626 !important;
    line-height: 2;
}
.img {
    width: 100%;
}
.top-img .above-title {
    font-size: var(--font-size-10);
    font-family: Source Han Sans CN, Source Han Sans CN-Bold;
    font-weight: 700;
    text-align: left;
    color: #344050;
    line-height: 60px;
    letter-spacing: 0.96px;
    height: 5rem;
}

.business-pain {
    height: 46rem;
}
.business-pain .business-box {
    position: relative;
}
.business-pain .business-box > .title, .solve .solve-box > .title, .case .case-box > .title {
    font-size: var(--font-size-10);
    font-family: Source Han Sans CN, Source Han Sans CN-Bold;
    font-weight: 700;
    text-align: center;
    color: #344050;
    letter-spacing: 0.3rem;
    height: 9rem;
    line-height: 9rem;
}
.business-pain .business-box > .content {
    width: 1200px;
    margin: auto;
    justify-content: space-between;
}
.business-pain .business-box .middle-img {
    margin-top: 2%;
    width: 300px;
    display: flex;
    align-items: center;
    position: absolute;
    left: 42%;
    z-index: 999;
    top: 305px;
}
.business-box .content > .business-point, .business-box .content .right-content {
    width: 46%;
}
.business-pain .business-box .middle-img img {
    width: 294px;
    height: 294px;
}
.business-pain .business-box .business-point .title {
    font-size: var(--font-size-01);
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: left;
    color: #344050;
    letter-spacing: 0.1rem;
    /* max-height: 3rem; */
    margin-bottom: 3%;
    -webkit-line-clamp: 2;
    text-decoration: underline;
}
.business-pain .business-box .business-point .content {
    /* max-height: 3rem; */
    font-size: var(--font-size-03);
    font-family: Source Han Sans CN, Source Han Sans CN-Medium;
    font-weight: 600;
    text-align: left;
    color: #344050;
    letter-spacing: 0.4px;
}
.business-pain .business-box .business-point .content span {
    font-size: var(--font-size-03);
    font-family: Source Han Sans CN, Source Han Sans CN-Medium;
    font-weight: 500;
    text-align: left;
    color: #344050 !important;
    letter-spacing: 0.4px;
    -webkit-line-clamp: 2;
    font-weight: 600;
}
.business-pain .business-box .child-item {
    background: #fff;
    padding: 5% 14% 8% 12%;
    border-radius: 20px;
    margin-top: 8%;
    line-height: 1.8;
    opacity: 0.8;
    height: 31%;
}
.content .child-item
.business-pain .business-box .right-content {
    width: 46%;
}
.business-pain .business-box .right-content .first-item {
    /* margin-top: -4%; */
}
.business-pain .business-box .right-content .second-item {
    margin-top: 5%;
}
.right-content .business-point {
    width: 100%;
}
.solve {
    background: url("../../../../assets/web/model/stateowned/img/solve-bg.jpg") no-repeat;
    /* background-size: 100% 100%; */
    background-position: center;
    min-height: 878px;
    padding: 0 calc(50% - 600px);
}
.solve .left-box .bg-img {
    color: #ffffff;
}
.solve .btn-img {
    width: 16%;
    height: 3rem;
}
.solve .btn-img p {
    margin-top: 8%;
    text-align: center;
    cursor: pointer;
    font-size: 0.9rem;
}
.solve .solve-box {
    position: relative;
}
.solve .solve-box .solve-content {
    margin: auto;
    width: 100%;
    height: 32rem;
}
.solve .solve-box .solve-content .left-box {
    height: 16%;
    width: 96%;
    justify-content: space-between;
    margin-left: 4%;
}
.solve .solve-box .solve-content .right-box {
    height: 84%;
    width: 100%;
}
.solve .right-item > div {
    width: 96%;
    margin-left: 4%;
}
.solve .right-item > div .top-img {
    position: absolute;
    top: 34.3%;
    width: 96%;
    height: 62px;
    left: 4%;
    border-radius: 28px 28px 0 0;
}
.child-img > img {
    border-radius: 28px;
}
.solve .right-item .right-top-title {
    position: absolute;
    top: 36%;
    /* height: 2rem; */
    align-items: center;
    width: 96%;
    margin: auto;
    justify-content: center;
}
.solve .right-item .right-top-title .child-checked {
    background: linear-gradient(180deg,rgba(99,99,99,0.60) 0%, rgba(102,102,102,0.60) 100%), rgba(255,255,255,0.00);
    border-radius: 20px;
}
.solve .right-item .right-top-title .child-title {
    height: 2rem;
    padding: 0 1.5%;
    cursor: pointer;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    font-size: var(--font-size-01);
}
.hide {
    display: none;
}
.solve .right-item .child-content {
    position: absolute;
    top: 52%;
    width: 96%;
    color: #fff;
    margin: auto;
}
.solve .right-item .child-content .title {
    font-size: var(--font-size-07);
    font-family: Source Han Sans CN, Source Han Sans CN-Medium;
    font-weight: 500;
    color: #fefeff;
    letter-spacing: 0.34rem;
    text-align: center;
    height: 4rem;
}
.solve .right-item .child-content .content {
    height: 6rem;
    text-align: center;
    padding: 0 11% 3% 11%;
    font-size: var(--font-size-01);
    line-height: 1.7;
}
.solve .right-item .child-content span,.solve .right-item .child-content p {
    color: #b5b5b5 !important;
    font-size: var(--font-size-01);
    -webkit-line-clamp: 3;
}
.solve .right-item .child-content .detail {
    /* margin-top: -9%; */
    width: 19%;
    margin-left: 41%;
    height: 2.3rem;
    border: 1px solid #ffffffab;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: var(--font-size-01);
    color: #ffffffe0;
}
.detail img {
    width: auto;
    margin-left: 0.5rem;
}
.solve .left-box .bg-img {
    width: 185px;
    height: 53px;
    background: linear-gradient(180deg,#447ddf 0%, #1ca5fa 100%), rgba(0,135,59,0.00);
    border-radius: 27px;
    box-shadow: 1.46px 13.92px 40px 14px rgba(81,145,255,0.41);
}
.solve .ten-img {
    justify-content: space-around;
    margin-bottom: 3%;
}

.solve .ten-img .ten-img-img {
    text-align: center;
}
.solve .ten-img .img {
    width: 2rem;
    height: 2rem;
    margin-bottom: 0.5rem;
}
.case {
    position: relative;
    min-height: 884px;
    width: 100%;
    background: url(../../../../assets/web/model/analysis/img/case-bg.png) no-repeat;
    /* background-size: 100% 100%; */
    background-position: center;
}
.case .case-box {
    position: absolute;
    width: 100%;
    margin: auto;
    height: 84%;
}

.case .contact-bottom {
    height: 3rem;
    align-items: center;
    margin: auto;
    justify-content: space-around;
    background: #F9FCFF;
    padding: 0 calc(42% - 600px);
}
.case .contact-bottom > div {
    width: 25%;
    font-size: 0.9rem;
    justify-content: center;
}
.all-height {
    height: 100%;
}
.all-width {
    width: 100%;
}
.case .contact-bottom .img {
    width: 15%;
}
.case .layui-carousel {
    height: 84.5% !important;
    width: 1200px !important;
    margin: auto;
    border-radius: 0.5rem;
    background-color: transparent;
    margin-bottom: 2.5rem;
}
.case .layui-carousel-ind {
    margin-top: 6%;
    text-align: center;
}
.case .layui-carousel-ind li {
    width: 2rem;
    border-radius: 0.2rem;
    margin: 0 0.3rem;
}
.case .layui-carousel-ind li.layui-this {
    background-color: #2D94EF;
}
.case .layui-carousel-arrow:hover, .case .layui-carousel-ind ul:hover {
    background-color: transparent;
}
.case .layui-carousel .carouse-box {
    background-color: transparent;
    width: 100%;
    align-items: center;
    border-radius: 0.5rem;
}
.case .layui-carousel .carouse-img{
    width: 100%;
    height: auto;
    /* margin-left: 2.5%; */
}
.case .layui-carousel .carouse-content {
    width: 60%;
    margin-left: 20%;
    position: absolute;
}
.case .layui-carousel .carouse-content .title {
    font-size: 1.7rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Medium;
    font-weight: 500;
    text-align: left;
    line-height: 5rem;
    letter-spacing: 0.2rem;
}
.case .layui-carousel .carouse-content .carouse-btn {
    margin-top: 5%;
    display: flex;
    justify-content: center;
}
.case .layui-carousel .carouse-content .content {
    font-size: var(--font-size-02);
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: center;
    color: #FFFFFF;
    line-height: 37px;
    letter-spacing: 1.44px;
}
.case .layui-carousel .carouse-content .content span {
    color: #666666;
}
.layui-carousel > [carousel-item] {
    border-radius: 0.5rem;
    background-color: transparent;
    height: 85%;
}
.case .layui-carousel .layui-carousel-arrow {
    display: none;
}

.below-title span,.below-title {
    color: #5e6e82 !important;
    font-size: var(--font-size-02);
}
.business-point.is-display.align-items-center {
    width: 39%;
}
.layui-carousel .right-top-title {
    justify-content: space-between;
    align-items: center;
    height: 9%;
    margin-bottom: 3%;
}

.layui-carousel .child-checked {
    font-weight: 700;
    font-size: var(--font-size-03);
    min-width: 179px;
    height: 53px;
    background: linear-gradient(180deg,#447ddf 0%, #1ca5fa 100%), rgba(0,135,59,0.00);
    border-radius: 27px;
    box-shadow: 1.46px 13.92px 40px 14px rgba(81,145,255,0.41);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 0 8px;
}

.layui-carousel .child-title {
    cursor: pointer;
    font-size: var(--font-size-02);
}

.layui-carousel .child-content {
    height: 78%;
    border-radius: 22px;
    display: flex;
    align-items: end;
    color: #FFFFFF;
    padding: 0 2% 2%;
}

.layui-carousel .child-content span {
    color: #ffffffe3 !important;
    font-size: var(--font-size-01);
    line-height: 1.3;
}

.content .title {
    font-size: var(--font-size-05);
    line-height: 2;
}
.layui-carousel .content {
    background: transparent;
    padding: 0 1% 1% 1.5%;
}
.layui-carousel .child-content.hide {
    display: none;
}