@charset "utf-8";
h2{
    font-size: 44px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 30px;
    color: rgba(16, 186, 196, 1);
    text-align: center;
    vertical-align: middle;
}
.home-banner{
    height: calc(100vh - 114px);
    width: 100%;
    min-width: 1536px;
    /* margin: 0 auto; */
    position: relative;
}
.home-banner-box{
    min-width: 1536px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
.swiper-button-next-box-b,
.swiper-button-prev-box-b{
    width: 44px;
    height: 44px;
    background-color: rgba(220, 220, 220, 1);
    cursor: pointer;
    position: absolute;
    z-index: 999999999;
    top: 50%;
    transform: translateY(-22px);
    display: none;
}
.home-banner-box:hover .swiper-button-next-box-b,
.home-banner-box:hover .swiper-button-prev-box-b{
    display: block;
}
.swiper-button-next-box-b{
    -webkit-mask: url(../svg/swiper-button-next.svg) no-repeat center;
    mask: url(../svg/swiper-button-next.svg) no-repeat center;
    right: 20px;
}
.swiper-button-prev-box-b{
    -webkit-mask: url(../svg/swiper-button-prev.svg) no-repeat center;
    mask: url(../svg/swiper-button-prev.svg) no-repeat center;
    left: 20px;
}
.home-banner-box .bannersSwiper{
    position: relative;
}
.home-banner-box .bannersSwiper .swiper-slide{
    cursor: pointer;
}
.home-banner-box .swiper-slide{
    position: relative;
}
.home-banner-box .swiper-slide img{
    position: relative;
    z-index: -2;
    /* width: 100%;
    height: auto; */
}
.home-banner-box .swiper-slide .swiper-slide-title{
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    font-size: 50px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 66.3px;
    color: rgba(255, 255, 255, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}
.home-banner-box .swiper-slide .swiper-slide-title img{
    margin-right: 66px;
}
.banner-bg{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 512px;
    opacity: 1;
    background: linear-gradient(180deg, rgba(24, 141, 232, 0) 0%, rgba(24, 141, 232, 0.2) 27.25%, rgba(24, 141, 232, 1) 100%);
}

/* 数据统计开始 */

.home-statistics{
    /* opacity: 0.8; */
    /* background: rgba(204, 204, 204, 0.8); */
    background-image: url(../imgs/statistics-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* backdrop-filter: blur(50px); */
}
.home-statistics-box{
    width: 1374px;
    height: 901px;
    margin: 0 auto;
    
}
.statistics-num{
    padding: 115px 0 0 0;
    display: flex;
    justify-content: space-between;
}
.statistics-num-item{
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.statistics-num-item span{
    font-size: 80px;
    font-weight: 700;
    letter-spacing: 0px;
    display: inline-block;
    height: 80px;
    line-height: 80px;
    color: rgba(16, 186, 196, 1);
}
.digitalAnimationNum-box{
    height: 80px;
    overflow: hidden;
}
.statistics-num-item .statistics-num-item-tit{
    font-size: 36px;
    font-weight: 400;

}
.statistics-num-item p{
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 42px;
    color: rgba(112, 112, 112, 1);
    margin-top: 18px;
}
.statistics-content{
    margin-top: 56px;
    display: flex;
    justify-content: space-between;
}
.statistics-content-item{
    width: 370px;
}
.statistics-content-item img{
    width: 370px;
    height: 280px;
}
.statistics-content-item h3{
    margin-top: 23px;
    font-size: 44px;
    font-weight: 700;
    line-height: 58px;
    color: rgba(24, 141, 232, 1);
    text-align: center;
}
.statistics-content-item .title-des{
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
}
.statistics-content-item-click{
    cursor: pointer;
}
.title-des-item{
    width: 170px;
    height: 52px;
    margin: 0 5px 16px 6px;
    border-radius: 5px;
    border: 1px solid rgba(24, 141, 232, 1);
    font-size: 28px;
    font-weight: 400;
    line-height: 52px;
    text-align: center;
    color: rgba(24, 141, 232, 1);
    cursor: pointer;
}


/* 数据统计结束 */

/* 核心业务开始 */
.home-corebusiness{
    width: 1364px;
    margin: 0 auto;
    height: 866px;
    box-sizing: border-box;
    padding-top: 100px;
}
.corebusiness-svg1{
    -webkit-mask: url(../svg/corebusiness1.svg) no-repeat center;
    mask: url(../svg/corebusiness1.svg) no-repeat center;
}
.corebusiness-svg2{
    -webkit-mask: url(../svg/corebusiness2.svg) no-repeat center;
    mask: url(../svg/corebusiness2.svg) no-repeat center;
}
.corebusiness-svg3{
    -webkit-mask: url(../svg/corebusiness3.svg) no-repeat center;
    mask: url(../svg/corebusiness3.svg) no-repeat center;
}
.corebusiness-svg4{
    -webkit-mask: url(../svg/corebusiness4.svg) no-repeat center;
    mask: url(../svg/corebusiness4.svg) no-repeat center;
}
.corebusiness-svg5{
    -webkit-mask: url(../svg/corebusiness5.svg) no-repeat center;
    mask: url(../svg/corebusiness5.svg) no-repeat center;
}
.corebusiness-svg6{
    -webkit-mask: url(../svg/corebusiness6.svg) no-repeat center;
    mask: url(../svg/corebusiness6.svg) no-repeat center;
}
.corebusiness-svg7{
    -webkit-mask: url(../svg/corebusiness7.svg) no-repeat center;
    mask: url(../svg/corebusiness7.svg) no-repeat center;
}
.corebusiness-svg8{
    -webkit-mask: url(../svg/corebusiness8.svg) no-repeat center;
    mask: url(../svg/corebusiness8.svg) no-repeat center;
}
.corebusiness-svg {
    background-color: rgba(16, 186, 196, 1);
}
.corebusiness-active .corebusiness-svg {
    background-color: #fff;
}
.corebusiness-box{
    margin-top: 50px;
    display: flex;
    height: 559px;
    position: relative;
}
.corebusiness-nav{
    min-width: 323px;
    max-width: 323px;
    margin-right: 14px;
}
.corebusiness-nav li{
    display: flex;
    align-items: center;
    height: 56px;
    margin-bottom: 16px;
    cursor: pointer;
}
.corebusiness-nav .corebusiness-active{
    border-radius: 5px;
    background: rgba(16, 186, 196, 1);
    box-shadow: 0px 3px 6px  rgba(220, 220, 220, 0.61);
    color: #fff;
}
.corebusiness-nav li .core-business{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.corebusiness-nav li .core-business>.corebusiness-svg,
.corebusiness-nav li .core-business>img{
    width: 30px;
    height: 30px;
    margin-left: 32px;
    margin-right: 25px;
}
.corebusiness-nav li .core-business>p{
    font-size: 28px;
    font-weight: 400;
    color: #707070;
}
.corebusiness-nav .corebusiness-active .core-business>p{
    color: #fff;
}
.corebusiness-nav  .corebusiness-content{
    position: absolute;
    top: 0px;
    left: 337px;
    width: 1027px;
    height: 559px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 3px 3px 30px  rgba(220, 220, 220, 0.61);
    cursor: default;
    box-sizing: border-box;
    padding: 30px 22px 18px 42px;
    display: none;
}
.corebusiness-active .corebusiness-content{
    display: block;
}
.corebusiness-content h5{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 23.87px;
    color: rgba(16, 186, 196, 1);
    /* height: 27px; */
}
.corebusiness-content .corebusiness-list{
    margin-top: 26px;
    display: flex;
    flex-wrap: wrap;
}
.corebusiness-content .btn-box{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 20px;
}
.corebusiness-content .btn-box button{
    border: 1px solid rgba(16, 186, 196, 1);
    border-radius: 4px;
    background-color: #fff;
    height: 30px;
    width: 30px;
    cursor: pointer;
    color: rgba(16, 186, 196, 1);
    margin: 0 10px;
    font-weight: 700;
    font-size: 16px;
    font-family: 'MiSans Normal';
}
.corebusiness-content .btn-box button:hover{
    background-color: rgba(16, 186, 196, 1);
    border: none;
    color: #fff;
}
.corebusiness-list .corebusiness-item{
    min-width: 220px;
    max-width: 220px;
    height: 181px;
    margin-right: 20px;
    margin-bottom: 26px;
    cursor: pointer;
}
.corebusiness-list .corebusiness-item:hover .item-top p{
    color: #188DE8;
    font-weight: 700;
}
.corebusiness-item .item-top{
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.corebusiness-item .item-top>p{
    font-size: 12px;
    font-weight: 500;
    color: rgba(112, 112, 112, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.corebusiness-item .item-top>span{
    font-size: 12px;
    font-weight: 400;
    color: rgba(112, 112, 112, 1);
    transform: scale(0.67)
}
.corebusiness-item .item-img{
    width: 220px;
    height: 124px;
    border-radius: 3px;
    margin-top: 8px;
    background: rgba(204, 204, 204, 1);
}
.corebusiness-item .item-img img{
    width: 100%;
    height: 100%;
}
.corebusiness-item .item-btn-box{
    margin-top: 6px;
    display: flex;
}
.item-btn-box .device-btn,
.item-btn-box .case-btn{
    width: 66px;
    height: 22px;
    border-radius: 2px;
    border: 0.5px solid rgba(112, 112, 112, 1);
    margin-right: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(112, 112, 112, 1);
    text-align: center;
}
.item-btn-box a:hover{
    border: 0.5px solid #188DE8;
    color: #188DE8;
    font-weight: 700;
}



/* 核心业务结束 */


/* 新闻中心开始 */
.home-news-center{
    width: 1480px;
    margin: 0 auto;
}
.home-news-center .news-hover{
    cursor: pointer;
}
.home-news-center .news-center-list{
    height: 406px;
    margin-top: 50px;
    display: flex;
}
.home-news-center h4
{
    font-size: 20px;
    font-weight: 600;
}
.home-news-center .more{
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
}
.news-center-list .important-news{
    width: 370px;
    margin-right: 10px;
    border-radius: 5px;
    background: rgba(16, 186, 196, 1);
    color: #fff;
}
.important-top{
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px 0 26px;
}
.news-content li{
    height: 56px;
    
    padding: 0 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-content-qin li{
    border-top: 1px dashed #18A6BD;
}
/* .news-content-qin li:first-child{
    background-color: #0EB1BC;
} */
.news-content-qin-hover{
    background-color: #0EB1BC;
}
.news-content-lan li{
    border-top: 1px dashed #1F84D9;
}
.news-content-lan-hover{
    background-color: #137DE3;
}
.news-content-nv li{
    border-top: 1px dashed #16AA7C;
}
.news-content-nv-hover{
    background-color: #0AB362;
}
.news-content li .operate-box{
    margin-left: 23px;
    min-width: 66px;
    max-width: 66px;
}
.news-content li .tit{
    font-size: 16px;
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.operate-box>p{
    font-size: 12px;
    margin: 8px 0;
}


.news-center-list .banner-news{
    width: 720px;
    border-radius: 5px;
    background: rgba(204, 204, 204, 1);
    margin-right: 10px;
    position: relative;
    overflow: hidden;
}
.banner-news-bg{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 192px;
    width: 100%;
    border-radius: 0px 0px, 2.64px, 2.64px;
    background: linear-gradient(180deg, rgba(24, 141, 232, 0) 0%, rgba(23, 142, 232, 1) 100%);
    box-sizing: border-box;
    padding: 64px 34px 0;
    display: flex;
    justify-content: space-between;
}
.banner-news-bg-right{
    margin-left: 20px;
    min-width: 110px;
    max-width: 110px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.banner-news-bg h4{
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 25.2px;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 16px;
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.banner-news-bg p{
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15.91px;
    color: rgba(255, 255, 255, 1);
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.news-center-list .banner-news img{
    width: 100%;
    height: auto;
}
.swiper-pagination-banners{
    bottom: 50px !important;
}
.swiper-pagination-customs{
    display: inline-block;
    width: 38px;
    height: 6px;
    /* opacity: 0.5; */
    background: rgba(255, 255, 255, 0.5);
    margin: 0 6px;
    cursor: pointer;
    position: relative;
}
.swiper-pagination-customs-bar{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    animation: progress 6s linear infinite;
    display: none;
}
.swiper-pagination-customs-activ .swiper-pagination-customs-bar{
    display: block;
}
@keyframes progress {
    0% {
        width: 0;
    }
    50% {
        width: 50%;
    }
    100% {
        width: 100%;
    }
}
/* .swiper-pagination-customs-activ{
    opacity: 1;
} */

.news-center-list .other-news{
    width: 370px;
    display: flex;
    flex-direction: column;
    color: #fff;
}
.media-focus,
.info-disclosure{
    flex: 1;
}
.media-focus{
    border-radius: 5px;
    background: rgba(24, 141, 232, 1);
    margin-bottom: 4px;
}
.info-disclosure{
    margin-top: 4px;
    border-radius: 5px;
    background: rgba(13, 191, 111, 1);
}


/* 新闻中心结束 */

/* 宣传视频开始 */

.home-promotion-video{
    margin-top: 100px;
}
.promotion-box{
    width: 1088px;
    margin: 50px auto 0;
    height: 612px;
    opacity: 1;
    background: rgba(56, 56, 56, 0.4);
}

/* 宣传视频结束 */

/* 其他信息开始 */

.corporate-innovation{
    width: 1480px;
    height: 354px;
    margin: 100px auto 0;
    position: relative;
}
.innovation-activities{
    position: absolute;
    top: 103px;
    left: 0px;
    width: 1480px;
    height: 250px;
    display: flex;
    align-items: center;
}
.activity-swiper,
.platform-swiper{
    width: 1364px;
    height: 250px;
    margin: 0 10px;
}

.activity-swiper .swiper-wrapper .swiper-slide,
.platform-swiper .swiper-wrapper .swiper-slide{
    padding: 0 8px;
    
}
.activity-swiper .swiper-wrapper .swiper-slide .swiper-slide-item,
.platform-swiper .swiper-wrapper .swiper-slide .swiper-slide-item{
    border-radius: 10px;
    /* background: rgba(204, 204, 204, 1); */
    height: 100%;
    /* display: flex;
    flex-direction: column; */
    position: relative;
    overflow: hidden;
    max-width: 450px;
}
.activity-swiper .swiper-wrapper .swiper-slide .swiper-slide-item img,
.platform-swiper .swiper-wrapper .swiper-slide .swiper-slide-item img{
    vertical-align: top;
    height: 100%;
}
.activity-swiper .swiper-wrapper .swiper-slide .swiper-slide-item .swiper-slide-item-content,
.platform-swiper .swiper-wrapper .swiper-slide .swiper-slide-item .swiper-slide-item-content{
    height: 77px;
    width: 100%;
    /* opacity: 0.37; */
    border-radius: 0px 0px 10px 10px;
    background: rgba(16, 167, 176, 0.37);
    color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    padding: 0 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
}
.swiper-slide-item-content .swiper-slide-item-content-tit{
    font-size: 20px;
    font-weight: 500;
    line-height: 26.52px;
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.swiper-slide-item-content .swiper-slide-item-content-p{
    min-width: 54px;
    max-width: 54px;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    padding-top: 48px;
    margin-left: 26px;
}
.swiper-button-next-box,
.swiper-button-prev-box,
.swiper-button-next-box1,
.swiper-button-prev-box1{
    width: 44px;
    height: 44px;
    background-color: rgba(220, 220, 220, 1);
}
.swiper-button-next-box,
.swiper-button-next-box1{
    -webkit-mask: url(../svg/swiper-button-next.svg) no-repeat center;
    mask: url(../svg/swiper-button-next.svg) no-repeat center;
}
.swiper-button-prev-box,
.swiper-button-prev-box1{
    -webkit-mask: url(../svg/swiper-button-prev.svg) no-repeat center;
    mask: url(../svg/swiper-button-prev.svg) no-repeat center;
}


.home-other-info .tabs-box{
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tabs-box .tabs-item{
    font-size: 32px;
    font-weight: 400;
    color: rgba(190, 190, 190, 1);
    cursor: pointer;
}
.tabs-box .tabs-active{
    font-weight: 600;
    color: rgba(16, 186, 196, 1);

}
.tabs-box .line{
    height: 28px;
    width: 3px;
    background-color: rgba(190, 190, 190, 1);
    margin: 0 17px;
    /* transform: translateY(4px); */
}

.partners-box{
    height: 245px;
    position: relative;
    width: 1288px;
    margin: 94px auto 0;
}
.friendly-hide{
    display: none;
}
.friendly-links{
    cursor: default;
    height: 190px;
    width: 1288px;
    position: absolute;
    top: 75px;
    left: 0px;
}
.friendly-links-left,
.friendly-links-right{
    height: 190px;
    width: 40px;
    position: absolute;
    top: 0;
    z-index: 999999999999;
}
.friendly-links-left{
    left: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 60.03%, rgba(255, 255, 255, 0) 100%);
}
.friendly-links-right{
    right: 0;
    background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 60.03%, rgba(255, 255, 255, 0) 100%);
}
.honorarySwiper-yq,
.honorarySwiper-st{
    width: 1288px;
    height: 190px;
    position: relative;
    overflow: hidden;
    
}
.honorarySwiper-yq .anime-slide,
.honorarySwiper-st .anime-slide{
    width: 322px;
    height: 190px;
    position: absolute;
    right: -322px;
}
.friendly-links-item{
    width: 300px;
    height: 55px;
    margin: 20px 11px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 6px  rgba(0, 0, 0, 0.16);
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.friendly-links-item img{
    max-width: 300px;
    max-height: 55px;
    width: auto;
    height: auto;
}

.tabs-active .friendly-hide{
    display: block;
}


.message-address{
    margin-top: 106px;
    width: 1364px;
    margin: 106px auto 200px;
    display: flex;
    justify-content: space-between;
}
.address-box{
    width: 536px;
}
.address-box .map-box{
    width: 536px;
    height: 218px;
    opacity: 1;
    border-radius: 5px;
    background: rgba(204, 204, 204, 1);
}
.address-box .map-box img{
    width: 100%;
    height: 100%;
}
.message-box{
    width: 674px;
    display: none;
}
.form-box{
    display: flex;
}
.form-box input{
    width: 200px;
    height: 44px;
    border: 1px solid rgba(112, 112, 112, 1);
    border-radius: 5px;
    padding-left: 17px;
    margin-top: 14px;
    outline-color:rgba(16, 186, 196, 1);
}
.form-box textarea{
    width: 423px;
    height: 160px;
    border-radius: 5px;
    border: 1px solid rgba(112, 112, 112, 1);
    resize: none;
    outline-color:rgba(16, 186, 196, 1);
    box-sizing: border-box;
    padding: 15px 13px;
}
.form-left{
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}
.form-left input:nth-child(1){
    margin-top: 0px;
}
.form-box input::placeholder,
.form-box textarea::placeholder {
    color: rgba(190, 190, 190, 1);
    font-size: 14px;
}
.form-right{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.form-right .captcha{
    display: flex;
}
.login-form-vcode{
    padding-top: 12px;
    margin-right: 10px;
}
/* .login-form-vcode img{
    border: 1px solid rgba(112, 112, 112, 1);
} */
.form-right .submission{
    height: 54px;
    width: 122px;
    background: rgba(16, 186, 196, 1);
    margin-top: 14px;
    border: none;
    cursor: pointer;
    font-size: 24px;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    padding-left: 10px;
    letter-spacing:10px;
    border-radius: 5px;
    text-align: center;
    line-height: 54px;
}
.message-address h3{
    font-size: 30px;
    font-weight: 600;
    color: rgba(16, 186, 196, 1);
    margin-bottom: 50px;
}

/* 其他信息结束 */