.mobile-mechanical {
    width: 100%;
    padding-top: 1rem;
}

.mobile-mechanical .banner {
    height: 5rem;
    width: 100%;
    background: url('//res.bangwo8.com/new_mobile/img/solution/mechainelbanner.jpg?v=a78e971a');
    background-size: cover;
    text-align: center;
}

.banner-title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 1.17rem;
    ;
    align-items: center;
    /* height: 0.41rem; */
}

.banner-title span:first-child,
.banner-title span:last-child {
    font-size: 0.36rem;
    font-family: SourceHanSansCN;
    font-weight: 300;
    color: rgba(51, 51, 51, 1);
    padding-top: 0.05rem;
    ;
}

.banner-title span:first-child {
    margin-right: 0.1rem;
}

.banner-title span:last-child {
    margin-left: 0.1rem;
    ;
}

.banner-title span:nth-child(2) {
    font-size: 0.42rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.banner-subtitle {
    margin-top: 0.29rem;
}

.banner-subtitle {
    font-size: 0.26rem;
    font-family: SourceHanSansCN;
    font-weight: 300;
    color: rgba(51, 51, 51, 1);
}

.ban-btn {
    width: 2.72rem;
    height: 0.88rem;
    border-radius: 0.44rem;
    line-height: 0.88rem;
    background-color: #4563D6;
    margin: 0 auto;
    margin-top: 1rem;
    ;
}

.ban-btn .detail {
    display: block;
    font-size: 0.28rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.ndustry-container {
    padding-bottom: 0.81rem;
}

.industry {
    margin-top: 0.43rem;
    margin-bottom: 0.29rem;
    height: 1.5rem;
    background: url('//res.bangwo8.com/new_mobile/img/solution/bg.png?v=ad7a5b47');
    background-size: contain;
}

.industry-title {
    width: 6.05rem;
    margin: 0 auto;
    height: 0.76rem;
    line-height: 0.76rem;
    border-bottom: 1px solid #BFBFBF;
    font-size: 0.36rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: rgba(60, 60, 60, 1);
    text-align: center;
    position: relative;
}

.industry-title::after {
    position: absolute;
    content: "";
    width: 1rem;
    height: 0.03rem;
    background: #4563D6;
    left: 50%;
    margin-left: -0.5rem;
    bottom: 0;
}

.industry-container {
    padding-bottom: 0.81rem;
    ;
}

.mechaincal-industry {
    padding: 0 0.64rem 0 0.59rem;
}

.mechain-item {
    display: flex;
    flex-direction: row;
    margin-bottom: 1.03rem;
    justify-content: center;
}

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

.mechain-icon {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    ;
    background: #4563D6;
    text-align: center;
}

.mechain-icon img {
    width: 0.58rem;
    height: 0.58rem;
    background-size: contain;
    margin-top: 0.62rem;
}

.mechain-content {
    width: 4rem;
}

.mechain-item div:first-child {
    margin-right: 0.25rem;
}

.mechain-content>div {
    font-size: 0.3rem;
    margin-bottom: 0.2rem;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.mechain-content>p {
    font-size: 0.24rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 0.36rem;
    text-align: justify;
}


/* 解决方案 */

.solve-container {
    padding-top: 0.86rem;
    padding-left: 0.6rem;
    padding-right: 0.63rem;
    padding-bottom: 0.69rem;
}

.solve-container .industry-title {
    width: 6.36rem;
    margin-bottom: 0.59rem;
}

.solve-title {
    display: inline-block;
    height: 0.63rem;
    background-color: #4E6BD8;
    border-top-left-radius: 0.28rem;
    border-bottom-right-radius: 0.28rem;
    padding-left: 0.13rem;
    padding-right: 0.13rem;
    box-sizing: border-box;
    font-size: 0.28rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 0.63rem;
    ;
}

.solve-content {
    margin-top: 0.23rem;
    position: relative;
    padding: 0.38rem 0.40rem 0.27rem 0.37rem;
    font-size: 0.25rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 0.35rem;
    border: 1px solid rgba(78, 107, 216, 1);
    margin-bottom: 0.38rem;
}

.solve-item:last-child .solve-content {
    margin-bottom: 0;
}

.solve-content {
    position: relative;
}

.solve-icon {
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    top: 0.07rem;
    left: 0.07rem;
}

.bright-spot {
    width: 100%;
    height: 17.41rem;
    background: url('//res.bangwo8.com/new_mobile/img/solution/bringspot.jpg?v=a2f6e825');
    background-size: contain;
}

.bright-spot .industry-title {
    width: 6.36rem;
    font-size: 0.36rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    padding-top: 0.79rem;
    height: auto;
    margin-bottom: 0.61rem;
}

.bring-container {
    width: 6.25rem;
    margin: 0 auto;
    background: #ffffff;
    padding-top: 0.44rem;
}

.item-title {
    width: 1.99rem;
    height: 0.44rem;
    background: url('//res.bangwo8.com/new_mobile/img/solution/bring.png?v=a1761839') no-repeat;
    background-size: contain;
    line-height: 0.44rem;
    text-align: center;
    font-size: 0.28rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(254, 254, 254, 1);
    margin-bottom: 0.24rem;
}

.bring-content {
    display: flex;
    flex-direction: row;
}

.bring-content1 {
    /* padding-right: 0.61rem; */
    padding-bottom: 0.55rem;
}

.bring-content3 {
    padding-right: 0.13rem;
}

.bring-content>img {
    margin-left: 0.4rem;
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 0.49rem;
}

.container-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.involving {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.involving>div>img {
    width: 0.14rem;
    height: 0.13rem;
    margin-right: 0.1rem;
}

.involving1 .detail-item {
    flex: 1
}

.bring-content2>img {
    width: 0.97rem;
    height: 0.9rem;
}

.bring-content3>img {
    width: 0.9rem;
    height: 1.06rem;
}

.bring-content4 .involving .detail-item {
    flex: 1
}

.bring-content5 .involving .detail-item {
    flex: 1
}

.bring-content6 .involving .detail-item {
    flex: 1
}

.bring-content4>img {
    width: 0.9rem;
    height: 0.9rem;
}

.bring-content2 .involving {
    justify-content: space-between;
}

.bring-content2 .involving .detail-item {
    flex: 1
}

.bring-content3 .involving .detail-item:first-child {
    width: 2.3rem;
}

.bring-content4,
.bring-content5,
.bring-content6 {
    padding-bottom: 0.55rem;
}

.detail-item span {
    font-size: 0.24rem;
}

.brind {
    margin-top: 0.66rem;
}

.brind-container {
    padding-left: 0.39rem;
    padding-right: 0.47rem;
    box-sizing: border-box;
    width: 100%;
    /* background: url('../../img/solution/brind.png'); */
    background-size: contain;
}

.brind-container img {
    width: 100%;
    padding-top: 0.47rem;
    padding-bottom: 1.02rem;
    ;
}

.brand-content {
    width: 4.72rem;
    height: 0.88rem;
    line-height: 0.88rem;
    border: 1px solid rgba(69, 99, 214, 1);
    border-radius: 0.44rem;
    text-align: center;
    margin: 0 auto;
    font-size: 0.28rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(69, 99, 214, 1);
    margin-bottom: 0.95rem;
}

.free {
    width: 100%;
    height: 3.6rem;
    background: url('//res.bangwo8.com/new_mobile/img/solution/freeplay.png?v=a31c7c14') no-repeat;
    background-size: cover;
}

.free>div {
    padding-top: 1.98rem;
}

.free .brind-btn {
    display: block;
    width: 4.72rem;
    line-height: 0.88rem;
    background-color: #4563D6;
    border-radius: 0.44rem;
    text-align: center;
    margin: 0 auto;
    font-size: 0.28rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #fff;
}

.pain-points {
    height: 8.76rem;
    background: url('//res.bangwo8.com/new_mobile/img/solution/plain.jpg?v=a0a4a013') no-repeat;
    background-size: cover;
}

.pain-points .industry-title {
    padding-top: 0.65rem;
    ;
    margin-bottom: 0.64rem;
    height: auto;
}

.swiper-item {
    width: 4.93rem;
    margin: 0 auto;
    height: 2.1rem;
    display: block;
}

.swiper-content {
    width: 4.93rem;
    margin: 0 auto;
    text-align: center;
    background: #535353;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    box-sizing: border-box;
    height: 3.98rem;
    position: relative;
}

.swiper-content>div {
    font-size: 0.28rem;
    padding-top: 0.27rem;
    padding-bottom: 0.34rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.swiper-content>p {
    font-size: 0.24rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(254, 254, 254, 1);
    opacity: 0.8;
    text-align: justify;
    line-height: 0.36rem;
}

.swiper-container {
    padding: 0 25px;
    box-sizing: content-box;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 30px !important;
    left: auto;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 30px !important;
    right: auto;
}

.swiper-button-next,
.swiper-button-prev {
    /*width: auto !important;*/
    color: #535353 !important;
}

.swiper-button-prev,
.swiper-button-next {
    outline: none !important;
}

.bring-content2>img {
    width: 0.9rem;
    height: 0.8rem;
}

.bring-content3>img {
    width: 0.86rem;
    height: 0.86rem;
    margin-top: 0.3rem;
}

.bring-content4>img {
    width: 0.99rem;
    height: 1.06rem;
    margin-top: 0.06rem;
}

.bright-spot .industry-title {
    padding-top: 0.65rem;
    margin-bottom: 0.5rem;
}

.swiper-item1 {
    background: url('//res.bangwo8.com/new_mobile/img/solution/softwearswiper1.jpg?v=a735a195') no-repeat;
    background-size: contain;
}

.swiper-item2 {
    background: url('//res.bangwo8.com/new_mobile/img/solution/softwearswiper2.jpg?v=a3a520a8') no-repeat;
    background-size: cover;
}

.swiper-item3 {
    background: url('//res.bangwo8.com/new_mobile/img/solution/softwearswiper3.jpg?v=a901ec55') no-repeat;
    background-size: cover;
}

.lineleft {
    display: inline-block;
    position: absolute;
    width: 0.26rem;
    height: 1px;
    background-color: #8F8F8F;
    top: 0.45rem;
    left: 0.2rem;
}

.lineright {
    position: absolute;
    display: inline-block;
    width: 0.26rem;
    height: 1px;
    background-color: #8F8F8F;
    right: 0.2rem;
    top: 0.45rem;
}

@media screen and (min-width: 1024px) {
    .free>div {
        padding-top: 2.7rem;
    }
}