/* banner */
.bannerSwiper {
    z-index: 0;
    --swiper-navigation-color: #fff;
}

.bannerSwiper .swiper-pagination {
    bottom: 3.15rem;
}

.bannerSwiper .swiper-pagination .swiper-pagination-bullet {
    width: .5rem;
    height: .1rem;
    border-radius: .05rem;
}

.bannerSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 1rem;
}

/* 数字信息 */
.box02 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: -2.89rem;
}

.box02 .desc {
    background: rgba(0, 0, 0, .4);
    line-height: .33rem;
    font-size: .24rem;
    color: #fff;
    padding: .31rem;
    padding-bottom: .1rem;
}

.box02 .num {
    height: 2.34rem;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.box02 .num dl {
    width: 20%;
    height: 1.63rem;
    position: relative;
    margin: .36rem 0px;
}

.box02 .num dl::after {
    width: .01rem;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #035FAF30;
}

.box02 .num dl:last-child::after {
    display: none;
}

.box02 .num dl dt,
.box02 .num dl dd {
    text-align: center;
    font-family: 'AlibabaPuHuiTiH';
}

.box02 .num dl dt {
    font-size: .22rem;
    color: #035FAF30;
    line-height: 100%;
    line-height: .3rem;
    margin-top: .27rem;
}

.box02 .num dl dd {
    font-size: .5rem;
    color: #035FAF;
    line-height: .7rem;
    margin-top: .1rem;
}

/* 公司业务 */
.box03_bj {
    background: url(../img/index_box2_bj.png) no-repeat center top;
    background-size: 100% auto;
    height: 11.71rem;
    position: relative;
    z-index: 0;
    margin-top: -1.51rem;
    overflow: hidden;
}

.box03_bj::after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 60%;
    height: 100%;
    z-index: 0;
    background: #F9F9FB;
}

.box03 {
    margin-top: 2.79rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.box03 .tabList {
    width: 7.1rem;
}

.box03 .tabList ul.tabTit {
    margin-top: .75rem;
    margin-left: -.4rem;
}

.box03 .tabList ul.tabTit li {
    width: 3.8rem;
    font-size: .22rem;
    font-family: 'AlibabaPuHuiTiM';
    color: #000000;
    line-height: .42rem;
    padding: .22rem .4rem;
    overflow: hidden;
    cursor: pointer;
    margin-top: .35rem;
    transition: all .5s;
}

.box03 .tabList ul.tabTit li:first-child {
    margin-top: 0px;
}

.box03 .tabList ul.tabTit li.active,
.box03 .tabList ul.tabTit li:hover {
    font-size: .3rem;
    color: #fff;
    background: #035FAF;
}

.box03 .tabList ul.tabTit li i.iconfont {
    font-size: .23rem;
    float: right;
    opacity: 0;
    color: #fff;
}

.box03 .tabList ul.tabTit li.active i.iconfont,
.box03 .tabList ul.tabTit li:hover i.iconfont {
    opacity: 1;
}

.box03 .tabBox {
    width: 7.9rem;
    padding-top: 1.37rem;
}

.box03 .tabBox .tabCont {
    width: 7.9rem;
    height: 4.96rem;
    display: none;
    transition: all .5s;
    border-radius: .48rem;
    overflow: hidden;
}

.box03 .tabBox .tabCont.active {
    display: flex;
}

.box03 .tabBox .tabCont .itemTabTit {
    width: 2.98rem;
    background: #fff;
    padding: .66rem 0px .66rem 0px;
}

.box03 .tabBox .tabCont .itemTabTit li {
    font-size: .22rem;
    font-family: AlibabaPuHuiTiM;
    color: #000000;
    line-height: .3rem;
    line-height: .42rem;
    cursor: pointer;
    padding: .16rem 0px;
    text-align: center;
    margin-bottom: .24rem;
    transition: all .5s;
}

.box03 .tabBox .tabCont .itemTabTit li:hover,
.box03 .tabBox .tabCont .itemTabTit li.active {
    font-size: .3rem;
    color: #FFFFFF;
    background: #035FAF;
}

.box03 .tabBox .tabCont .itemTabCont {
    width: 4.96rem;
    background: rgba(11, 78, 137, .05);

}

.box03 .tabBox .tabCont .itemTabCont .itemTab {
    height: 100%;
    width: calc(100% - .84rem);
    padding: 0 .42rem;
    display: none;
    line-height: .49rem;
    font-size: .2rem;
    color: #000000;
}

.box03 .tabBox .tabCont .itemTabCont .itemTab.active {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

/* 业务生态 */
.box04_bj {
    /* background: url(../img/index_box03_img.png) no-repeat center top; */
    height: 10.93rem;
    background-size: 100% auto;
    position: relative;
    max-width: 19.2rem;
    margin: 0px auto;
}

.box04_bj .tit {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 1;
    top: .46rem;
}

.box04_bj .tit h3 {
    color: #fff;
}

.box04_bj .tit p {
    color: rgba(255, 255, 255, .5);
}

.box04_bj .img {
    position: relative;
    z-index: 0;
}

/* 服务业绩 */
.box05_bj {
    position: relative;
    padding-top: .7rem;
    max-width: 19.2rem;
    margin: 0px auto;
}

.box05_bj .box05Swiper {}

.box05_bj .box05Swiper .swiper-slide {
    height: 6.97rem;
    width: 100%;
    position: relative;
}

.box05_bj .box05Swiper .swiper-slide .txt {
    width: 12.32rem;
    height: 5.63rem;
    position: absolute;
    left: 0px;
    top: 1.34rem;
    background: url(../img/index_box05_bj.png) no-repeat center top;
    background-size: 100% auto;
}

.box05_bj .box05Swiper .swiper-slide .txt h3,
.box05_bj .box05Swiper .swiper-slide .txt p {
    width: 6rem;
    margin-left: 2.12rem;
}

.box05_bj .box05Swiper .swiper-slide .txt h3 {
    font-size: .28rem;
    line-height: .3rem;
    font-family: 'AlibabaPuHuiTiR';
    margin-top: 1.25rem;
}
.box05_bj .box05Swiper .swiper-slide .txt p{
    font-size: .2rem;
}
.box05_bj .box05Swiper .swiper-slide .txt p.t {
    font-size: .24rem;
    color: #1168b3;
    font-family: "思源黑体 Medium";
    margin-top: .04rem;
    width: 6rem;
    line-height: 200%;
}

.box05_bj .box05Swiper .swiper-slide .txt p.d {
    font-size: .2rem;
    width: 6rem;
    /*line-height: 180%;*/
    /*margin-top: .66rem;*/
    /*color: #6b6c6e;*/
}

.box05_bj .box05Swiper .swiper-slide .img {
    width: 10.36rem;
    height: 4.93rem;
    position: absolute;
    right: 0px;
    top: 0px;
}

.box05_bj .box05Swiper .swiper-button-prev,
.box05_bj .box05Swiper .swiper-button-next {
    width: .5rem;
    height: .5rem;
    background: #dce7f2;
    border-radius: 50%;
    bottom: .7rem;
    top: auto;
}

.box05_bj .box05Swiper .swiper-button-prev::after,
.box05_bj .box05Swiper .swiper-button-next::after {
    font-size: .18rem;
}

.box05_bj .box05Swiper .swiper-button-prev {
    left: 11%;
}

.box05_bj .box05Swiper .swiper-button-next {
    left: 17%;
}

/* 公司荣誉 */
.box06 {
    position: relative;
    padding-bottom: 2.48rem;
}

.box06 .tit {
    margin-top: .57rem;
}

.box06 .box06Swiper {
    overflow: hidden;
    margin-top: 1.84rem;
    position: relative;
}

.box06 .box06Swiper .swiper-slide {
    position: relative;
    border-radius: .1rem;
    overflow: hidden;
}

.box06 .box06Swiper .swiper-slide::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, .6);
}

.box06 .box06Swiper .swiper-slide-active::after {
    display: none;
}

.box06 .swiper-button-prev,
.box06 .swiper-button-next {
    width: .54rem;
    height: .66rem;
    background: #e5e7ee;
    color: #818eac;
    top: 4.9rem;
    /* border: .02rem dashed #989999; */
}

.box06 .swiper-button-prev {
    left: calc(50% - 9rem);
}

.box06 .swiper-button-next {
    right: calc(50% - 9rem);
}

.box06 .swiper-button-prev:hover,
.box06 .swiper-button-next:hover {
    background: #035faf;
    color: #fff;
}

.box06 .swiper-button-prev::after,
.box06 .swiper-button-next::after {
    font-size: .2rem;
}

.box06 .swiper-wrapper {
    align-items: center;
    padding: .5rem 0px;
}

.box06 .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition-property: all;
    z-index: 0;
    transform: scale(1) !important;
}

.box06 .swiper-slide.swiper-slide-next,
.box06 .swiper-slide.swiper-slide-prev {
    width: 20%;
    z-index: 1;
    transform: scale(1.2) !important;
}

.box06 .swiper-slide.swiper-slide-active {
    width: 30%;
    transform: scale(1.35) !important;
    z-index: 2;
}


/* 合作伙伴 */
.box07_bj {
    background: rgba(245, 247, 250, 1);
    padding-bottom: .6rem;
}

.box07_bj .box07 {
    overflow: hidden;
    padding-top: .95rem;
}

.box07_bj .box07 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: .56rem;
}

.box07_bj .box07 ul li {
    width: calc(100% / 5 - 0.1rem);
    height: 1.69rem;
    margin-bottom: 0.14rem;
    overflow: hidden;
    border-radius: 0.1rem;
    box-shadow: 0px 0px 0.05rem 0px rgb(0 0 0 / 30%);
    margin-left: 0.05rem;
    margin-right: 0.05rem;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box07_bj .box07 ul li img{
    width: 100%;
    height: auto;
    margin: 0px auto;
    transition: all .5s;
}
.box07_bj .box07 ul li:hover img{
    transform: scale(1.1);
}

/* 20230131 新增 */
.box07_bj .box07 .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
  }

  .box07_bj .box07 .swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
  }
  .box07_bj .box07Swiper {
      padding-bottom: .3rem;
  }
  
  
    /* 新增 */
  .msgBox_bj {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9;
}
.msgBox_bj.closeMsgBox{
    display: none;
}

.msgBox {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9;
    margin: auto auto;
    width: 8rem;
    height: 6.46rem;
    background: url(../img/_msg_bj.png) no-repeat center top;
    background-size: 100% auto;
}

.msgBox .dt {
    font-family: AlibabaPuHuiTiH;
    font-size: .3rem;
    letter-spacing: 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 150%;
    margin-top: .15rem;
}
.msgBox .dt2{
    font-family: ZhenyanGB-Regular;
    font-size: .28rem;
    color: #035FAF;
    width: 76%;
    margin-right: 0px;
    margin-top: 0.25rem;
    margin-left: auto;
    font-weight: bold;
}
.msgBox .dd{
    font-family: ZhenyanGB-Regular;
    font-size: .28rem;
    color: #035FAF;
    line-height: .4rem;
    font-weight: 400;
    width: 75%;
    height: 50%;
    margin-right: .1rem;
    margin-top: 0.25rem;
    margin-left: auto;
    font-weight: bold;
    overflow: hidden;
}
.msgBox .closeBtn{
    font-family: ZhenyanGB-Regular;
    font-size: .24rem;
    color: #035FAF;
    font-weight: bold;
    margin-top: 0.36rem;
    cursor: pointer;
    margin-left: auto;
    margin-right: 0.1rem;
    width: 55%;
}

@media screen and (max-width:767px) {

    .bannerSwiper .swiper-pagination{
        bottom: .2rem;
    }
    .bannerSwiper .swiper-pagination .swiper-pagination-bullet{
        width: .3rem;
    }
    .bannerSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
        width: .5rem;
    }
    .box02{
        margin-top: 0;
        width: 100%;
    }
    .box02 .desc{
        /* display: none; */
    }

    .box02 .num dl dt{
        font-size: .18rem;
    }
    .box02 .num dl dd{
        font-size: .26rem;
    }
    .box03_bj{
        margin-top: .0rem;
        height: auto;
        padding-bottom: .2rem;
    }
    .box03_bj::after{
        display: none;
    }
    .box03{
        margin-top: .2rem;
        display: block;
    }
    .box03 .tabList{
        width: 100%;
    }
    .box03 .tabList ul.tabTit{
        margin: 0px auto;
        margin-top: .3rem;
        display: flex;
        justify-content: space-between;
        
    }
    .box03 .tabList ul.tabTit li{
        width: 25%;
        font-size: .18rem;
        line-height: 200%;
        padding: .05rem 0;
        margin: 0px;
        text-align: center;
    }
    .box03 .tabList ul.tabTit li.active, .box03 .tabList ul.tabTit li:hover{
        font-size: .2rem;
        line-height: 200%;
    }
    .box03 .tabList ul.tabTit li i.iconfont{
        display: none;
    }
    .box03 .tabBox{
        padding-top: .2rem;
        width: 100%;
    }
    .box03 .tabBox .tabCont{
        width: 100%;
    }
    

    .box03 .tabBox .tabCont .itemTabTit{
        width: 1.5rem;
    }
    .box03 .tabBox .tabCont .itemTabTit li{
        font-size: .2rem;
    }
    .box03 .tabBox .tabCont .itemTabTit li:hover, .box03 .tabBox .tabCont .itemTabTit li.active{
        font-size: .2rem;
    }
    .box03 .tabBox .tabCont .itemTabCont{
        width: calc(100% - 1.5rem);
    }

    .box04_bj{
        height: auto;
    }
    .box04_bj .tit{
        top: .1rem;
    }
    
    .box05_bj{
        padding-top: .1rem;
    }
    .box05_bj .box05Swiper{
        margin-top: .1rem;
    }
    .box05_bj .box05Swiper .swiper-slide .txt{
        width: 62%;
        top: .5rem;
    }
    .box05_bj .box05Swiper .swiper-slide{
        height: 2.3rem;
    }
    .box05_bj .box05Swiper .swiper-slide .img{
        width: 52%;
    }
    .box05_bj .box05Swiper .swiper-slide .txt h3, .box05_bj .box05Swiper .swiper-slide .txt p{
        width: 80%;
        font-size: .18rem;
        line-height: 150%;
        margin-left: .1rem;
        margin-top: .2rem;
    }
    .box05_bj .box05Swiper .swiper-slide .txt p.t{
        width: 70%;
    }
    .box05_bj .box05Swiper .swiper-slide .txt p.d{
        width: 75%;
        margin-top: .1rem;
        line-height: 120%;
    }
    .box05_bj .box05Swiper .swiper-button-prev, .box05_bj .box05Swiper .swiper-button-next{
        top: 50%;
        width: calc(var(--swiper-navigation-size)/ 44 * 27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
        background: none;
    }
    .box05_bj .box05Swiper .swiper-button-prev::after, .box05_bj .box05Swiper .swiper-button-next::after{
        font-size: .3rem;
    }
    .box05_bj .box05Swiper .swiper-button-next{
        left: auto;
    }
    .box05_bj .box05Swiper .swiper-button-prev{
        left: .1rem;
    }

    .box06{
        padding-bottom: .3rem;
    }
    .box06 .tit{
        margin-top: .2rem;
    }
    .box06 .box06Swiper{
        margin-top: .2rem;
        width: 80%;
    }
    .box06 .swiper-button-prev, .box06 .swiper-button-next{
        top: auto;
        bottom: 30%;
        width: .3rem;
        height: .5rem;
    }
    .box06 .swiper-button-prev{
        left: 0px;
    }
    .box06 .swiper-button-next{
        right: 0px;
    }

    .box07_bj .box07{
        padding-top: .3rem;
    }
    .box07_bj .box07 ul{
        margin-top: .2rem;
    }
    .box07_bj .box07 ul li{
        width: calc(50% - .1rem);
        height: auto;
    }
}