@media only screen and (min-device-width: 768px){
    .index {
        position: absolute;
        width: 19.2rem;
        height: 8.07rem;
        background-color: #EAF1F8;
    }
    .index_bg{
        position: absolute;
        top: .8rem;
        width: 19.2rem;
        height: 7.13rem;
        background-image: url("../images/home_page/index_bg1.png");
        background-size: cover;
    }
    .blue_line1{
        position: absolute;
        width: .32rem;
        height: .06rem;
        left: .04rem;
        top: .3rem;
        border-radius: .12rem;
        background-image: url("../images/home_page/Rectangle\ 16.png");
        background-size: cover;
        opacity: 0;
    }
    .blue_line2{
        position: absolute;
        width: .32rem;
        height: .06rem;
        left: 1.48rem;
        top: .3rem;
        border-radius: .12rem;
        background-image: url("../images/home_page/Rectangle\ 16.png");
        background-size: cover;
        opacity: 0;
    }
    .blue_line3{
        position: absolute;
        width: .32rem;
        height: .06rem;
        left: 3.13rem;
        top: .3rem;
        border-radius: .12rem;
        background-image: url("../images/home_page/Rectangle\ 16.png");
        background-size: cover;
        opacity: 0;
    }
    .blue_line4{
        position: absolute;
        width: .32rem;
        height: .06rem;
        left: 4.78rem;
        top: .3rem;
        border-radius: .12rem;
        background-image: url("../images/home_page/Rectangle\ 16.png");
        background-size: cover;
        opacity: 0;
    }
    .blue_line5{
        position: absolute;
        width: .32rem;
        height: .06rem;
        left: 6.43rem;
        top: .3rem;
        border-radius: .12rem;
        background-image: url("../images/home_page/Rectangle\ 16.png");
        background-size: cover;
        opacity: 0;
    }
    .text1 {
        width: 5rem;
        height: 1.46rem;
        position: absolute;
        left: 4.1534rem;
        top: 2.4963rem;
        .p1, .p2{
            font-size: .52rem;
            color: #0076FF;
            font-weight:600;
            line-height: .728rem;
            background: linear-gradient(89.96deg, #0069E2 1.85%, #2994FF 98.7%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }    
    }
    .text11{
        display: none;
    }
    .text3{
        display: none;
    }
    .text2 {
        width: 5rem;
        height: .31rem;
        position: absolute;
        left: 4.1734rem;
        top: 4.0463rem;
        
        .p3{
            font-size: .22rem;
            color: rgba(78, 89, 105, 1);
            font-weight:400;
            line-height: .308rem;
        }
    }
    .gonggao p{
        position: absolute;
        width: 4.42rem;
        height: .25rem;
        left: 5.2034rem;
        top: 0.28rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .18rem;
        line-height: .252rem;
        text-align: center;
        color: #000000;
    }
    .gonggao .more{
        position: absolute;
        left: 14.2834rem;
        top: 0.28rem;
        font-style: normal;
        font-weight: 400;
        font-size: .18rem;
        line-height: .252rem;
        text-align: center;
        color: #0069E2;
    }
    .gonggao {
        position: absolute;
        width: 19.2rem;
        height: .80rem;
        top: 7.2763rem;
        background-color: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(.0995rem);
    }
    .vector1{
        position: absolute;
        width: .8353rem;
        height: .1901rem;
        top: 0.2929rem;
        left: 4.1323rem;
        background-image: url("../images/home_page/Vector1.png");
        background-size: cover;
    }
    .vector2{
        position: absolute;
        width: .7574rem;
        height: .0375rem;
        top: .5272rem;
        left: 4.1486rem;
        background-image: url("../images/home_page/Vector2.png");
        background-size: cover;
    }
    .vector3{
        position: absolute;
        width: .7548rem;
        height: .0642rem;
        top: .2078rem;
        left: 4.2127rem;
        background-image: url("../images/home_page/Vector3.png");
        background-size: cover;
    }
    .ellipse{
        position: absolute;
        width: .1rem;
        height: .1rem;
        top: 7.4463rem;
        left: 4.9034rem;
        background-image: url("../images/home_page/Ellipse.png");
        background-size: cover;
        display: none;
    }
    
    /*关于数原*/
    .about_shuyuan{
        position: absolute;
        width: 1.6288rem;
        height: .66rem;
        top: 9.4763rem;
        left: 8.6534rem;
        border-radius: .0898rem 0 0 0;
        background-image: url("../images/about_bdnrc/Group\ 22.png");
        background-size: cover;
    }
    .about_bdnrc {
        position: absolute;
        height: .1rem;
        top: 8.4763rem;
    }
    .about_title {
        position: absolute;
        left: 8.8534rem;
        top: 9.65rem;
        width: 1.36rem;
        height: .48rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 500;
        font-size: .26rem;
        line-height: .48rem;
    /* identical to box height */
        color: #FFFFFF;
    }
    .about_BDNRC{
        position: absolute;
        top: 10.1463rem;
        left: 8.8334rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .16rem;
        line-height: .22rem;
        color: #86909C;
    }
    @-moz-document url-prefix(){
        .about_BDNRC{
            left: 8.8834rem;
        }
    }
    .about_text3{
        display: none;
    }
    .about_text1 {
        position: absolute;
        width: 12.7183rem;
        height: 4.15rem;
        left: 3.2134rem;
        top: 11.1863rem;
        background: #FFFFFF;
        border-radius: .1rem;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .about_text1:hover{
        transform: scale(1.03);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .about_text2:hover{
        transform: scale(1.03);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .about_text2{
        position: absolute;
        width: 12.71rem;
        height: 2.38rem;
        left: 3.2175rem;
        top: 15.6963rem;
        background: #FFFFFF;
        border-radius: .1rem;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .about_img1 {
        position: absolute;
        left: 0;
        top: .0029rem;
        width: 4.537rem;
        height: 4.1471rem;
        background-image: url("../images/about_bdnrc/about_img.png");
        background-size: cover;
        border-radius: .1rem 0 0 .1rem;
    }
    .about_img2 {
        position: absolute;
        left: 9.69rem;
        top: .82rem;
        width: 2.3151rem;
        height: .6503rem;
        background-image: url("../images/home_page/logo.png");
        background-size: cover;
    }
    .about_p1{
        position: absolute;
        left: 5.017rem;
        top: .435rem;
        right: .414rem;
        font-weight: 400;
        font-size: .18rem;
        line-height: .43rem;
        color: #292929;
        text-align: justify;
    
        .special {
            color: rgba(0, 105, 226, 1);
            font-weight: 600;
        }
    }
    .about_p2{
        position: absolute;
        left: 5.017rem;
        top: 1.855rem;
        right: .414rem;
        font-weight: 400;
        font-size: .18rem;
        line-height: .43rem;
        color: #292929;
        text-align: justify;
    
        .special {
            color: rgba(0, 105, 226, 1);
            font-weight: 600;
        }
    }
    .about_p3{
        position: absolute;
        width: 8.22rem;
        height: 1.72rem;
        top: .38rem;
        left: .45rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .18rem;
        line-height: .43rem;
        color: #292929;
        text-align: justify;
    
        .special {
            color: rgba(0, 105, 226, 1);
            font-weight: 600;
        }
    }
    .about_right{
        position: absolute;
        width: 3.73rem;
        height: 2.38rem;
        left: 8.98rem;
        background-color: #EAF1F8;
        opacity: 0.8;
        border-radius: 0 .1rem .1rem 0;
    }
    /*我们的特点*/
    .pol{
        position: absolute;
        width: 1.6288rem;
        height: .66rem;
        top: 19.6653rem;
        left: 8.6534rem;
        border-radius: .0898rem 0 0 0;
        background-image: url("../images/about_bdnrc/Group\ 22.png");
        background-size: cover;
    }
    .jigou_tedian {
        position: absolute;
        width: 1.36rem;
        height: .48rem;
        left: 8.8534rem;
        top: 19.84rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 500;
        font-size: .26rem;
        line-height: .476rem;
    /* identical to box height */
        color: #FFFFFF;
    }
    .ins_char{
        position: absolute;
        left: 8.3494rem;
        top: 20.3353rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .16rem;
        line-height: .22rem;
        color: #86909C;
    }
    @-moz-document url-prefix(){
        .ins_char{
            left: 8.4994rem;
        }
    }
    .char_left1{
        position: absolute;
        width: 3.28rem;
        height: 6.19rem;
        top: 21.3763rem;
        left: -0.0366rem;
        background-color: #EAF1F8;
    }
    .char_left2{
        position: absolute;
        width: 4.2rem;
        height: 6.18rem;
        top: 21.3863rem;
        left: 3.2634rem;
        background-color: #EAF1F8;
    }
    .char_left2 .char_text1{
        position: absolute;
        left: .4rem;
        top: .5025rem;
        font-family: PingFang SC;
        font-size: .32rem;
        font-weight: 500;
        line-height: .448rem;
    }
    .char_left2 .char_text2{
        position: absolute;
        width: 1.76rem;
        height: .7rem;
        left: .4rem;
        top: 1.1925rem;
        font-family: PingFang SC;
        font-size: .22rem;
        font-weight: 400;
        line-height: .31rem;
        color: rgba(78, 89, 105, 1);
    }
    .char_left2 .char_img{
        position: absolute;
        width: 4.2rem;
        height: 3.5435rem;
        top: 2.6344rem;
        opacity: 0.9;
        background-image: url("../images/about_bdnrc/Mask\ group.png");
        background-size: cover;
    }
    .char_left2 .hidden1{
        position: absolute;
        height: 4.04rem;
        width: 4.2rem;
        top: 2.14rem;
        background-color: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(19.3px);
        cursor: pointer;
        opacity: 0;
    }
    .char_left2 .hidden1 .content{
        position: absolute;
        width: 3.46rem;
        height: 2.42rem;
        left: .37rem;
        top: .3rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .18rem;
        line-height: .34rem;
        text-align: justify;
        color: #000000;
    }
    .char_mid{
        position: absolute;
        width: 4.17rem;
        height: 6.19rem;
        top: 21.3763rem;
        left: 7.4834rem;
        background-color: #EAF1F8;
    }
    .char_mid .char_text1{
        position: absolute;
        left: .4rem;
        top: .5025rem;
        font-family: PingFang SC;
        font-size: .32rem;
        font-weight: 500;
        line-height: .448rem;
    }
    .char_mid .char_text2{
        position: absolute;
        width: 1.98rem;
        height: .7rem;
        left: .4rem;
        top: 1.1925rem;
        font-family: PingFang SC;
        font-size: .22rem;
        font-weight: 400;
        line-height: .31rem;
        color: rgba(78, 89, 105, 1);
    }
    .char_mid .char_img{
        position: absolute;
        width: 4.2rem;
        height: 4.0196rem;
        top: 2.1693rem;
        opacity: 0.9;
        background-image: url("../images/about_bdnrc/Mask\ group2.png");
        background-size: cover;
    }
    .char_mid .hidden2{
        position: absolute;
        height: 4.06rem;
        width: 4.17rem;
        top: 2.13rem;
        left: .02rem;
        background-color: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(19.3px);
        cursor: pointer;
        opacity: 0;
    }
    .char_mid .hidden2 .content{
        position: absolute;
        width: 3.35rem;
        height: 3.06rem;
        left: .41rem;
        top: .24rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .18rem;
        line-height: .34rem;
        text-align: justify;
        color: #000000;
    }
    .char_right1{
        position: absolute;
        width: 4.24rem;
        height: 6.19rem;
        top: 21.3763rem;
        left: 11.6834rem;
        background-color: #EAF1F8;
    }
    .char_right1 .char_text1{
        position: absolute;
        left: .4rem;
        top: .5025rem;
        font-family: PingFang SC;
        font-size: .32rem;
        font-weight: 500;
        line-height: .448rem;
    }
    .char_right1 .char_text2{
        position: absolute;
        width: 1.32rem;
        height: .7rem;
        left: .4rem;
        top: 1.1925rem;
        font-family: PingFang SC;
        font-size: .22rem;
        font-weight: 400;
        line-height: .31rem;
        color: rgba(78, 89, 105, 1);
    }
    .char_right1 .char_img{
        position: absolute;
        width: 4.2rem;
        height: 3.8867rem;
        top: 2.299rem;
        opacity: 0.9;
        background-image: url("../images/about_bdnrc/Mask\ group3.png");
        background-size: cover;
    }
    .char_right1 .hidden3{
        position: absolute;
        height: 4.14rem;
        width: 4.24rem;
        top: 2.05rem;
        background-color: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(19.3px);
        opacity: 0;
    }
    .char_right1 .hidden3 .content{
        position: absolute;
        width: 3.35rem;
        height: 3.40rem;
        left: .44rem;
        top: .30rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .18rem;
        line-height: .34rem;
        text-align: justify;
        color: #000000;
    }
    .char_right2{
        position: absolute;
        width: 3.28rem;
        height: 6.19rem;
        top: 21.38rem;
        left: 15.96rem;
        background-color: #EAF1F8;
    }

    /* 研究方向 */
    .research{
        position: absolute;
        top: 28.1653rem;
        height: .1rem;
    }
    .pol2{
        position: absolute;
        width: 1.6288rem;
        height: .66rem;
        top: 29.2153rem;
        left: 8.6534rem;
        border-radius: .0898rem 0 0 0;
        background-image: url("../images/about_bdnrc/Group\ 22.png");
        background-size: cover;
    }
    .res_dir {
        position: absolute;
        width: 1.36rem;
        height: .48rem;
        left: 8.8534rem;
        top: 29.395rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 500;
        font-size: .26rem;
        line-height: .476rem;
    /* identical to box height */
        color: #FFFFFF;
    }
    .res_fields{
        position: absolute;
        left: 8.686rem;
        top: 29.8853rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .16rem;
        line-height: .22rem;
        color: #86909C;
    }
    @-moz-document url-prefix(){
        .res_fields{
            left: 8.766rem;
        }
    }
    .top_dir1{
        position: absolute;
        width: 4.18rem;
        height: 1.09rem;;
        top: 30.9063rem;
        left: 3.3434rem;
        position: absolute;
        border-radius: 0.16rem 0.16rem 0 0;
        background-color: rgba(0, 105, 226, 1);
    }
    .top_dir1 h3{
        position: absolute;
        left: 1.83rem;
        top: .3909rem;
        color: white;
        font-size: 0.36rem;
        font-weight: 500;
        line-height: .4rem;
    }
    .top_dir1 .top_dir1_img{
        position: absolute;
        width: 1.2785rem;
        height: 1.2785rem;
        left: .55rem;
        background-image: url("../images/research_direction/top_dir1_img.png");
        background-size: cover;
    }
    .top_dir2{
        position: absolute;
        width: 4.34rem;
        height: 1.09rem;;
        top: 30.9063rem;
        left: 7.5234rem;
        position: absolute;
        border-radius: .16rem .16rem 0 0;
        background-color: white;
        cursor: pointer;
    }
    .top_dir2 h3{
        position: absolute;
        color: rgba(162, 162, 162, 1);
        left: 2.01rem;
        top: .39rem;
        font-size: 0.36rem;
        font-weight: 500;
    }
    .top_dir2 .top_dir2_img{
        position: absolute;
        width: 1.1609rem;
        height: 1.1609rem;
        left: .84rem;
        background-image: url("../images/research_direction/top_dir2_img.png");
        background-size: cover;
    }
    .left_text1{
        position: absolute;
        left: 3.3434rem;
        top: 31.9963rem;
        width: 8.52rem;
        height: 4.9rem;
        background: #FFFFFF;
        box-shadow: 0 .01rem .266rem rgba(0, 0, 0, 0.09);
        border-radius: 0 .16rem .16rem .16rem;
    }
    .left_text1 h4 {
        position: absolute;
        top: .69rem;
        left: 1.13rem;
        font-size: .28rem;
        font-weight: 600;
        line-height: 0.4rem;
        color: rgba(0, 105, 226, 1);
    }
    .left_text1 .text1_p {
        position: absolute;
        width: 6.52rem;
        height: 2.2rem;
        top: 1.45rem;
        left: 1rem;
        font-size: .22rem;
        font-weight: 400;
        line-height: .55rem;
        color: #000000;
        text-align: justify;
    }
    .left_text1 .left_text1_img{
        position: absolute;
        width: 4.95rem;
        height: 4.38rem;
        top: .52rem;
        left: 3.57rem;
        border-radius: .16rem 0 0 0;
        background-image: url("../images/research_direction/left_text1_img.png");
        background-size: cover;
    }
    .left_text2{
        position: absolute;
        left: 3.3434rem;
        top: 31.9963rem;
        width: 8.52rem;
        height: 4.9rem;
        background: #FFFFFF;
        box-shadow: 0 .01rem .266rem rgba(0, 0, 0, 0.09);
        border-radius: 0 .16rem .16rem .16rem;
        display: none;
    }
    .left_text2 h4 {
        position: absolute;
        top: .69rem;
        left: 1.13rem;
        font-size: .28rem;
        font-weight: 600;
        line-height: 0.4rem;
        color: rgba(0, 105, 226, 1);
    }
    .left_text2 .text2_p {
        position: absolute;
        width: 6.52rem;
        height: 2.75rem;
        top: 1.33rem;
        left: 1rem;
        font-size: .22rem;
        font-weight: 400;
        line-height: .55rem;
        color: #000000;
        text-align: justify;
    }
    .left_text2 .left_text2_img{
        position: absolute;
        width: 5.33rem;
        height: 4.99rem;
        top: -.09rem;
        left: 3.19rem;
        border-radius: .16rem 0 0 0;
        opacity: 0.25;
        background-image: url("../images/research_direction/left_text2_img.png");
        background-size: cover;
    }
    .right_item1{
        width: 3.63rem;
        height: 1.5rem;
        background-color: #FFFFFF;
        position: absolute;
        left: 8.8rem;
        box-shadow: 0 .01rem .266rem rgba(0, 0, 0, 0.09);
        border-radius: .16rem;
    }
    .right_item1:hover {
        cursor: pointer;
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_item1 h3{
        position: absolute;
        left: 1.2034rem;
        top: .55rem;
        font-family: PingFang SC;
        font-size: .24rem;
        font-weight: 400;
        line-height: .4rem;
        text-align: left;
    }
    .right_item1 .item_icon1{
        position: absolute;
        width: .421rem;
        height: .421rem;
        top: .5437rem;
        left: .47rem;
        background-image: url("../images/research_direction/3Dchangjing\ 1.png");
        background-size: cover;
    }
    .right_item2{
        width: 3.63rem;
        height: 1.5rem;
        background-color: #FFFFFF;
        position: absolute;
        top: 1.7rem;
        left: 8.8rem;
        box-shadow: 0 .01rem .266rem rgba(0, 0, 0, 0.09);
        border-radius: .16rem;
    }
    .right_item2:hover {
        cursor: pointer;
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_item2 h3{
        position: absolute;
        left: 1.1679rem;
        top: .5399rem;
        font-family: PingFang SC;
        font-size: .24rem;
        font-weight: 400;
        line-height: .4rem;
        text-align: left;
    }
    .right_item2 .item_icon2{
        position: absolute;
        width: .4054rem;
        height: .4054rem;
        top: .5518rem;
        left: .48rem;
        background-image: url("../images/research_direction/Vector.png");
        background-size: cover;
    }
    .right_item3{
        width: 3.63rem;
        height: 1.5rem;
        background-color: #FFFFFF;
        position: absolute;
        top: 3.4em;
        left: 8.8rem;
        box-shadow: 0 .01rem .266rem rgba(0, 0, 0, 0.09);
        border-radius: .16rem;
    }
    .right_item3:hover {
        cursor: pointer;
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_item3 h3{
        position: absolute;
        left: 1.1879rem;
        top: .5437rem;
        font-family: PingFang SC;
        font-size: .24rem;
        font-weight: 400;
        line-height: .4rem;
        text-align: left;
    }
    .right_item3 .item_icon3{
        position: absolute;
        width: .4942rem;
        height: .4942rem;
        top: .5rem;
        left: .47rem;
        background-image: url("../images/research_direction/yunpingtai\ 1.png");
        background-size: cover;
    }
    .right_item11{
        width: 3.63rem;
        height: 1.5rem;
        background-color: #FFFFFF;
        position: absolute;
        left: 8.8rem;
        box-shadow: 0 .01rem .266rem rgba(0, 0, 0, 0.09);
        border-radius: .16rem;
    }
    .right_item11:hover {
        cursor: pointer;
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_item11 h3{
        position: absolute;
        left: 1.4434rem;
        top: .55rem;
        font-family: PingFang SC;
        font-size: .24rem;
        font-weight: 400;
        line-height: .4rem;
        text-align: left;
    }
    .right_item11 .item_icon11{
        position: absolute;
        width: .5rem;
        height: .5rem;
        top: .49rem;
        left: .48rem;
        background-image: url("../images/research_direction/lvzhou_wuxianxinhao\ 1.png");
        background-size: cover;
    }
    .right_item22{
        width: 3.63rem;
        height: 1.5rem;
        background-color: #FFFFFF;
        position: absolute;
        top: 1.7rem;
        left: 8.8rem;
        box-shadow: 0 .01rem .266rem rgba(0, 0, 0, 0.09);
        border-radius: .16rem;
    }
    .right_item22:hover {
        cursor: pointer;
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_item22 h3{
        position: absolute;
        left: 1.3679rem;
        top: .5399rem;
        font-family: PingFang SC;
        font-size: .24rem;
        font-weight: 400;
        line-height: .4rem;
        text-align: left;
    }
    .right_item22 .item_icon22{
        position: absolute;
        width: .4942rem;
        height: .4942rem;
        top: .5rem;
        left: .47rem;
        background-image: url("../images/research_direction/yunpingtai\ 2.png");
        background-size: cover;
    }
    .right_item33{
        width: 3.63rem;
        height: 1.5rem;
        background-color: #FFFFFF;
        position: absolute;
        top: 3.4em;
        left: 8.8rem;
        box-shadow: 0 .01rem .266rem rgba(0, 0, 0, 0.09);
        border-radius: .16rem;
    }
    .right_item33:hover {
        cursor: pointer;
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_item33 h3{
        position: absolute;
        left: 1.3679rem;
        top: .5437rem;
        font-family: PingFang SC;
        font-size: .24rem;
        font-weight: 400;
        line-height: .4rem;
        text-align: left;
    }
    .right_item33 .item_icon33{
        position: absolute;
        width: .4rem;
        height: .4rem;
        top: .5437rem;
        left: .47rem;
        background-image: url("../images/research_direction/3Dchangjing\ 2.png");
        background-size: cover;
    }
    /* 研究方向半透明的遮罩层 */
    .hidden {
        background: #000;
        filter: alpha(opacity=50);
        /* IE的透明度 */
        opacity: 0.5;
        /* 透明度 */
        display: none;
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        color: #FFF;
        z-index: 100;
        /* 此处的图层要大于页面 */
    }
    #return {
        width: .2667rem;
        height: .4667rem;
        background-image: url(../images/icon_back.png);
        background-size: cover;
        position: absolute;
        top: .7rem;
        left: 1.5733rem;
    }
    #return:hover {
        cursor: pointer;
    }
    .hidden .title {
        width: 6rem;
        height: 2rem;
        margin: auto;
        line-height: 2rem;
        text-align: center;
        font-size: .4267rem;
    }
    .hidden .text{
        width: 15rem;
        height: 8rem;
        margin: auto;
        text-indent: 2em;
        font-size: .32rem;
        line-height: .7rem;
    }

    /*城市元宇宙*/
    .pol3{
        position: absolute;
        width: 1.6288rem;
        height: .66rem;
        left: 8.6534rem;
        top: 38.6053rem;
        border-radius: .0898rem 0 0 0;
        background-image: url("../images/about_bdnrc/Group\ 22.png");
        background-size: cover;
    }
    .urban_yuan {
        position: absolute;
        width: 1.70rem;
        height: .48rem;
        top: 38.7953rem;
        left: 8.7284rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 500;
        font-size: .26rem;
        line-height: .476rem;
    /* identical to box height */
        color: #FFFFFF;
    }
    .urban_meta{
        position: absolute;
        left: 8.7153rem;
        top: 39.2853rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .16rem;
        line-height: .22rem;
        color: #86909C;
    }
    @-moz-document url-prefix(){
        .urban_meta{
            left: 8.8153rem;
        }
    }
    .meta_bg{
        position: absolute;
        width: 19.2rem;
        height: 3.1417rem;
        top: 42.982rem;
        background-image: url("../images/specific_directions/meta_bg.png");
        background-size: cover;
    }
    .feel_mid{
        position: absolute;
        left: 5.2304rem;
        top: 39.7253rem;
        font-family: PingFang SC;
        font-size: .3231rem;
        font-weight: 600;
        line-height: .4523rem;
    }
    .feel_mid .blue{
        font-weight: 600;
        font-size: .3231rem;
        color: #2687F8;
    }
    .research_metaverse {
        width: 12.45rem;
        height: 6.27rem;
        position: absolute;
        top: 40.8963rem;
        left: 3.3334rem;
    }
    .right_bottom{
        position: absolute;
        width: 4.41rem;
        height: 2.94rem;
        left: 8.02rem;
        top: 3.33rem;
        background: #FFFFFF;
        box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.1);
        border-radius: .1rem;
    }
    .right_bottom:hover{
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_bottom .bottom1{
        position: absolute;
        width: 3.41rem;
        height: 2.22rem;
        left: .5rem;
        top: .36rem;
        text-align: left;
    }
    .bottom1 .p1{
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .18rem;
        line-height: .37rem;
        color: #000000;
        text-align: justify;
    }
    .right_top{
        position: absolute;
        width: 2.2rem;
        height: 3.13rem;
        left: 10.25rem;
        top: 0;
        background-color: #0076FF;
        box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.1);
        border-radius: .1rem;
    }
    .right_top:hover{
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_top h3{
        color: white;
        padding-left: .83rem;
        font-size: 0.38rem;
        padding-top: 0.49rem;
        font-weight: 500;
        font-size: .2733rem;
        line-height: .3827rem;
    }
    .right_top .feel_icon1{
        position: absolute;
        width: .35rem;
        height: .27rem;
        top: .56rem;
        left: .35rem;
        background-image: url("../images/bdnrc_team/Vector.png");
        background-size: cover;
    }
    .right_top .feel_icon2{
        position: absolute;
        width: .3219rem;
        height: .3727rem;
        top: 1.38rem;
        left: .35rem;
        background-image: url("../images/bdnrc_team/Group\ 71.png");
        background-size: cover;
    }
    .right_top .feel_icon3{
        position: absolute;
        width: 0.3355rem;
        height: 0.3355rem;
        top: 2.27rem;
        left: 0.35rem;
        background-image: url("../images/bdnrc_team/quanfangweituiguang-xi\ 1.png");
        background-size: cover;
    }
    .left_bg1{
        position: absolute;
        width: 3.01rem;
        height: 2.93rem;
        top: 3.33rem;
        background-image: url("../images/research_direction/lQLPKeNDJLNNq6nNBJTNBJSw0ADPT9xbHYwGYAkr5gaLAQ_1172_1172.png ");
        background-size: cover;
        filter: drop-shadow(0 0 .25rem rgba(0, 0, 0, 0.1));
        border-radius: .1rem;
    }
    .left_bg1_des{
        display: none;
    }
    .left_bg2{
        position: absolute;
        width: 4.63rem;
        height: 2.94rem;
        left: 3.19rem;
        top: 3.33rem;
        background-image: url("../images/research_direction/0a6cb66c1f04e209eee5c2223896748e.png");
        background-size: cover;
        filter: drop-shadow(0 0 .25rem rgba(0, 0, 0, 0.1));
        border-radius: .1rem;
    }
    .left_bg2_des{
        display: none;
    }
    .left_bg3{
        position: absolute;
        width: 5.43rem;
        height: 3.13rem;
        background-image: url("../images/research_direction/7d36d9ff4d551fc490476f411168151c.png");
        background-size: cover;
        filter: drop-shadow(0 0 .25rem rgba(0, 0, 0, 0.1));
        border-radius: .1rem;
    }
    .left_bg3_des{
        position: absolute;
        width: 5.43rem;
        height: .57rem;
        top: 2.56rem;
        background-image: url("../images/research_direction/1.png");
        background-size: cover;
    }
    .left_bg3_des span{
        position: absolute;
        left: 2.19rem;
        top: .13rem;
        font-family: PingFang SC;
        font-size: .22rem;
        font-weight: 500;
        line-height: .308rem;
        color: #FFFFFF;
    }
    .right_bg1{
        position: absolute;
        width: 4.41rem;
        height: 3.13rem;
        left: 5.64rem;
        background-image: url("../images/research_direction/dbc72f53a70d4829039755c27d5c1de0.png");
        background-size: cover;
        filter: drop-shadow(0 0 .25rem rgba(0, 0, 0, 0.1));
        border-radius: .1rem;
    }
    .right_bg1_des{
        position: absolute;
        width: 4.42rem;
        height: .57rem;
        top: 2.56rem;
        background-image: url("../images/research_direction/2.png");
        background-size: cover;
    }
    .right_bg1_des span{
        position: absolute;
        left: 1.35rem;
        top: .13rem;
        font-family: PingFang SC;
        font-size: .22rem;
        font-weight: 500;
        line-height: .308rem;
        color: #FFFFFF;
    }
    .left_bg1:hover{
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .left_bg2:hover{
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .left_bg3:hover{
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_bg1:hover{
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    /* 城市感知 */
    .pol4{
        position: absolute;
        width: 1.6288rem;
        height: .66rem;
        left: 8.6534rem;
        top: 49.2663rem;
        border-radius: .0898rem 0 0 0;
        background-image: url("../images/about_bdnrc/Group\ 22.png");
        background-size: cover;
    }
    .urban_ganzhi {
        position: absolute;
        width: 1.36rem;
        height: .48rem;
        top: 49.4623rem;
        left: 8.8534rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 500;
        font-size: .26rem;
        line-height: .476rem;
    /* identical to box height */
        color: #FFFFFF;
    }
    .urban_per{
        position: absolute;
        left: 8.7rem;
        top: 49.9363rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .16rem;
        line-height: .22rem;
        color: #86909C;
    }
    @-moz-document url-prefix(){
        .urban_per{
            left: 8.81rem;
        }
    }
    .feel_mid1{
        position: absolute;
        left: 5.5604rem;
        top: 50.3863rem;
        font-family: PingFang SC;
        font-size: .3231rem;
        font-weight: 600;
        line-height: .4523rem;
    }
    .feel_mid1 .blue{
        font-weight: 600;
        font-size: .3231rem;
        color: #2687F8;
    }
    .research_perception {
        width: 12.45rem;
        height: 6.27rem;
        position: absolute;
        top: 51.48rem;
        left: 3.39rem;
    }
    .right_bottom1{
        position: absolute;
        width: 4.41rem;
        height: 2.94rem;
        left: 8.04rem;
        top: 3.33rem;
        background: #FFFFFF;
        box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.1);
        border-radius: .1rem;
    }
    .right_bottom1:hover{
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_bottom1 .bottom2{
        position: absolute;
        width: 3.89rem;
        height: 2.22rem;
        left: .26rem;
        top: .36rem;
    }
    .bottom2 .p2{
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .18rem;
        line-height: .37rem;
        color: #000000;
        text-align: justify;
    }
    .left_top{
        position: absolute;
        width: 2.2rem;
        height: 3.13rem;
        background-color: #0076FF;
        box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.1);
        border-radius: .1rem;
    }
    .left_top:hover{
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .left_top h3{
        color: white;
        padding-left: .83rem;
        padding-top: 0.31rem;
        font-weight: 500;
        font-size: .2733rem;
        line-height: .3827rem;
    }
    .left_top .feel_icon1{
        position: absolute;
        width: .32rem;
        height: .34rem;
        top: .31rem;
        left: .32rem;
        background-image: url("../images/bdnrc_team/Vector2.png");
        background-size: cover;
    }
    .left_top .feel_icon2{
        position: absolute;
        width: .30rem;
        height: .30rem;
        top: 1.0676rem;
        left: .35rem;
        background-image: url("../images/bdnrc_team/jiangdichengben\ 1.png");
        background-size: cover;
    }
    .left_top .feel_icon3{
        position: absolute;
        width: 0.3195rem;
        height: 0.3355rem;
        top: 1.73rem;
        left: 0.316rem;
        background-image: url("../images/bdnrc_team/Vector1.png");
        background-size: cover;
    }
    .left_top .feel_icon4{
        position: absolute;
        width: 0.35rem;
        height: 0.35rem;
        top: 2.40rem;
        left: 0.30rem;
        background-image: url("../images/bdnrc_team/Group\ 2953.png");
        background-size: cover;
    }
    .left_bg11:hover{
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .left_bg22:hover{
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .left_bg33:hover{
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_bg11:hover{
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .left_bg11{
        position: absolute;
        width: 3.01rem;
        height: 2.99rem;
        top: 3.28rem;
        background-image: url("../images/research_direction/left_img1.png");
        background-size: cover;
        filter: drop-shadow(0 0 .25rem rgba(0, 0, 0, 0.1));
        border-radius: .1rem;
    }
    .left_bg11_des{
        position: absolute;
        width: 3.01rem;
        height: .57rem;
        top: 2.42rem;
        background-image: url("../images/research_direction/3.png");
        background-size: cover;
    }
    .left_bg11_des span{
        position: absolute;
        left: .49rem;
        top: .14rem;
        font-family: PingFang SC;
        font-size: .2089rem;
        font-weight: 500;
        line-height: .2924rem;
        color: #FFFFFF;
    }
    .left_bg22{
        position: absolute;
        width: 4.63rem;
        height: 2.94rem;
        left: 3.21rem;
        top: 3.33rem;
        background-image: url("../images/research_direction/left_img2.png");
        background-size: cover;
        filter: drop-shadow(0 0 .25rem rgba(0, 0, 0, 0.1));
        border-radius: .1rem;
    }
    .left_bg22_des{
        position: absolute;
        width: 4.638rem;
        height: .57rem;
        top: 2.37rem;
        background-image: url("../images/research_direction/4.png");
        background-size: cover;
    }
    .left_bg22_des span{
        position: absolute;
        left: 1.3rem;
        top: .13rem;
        font-family: PingFang SC;
        font-size: .22rem;
        font-weight: 500;
        line-height: .308rem;
        color: #FFFFFF;
    
    }
    .left_bg33{
        position: absolute;
        width: 5.43rem;
        height: 3.13rem;
        left: 2.4rem;
        background-image: url("../images/research_direction/left_img3.png");
        background-size: cover;
        filter: drop-shadow(0 0 .25rem rgba(0, 0, 0, 0.1));
        border-radius: .1rem;
    }
    .left_bg33_des{
        position: absolute;
        width: 5.438rem;
        height: .57rem;
        top: 2.565rem;
        background-image: url("../images/research_direction/5.png");
        background-size: cover;
    }
    .left_bg33_des span{
        position: absolute;
        left: 1.75rem;
        top: .13rem;
        font-family: PingFang SC;
        font-size: .22rem;
        font-weight: 500;
        line-height: .308rem;
        color: #FFFFFF;
    }
    .right_bg11{
        position: absolute;
        width: 4.4rem;
        height: 3.13rem;
        left: 8.05rem;
        background-image: url("../images/research_direction/right_img1.png");
        background-size: cover;
        filter: drop-shadow(0 0 .25rem rgba(0, 0, 0, 0.1));
        border-radius: .1rem;
    }
    .right_bg11_des{
        position: absolute;
        width: 4.41rem;
        height: .57rem;
        top: 2.565rem;
        background-image: url("../images/research_direction/6.png");
        background-size: cover;
    }
    .right_bg11_des span{
        position: absolute;
        left: 1.35rem;
        top: .13rem;
        font-family: PingFang SC;
        font-size: .22rem;
        font-weight: 500;
        line-height: .308rem;
        color: #FFFFFF;
    }
    
    /*数原团队*/
    .team{
        position: absolute;
        top: 58.35rem;
        height: .1rem;
    }
    .pol5{
        position: absolute;
        width: 1.6288rem;
        height: .66rem;
        left: 8.6534rem;
        top: 59.35rem;
        border-radius: .0898rem 0 0 0;
        background-image: url("../images/about_bdnrc/Group\ 22.png");
        background-size: cover;
    }
    .shuyuan_team {
        position: absolute;
        width: 1.36rem;
        height: .48rem;
        top: 59.54rem;
        left: 8.8534rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 500;
        font-size: .26rem;
        line-height: .476rem;
    /* identical to box height */
        color: #FFFFFF;
    }
    .our_team{
        position: absolute;
        left: 8.99rem;
        top: 60.02rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .16rem;
        line-height: .22rem;
        color: #86909C;
    }
    @-moz-document url-prefix(){
        .our_team{
            left: 9.06rem;
        }
    }
    .main_team{
        position: absolute;
        width: 19.2rem;
        height: 5.44rem;
        top: 61.06rem;
        background-color: #EAF1F8;
    }
    .team_bg{
        position: absolute;
        width: 8.92rem;
        height: 5.44rem;
        left: 2.73rem;
        background-image: url("../images/bdnrc_team/team_bg.png");
        background-size: cover;
    }
    .team_left{
        position: absolute;
        width: 4.19rem;
        height: 5.44rem;
        left: 2.63rem;
        top: 61.06rem;
        background: linear-gradient(90deg, #EAF1F8 0%, rgba(234, 241, 248, 0.841172) 33.19%, rgba(234, 241, 248, 0) 100%);
    }
    .team_right{
        position: absolute;
        width: 3.57rem;
        height: 5.44rem;
        left: 8.18rem;
        top: 61.06rem;
        background: linear-gradient(-90deg, #EAF1F8 0%, rgba(234, 241, 248, 0.841172) 33.19%, rgba(234, 241, 248, 0) 100%);
    }
    .slogan{
        position: absolute;
        left: 11.09rem;
        top: 61.85rem;
        color: transparent;
        background-image: linear-gradient(180.99deg, #0069E2 32.29%, #2994FF 85.73%);
        background-clip: text;
        font-family: PingFang SC;
        font-size: .36rem;
        font-weight: 600;
        line-height: .504rem;
    }
    .team1{
        position: absolute;
        width: 3.33rem;
        height: .64rem;
        left: 11.09rem;
        top: 63.06rem;
    }
    .team1 .team_text1{
        position: absolute;
        left: 1.07rem;
        top: .18rem;
        font-family: PingFang SC;
        font-size: .24rem;
        font-weight: 400;
        line-height: .34rem;
    }
    .team1 .team_img1{
        position: absolute;
        width: .5856rem;
        height: .64rem;
        background-image: url("../images/bdnrc_team/icon1_talent.png");
        background-size: cover;
    }
    .team2{
        position: absolute;
        width: 2.9rem;
        height: .53rem;
        left: 11.04rem;
        top: 64.16rem;
    }
    .team2 .team_text2{
        position: absolute;
        left: 1.12rem;
        top: .09rem;
        font-family: PingFang SC;
        font-size: .24rem;
        font-weight: 400;
        line-height: .34rem;
    }
    .team2 .team_img2{
        position: absolute;
        width: .79rem;
        height: .42rem;
        left: .02rem;
        top: .04rem;
        background-image: url("../images/bdnrc_team/icon2_75percent.png");
        background-size: cover;
    }
    .team3{
        position: absolute;
        width: 4.52rem;
        height: .6rem;
        left: 11.1rem;
        top: 65.17rem;
    }
    .team3 .team_text3{
        position: absolute;
        left: 1.06rem;
        top: .21rem;
        font-family: PingFang SC;
        font-size: .24rem;
        font-weight: 400;
        line-height: .34rem;
    }
    .team3 .team_img3{
        position: absolute;
        width: .65rem;
        height: .6rem;
        background-image: url("../images/bdnrc_team/icon3_digitalcity.png");
        background-size: cover;
    }
    /* 数原成果 */
    .pol6{
        position: absolute;
        width: 1.6288rem;
        height: .66rem;
        left: 8.6534rem;
        top: 67.9rem;
        border-radius: .0898rem 0 0 0;
        background-image: url("../images/about_bdnrc/Group\ 22.png");
        background-size: cover;
    }
    .shuyuan_ach {
        position: absolute;
        width: 1.36rem;
        height: .48rem;
        top: 68.085rem;
        left: 8.8534rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 500;
        font-size: .26rem;
        line-height: .476rem;
    /* identical to box height */
        color: #FFFFFF;
    }
    .our_ach{
        position: absolute;
        left: 8.67rem;
        top: 68.59rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .16rem;
        line-height: .22rem;
        color: #86909C;
    }
    @-moz-document url-prefix(){
        .our_ach{
            left: 8.76rem;
        }
    }
    .main_ach{
        position: absolute;
        width: 12.01rem;
        height: 2.12rem;
        top: 69.61rem;
        left: 3.65rem;
        border-radius: .06rem;
    }
    .ach_img1{
        position: absolute;
        width: 3.44rem;
        height: 2.12rem;
        border-radius: .06rem;
        background-image: url("../images/bdnrc_team/card1_zhuanli.png");
        background-size: cover; 
    }
    .ach_img2{
        position: absolute;
        width: 3.44rem;
        height: 2.12rem;
        left: 3.85rem;
        border-radius: .06rem;
        background-image: url("../images/bdnrc_team/card2_yanjiuchengguo.png");
        background-size: cover;
    }
    .ach_text1{
        position: absolute;
        left: 1.32rem;
        top: .66rem;
        font-family: PingFang SC;
        font-size: .4743rem;
        font-weight: 400;
        line-height: .5368rem;
        color: #FFFFFF;
    }
    .ach_text2{
        position: absolute;
        left: 1.26rem;
        top: 1.21rem;
        font-family: PingFang SC;
        font-size: .2285rem;
        font-weight: 400;
        line-height: .2586rem;
        color: #FFFFFF;
    }
    .ach_text3{
        position: absolute;
        left: 1.31rem;
        top: .66rem;
        font-family: PingFang SC;
        font-size: .4743rem;
        font-weight: 400;
        line-height: .5368rem;
        color: #FFFFFF;
    }
    .ach_text4{
        position: absolute;
        left: 1.26rem;
        top: 1.21rem;
        font-family: PingFang SC;
        font-size: .2285rem;
        font-weight: 400;
        line-height: .2586rem;
        color: #FFFFFF;
    }
    .ach_text5{
        position: absolute;
        left: 7.69rem;
        top: .38rem;
        font-family: PingFang SC;
        font-size: .18rem;
        font-weight: 400;
        line-height: .34rem;
        color: rgba(0, 0, 0, 1);
    }
    .ach_text{
        display: none;
    }
    .xiangqing{
        display: none;
    }
    .close_xq{
        display: none;
    }
    /* 加入我们 */
    .join{
        position: absolute;
        top:72.13rem;
        height: .1rem;
    }
    .pol7{
        position: absolute;
        width: 1.6288rem;
        height: .66rem;
        left: 8.6534rem;
        top: 73.13rem;
        border-radius: .0898rem 0 0 0;
        background-image: url("../images/about_bdnrc/Group\ 22.png");
        background-size: cover;
    }
    .jiaru_us {
        position: absolute;
        width: 1.36rem;
        height: .48rem;
        top: 73.325rem;
        left: 8.8534rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 500;
        font-size: .26rem;
        line-height: .476rem;
    /* identical to box height */
        color: #FFFFFF;
    }
    .join_us{
        position: absolute;
        left: 9.06rem;
        top: 73.82rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .16rem;
        line-height: .22rem;
        color: #86909C;
    }
    @-moz-document url-prefix(){
        .join_us{
            left: 9.12rem;
        }
    }
    .join_bg{
        position: absolute;
        width: 19.2rem;
        height: 4.7497rem;
        top: 74.07rem;
        background-image: url("../images/join_us/join_bg.png");
        background-size: cover;
    }
    .join_left1{
        position: absolute;
        width: 2.94rem;
        height: 3.41rem;
        left: 4.65rem;
        top: 74.84rem;
        background-image: url("../images/join_us/img_social.png");
        background-size: cover;
        border-radius: .3rem;
    }
    .join_left1:hover{
        cursor: pointer;
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    
    }
    .join_left2:hover{
        cursor: pointer;
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    
    }
    .join_left3:hover{
        cursor: pointer;
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .join_left1 .join_text1{
        position: absolute;
        left: .83rem;
        top: 1.35rem;
        font-family: PingFang SC;
        font-size: .32rem;
        font-weight: 500;
        line-height: .448rem;
        color: #FFFFFF;
    }
    .join_left1 .join_text2{
        position: absolute;
        left: .91rem;
        top: 1.86rem;
        font-family: PingFang SC;
        font-size: .14rem;
        font-weight: 400;
        line-height: .196rem;
        color: #FFFFFF;
    }
    .join_left2{
        position: absolute;
        width: 2.94rem;
        height: 3.41rem;
        left: 8.17rem;
        top: 74.84rem;
        background-image: url("../images/join_us/img_graduated.png");
        background-size: cover;
        border-radius: .3rem;
    }
    .join_left2 .join_text21{
        position: absolute;
        left: .83rem;
        top: 1.35rem;
        font-family: PingFang SC;
        font-size: .32rem;
        font-weight: 500;
        line-height: .448rem;
        color: #FFFFFF;
    }
    .join_left2 .join_text22{
        position: absolute;
        left: .825rem;
        top: 1.86rem;
        font-family: PingFang SC;
        font-size: .14rem;
        font-weight: 400;
        line-height: .196rem;
        color: #FFFFFF;
    }
    .join_left3{
        position: absolute;
        width: 2.94rem;
        height: 3.41rem;
        left: 11.69rem;
        top: 74.84rem;
        background-image: url("../images/join_us/img_campus.png");
        background-size: cover;
        border-radius: .3rem;
    }
    .join_left3 .join_text31{
        position: absolute;
        left: .67rem;
        top: 1.35rem;
        font-family: PingFang SC;
        font-size: .32rem;
        font-weight: 500;
        line-height: .448rem;
        color: #FFFFFF;
    }
    .join_left3 .join_text32{
        position: absolute;
        left: .49rem;
        top: 1.86rem;
        font-family: PingFang SC;
        font-size: .14rem;
        font-weight: 400;
        line-height: .196rem;
        color: #FFFFFF;
    }
    .footer{
        position: absolute;
        width: 19.2rem;
        height: 4.1rem;
        top: 79.79rem;
        background-color: #EAF1F8;
    }
    .footer .footer_text1{
        position: absolute;
        top: .75rem;
        left: 3.57rem;
        font-family: PingFang SC;
        font-size: .26rem;
        font-weight: 500;
        line-height: .364rem;
        color: #000000;
    }
    .footer .footer_text2{
        position: absolute;
        top: 1.12rem;
        left: 3.57rem;
        font-family: PingFang SC;
        font-size: .14rem;
        font-weight: 400;
        line-height: .196rem;
        letter-spacing: .002rem;
        color: #636366;
    }
    .footer .footer_text3{
        position: absolute;
        top: 1.73rem;
        left: 3.58rem;
        font-family: PingFang SC;
        font-size: .16rem;
        font-weight: 400;
        line-height: .224rem;
        letter-spacing: .0023rem;
        color: #636366;
    }
    .footer .footer_text4{
        position: absolute;
        top: 2.11rem;
        left: 3.58rem;
        font-family: PingFang SC;
        font-size: .16rem;
        font-weight: 400;
        line-height: .224rem;
        letter-spacing: .0023rem;
        color: #636366;
    }
    .footer .footer_text5{
        position: absolute;
        top: 2.49rem;
        left: 3.58rem;
        font-family: PingFang SC;
        font-size: .16rem;
        font-weight: 400;
        line-height: .224rem;
        letter-spacing: .0023rem;
        color: #636366;
    }
    .footer .a1{
        position: absolute;
        top: 3.18rem;
        left: 3.57rem;
        font-family: PingFang SC;
        font-size: .16rem;
        font-weight: 400;
        line-height: .224rem;
        letter-spacing: .0023rem;
        color: #636366;
    }
    .a1:hover{
        text-decoration: underline;
        color: #0067ff;
    }
    .footer .a2{
        position: absolute;
        top: 3.18rem;
        left: 5.91rem;
        font-family: PingFang SC;
        font-size: .16rem;
        font-weight: 400;
        line-height: .224rem;
        letter-spacing: .0023rem;
        color: #636366;
    }
    .a2:hover{
        text-decoration: underline;
        color: #0067ff;
    }
    .footer .footer_img{
        position: absolute;
        width: 1.93rem;
        height: .54rem;
        top: 1.72rem;
        left: 13.59rem;
        background-image: url("../images/home_page/logo.png");
        background-size: cover;
    }  
    
}



@media only screen and (max-device-width: 768px){
    .index {
        position: absolute;
        width: 3.75rem;
        height: 4.61rem;
        background-color: #EAF1F8;
    }
    .index_bg{
        position: absolute;
        width: 3.75rem;
        height: 4.61rem;
        background-image: url("../images/mobile/index_bg.png");
        background-size: cover;
    }
    .j1{
        position: absolute;
        left: 3.5255rem;
        top: .24rem;
        width: .0444rem;
        height: .08rem;
        background-image: url("../images/mobile/1.png");
        background-size: cover;
    }
    .j2{
        position: absolute;
        left: 3.5255rem;
        top: .59rem;
        width: .0444rem;
        height: .08rem;
        background-image: url("../images/mobile/1.png");
        background-size: cover;
    }
    .j3{
        position: absolute;
        left: 3.5255rem;
        top: .94rem;
        width: .0444rem;
        height: .08rem;
        background-image: url("../images/mobile/1.png");
        background-size: cover;
    }
    .j4{
        position: absolute;
        left: 3.5255rem;
        top: 1.3rem;
        width: .0444rem;
        height: .08rem;
        background-image: url("../images/mobile/1.png");
        background-size: cover;
    }
    .j5{
        position: absolute;
        left: 3.5255rem;
        top: 1.67rem;
        width: .0444rem;
        height: .08rem;
        background-image: url("../images/mobile/1.png");
        background-size: cover;
    }
    .blue_line1{
        position: absolute;
        width: .04rem;
        height: .26rem;
        left: 0;
        top: .145rem;
        background-image: url("../images/mobile/Rectangle\ 34624138.png");
        background-size: cover;
        opacity: 0;
    }
    .blue_line2{
        position: absolute;
        width: .04rem;
        height: .26rem;
        left: 0;
        top: .495rem;
        background-image: url("../images/mobile/Rectangle\ 34624138.png");
        background-size: cover;
        opacity: 0;
    }
    .blue_line3{
        position: absolute;
        width: .04rem;
        height: .26rem;
        left: 0;
        top: .85rem;
        background-image: url("../images/mobile/Rectangle\ 34624138.png");
        background-size: cover;
        opacity: 0;
    }
    .blue_line4{
        position: absolute;
        width: .04rem;
        height: .26rem;
        left: 0;
        top: 1.22rem;
        background-image: url("../images/mobile/Rectangle\ 34624138.png");
        background-size: cover;
        opacity: 0;
    }
    .blue_line5{
        position: absolute;
        width: .04rem;
        height: .26rem;
        left: 0;
        top: 1.58rem;
        background-image: url("../images/mobile/Rectangle\ 34624138.png");
        background-size: cover;
        opacity: 0;
    }
    .caidanlan{
        position: absolute;
        width: .21rem;
        height: .16rem;
        top: .2rem;
        left: 3.36rem;
        background-image: url("../images/mobile/Group3012.png");
        background-size: cover;
    }
    .text1 { 
        display: none;  
    }
    .text11{
        position: absolute;
        width: 2.8rem;
        height: .28rem;
        left: .42rem;
        top: .9rem;
        font-size: .2rem;
        color: #0076FF;
        font-weight: 600;
        line-height: .28rem;
        background: linear-gradient(89.96deg, #0069E2 1.85%, #2994FF 98.7%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }
    .text2 {
        display: none;
    }
    .gonggao p{
        position: absolute;
        width: 2.21rem;
        height: .13rem;
        left: .66rem;
        top: 0.15rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .09rem;
        line-height: .126rem;
        color: #000000;
    }
    .gonggao .more{
        display: none;
    }
    .gonggao .icon_next{
        position: absolute;
        width: .05rem;
        height: .09rem;
        left: 3.48rem;
        top: 0.17rem;
        background-image: url("../images/mobile/Vector\ 105.png");
        background-size: cover;
    }
    .gonggao {
        position: absolute;
        width: 3.75rem;
        height: .43rem;
        top: 4.18rem;
        background-color: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(.0995rem);
    }
    .vector1{
        position: absolute;
        width: .3991rem;
        height: .0908rem;
        top: 0.1587rem;
        left: .16rem;
        background-image: url("../images/home_page/Vector1.png");
        background-size: cover;
    }
    .vector2{
        position: absolute;
        width: .3619rem;
        height: .0179rem;
        top: .2707rem;
        left: .1678rem;
        background-image: url("../images/home_page/Vector2.png");
        background-size: cover;
    }
    .vector3{
        position: absolute;
        width: .3606rem;
        height: .0307rem;
        top: .1181rem;
        left: .1985rem;
        background-image: url("../images/home_page/Vector3.png");
        background-size: cover;
    }
    .ellipse{
        position: absolute;
        width: .1rem;
        height: .1rem;
        top: 7.4463rem;
        left: 4.9034rem;
        background-image: url("../images/home_page/Ellipse.png");
        background-size: cover;
        display: none;
    }
    
    /*关于数原*/
    .about_shuyuan{
        position: absolute;
        width: .702rem;
        height: .2802rem;
        top: 5.0222rem;
        left: 1.519rem;
        background-image: url("../images/about_bdnrc/Group\ 22.png");
        background-size: cover;
    }
    .about_bdnrc {
        position: absolute;
        height: .05rem;
        top: 4.5rem;
    }
    .about_title {
        position: absolute;
        left: 1.5636rem;
        top: 5.1082rem;
        width: .53rem;
        height: .18rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 500;
        font-size: .1293rem;
        line-height: .196rem;
    /* identical to box height */
        color: #FFFFFF;
    }
    .about_BDNRC{
        position: absolute;
        left: 1.4986rem;
        top: 5.3282rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .1rem;
        line-height: .0894rem;
        color: #86909C;
    }
    @-moz-document url-prefix(){
        .about_BDNRC{
            left: 1.5096rem;
        }
    }
    .about_hidden{
        position: relative;
        width: 3.75rem;
        height: 4.2208rem;
        top: 5.5929rem;
        overflow: scroll;
        -webkit-overflow-scrolling: auto;
    }
    .about_hidden::-webkit-scrollbar{
        display: none;
    }
    .about_text1,
    .about_text2,
    .about_text3 {
        position: absolute;
        width: 2.8rem;
        height: 3.92rem;
        background: #FFFFFF;
        border-radius: .08rem;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }

    .about_text1 {
        left: 3.45rem;
    }

    .about_text2 {
        left: .47rem;
    }

    .about_text3 {
        left: 6.43rem;
    }
    .about_space{
        position: absolute;
        left: 9.23rem;
        width: .47rem;
        height: 3.92rem;
    }
    .about_img1 {
        position: absolute;
        width: 2.8rem;
        height: 2.28rem;
        background-image: url("../images/about_bdnrc/about_img.png");
        background-size: cover;
        border-radius: .1rem .08rem 0 0;
    }
    .about_img2 {
        position: absolute;
        left: 1.18rem;
        top: .4rem;
        width: .43rem;
        height: .43rem;
        background-image: url("../images/mobile/boshimao\ 2.png");
        background-size: cover;
    }
    .about_img3 {
        position: absolute;
        left: 1.17rem;
        top: .38rem;
        width: .47rem;
        height: .47rem;
        background-image: url("../images/mobile/boshimao\ 1.png");
        background-size: cover;
    }
    .about_p1{
        position: absolute;
        width: 2.42rem;
        height: 1.3rem;
        left: .23rem;
        top: 2.4rem;
        font-weight: 500;
        font-size: .12rem;
        line-height: .26rem;
        color: #292929;
        text-align: justify;
    
        .special {
            color: rgba(0, 105, 226, 1);
            font-weight: 600;
        }
    }
    .about_p2{
        display: none;
    }
    .about_p3{
        position: absolute;
        width: 2.21rem;
        height: 2.24rem;
        left: .3rem;
        top: 1.11rem;
        font-weight: 500;
        font-size: .12rem;
        line-height: .28rem;
        color: #292929;
        text-align: justify;
    
        .special {
            color: rgba(0, 105, 226, 1);
            font-weight: 600;
        }
    }
    .about_p4{
        position: absolute;
        width: 2.16rem;
        height: 2.72rem;
        left: .31rem;
        top: 1.11rem;
        font-weight: 500;
        font-size: .12rem;
        line-height: .28rem;
        color: #292929;
        text-align: justify;
    
        .special {
            color: rgba(0, 105, 226, 1);
            font-weight: 600;
        }
    }
    .about_right{
        display: none;
    }
    /*我们的特点*/
    .pol{
        position: absolute;
        width: .702rem;
        height: .2802rem;
        top: 9.9829rem;
        left: 1.519rem;
        border-radius: .0898rem 0 0 0;
        background-image: url("../images/about_bdnrc/Group\ 22.png");
        background-size: cover;
    }
    .jigou_tedian {
        position: absolute;
        top: 10.0689rem;
        left: 1.5623rem;
        width: .52rem;
        height: .18rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 500;
        font-size: .1293rem;
        line-height: .196rem;
    /* identical to box height */
        color: #FFFFFF;
    }
    .ins_char{
        position: absolute;
        left: 1.1923rem;
        top: 10.3028rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .1rem;
        line-height: .0826rem;
        color: #86909C;
    }
    @-moz-document url-prefix(){
        .ins_char{
            left: 1.2723rem;
        }
    }
    .char_left2{
        position: absolute;
        width: 3.43rem;
        height: 1.47rem;
        top: 10.5543rem;
        left: .16rem;
        background-color: #EAF1F8;
        border-radius: .08rem;
    }
    .char_left2 .char_text1{
        position: absolute;
        left: .24rem;
        top: .22rem;
        font-family: PingFang SC;
        font-size: .18rem;
        font-weight: 500;
        line-height: .252rem;
    }
    .char_left2 .char_text2{
        position: absolute;
        width: 1.2rem;
        height: .48rem;
        left: .24rem;
        top: .59rem;
        font-family: PingFang SC;
        font-size: .14rem;
        font-weight: 400;
        line-height: .224rem;
        color: rgba(78, 89, 105, 1);
    }
    .char_left2 .char_img{
        position: absolute;
        width: 1.97rem;
        height: 1.355rem;
        left: 1.46rem;
        top: .115rem;
        opacity: 0.9;
        background-image: url("../images/mobile/Mask\ group.png");
        background-size: cover;
    }
    .hidden1{
        display: none;
    }
    .hidden2{
        display: none;
    }
    .hidden3{
        display: none;
    }
    .char_mid{
        position: absolute;
        width: 3.43rem;
        height: 1.47rem;
        top: 12.1043rem;
        left: .16rem;
        background-color: #EAF1F8;
        border-radius: .08rem;
    }
    .char_mid .char_text1{
        position: absolute;
        left: .24rem;
        top: .22rem;
        font-family: PingFang SC;
        font-size: .18rem;
        font-weight: 500;
        line-height: .252rem;
    }
    .char_mid .char_text2{
        position: absolute;
        width: 1.26rem;
        height: .44rem;
        left: .24rem;
        top: .55rem;
        font-family: PingFang SC;
        font-size: .14rem;
        font-weight: 400;
        line-height: .196rem;
        color: rgba(78, 89, 105, 1);
    }
    .char_mid .char_img{
        position: absolute;
        width: 1.91rem;
        height: 1.5764rem;
        bottom: 0;
        left: 1.52rem;
        opacity: 0.9;
        background-image: url("../images/mobile/Mask\ group2.png");
        background-size: cover;
    }
    .char_right1{
        position: absolute;
        width: 3.43rem;
        height: 1.47rem;
        top: 13.6543rem;
        left: .16rem;
        background-color: #EAF1F8;
        border-radius: .08rem;
    }
    .char_right1 .char_text1{
        position: absolute;
        left: .24rem;
        top: .22rem;
        font-family: PingFang SC;
        font-size: .18rem;
        font-weight: 500;
        line-height: .252rem;
    }
    .char_right1 .char_text2{
        position: absolute;
        width: .84rem;
        height: .44rem;
        left: .24rem;
        top: .55rem;
        font-family: PingFang SC;
        font-size: .14rem;
        font-weight: 400;
        line-height: .196rem;
        color: rgba(78, 89, 105, 1);
    }
    .char_right1 .char_img{
        position: absolute;
        width: 1.97rem;
        height: 1.6118rem;
        bottom: 0;
        left: 1.46rem;
        opacity: 0.9;
        background-image: url("../images/about_bdnrc/Mask\ group3.png");
        background-size: cover;
    } 
    .click_more{
        position: absolute;
        width: .8867rem;
        height: .17rem;
        left: 1.43rem;
        top: 15.3643rem;
        background-image: url("../images/mobile/click_more.png");
        background-size: cover;
    }
    /* 研究方向 */
    .research{
        position: absolute;
        top: 15.1229rem;
        height: .01rem;
    }
    .pol2{
        position: absolute;
        width: .702rem;
        height: .2802rem;
        top: 16.0229rem;
        left: 1.519rem;
        border-radius: .0898rem 0 0 0;
        background-image: url("../images/about_bdnrc/Group\ 22.png");
        background-size: cover;
    }
    .res_dir {
        position: absolute;
        top: 16.1089rem;
        left: 1.5623rem;
        width: .52rem;
        height: .18rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 500;
        font-size: .1293rem;
        line-height: .196rem;
    /* identical to box height */
        color: #FFFFFF;
    }
    .res_fields{
        position: absolute;
        left: 1.3823rem;
        top: 16.3336rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .1rem;
        line-height: .0826rem;
        color: #86909C;
    }
    @-moz-document url-prefix(){
        .res_fields{
            left: 1.4383rem;
        }
    }
    .top_dir1{
        position: absolute;
        width: 1.715rem;
        height: .4388rem;;
        top: 16.655rem;
        left: .16rem;
        position: absolute;
        border-radius: 0.0644rem 0.0644rem 0 0;
        background-color: rgba(0, 105, 226, 1);
    }
    .top_dir1 h3{
        position: absolute;
        left: .7267rem;
        top: .1574rem;
        color: white;
        font-size: .14rem;
        font-weight: 500;
        line-height: .161rem;
    }
    .top_dir1 .top_dir1_img{
        position: absolute;
        width: .5147rem;
        height: .5147rem;
        left: .2114rem;
        top: -0.0121rem;
        background-image: url("../images/mobile/top_dir1_img.png");
        background-size: cover;
    }
    .top_dir2{
        position: absolute;
        width: 1.715rem;
        height: .4388rem;;
        top: 16.655rem;
        left: 1.875rem;
        position: absolute;
        border-radius: 0.0644rem 0.0644rem 0 0;
        background-color: white;
        cursor: pointer;
    }
    .top_dir2 h3{
        position: absolute;
        color: rgba(162, 162, 162, 1);
        left: .7992rem;
        top: .1574rem;
        font-size: .14rem;
        font-weight: 500;
        line-height: .161rem;
    }
    .top_dir2 .top_dir2_img{
        position: absolute;
        width: .4673rem;
        height: .4673rem;
        left: .3282rem;
        top: -0.0121rem;
        background-image: url("../images/research_direction/top_dir2_img.png");
        background-size: cover;
    }
    .left_text1{
        position: absolute;
        left: .16rem;
        top: 17.0938rem;
        width: 3.43rem;
        height: 2.3rem;
        background-color: #FFFFFF;
        box-shadow: 0 .004rem .1071rem 0rem #00000017;
        border-radius: 0 .0644rem .0644rem .0644rem;
    }
    .left_text1 h4 {
        position: absolute;
        top: .2529rem;
        left: .3rem;
        font-size: .12rem;
        font-weight: 600;
        line-height: 0.161rem;
        color: rgba(0, 105, 226, 1);
    }
    .left_text1 .text1_p {
        position: absolute;
        width: 2.86rem;
        height: 1.4rem;
        top: .58rem;
        left: .28rem;
        font-size: .12rem;
        font-weight: 400;
        line-height: .28rem;
        color: #000000;
        text-align: justify;
    }
    .left_text1 .left_text1_img{
        position: absolute;
        width: 2.36rem;
        height: 2.09rem;
        top: .21rem;
        left: 1.07rem;
        border-radius: .0644rem;
        background-image: url("../images/mobile/left_text1_img.png");
        background-size: cover;
    }
    .left_text2{
        position: absolute;
        left: .16rem;
        top: 17.0938rem;
        width: 3.43rem;
        height: 2.3rem;
        background-color: #FFFFFF;
        box-shadow: 0 .004rem .1071rem 0rem #00000017;
        border-radius: 0 .0644rem .0644rem .0644rem;
        display: none;
    }
    .left_text2 h4 {
        position: absolute;
        top: .2491rem;
        left: .3rem;
        font-size: .12rem;
        font-weight: 600;
        line-height: 0.161rem;
        color: rgba(0, 105, 226, 1);
    }
    .left_text2 .text2_p {
        position: absolute;
        width: 2.96rem;
        height: 1.5rem;
        top: .5291rem;
        left: .23rem;
        font-size: .12rem;
        font-weight: 400;
        line-height: .25rem;
        color: #000000;
        text-align: justify;
    }
    .left_text2 .left_text2_img{
        position: absolute;
        width: 1.9928rem;
        height: 1.7633rem;
        top: .2093rem;
        left: 1.4372rem;
        border-radius: .0644rem;
        background-image: url("../images/mobile/left_text2_img.png");
        background-size: cover;
    }
    .right_item1{
        width: 1.09rem;
        height: .83rem;
        background-color: #FFFFFF;
        position: absolute;
        top: 2.3762rem;
        box-shadow: 0 .0031rem .0811rem 0 rgba(0, 0, 0, 0.09);
        border-radius: .0488rem;
    }
    .right_item1:hover {
        cursor: pointer;
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_item1 h3{
        position: absolute;
        left: .22rem;
        top: .56rem;
        font-family: PingFang SC;
        font-size: .12rem;
        font-weight: 400;
        line-height: .122rem;
    }
    .right_item1 .item_icon1{
        position: absolute;
        width: .23rem;
        height: .24rem;
        top: .15rem;
        left: .43rem;
        background-image: url("../images/research_direction/3Dchangjing\ 1.png");
        background-size: cover;
    }
    .right_item2{
        width: 1.09rem;
        height: .83rem;
        background-color: #FFFFFF;
        position: absolute;
        top: 2.3762rem;
        left: 1.17rem;
        box-shadow: 0 .0031rem .0811rem 0 rgba(0, 0, 0, 0.09);
        border-radius: .0488rem;
    }
    .right_item2:hover {
        cursor: pointer;
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_item2 h3{
        position: absolute;
        left: .04rem;
        top: .56rem;
        font-family: PingFang SC;
        font-size: .12rem;
        font-weight: 400;
        line-height: .122rem;
    }
    .right_item2 .item_icon2{
        position: absolute;
        width: .24rem;
        height: .24rem;
        top: .15rem;
        left: .42rem;
        background-image: url("../images/research_direction/Vector.png");
        background-size: cover;
    }
    .right_item3{
        width: 1.09rem;
        height: .83rem;
        background-color: #FFFFFF;
        position: absolute;
        top: 2.3762rem;
        left: 2.34rem;
        box-shadow: 0 .0031rem .0811rem 0 rgba(0, 0, 0, 0.09);
        border-radius: .0488rem;
    }
    .right_item3:hover {
        cursor: pointer;
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_item3 h3{
        position: absolute;
        left: .125rem;
        top: .58rem;
        font-family: PingFang SC;
        font-size: .12rem;
        font-weight: 400;
        line-height: .122rem;
    }
    .right_item3 .item_icon3{
        position: absolute;
        width: .26rem;
        height: .26rem;
        top: .14rem;
        left: .41rem;
        background-image: url("../images/research_direction/yunpingtai\ 1.png");
        background-size: cover;
    }
    .right_item11{
        width: 1.09rem;
        height: .83rem;
        background-color: #FFFFFF;
        position: absolute;
        top: 2.3762rem;
        box-shadow: 0 .0031rem .0811rem 0 rgba(0, 0, 0, 0.09);
        border-radius: .0488rem;
    }
    .right_item11:hover {
        cursor: pointer;
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_item11 h3{
        position: absolute;
        left: .18rem;
        top: .55rem;
        font-family: PingFang SC;
        font-size: .12rem;  
        font-weight: 400;
        line-height: .122rem;
    }
    .right_item11 .item_icon11{
        position: absolute;
        width: .2348rem;
        height: .2047rem;
        top: .17rem;
        left: .43rem;
        background-image: url("../images/research_direction/lvzhou_wuxianxinhao\ 1.png");
        background-size: cover;
    }
    .right_item22{
        width: 1.09rem;
        height: .83rem;
        background-color: #FFFFFF;
        position: absolute;
        top: 2.3762rem;
        left: 1.17rem;
        box-shadow: 0 .0031rem .0811rem 0 rgba(0, 0, 0, 0.09);
        border-radius: .0488rem;
    }
    .right_item22:hover {
        cursor: pointer;
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_item22 h3{
        position: absolute;
        left: .12rem;
        top: .55rem;
        font-family: PingFang SC;
        font-size: .12rem;
        font-weight: 400;
        line-height: .122rem;
    }
    .right_item22 .item_icon22{
        position: absolute;
        width: .26rem;
        height: .26rem;
        top: .14rem;
        left: .41rem;
        background-image: url("../images/research_direction/yunpingtai\ 2.png");
        background-size: cover;
    }
    .right_item33{
        width: 1.09rem;
        height: .83rem;
        background-color: #FFFFFF;
        position: absolute;
        top: 2.3762rem;
        left: 2.34rem;
        box-shadow: 0 .0031rem .0811rem 0 rgba(0, 0, 0, 0.09);
        border-radius: .0488rem;
    }
    .right_item33:hover {
        cursor: pointer;
        transform: scale(1.05);
        transition-duration: .5s;
        box-shadow: 0 .01rem .292rem 0 rgba(0, 0, 0, 0.08);
    }
    .right_item33 h3{
        position: absolute;
        left: .22rem;
        top: .55rem;
        font-family: PingFang SC;
        font-size: .12rem;
        font-weight: 400;
        line-height: .122rem;
    }
    .right_item33 .item_icon33{
        position: absolute;
        width: .21rem;
        height: .2096rem;
        top: .17rem;
        left: .44rem;
        background-image: url("../images/research_direction/3Dchangjing\ 2.png");
        background-size: cover;
    }
    /* 研究方向半透明的遮罩层 */
    .hidden {
        display: none;
    }
    /*城市元宇宙*/
    .pol3{
        position: absolute;
        width: 3.75rem;
        height: .81rem;
        top: 20.74rem;
        background-image: url("../images/mobile/Group\ 427319169.png");
        background-size: cover;
    }
    .urban_yuan {
        display: none;
    }
    .urban_meta{
        display: none;
    }
    .meta_bg{
        position: absolute;
        width: 2.3514rem;
        height: .1781rem;
        left: .6926rem;
        top: 21.79rem;
        background-image: url("../images/mobile/Frame\ 138.png");
        background-size: cover;
    }
    .feel_mid{
        display: none;
    }
    .research_metaverse {
        position: absolute;
        width: 3.56rem;
        height: 1.3646rem;
        top: 22.2035rem;
        left: .19rem;
        overflow: scroll;
    }
    .left_bg1{
        position: absolute;
        width: 2.1568rem;
        height: 1.36rem;
        background-image: url("../images/mobile/Frame\ 148.png");
        background-size: cover;
    }
    .left_bg2{
        position: absolute;
        width: 2.1568rem;
        height: 1.36rem;
        left: 2.24rem;
        background-image: url("../images/mobile/Frame\ 149.png");
        background-size: cover;
    }
    .left_bg3{
        position: absolute;
        width: 2.1568rem;
        height: 1.36rem;
        left: 4.48rem;
        background-image: url("../images/mobile/Frame\ 150.png");
        background-size: cover;
    }
    .right_bg1{
        position: absolute;
        width: 2.1568rem;
        height: 1.36rem;
        left: 6.72rem;
        background-image: url("../images/mobile/Frame\ 151.png");
        background-size: cover;
    }
    .click_more1{
        position: absolute;
        width: .8867rem;
        height: .17rem;
        left: 1.43rem;
        top: 23.8081rem;
        background-image: url("../images/mobile/click_more.png");
        background-size: cover;
    }
    .left_bg1_des{
        display: none;
    }
    .left_bg2_des{
        display: none;
    }
    .left_bg3_des{
        display: none;
    }
    .right_bg1_des{
        display: none;
    }
    .right_top{
        display: none;
    }
    .right_bottom{
        display: none;
    }
    /* 城市感知 */
    .pol4{
        position: absolute;
        width: 3.75rem;
        height: .81rem;
        top: 24.4181rem;
        background-image: url("../images/mobile/Group\ 427319159.png");
        background-size: cover;
    }
    .per_bg{
        position: absolute;
        width: 2.9218rem;
        height: .1903rem;
        left: .4135rem;
        top: 25.4681rem;
        background-image: url("../images/mobile/Frame\ 137.png");
        background-size: cover;
    }
    .urban_ganzhi {
        display: none;
    }
    .urban_per{
        display: none;
    }
    .feel_mid1{
        display: none;
    }
    .research_perception {
        width: 3.56rem;
        height: 1.3649rem;
        position: absolute;
        top: 25.8935rem;
        left: .19rem;
        overflow: scroll;
    }
    .research_perception::-webkit-scrollbar{
        display: none;
    }
    .research_metaverse::-webkit-scrollbar{
        display: none;
    }
    .left_bg11{
        position: absolute;
        width: 2.1568rem;
        height: 1.36rem;
        background-image: url("../images/mobile/Frame\ 143.png");
        background-size: cover;
    }
    .left_bg22{
        position: absolute;
        width: 2.1568rem;
        height: 1.36rem;
        left: 2.24rem;
        background-image: url("../images/mobile/Frame\ 144.png");
        background-size: cover;
    }
    .left_bg33{
        position: absolute;
        width: 2.1568rem;
        height: 1.36rem;
        left: 4.48rem;
        background-image: url("../images/mobile/Frame\ 145.png");
        background-size: cover;
    }
    .right_bg11{
        position: absolute;
        width: 2.1568rem;
        height: 1.36rem;
        left: 6.72rem;
        background-image: url("../images/mobile/Frame\ 146.png");
        background-size: cover;
    }
    .click_more2{
        position: absolute;
        width: .8867rem;
        height: .17rem;
        left: 1.43rem;
        top: 27.4984rem;
        background-image: url("../images/mobile/click_more.png");
        background-size: cover;
    }
    .right_bottom1{
        display: none;
    }
    .left_bg11_des{
        display: none;
    }
    .left_bg22_des{
        display: none;
    }
    .left_bg33_des{
        display: none;
    }
    .right_bg11_des{
        display: none;
    }
    .left_top{
        display: none;
    }
    
    /*数原团队*/
    .team{
        position: absolute;
        top: 27.5rem;
        height: .1rem;
    }
    .pol5{
        position: absolute;
        width: .702rem;
        height: .2802rem;
        top: 28.1084rem;
        left: 1.51rem;
        border-radius: .0898rem 0 0 0;
        background-image: url("../images/about_bdnrc/Group\ 22.png");
        background-size: cover;
    }
    .shuyuan_team {
        position: absolute;
        top: 28.19rem;
        left: 1.5623rem;
        width: .57rem;
        height: .2rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 500;
        font-size: .1293rem;
        line-height: .196rem;
    /* identical to box height */
        color: #FFFFFF;
    }
    .our_team{
        position: absolute;
        left: 1.5901rem;
        top: 28.4285rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .1rem;
        line-height: .0826rem;
        color: #86909C;
    }
    @-moz-document url-prefix(){
        .our_team{
            left: 1.6301rem;
        }
    }
    .main_team{
        position: absolute;
        width: 3.77rem;
        height: 1.49rem;
        left: -0.02rem;
        top: 28.7584rem;
        background-image: url("../images/mobile/team_bg.png");
        background-size: cover;
    }
    .slogan{
        display: none;
    }
    .team1{
        display: none;
    }
    .team2{
        display: none;
    }
    .team3{
        display: none;
    }
    /* 数原成果 */
    .pol6{
        position: absolute;
        width: .702rem;
        height: .2802rem;
        top: 30.6884rem;
        left: 1.51rem;
        border-radius: .0898rem 0 0 0;
        background-image: url("../images/about_bdnrc/Group\ 22.png");
        background-size: cover;
    }
    .shuyuan_ach {
        position: absolute;
        top: 30.7764rem;
        left: 1.5623rem;
        width: .57rem;
        height: .2rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 500;
        font-size: .1293rem;
        line-height: .196rem;
    /* identical to box height */
        color: #FFFFFF;
    }
    .our_ach{
        position: absolute;
        left: 1.3923rem;
        top: 31.0097rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .1rem;
        line-height: .0826rem;
        color: #86909C;
    }
    @-moz-document url-prefix(){
        .our_ach{
            left: 1.4363rem;
        }
    }
    .main_ach{
        position: absolute;
        width: 3.2rem;
        height: .7194rem;
        top: 31.3084rem;
        left: .27rem;
        border-radius: .04rem;
    }
    .ach_text5{
        display: none;
    }
    .ach_img1{
        position: absolute;
        width: 1.5763rem;
        height: .7194rem;
        border-radius: .04rem;
        background-image: url("../images/mobile/26.png");
        background-size: cover; 
    }
    .ach_img2{
        position: absolute;
        width: 1.5763rem;
        height: .7194rem;
        left: 1.6237rem;
        border-radius: .04rem;
        background-image: url("../images/mobile/27.png");
        background-size: cover;
    }
    .ach_text1{
        position: absolute;
        width: .42rem;
        height: .27rem;
        left: .5906rem;
        top: .1392rem;
        font-family: PingFang SC;
        font-size: .2418rem;
        font-weight: 400;
        color: #FFFFFF;
    }
    .ach_text2{
        position: absolute;
        width: .47rem;
        height: .16rem;
        left: .56rem;
        top: .4196rem;
        font-family: PingFang SC;
        font-size: .1165rem;
        font-weight: 400;
        color: #FFFFFF;
    }
    .ach_text3{
        position: absolute;
        width: .42rem;
        height: .27rem;
        left: .5906rem;
        top: .1392rem;
        font-family: PingFang SC;
        font-size: .2418rem;
        font-weight: 400;
        color: #FFFFFF;
    }
    .ach_text4{
        position: absolute;
        width: .47rem;
        height: .16rem;
        left: .56rem;
        top: .4196rem;
        font-family: PingFang SC;
        font-size: .1165rem;
        font-weight: 400;
        color: #FFFFFF;
    }

    .xiangqing{
        position: absolute;
        width: .4rem;
        height: .15rem;
        left: 1.67rem;
        top: 32.2678rem;
        font-family: PingFang SC;
        font-size: .1rem;
        font-weight: 400;
        line-height: .15rem;
        text-align: justify;
        color: #0069E2;
    }
    .ach_datail{
        position: absolute;
        width: .08rem;
        height: .045rem;
        left: 1.83rem;
        top: 32.4478rem;
        background-image: url("../images/mobile/ach_detail.png");
        background-size: cover;
    }
    .ach_text{
        position: absolute;
        width: 2.78rem;
        height: .45rem;
        top: 32.19rem;
        left: .48rem;
        font-family: PingFang SC;
        font-size: .1rem;
        font-weight: 400;
        line-height: .15rem;
        text-align: justify;
        display: none;
    }
    .close_xq{
        position: absolute;
        width: .4rem;
        height: .15rem;
        top: 32.95rem;
        left: 1.67rem;
        font-size: .1rem;
        font-weight: 400;
        line-height: .15rem;
        text-align: justify;
        color: #0069E2;
        display: none;
    }
    .close_detail{
        position: absolute;
        width: .08rem;
        height: .04rem;
        top: 32.88rem;
        left: 1.83rem;
        background-image: url("../images/mobile/close_detail.png");
        background-size: cover;
        display: none;
    }
    /* 加入我们 */
    .join{
        position: absolute;
        top:72.13rem;
        height: .1rem;
    }
    .pol7{
        position: absolute;
        width: .702rem;
        height: .2802rem;
        top: 32.9278rem;
        left: 1.51rem;
        border-radius: .0898rem 0 0 0;
        background-image: url("../images/about_bdnrc/Group\ 22.png");
        background-size: cover;
    }
    .jiaru_us {
        position: absolute;
        top: 33.0138rem;
        left: 1.5623rem;
        width: .57rem;
        height: .2rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 500;
        font-size: .1293rem;
        line-height: .196rem;
    /* identical to box height */
        color: #FFFFFF;
    }
    .join_us{
        position: absolute;
        left: 1.6223rem;
        top: 33.2492rem;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: .1rem;
        line-height: .0826rem;
        color: #86909C;
    }
    @-moz-document url-prefix(){
        .join_us{
            left: 1.6623rem;
        }
    }
    .join_left1{
        position: absolute;
        width: .9427rem;
        height: 1.0934rem;
        left: .27rem;
        top: 33.5478rem;
        background-image: url("../images/join_us/img_social.png");
        background-size: cover;
        border-radius: .0962rem;
    }
    .join_left1 .join_text1{
        position: absolute;
        left: .23rem;
        top: .39rem;
        font-family: PingFang SC;
        font-size: .12rem;
        font-weight: 500;
        line-height: .168rem;
        color: #FFFFFF;
    }
    .join_left1 .join_text2{
        position: absolute;
        left: .19rem;
        top: .5792rem;
        font-family: PingFang SC;
        font-size: .07rem;
        font-weight: 400;
        line-height: .098rem;
        color: #FFFFFF;
    }
    .join_left2{
        position: absolute;
        width: .9427rem;
        height: 1.0934rem;
        left: 1.3986rem;
        top: 33.5478rem;
        background-image: url("../images/join_us/img_graduated.png");
        background-size: cover;
        border-radius: .0962rem;
    }
    .join_left2 .join_text21{
        position: absolute;
        left: .2314rem;
        top: .3871rem;
        font-family: PingFang SC;
        font-size: .12rem;
        font-weight: 500;
        line-height: .168rem;
        color: #FFFFFF;
    }
    .join_left2 .join_text22{
        position: absolute;
        left: .1414rem;
        top: .5507rem;
        font-family: PingFang SC;
        font-size: .07rem;
        font-weight: 400;
        line-height: .098rem;
        color: #FFFFFF;
    }
    .join_left3{
        position: absolute;
        width: .9427rem;
        height: 1.0934rem;
        left: 2.5273rem;
        top: 33.5478rem;
        background-image: url("../images/join_us/img_campus.png");
        background-size: cover;
        border-radius: .0962rem;
    }
    .join_left3 .join_text31{
        position: absolute;
        left: .1727rem;
        top: .39rem;
        font-family: PingFang SC;
        font-size: .12rem;
        font-weight: 500;
        line-height: .168rem;
        color: #FFFFFF;
    }
    .join_left3 .join_text32{
        position: absolute;
        width: .68rem;
        height: .2rem;
        left: .1327rem;
        top: .5792rem;
        font-family: PingFang SC;
        font-size: .07rem;
        font-weight: 400;
        line-height: .098rem;
        color: #FFFFFF;
        text-align: center;
    }
    .footer{
        position: absolute;
        width: 3.75rem;
        height: 1.82rem;
        top: 35.0812rem;
        background-color: #F3F3F3;
        box-shadow: 0 .01rem .5rem rgba(0, 0, 0, 0.02);
        backdrop-filter: blur(.0995rem);
    }
    .footer .footer_text1{
        display: none;
    }
    .footer .footer_text2{
        display: none;
    }
    .footer .footer_text3{
        position: absolute;
        top: 1.1rem;
        left: .73rem;
        font-family: PingFang SC;
        font-size: .1rem;
        font-weight: 400;
        line-height: .14rem;
        letter-spacing: .0023rem;
        color: #636366;
    }
    .footer .footer_text4{
        position: absolute;
        top: .62rem;
        left: 1.22rem;
        font-family: PingFang SC;
        font-size: .1rem;
        font-weight: 400;
        line-height: .14rem;
        letter-spacing: .0023rem;
        color: #636366;
    }
    .footer .footer_text5{
        position: absolute;
        top: .86rem;
        left: 1.355rem;
        font-family: PingFang SC;
        font-size: .1rem;
        font-weight: 400;
        line-height: .14rem;
        letter-spacing: .0023rem;
        color: #636366;
    }
    .footer .a1{
        position: absolute;
        top: 1.34rem;
        left: .7rem;
        font-family: PingFang SC;
        font-size: .1rem;
        font-weight: 400;
        line-height: .14rem;
        letter-spacing: .0023rem;
        color: #636366;
    }
    .a1:hover{
        text-decoration: underline;
        color: #0067ff;
    }
    .footer .a2{
        position: absolute;
        top: 1.34rem;
        left: 1.954rem;
        font-family: PingFang SC;
        font-size: .1rem;
        font-weight: 400;
        line-height: .14rem;
        letter-spacing: .0023rem;
        color: #636366;
    }
    .a2:hover{
        text-decoration: underline;
        color: #0067ff;
    }
    .footer .footer_img{
        position: absolute;
        width: .69rem;
        height: .1938rem;
        top: .25rem;
        left: 1.52rem;
        background-image: url("../images/home_page/logo.png");
        background-size: cover;
    }  
}