@charset "utf-8";
.svgPath{display: block}
.banner-box{
    position: relative;
    overflow: hidden;
    border-radius: 0 0 1.2rem 0;
}
.banner .a{
    display: block;
}
.banner .a img{
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.banner-box .textItems{
    position: absolute;
    top: 21.45%;
    right: 2.91%;
    min-width: 3.42rem;
    z-index: 9;
}
.banner-box .textItems .item{
    padding: .16rem .26rem .18rem;
    border-radius: .1rem;
    background: linear-gradient(232deg, rgba(25, 59, 191, 0.6) 0%, rgba(27, 147, 222, 0.6) 97%);
    backdrop-filter: blur(3px);
}
.banner-box .textItems .item h3{
    display: flex;
    align-items: center;
    font-size: .22rem;
    line-height: .32rem;
    color: #FFFFFF;
    font-weight: 700;
    margin-bottom: .08rem;
}
.banner-box .textItems .item h3 img{
    display: block;
    height: .21rem;
    margin-right: .15rem;
}
.banner-box .textItems .item h4{
    font-size: .18rem;
    line-height: .38rem;
    color: #FFFFFF;
    white-space: nowrap;
}

.index-s1 .tab-tit{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.index-s1 .tab-tit .li{
    font-size: .3rem;
    line-height: .48rem;
    color: #2040BC;
    font-weight: 500;
    opacity: .6;
    cursor: pointer;
    margin: 0 .48rem;
    transition: all .5s;
}
.index-s1 .tab-tit .li.active{
    opacity: 1;
    font-weight: 700;
    font-size: .34rem;
}
.list_box1{
    padding: 0 .09rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 3;
    min-height: 4.26rem;
}
.list_box1 li{
    width: 50%;
    display: flex;
    margin-top: .5rem;
}
.list_box1 li:nth-child(-n+2){
    margin-top: 0;
}

.list_box1 li a{
    display: block;
    position: relative;
    padding: .07rem .25rem .07rem .2rem;
    width: 3.83rem;
}
.list_box1 li h3{
    font-size: .2rem;
    line-height: .55rem;
    color: #333333;
    position: relative;
    z-index: 2;
    transition: all .5s;
}
.list_box1 li h3 span{
    color: #2040BC;
    transition: all .5s;
}
.list_box1 li a:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("../images/s1-img-1.png") no-repeat 50%/100% 100%;
}
.list_box1 li a:after{
    position: absolute;
    content: '';
    left: .07rem;
    top: .07rem;
    right: .2rem;
    bottom: .07rem;
    background: url("../images/s1-img-2.png") no-repeat 50%/100% 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}
.list_box1 li a .line{
    position: absolute;
    pointer-events: none;
}
.list_box1 li.li1 a .line{
    left: 100%;
    bottom: 0;
    width: 1.78rem;
    height: .3rem;
    background-image: url("../images/s1-line1.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 1.78rem 100%;
}
.list_box1 li.li2 a .line{
    right: 100%;
    bottom: 0;
    width: 1.78rem;
    height: .3rem;
    background-image: url("../images/s1-line2.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 1.78rem 100%;
}
.list_box1 li.li3 a .line{
    left: 100%;
    bottom: .1rem;
    width: 1.51rem;
    height: .2rem;
    background-image: url("../images/s1-line3.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 1.51rem 100%;
}
.list_box1 li.li4 a .line{
    right: 100%;
    bottom: .1rem;
    width: 1.51rem;
    height: .2rem;
    background-image: url("../images/s1-line4.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 1.51rem 100%;
}
.list_box1 li.li5 a .line{
    left: 100%;
    bottom: .28rem;
    width: 1.51rem;
    height: .2rem;
    background-image: url("../images/s1-line5.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 1.51rem 100%;
}
.list_box1 li.li6 a .line{
    right: 100%;
    top: .28rem;
    width: 1.51rem;
    height: .2rem;
    background-image: url("../images/s1-line6.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 1.51rem 100%;
}
.list_box1 li.li7 a .line{
    left: 100%;
    top: .1rem;
    width: 1.78rem;
    height: .3rem;
    background-image: url("../images/s1-line7.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 1.78rem 100%;
}
.list_box1 li.li8 a .line{
    right: 100%;
    top: .1rem;
    width: 1.78rem;
    height: .3rem;
    background-image: url("../images/s1-line8.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 1.78rem 100%;
}
.list_box1 li:nth-child(2n){
    justify-content: flex-end;
}
.list_box1 li a:hover:after{
    opacity: 1;
    visibility: visible;
}
.list_box1 li a:hover h3,
.list_box1 li a:hover span{
    color: #FFFFFF;
}
.list_box1 li{
    opacity: 0;
    transition-duration: 1.5s;
    transition-timing-function: ease;
    transition-property: opacity, transform, -webkit-transform
}
.list_box1 li:nth-child(2n+1){
    transform: translate3d(-60px,0,0);
}
.list_box1 li:nth-child(2n){
    transform: translate3d(60px,0,0);
}
.list_box1 li.li1,
.list_box1 li.li2{
    transition-delay: .2s;
}
.list_box1 li.li3,
.list_box1 li.li4{
    transition-delay: .4s;
}
.list_box1 li.li5,
.list_box1 li.li6{
    transition-delay: .6s;
}
.list_box1 li.li7,
.list_box1 li.li8{
    transition-delay: .8s;
}
.list1wBox .item.swiper-slide-active li{
    opacity: 1;
    transform: none;
}

.list1w .cirs{
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 7rem;
    transform: translateX(-50%);
}
.list1w .cirs .txt{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2.88rem;
    transform: translate(-50%,-50%);
    z-index: 3;
}
.list1w .cirs .txt h3{
    font-size: .34rem;
    line-height: .48rem;
    color: #2040BC;
    text-align: center;
    font-weight: 700;
}
.list1w .cirs .txt p{
    font-size: .22rem;
    line-height: .4rem;
    color: rgba(36, 64, 173, 0.57);
    height: .8rem;
    margin-top: .21rem;
    font-weight: 500;
    text-align: center;
}
.list1w .cirs .images{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7.64rem;
    height: 7.64rem;
    transform: translate(-50%,-50%);
    background: url("../images/s1-img-3.png") no-repeat 50%/100% 100%;
}
.list1wBox{
    padding: .5rem 0;
}
.list1w .item{
    position: relative;
}
.list1w .btns{
    margin-top: .34rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list1w .btns .btn{
    position: static;
    transform: none;
    width: .38rem;
    height: .43rem;
    margin: 0 .29rem;
    background: no-repeat 50%/100%;
    transition: all .5s;
}
.list1w .btns .prev{
    background-image: url("../images/prev-1.png");
}
.list1w .btns .next{
    background-image: url("../images/next-1.png");
}
.list1w .btns .prev:hover{
    background-image: url("../images/prev-2.png");
}
.list1w .btns .next:hover{
    background-image: url("../images/next-2.png");
}
.list1w{
    position: relative;
}


.index-s1 .tab-cont .child{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: all .5s;
}
.index-s1 .tab-cont .child.active{
    position: relative;
    z-index: 3;
    opacity: 1;
    pointer-events: auto;
    transform: none;
}
.index-s1 .tab-cont{
    margin-top: .5rem;
    position: relative;
}
.index-s1:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: -.9rem;
    height: 2.3rem;
    background: linear-gradient(180deg, #BAD4F9 22%, #FEFEFF 100%);
    pointer-events: none;
}

.index-s1 .iframe1{position: absolute;bottom: .2rem;left: 50%;transform: scale(1.55) translateX(-40%);z-index: -1;pointer-events: none;}
.index-s1 .bg-1{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2.3rem;
    height: 42.45vw;
    background: url("../images/s1-img-4.png") no-repeat 50%/100% auto;
    pointer-events: none;
}
.index-s1{
    padding: .42rem 0 .97rem;
    position: relative;
}

.title001 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.title001 h4{
    font-size: .6rem;
    line-height: 1;
    color: #D4DDFF;
    font-family: 'Philosopher-Regular',sans-serif;
    opacity: .8;
    text-transform: uppercase;
}
.title001 h2{
    font-size: .36rem;
    line-height: 1;
    color: #2040BC;
    font-weight: 700;
    margin-top: -.3rem;
    position: relative;
    z-index: 2;
}
.title001 .more a{
    display: block;
    font-size: .18rem;
    line-height: 1;
    color: #999999;
    font-weight: 500;
    transition: all .5s;
}
.title001 .more a:hover{
    color: #2040BC;
}
.index-s2 .left{
    width: 49.14%;
}
.list_box2 li{
    position: relative;
    height: .7rem;
}

.list_box2 li .show{
    height: 100%;
    display: flex;
    align-items: center;
}
.list_box2 li .show a{
    display: block;
    font-size: .18rem;
    color: #333333;
    font-weight: 500;
    transition: all .5s;
}
.list_box2 li .hide a{
    display: block;
    padding: .28rem 0 .32rem;
}
.list_box2 li .hide time{
    display: block;
    font-size: .14rem;
    line-height: .18rem;
    color: #2040BC;
    font-weight: 800;
}
.list_box2 li .hide h3{
    font-size: .18rem;
    line-height: .28rem;
    color: #333333;
    font-weight: 500;
    margin-top: .13rem;
    transition: all .5s;
}
.list_box2 li .hide p{
    font-size: .14rem;
    line-height: .24rem;
    color: #868686;
    height: .48rem;
    margin-top: .1rem;
    font-weight: 500;
}
.list_box2 li .hide h5 img{
    display: block;
    width: .15rem;
}
.list_box2 li .hide h5{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1.2rem;
    height: .36rem;
    font-size: .14rem;
    color: #FFFFFF;
    font-weight: 500;
    background: #2040BC;
    border-radius: 50vw;
    margin-top: .29rem;
    padding: 0 .18rem;
}
.list_box2 li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: .01rem;
    background: #D4DDFF;
}
.list_box2 li:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: -.01rem;
    height: .01rem;
    background: #D4DDFF;
    width: 0;
    transition: all .5s;
}
.list_box2 li:nth-child(1):after{
    top: 0;
    width: 100%;
    background: #D4DDFF;
}
.list_box2 li .jt{
    position: absolute;
    right: 0;
    top:.175rem;
    width: .35rem;
    height: .35rem;
    background: url("../images/s2-img-1.png") no-repeat 50%/100%;
    transition: all .5s;
    cursor: pointer;
    z-index: 9;
}
.list_box2 li.active .jt{
    background-image: url("../images/s2-img-2.png");
}
.list_box2 li.active .show {
    display: none;
}
.list_box2 .lines{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .16rem;
    background: url("../images/s2-img-3.png") repeat-y top left/100% auto;
}
.list_box2 .lines.state1{
    mask: linear-gradient(180deg,black,transparent);
}
.list_box2 .lines.state2{
    mask: linear-gradient(180deg,transparent -20%,black,transparent);
}
.list_box2 .lines.state3{
    mask: linear-gradient(180deg,transparent ,black,transparent);
}
.list_box2 .lines.state4{
    mask: linear-gradient(180deg,transparent ,black);
}

.list_box2{
    overflow: hidden;
    position: relative;
    padding-left: .57rem;
}
.index-s2 .right{
    width: 46.71%;
}
.index-s2 .right .images{

    overflow: hidden;
}
.index-s2 .list2w{
    margin-left: calc((100vw - 15.2rem) / -2);

}
.list2w a{
    display: block;
    border-radius: 0 .15rem .15rem 0;
    overflow: hidden;
}
.list2w a .img{
    height: 5.57rem;
}


.index-s2 .content{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
    position: relative;
}

.index-s2{
    margin-top: .34rem;
}
.index-s3 .purSerBox2{
    width: 5.64rem;
    position: relative;
    margin: 0 auto;
}
.index-s3 .purSerBox2 .form{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index-s3 .purSerBox2 .aiBall{
    display: block;
    width: .73rem;
    margin-right: .25rem;
    flex-shrink: 0;
}
.index-s3 .purSerBox2 .aiBall img{
    display: block;
    width: 100%;
}

.index-s3 .purSerBox2 form {
    display: flex;
    align-items: center;
    flex: 1;
    background: #fff;
    height: .58rem;
    padding: 0 .32rem 0 .29rem;
    border-radius: .15rem;
    box-shadow: 0 .1rem .18rem 0 rgba(12, 65, 183, 0.2);
}
.index-s3 .purSerBox2 form label{
    position: relative;
    height: 100%;
    flex: 1;
}
.index-s3 .purSerBox2 form input{
    display: block;
    width: 100%;
    font-size: .22rem;
    color: #696969;
    font-weight: 500;
    background: transparent;
    border: none;
    outline: none;
    height: 100%;
}
.index-s3 .purSerBox2 form .value{
    font-size: .22rem;
    line-height: .58rem;
    color: #9E9E9E;
    font-weight: 500;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
}
.index-s3 .purSerBox2 form .sub{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .19rem;
    height: .19rem;
    background: url("../images/search-2.png") no-repeat 50%/100%;
    cursor: pointer;
    margin-left: .2rem;
    flex-shrink: 0;
}
.index-s3{
    padding: .96rem 0 .55rem;
}
.index-page{
    background: url("../images/index-page.png") no-repeat top center/100% auto;
}
@media (max-width: 1199px) {
    .list_box1 li a{
        width: 5.43rem;
    }
}

@media (min-width: 1025px) {
    .list_box2 li .show{
        padding-right: .5rem;
    }
    .list_box2 li .hide a{
        width: 5rem;
        max-width: 100%;
    }
    .list_box2 li .hide{
        position: absolute;
        opacity: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        pointer-events: none;
        visibility: hidden;
        display: block;
    }
    .list_box2 li.active .hide{
        opacity: 1;
        visibility: visible;
        z-index: 2;
        position: relative;
        pointer-events: auto;
    }
    .list_box2 li.active:after{
        width: 100%;
        height: .02rem;
        background: #2040BC;
    }

    .list_box2{
        margin-top: 1.04rem;
    }
    .index-s2 .title001{
        width: 49.14%;
        position: absolute;
        right: 0;
        top: -.08rem;
        z-index: 9;
    }
    .index-s2 .wp{
        position: relative;
    }

}

@media (max-width: 1199px){
    .banner .a img{
        height: 50vw;
    }
    .banner-box{
        border-radius: 0;
    }
    .index-s2 .right .images{
        margin-left: -15px;
    }
}

@media (max-width: 1025px){
    .banner-box .textItems{
        top: 50%;
        right: .2rem;
        transform: translateY(-50%);
    }

    .index-s1:before{
        top: 0;
    }
    .index-s1 .tab-tit .li,
    .index-s1 .tab-tit .li.active{
        font-size: .26rem;
        line-height: .32rem;
        margin: 0;
    }
    .index-s1 .tab-tit{
        gap: .1rem .2rem;
    }

    .list1w .cirs{
        position: static;
        transform: none;
        background: none;
        width: 100%;
        display: none;
    }
    .list1w .cirs .txt{
        position: static;
        transform: none;
        width: auto;
    }
    .list1w .cirs .images{
        display: none;
    }
    .list1w .cirs .txt h3{
        font-size: .22rem;
        line-height: .3rem;
        text-align: center;
    }
    .list1w .cirs .txt p{
        font-size: .18rem;
        line-height: .26rem;
        text-align: center;
        margin-top: .05rem;
    }
    .list_box1 li a .line{
        display: none;
    }
    .list_box1 li a{
        width: 100%;
    }
    .list_box1 li{
        margin: 0;
        width: 49%;
    }
    .list_box1{
        gap: .15rem 0;
        min-height: auto;
    }
    .list1wBox{
        padding: 0;
    }
    .list1w .btns .btn{
        width: .26rem;
        height: .29rem;
    }
    .list1w .btns .btn{
        margin: 0;
    }
    .list1w .btns{
        gap: 0 .2rem;
        margin-top: .2rem;
    }
    .index-s1 .tab-cont{
        margin-top: .3rem;
    }
    .index-s1 .bg-1{
        bottom: 0;
    }
    .index-s1{
        padding: .4rem 0;
    }
    .index-s2 .left{
        width: 100%;
        order: 1;
    }
    .title001 h4{
        font-size: .34rem;
    }
    .title001 h2{
        font-size: .26rem;
        margin-top: -.15rem;
    }
    .title001 .more a{
        font-size: .16rem;
    }
    .list_box2 li .show a{
        padding: .2rem 0;
    }
    .list_box2 li .jt{
        display: none;
    }
    .list_box2 li{
        height: auto;
    }
    .list_box2 li .hide{
        display: none;
    }
    .list_box2 li .hide time{
        font-size: .17rem;
        line-height: .24rem;
    }
    .list_box2 li .hide h3{
        font-size: .2rem;
        line-height: .3rem;
        margin-top: .05rem;
    }
    .list_box2 li .hide p{
        font-size: .16rem;
        line-height: .24rem;
        height: .48rem;
        margin-top: .05rem;
    }
    .list_box2 li .hide h5{
        margin-top: .1rem;
    }
    .list_box2 li .hide a{
        padding: .2rem 0;
    }
    .list_box2 li.active .hide{
        display: block;
    }
    .list_box2 .lines{
        width: .15rem;
    }
    .list_box2 li{
        height: auto !important;
    }
    .list_box2{
        margin-top: .25rem;
        padding-left: .35rem;
    }
    .index-s2 .right{
        width: 100%;
        margin-top: .25rem;
        order: 0;
    }
    .index-s2 .list2w {
        margin-left: 0;
        height: auto;
        border-radius: .15rem;
    }
    .list2w a .img{
        height: 60vw;
    }
    .index-s2{
        margin-top: 0;
    }

    .index-s3 {
        padding: 0.1rem 0 0.1rem;
    }


}
@media (max-width: 769px){
    .banner-box .textItems{
        position: static;
        transform: none;
    }
    .banner-box .textItems .item h3{
        font-size: .2rem;
        line-height: .3rem;
        margin-bottom: .05rem;
        width: 100%;
    }
    .banner-box .textItems .item h3 img{
        height: .18rem;
        margin-right: .05rem;
    }
    .banner-box .textItems .item h4{
        line-height: .32rem;
        white-space: wrap;
    }
    .banner-box .textItems .item{
        padding: .2rem;
        width: 100%;
        border-radius: .1rem;
        display: flex;
        flex-wrap: wrap;
        gap: 0 .3rem;
    }

    .banner-box .textItems{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        gap: .1rem;
        padding: .2rem 0;
    }

    .index-s1 .tab-tit .li, .index-s1 .tab-tit .li.active{
        font-size: .24rem;
    }
    .index-s1 .tab-tit .li{
        width: 50%;
        text-align: center;
    }
    .index-s1 .tab-tit{
        gap: .1rem 0;
    }
    .list_box1 li{
        width: 100%;
    }
    .list_box1 li a:before{
        background: none;
        border: .01rem solid #6577EC;
        border-radius: .05rem;
    }
    .list_box1 li a:after{
        left: .05rem;
        top: .05rem;
        bottom: .05rem;
        right: .05rem;
        background: linear-gradient(269deg, #2243EA 1%, #0562ED 99%);
        border-radius: .05rem;
    }
    .list_box1 li h3{
        line-height: .46rem;
    }
    .list_box1 li a{
        padding: .05rem .2rem;
    }
    .index-s3 .purSerBox2{
        max-width: 92%;
    }
    .index-s3 .purSerBox2 .aiBall .tips{
        min-width: auto;
        line-height: 1.5;
        padding: .1rem;
    }
    .index-page{
        background: linear-gradient(180deg, #FFFFFF 0%, rgba(230, 238, 255, 0.35) 24%, rgba(103, 153, 255, 0.19) 46%, rgba(179, 200, 242, 0.33) 69%, #FFFFFF 100%);
    }
    .index-s1 .iframe1{
        transform: scaleX(1.25) translateX(-50%);
        bottom: -.2rem;
        opacity: 0;
        visibility: hidden;
    }
}

@media (max-width: 481px){
    .banner-box .textItems .item{
        width: 100%;
    }
    .index-s1 .tab-tit .li{
        width: 100%;
    }
    .title001 .more{
        align-self: flex-end;
        margin-bottom: 0.05rem;
    }
}