.inside-banner{
  height: 722px;
  background-image: url('../images/in-bg-01.png');
}
.inside-banner .box .txt{
  padding-top: 100px;
  width: 762px;
}
.inside-banner .box .txt .bigTxt{
    width: 762px;
    font-size: 56px;
    font-family: "D-DINExp-Bold";
    color: #233863;
    line-height: 72px;
}
.inside-banner .box .txt .bigTxt-02{
    margin-top: 16px;
    font-family: Verdana, Verdana;
    font-weight: bold;
    font-size: 20px;
    color: #233863;
    line-height: 30px;
}
.inside-banner .box .txt .smallTxt{
    margin-top: 16px;
    font-size: 20px;
    font-family: Verdana;
    color: #4A4A4A;
    line-height: 30px;
}
.inside-banner .txtInfor .btn{
    display: flex;
    margin-top: 56px;
}
.inside-banner .txtInfor .btn a{
    width: 180px;
    height: 52px;
    line-height: 52px;
    border-radius: 45px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-family: Verdana, Verdana;
    font-weight: bold;
}
.inside-banner .txtInfor .btn a.getBtn{
    background: #229AF4;
    margin-right: 20px;
}
.inside-banner .txtInfor .btn a.watchBtn{
    background: #4EDDC7;
}
.inside-banner .txtInfor .btn a.getBtn:hover{
    background: #1E8ADA;
}
.inside-banner .txtInfor .btn a.watchBtn:hover{
    background: #49CFBA;
}
.inside-banner .bannerP{
    position: relative;
}
.inside-banner .bannerP .img {
    position: absolute;
    right: -135px;
    top: 0;
    width: 675px;
    z-index: -1;
}
.inside-banner .box{
    position: relative;
}
.inside-banner .box::before{
    content: '';
    position: absolute;
    width: calc(100% - 13px);
    height: 1604px;
    top:0;
    right: 13px;
    background-image:url('../images/in-bg-02.png') ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    z-index: -1;
}
.title-01 {
    font-size: 40px;
    font-family: "D-DINExp-Bold";
    color: #233863;
    line-height: 43px;
    text-align: center;
}
.allin{
    margin-top: 60px;
}
.allin .allin-box{
    margin: auto;
    margin-top: 32px;
    width: 894px;
    font-family: Verdana;
    font-size: 20px;
    color: #888888;
    line-height: 30px;
    text-align: center;
}
.allin .imgtop {
    margin-bottom: 110px;
    margin-top: 40px;
    height: 616px;
    width: 100%;
}
.allin .img{
    width: 100%;
}
.allin .allin-item .container{
    margin-top: 88px;
    display: flex;
    align-items: center;
}
.allin .allin-item .img{
    width: 500px;
}
.allin .allin-item .text{
    width: calc(100% - 500px);
    padding-left: 60px;
}
.allin .allin-item:nth-child(2n+1) .container{
    flex-direction: row-reverse;

}
.allin .allin-item:nth-child(2n+1) .text{
    /* float: left; */
    padding-left: 0px;
    padding-right: 60px;
}

.allin .allin-item .text .txt-tit{
    font-family: "D-DINExp-Bold";
    font-size: 32px;
    color: #233863;
    line-height: 35px;
}
.allin .allin-item .text .txt-list{
    margin-top: 32px;

}
.allin .allin-item .text .txt-list .txt-item{
    margin-bottom: 24px;
}
.allin .allin-item .text .txt-list .tit{
    font-family: Verdana, Verdana;
    font-weight: bold;
    font-size: 18px;
    color: #233863;
    line-height: 22px;
    position: relative;
    padding-left: 24px;
}
.allin .allin-item .text .txt-list .tit::before{
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    background-image: url("../images/duihao.png");
    background-size: cover;
    width: 16px;
    height: 16px;
}
.allin .allin-item .text .txt-list .des{
    margin-top: 12px;
    font-family: Verdana;
    font-size: 14px;
    color: #4A4A4A;
    line-height: 24px;
    padding-left: 24px;
}
.allinitem02{
    position: relative;
}
.allinitem02::before{
    position: absolute;
    left: 0;
    top: -246px;
    content: '';
    width: 838px;
    height: 861px;
    background: url('../images/in-bg-03.png') no-repeat;
    background-size: cover;
    z-index: -1;
}
.solutions{
    position: relative;
}
.solutions::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 1347px;
    background-image: url("../images/in-bg-06.png");
    background-size: cover;
    z-index: -1;
    top: -485px;
}
.solutions .title-01{
    padding-top: 197px;
}
.solutions .title-02{
    padding-top: 32px;
    width: 894px;
    margin: auto;
    font-family: Verdana;
    font-size: 20px;
    color: #888888;
    text-align: center;
    line-height: 30px;
}
.solutions .solutions-box{
    margin: 58px -37.5px 0px;
}
.solutions .solutions-box .item{
    width: 33.33333%;
    float: left;
    padding: 0 37.5px;
    box-sizing: border-box;
}
.solutions .solutions-box .item .insideBox{
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0px 28px 43px -6px rgba(197,210,235,0.2);
    height: 554px;
}

.solutions .solutions-box .insideBox .img{
    position: relative;
    height:240px
}

.solutions .solutions-box .insideBox .txt{
    padding: 20px 40px 24px;
    box-sizing: border-box;
    text-align: center;
}
.solutions .solutions-box .insideBox .txt .title{
    font-size: 18px;
    font-family: Verdana, Verdana;
    font-weight: bold;
    color: #233863;
    line-height: 22px;
}
.solutions .solutions-box .insideBox .txt .des{
    height: 180px;
    margin-top: 24px;
    font-size: 14px;
    font-family: Verdana;
    color: #888888;
    line-height: 20px;
}
.listen{
    padding-top: 158px;
    position: relative;
    margin-bottom: 88px;
}
.listen::before{
    position: absolute;
    right: 0;
    content: '';
    width: 1590px;
    height: 1034px;
    top: -200px;
    background: url('../images/in-bg-07.png') no-repeat;
    background-size: cover;
    z-index: -1;
}
/* 轮播 */
.client-box .conTabs {
    overflow: hidden;
    position: relative;
}
.client-box .conTabs .spBox{
    background: #FFFFFF;
    box-shadow: 0px 16px 50px -4px rgba(157,168,194,0.2);
    border-radius: 16px;
    padding: 32px;
    box-sizing: border-box;
    height: 320px;
}
.client-box .conTabs .spBox .top{
    padding-bottom: 23px;
    border-bottom: 1px solid #DAE0E7;
    font-size: 24px;
    font-family: Verdana, Verdana;
    font-weight: bold;
    color: #233863;
    line-height: 29px;
    display: flex;
    align-items: center;
}
.client-box .conTabs .spBox .top img{
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 24px;
}
.client-box .conTabs .spBox .text{
    padding: 26px 0 32px;
    box-sizing: border-box;
    font-size: 16px;
    font-family: Verdana, Verdana;
    font-weight: normal;
    color: #4A4A4A;
    line-height: 28px;
    font-style: italic;
}
.client-box .conTabs .swiper-container{
    padding: 56px 0 74px;
}
.client-box .conTabs .swiper-pagination{
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.client-box .conTabs .swiper-pagination-bullet{
    margin: 0 3px;
    width: 12px;
    height: 12px;
    background: #D8D8D8;
    opacity: 1;
    cursor: pointer;
}
.client-box .conTabs .swiper-pagination-bullet-active{
    width: 30px;
    background: #229AF4;
    border-radius: 6px;
}
.client-box .conTabs .swiper-slide.swiper-slide-next .spBox,.client-box .conTabs .swiper-slide.swiper-slide-prev .spBox{
    box-shadow: 0px 16px 50px -4px rgba(157,168,194,0.15);
    opacity: 0.5;
}
.contact_us p{
    text-align: left;
}
.contact_us .container{
    display: flex;
    padding: 90px 140px 80px;
}
.contact_us .txt1{
    margin-bottom: 16px;
}
.contact_us .txt2{
    margin-bottom: 50px;
}
.contact_us .freeBtn{
    margin: inherit;
}
.contact_us .contact_left {
    padding-right: 170px;
}
.contact_us .contact_right {
    display: flex;
    justify-content: space-between;
    width: 376px;
}
.contact_us .contact_right .item img{
    width: 162px;
    height: 162px;
}
.contact_us .contact_right .item p{
    margin-top: 17px;
    font-family: Verdana;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 19px;
    width: 160px;
    text-align: center;
}

@media screen and (max-width: 1440px){
    .client-box .conTabs .spBox .text{
        font-size: 14px;
    }
}
@media screen and (max-width: 1585px){
    .client-box .conTabs .spBox{
        height: 345px;
    }
}
@media screen and (max-width: 1550px){
    .inside-banner .bannerP .img{
        right: 0;
    }
    .inside-banner .box .txt .bigTxt{
        width: 542px;
    }
    .inside-banner .box .txt{
        width: 570px;
    }
}
@media screen and (max-width: 1340px){
    .solutions .solutions-box{
        margin: 58px 0 0px;
    }
}

@media screen and (max-width: 768px){
    .m-banner .m-title{
        margin-bottom: 16px;
    }
    .m-banner .m-title-02{
        font-family: Verdana, Verdana;
        font-weight: bold;
        font-size: 18px;
        color: #233863;
        line-height: 30px;
        margin-bottom: 32px;
    }
    .m-banner img{
        margin-top: 32px;
    }
    .allin{
        margin-top: 30px;
        position: relative;
    }
    .allin:before{
        content: '';
        position: absolute;
        width: 100%;
        height: 718px;
        background-image: url("../images/m-allin-bg.png");
        background-size: cover;
        top: -130px;
        z-index: -1;
    }
    .title-01{
        font-size: 32px;
        line-height: 35px;
    }
    .allin .allin-box{
        margin-top: 24px;
        width: 100%;
    }
    .allin .imgtop{
        height: auto;
        margin-top: 24px;
        margin-bottom: 0;
    }
    .allin .allinitem01{
        margin-top: 0;
    }
    .allin .allin-item{
        position: relative;
    }
    .allin .allin-item .container{
        margin-top: 32px;
        display: block;
    }
    .allin .allin-item .img{
        width: 100%;
    }
    .allin .allin-item .text{
        width: 100%;
        padding-left: 0;
    }
    .allin .allin-item:nth-child(2n+1) .text{
        padding-right: 0;
    }
    .allinitem01 .text, .allinitem03 .text, .allinitem06 .text,.allinitem02 .text, .allinitem04 .text{
        margin-top: 32px;
    }
    .allin .allin-item .text .txt-list{
        margin-top: 28px;
    }
    .allin .allin-item .text .txt-list p{
        line-height: 24px;
        margin-bottom: 9px;
    }
    .allin .allinitem01 .container{
        margin-top: 70px;
    }
    .allin .allinitem01::before{
        content: '';
        position: absolute;
        background-image: url("../images/m-allin-bg-01.png");
        background-size: cover;
        width: 100%;
        height: 266px;
        top: -89px;
        z-index: -1;
    }
    .allin .allinitem01::after{
        content: '';
        position: absolute;
        background-image: url("../images/m-allin-bg-02.png");
        background-size: cover;
        width: 327px;
        height:588px;
        top: 146px;
        right: 0;
        z-index: -1;
    }
    .allinitem02::before{
        content: '';
        position: absolute;
        background-image: url("../images/m-allin-bg-03.png");
        background-size: cover;
        width: 345px;
        height: 630px;
        top: 23px;
        left: 0;
        z-index: -1;
    }
    .allinitem03::before{
        content: '';
        position: absolute;
        background-image: url("../images/m-allin-bg-02.png");
        background-size: cover;
        width: 327px;
        height:588px;
        top: -168px;
        right: 0;
        z-index: -1;
    }

    .solutions{
        background-image: url("../images/m-allin-bg-01.png");
        background-size: contain;
        background-position: top center;
        background-repeat: no-repeat;
        margin-top: -24px;
    }
    .solutions::before{
        background-image: none;
    }
    .solutions .title-01{
        padding-top: 80px;
    }
    .solutions .title-02{
        padding-top: 24px;
        width: 100%;
    }
    .solutions .solutions-box{
        margin-top: 32px;
    }
    .solutions .solutions-box .item{
        width: 100%;
        padding: 0;
        margin-bottom: 32px;
    }
    .solutions .solutions-box .item .insideBox{
        height: auto;
        border-radius:8px;
    }
    .solutions .solutions-box .insideBox .txt{
        padding: 24px 24px 32px;
    }
    .solutions .solutions-box .insideBox .txt .des{
        height: auto;
        margin-top: 16px;
    }
    .listen{
        padding-top: 50px;
        margin-bottom: 48px;
    }
    .listen::before{
        width: 100%;
        height: 233px;
        top: 0;
        background-image: url("../images/m-in-bg-07.png");
    }
    .listen .title-01{
        padding: 0 40px;
    }
    .client-box .conTabs .swiper-container{
        padding: 32px 24px 44px;
    }
    .swiper-container-android .swiper-slide, .swiper-wrapper{
        /*padding: 0 24px;*/
    }
    .client-box .conTabs .spBox{
        height: auto;
        box-shadow: 0px 0px 20px -4px rgba(157,168,194,0.2);
        border-radius: 16px;
        padding: 32px 24px;
    }
    .client-box .conTabs .spBox .top img{
        width: 75px;
        height: 75px;
        margin-right: 15px;
    }
    .client-box .conTabs .spBox .top{
        font-size: 16px;
        line-height: 19px;
    }
    .client-box .conTabs .spBox .text{
        padding: 24px 0 0;
        font-size: 16px;
        font-style: normal;
        line-height: 30px;
    }
    .contact_us .container{
        display: block;
        padding: 56px 24px;
    }
    .contact_us .contact_left{
        padding-right: 0;
        padding-bottom: 24px;
        margin-bottom: 26px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .contact_us p{
        text-align: center;
    }
    .contact_us .txt1{
        padding: 0;
        margin-bottom: 24px;
    }
    .contact_us .txt2{
        margin-bottom: 39px;
    }
    .contact_us .freeBtn{
        margin: auto;
    }
    .contact_us .contact_right{
        width: auto;
    }
    .contact_us .contact_right .item img{
        width: 132px;
        height: 132px;
    }
    .contact_us .contact_right .item p{
        width: 130px;
    }
}