*{
    font-family: SimHei;
}
.container-fluid {
    padding: 0;
    overflow: hidden;
}

/* ai考级卡片翻转样式 */
.box {
    width:calc(100vw/1920*380);
    height:calc(100vw/1920*380);
    position: relative;
    perspective: 500;
    transform: perspective(10000);
    -moz-transform: perspective(10000);
    -o-transform: perspective(10000);
    -webkit-transform: perspective(10000);
    -webkit-perspective: 500;
    margin: 0 calc(100vw/1920*50);
    border-radius: 10px;
}

.box div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    perspective:10000;
    -webkit-perspective: 10000;
    -ms-perspective: 10000;
    -moz-perspective: 10000;
    -o-perspective: 10000;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    transition:all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
/* .box .front{
    transform: translateZ(100px);
} */

.box .back {
    width: calc(100vw/1920*380);
    border-radius: 10px;
    transform: translateZ(-1px);
    -webkit-transform: translateZ(-1px);
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
z-index: -99;
}

.box:hover .front {
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
z-index: 99;
}

.box:hover .back {
    transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
}

/* 首页robomarket弹窗样式
.modal{
    margin: 0 auto;
}

.modal-dialog .modal-content {
    width: 100%;
    height: 100%;
    border: 0 solid rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
    margin: 0;
}

.modal-header {
    position: relative;
    border: 0 solid rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
    z-index: 999;
    padding: 0;
}
.btn-close{
    position: absolute;
    top: 30px;
    right: 30px;
}

.modal-body {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.robomarket-qrcode {
    width: 100%;
} */

.intro_detail {
    padding-top: calc(100vw/1920*140);
    margin-bottom: 50px;
}

.intro_detail h3 {
    text-align: center;
    font-size: calc(100vw/1920*26);
    font-weight: 400;
    color: #5E5E5E;
    position: relative;
    margin-bottom: 30px;
}

.intro_detail h3::after {
    content: '';
    background: #2AC8FF;
    width: calc(100vw/1920*70);
    height: calc(100vw/1920*4);
    margin: 0 auto;
    position: absolute;
    bottom: calc(100vw/1920*-14);
    left: 0;
    right: 0;
}
.detail-js{
    letter-spacing: calc(100vw/1920*6);
    line-height: calc(100vw/1920*38);
    color: #777777;
    font-size: calc(100vw/1920*20);
}
.detail-js  .col-12{
    padding:40px 20%;
}

.intro_detail .col-12 .robopark-image {
    width: calc(100vw/1920*120);
    object-fit: contain;
    position: absolute;
    bottom: calc(100vw/1920*-20);
    left: 50%;
    margin-left: calc(100vw/1920*-162);
}
.title_img img,.basiness_img .img{
    object-fit: contain;
}

/* .rongtai-ai .testimonial-thumb {
    width: calc(100vw / 1920 * 1539);
    height: calc(100vw / 1920 * 651);
}
.rongtai-ai .testimonial-thumb>div{
    position: absolute;top:calc(100vw / 1920 * 46) ;left: calc(100vw / 1920 * 190);border-radius: calc(100vw / 1920 * 32);color: #06ADFF;background: #FFFFFF;padding:calc(100vw / 1920 * 10) calc(100vw / 1920 * 20);
}
.rongtai-ai .testimonial-thumb>div>span{
    display: inline-block;width:5px;height: 5px;border-radius: 50%;background:#06ADFF ;line-height: 100%;
} */


/* robopark业务模块 */
.basiness_detail{
    background: #DBF6FF;
    margin: calc(100vw/1920*10) 0 0 0;
}
.basiness_detail>.col-12{
    margin-top: calc(100vw/1920*62);
    background: white;
}
.basiness_title{
    padding-top: calc(100vw/1920*30);
}
.basiness_title .title_img{
    width: calc(100vw/1920*200);
    margin: calc(100vw/1920*30) auto;
}
.basiness_content{
    font-size: calc(100vw/1920*20);
    color: #777777;
    letter-spacing: calc(100vw/1920*6);
    line-height: calc(100vw/1920*38);
}
.basiness_img .col-8 .col-4 .img{
    width: calc(100vw/1920*380);
    margin: calc(100vw/1920*30) auto;
}
.callme{
    font-size:  calc(100vw/1920*22);
    text-align: left;
    line-height:  calc(100vw/1920*80);
}
.callme .my-icon{
    width:  calc(100vw/1920*22);
    margin: 0  calc(100vw/1920*20);
}
.call-border-left{
    position: absolute;
    top:  calc(100vw/1920*20);
    left: 0;
    width: 1px;
    height:  calc(100vw/1920*200);
    background:#1D377C ;
}
.code{
    width:  calc(100vw/1920*191);margin:  calc(100vw/1920*10) auto;
}
.hzlx{
    background: #1B408C;text-align: center;color: white;font-size:calc(100vw/1920*32);
}





/* 1920分辨率下的导航栏样式 */
@media (min-width: 1920px) {
    /* 首页banner图 */
    .overlay::before {
        background: rgba(0, 0, 0, 0);
    }

    /* 科普乐园 */
    /* .robopark>.container-fluid {
        height: 780px;
    }

    .make-appointment {
        width: 534px;
        height: 780px;
        padding: 0;
        margin: 0;
    }

    .make-appointment-one {
        width: 640px;
        padding: 0;
        margin-left: calc(100vw / 1920 * 20) !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    } */

    /* robomarket */
    /* .robomarket .container-fluid {
        padding: calc(100vw / 1920 * 20) 0;
    }

    .robomarket .container-fluid>.row {
        margin-top: calc(100vw / 1920 * 52) !important;
        margin-bottom: calc(100vw / 1920 * 52) !important;
    }

    .robomarket .container-fluid>.row>.col-9 {
        border-radius: calc(100vw / 1920 * 20) !important;
        padding: calc(100vw / 1920 * 20) 0 calc(100vw / 1920 * 20) calc(100vw / 1920 * 20) !important;
    }

    .robomarket .container-fluid>.row>.col-9>.col-8 {
        padding-left: calc(100vw / 1920 * 20) !important;
    }

    .robomarket-row1 {
        margin-bottom: calc(100vw / 1920 * 20) !important;
    } */

    /* AI考级 */
    .ai-container {
        width: 100%;
        height: calc(100vw / 1920 * 796);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 !important;
    }
    .ai-container>.row{
        margin: 0 !important;
    }

    .ai-container>.row>.col-6 {
        padding: 0 103px;
    }

    .ai-container>.row>.col-6 .testimonial-thumb {
        width: calc(100vw / 1920 * 380);
        height: calc(100vw / 1920 * 380);
    }

    .box {
        width:calc(100vw / 1920 * 380);
        height:calc(100vw / 1920 * 380);
        position: relative;
        perspective: 500;
        -webkit-perspective: 500;
        margin: 0 calc(100vw/1920*50);
        border-radius: 10px;
    }

    /* 容钛智能大厦 */
    /* .rongtai-ai {
        width: 100%;
        height: calc(100vw / 1920 * 796) !important;;
        display: flex;
        align-items: center;
        justify-content: center;
        background-size: 100% 100%;
        overflow: hidden;
    } */

    
   
}

/* 1366分辨率下的导航栏样式 */
@media (min-width: 1366px) and (max-width: 1919px) {
    /* 首页banner图 */
    .overlay::before {
        background: rgba(0, 0, 0, 0);
    }

    /* 科普乐园 */
    .robopark>.container-fluid {
        height: 555px;
    }

    .make-appointment {
        width: 380px;
        height: 555px;
        padding: 0;
        margin: 0;
    }

    .make-appointment-one {
        width: 455px;
        padding: 0;
        margin-left: calc(100vw / 1920 * 20) !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /* robomarket */
    .robomarket .container-fluid {
        padding: calc(100vw / 1920 * 20) 0;
    }

    .robomarket .container-fluid>.row {
        margin-top: calc(100vw / 1920 * 51) !important;
        margin-bottom: calc(100vw / 1920 * 51) !important;
    }

    .robomarket .container-fluid>.row>.col-9 {
        border-radius: calc(100vw / 1920 * 20) !important;
        padding: calc(100vw / 1920 * 20) 0 calc(100vw / 1920 * 20) calc(100vw / 1920 * 20) !important;
    }

    .robomarket .container-fluid>.row>.col-9>.col-8 {
        padding-left: calc(100vw / 1920 * 20) !important;
    }

    .robomarket-row1 {
        margin-bottom: calc(100vw / 1920 * 20) !important;
    }

    .robomarket-col1 {
        padding: 0;
        margin-right: calc(100vw / 1920 * 20) !important;
    }

    .robomarket-col2 {
        padding: 0;
    }


    /* 容钛智能大厦 */
    /* .rongtai-ai {
        width: 100%;
        height: 698px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-size: 100% 100%;
        overflow: hidden;
    } */

    .rongtai-ai .testimonial-thumb {
        width: 1300px;
        height: 561px;
    }

    /* 轮播图 */

    .carousel-indicators [data-bs-target] {
        width: calc(100vw / 1920 * 20) !important;
        height: calc(100vw / 1920 * 20) !important;
        border-radius: 50%;
        margin: 0 calc(100vw / 1920 * 20) !important;
    }

    .carousel-indicators .active {
        opacity: 1;
    }
    .carousel-caption{
        bottom: calc(100vw / 1920 * -70);
    }

}

@media (min-width: 1280px) and (max-width:1365px) {

    /* 首页banner图 */
    .overlay::before {
        background: rgba(0, 0, 0, 0);
    }

    /* 科普乐园 */
    .robopark>.container-fluid {
        height: 515px;
    }

    .make-appointment {
        width: 352.5px;
        height: 515px;
        padding: 0;
        margin: 0;
    }

    .make-appointment-one {
        width: 422.4px;
        padding: 0;
        margin-left: calc(100vw / 1920 * 20) !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /* robomarket */
    .robomarket .container-fluid {
        padding: calc(100vw / 1920 * 20) 0;
    }

    .robomarket .container-fluid>.row {
        margin-top: calc(100vw / 1920 * 51) !important;
        margin-bottom: calc(100vw / 1920 * 51) !important;
    }

    .robomarket .container-fluid>.row>.col-9 {
        border-radius: calc(100vw / 1920 * 20) !important;
        padding: calc(100vw / 1920 * 20) 0 calc(100vw / 1920 * 20) calc(100vw / 1920 * 20) !important;
    }

    .robomarket .container-fluid>.row>.col-9>.col-8 {
        padding-left: calc(100vw / 1920 * 20) !important;
    }

    .robomarket-row1 {
        margin-bottom: calc(100vw / 1920 * 20) !important;
    }

    .robomarket-col1 {
        padding: 0;
        margin-right: calc(100vw / 1920 * 20) !important;
    }

    .robomarket-col2 {
        padding: 0;
    }

    /* 容钛智能大厦 */
    /* .rongtai-ai {
        width: 100%;
        height: 654px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-size: 100% 100%;
        overflow: hidden;
    } */

    .rongtai-ai .testimonial-thumb {
        width: 1243.3px;
        height: 526px;
    }

    /* 轮播图 */

    .carousel-indicators [data-bs-target] {
        width: calc(100vw / 1920 * 20) !important;
        height: calc(100vw / 1920 * 20) !important;
        border-radius: 50%;
        margin: 0 calc(100vw / 1920 * 20) !important;
    }

    .carousel-indicators .active {
        opacity: 1;
    }
    .carousel-caption{
        bottom: calc(100vw / 1920 * -80);
    }
}

@media (min-width: 1024px) and (max-width:1279px) {

    /* 首页banner图 */
    .overlay::before {
        background: rgba(0, 0, 0, 0);
    }

    /* 科普乐园 */
    .robopark>.container-fluid {
        height: 416px;
    }

    .make-appointment {
        width: 284.8px;
        height: 416px;
        padding: 0;
        margin: 0;
    }

    .make-appointment-one {
        width: 341.3px;
        padding: 0;
        margin-left: calc(100vw / 1920 * 20) !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /* robomarket */
    .robomarket .container-fluid {
        padding: calc(100vw / 1920 * 20) 0;
    }

    .robomarket .container-fluid>.row {
        margin-top: calc(100vw / 1920 * 51) !important;
        margin-bottom: calc(100vw / 1920 * 51) !important;
    }

    .robomarket .container-fluid>.row>.col-9 {
        border-radius: calc(100vw / 1920 * 20) !important;
        padding: calc(100vw / 1920 * 20) 0 calc(100vw / 1920 * 20) calc(100vw / 1920 * 20) !important;
    }

    .robomarket .container-fluid>.row>.col-9>.col-8 {
        padding-left: calc(100vw / 1920 * 20) !important;
    }

    .robomarket-row1 {
        margin-bottom: calc(100vw / 1920 * 20) !important;
    }

    .robomarket-col1 {
        padding: 0;
        margin-right: calc(100vw / 1920 * 20) !important;
    }

    .robomarket-col2 {
        padding: 0;
    }


    /* 容钛智能大厦 */

    .rongtai-ai .testimonial-thumb {
        width: 995px;
        height: 420.8px;
    }

    /* 轮播图 */

    .carousel-indicators [data-bs-target] {
        width: calc(100vw / 1920 * 20) !important;
        height: calc(100vw / 1920 * 20) !important;
        border-radius: 50%;
        margin: 0 calc(100vw / 1920 * 20) !important;
    }

    .carousel-indicators .active {
        opacity: 1;
    }

    .carousel-caption{
        bottom: calc(100vw / 1920 * -100);
    }
}

@media (min-width: 800px) and (max-width: 1023px) {
    /* .d-lg-flex {
        display: flex !important;
    } */

    /* 首页banner图 */
    .overlay::before {
        background: rgba(0, 0, 0, 0);
    }

    /* 科普乐园 */
    .robopark>.container-fluid {
        height: 325px;
    }

    .make-appointment {
        width: 222.5px;
        height: 325px;
        padding: 0;
        margin: 0;
    }

    .make-appointment-one {
        width: 266.7px;
        padding: 0;
        margin-left: calc(100vw / 1920 * 20) !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /* robomarket */
    .robomarket .container-fluid {
        padding: calc(100vw / 1920 * 20) 0;
    }

    .robomarket .container-fluid>.row {
        margin-top: calc(100vw / 1920 * 51) !important;
        margin-bottom: calc(100vw / 1920 * 51) !important;
    }

    .robomarket .container-fluid>.row>.col-9 {
        border-radius: calc(100vw / 1920 * 20) !important;
        padding: calc(100vw / 1920 * 20) 0 calc(100vw / 1920 * 20) calc(100vw / 1920 * 20) !important;
    }

    .robomarket .container-fluid>.row>.col-9>.col-8 {
        padding-left: calc(100vw / 1920 * 20) !important;
    }

    .robomarket-row1 {
        margin-bottom: calc(100vw / 1920 * 20) !important;
    }

    .robomarket-col1 {
        padding: 0;
        margin-right: calc(100vw / 1920 * 20) !important;
    }

    .robomarket-col2 {
        padding: 0;
    }

    /* 容钛智能大厦 */
    /* .rongtai-ai {
        width: 100%;
        height: 408.7px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-size: 100% 100%;
        overflow: hidden;
    } */

    .rongtai-ai .testimonial-thumb {
        width: 777.1px;
        height: 328.8px;
    }

    /* 轮播图 */

    .carousel-indicators [data-bs-target] {
        width: calc(100vw / 1920 * 20) !important;
        height: calc(100vw / 1920 * 20) !important;
        border-radius: 50%;
        margin: 0 calc(100vw / 1920 * 20) !important;
    }

    .carousel-indicators .active {
        opacity: 1;
    }

    .carousel-caption{
        bottom: calc(100vw / 1920 * -130);
    }
}

@media screen and (max-width: 768px) {
    .d-none {
        display: none !important
    }
    /* 科普乐园 */
    .section-padding {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .robopark>.container-fluid {
        height: calc(100vw / 800 * 325) !important;
    }

    .make-appointment {
        width: calc(100vw / 800 * 222) !important;
        height: calc(100vw / 800 * 324) !important;
        padding: 0;
        margin: 0;
    }

    .make-appointment-one {
        width: calc(100vw / 800 * 266.7) !important;
        padding: 0;
        margin-left: calc(100vw / 800 * 12.5) !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /* robomarket */
    .robomarket .container-fluid {
        padding: 12.5 0;
    }

    .robomarket .container-fluid>.row {
        margin-top: 31px;
        margin-bottom: 31px;
    }

    .robomarket .container-fluid>.row>.col-9 {
        border-radius: 12px;
        padding: 12px 0 12px 12px;
    }

    .robomarket .container-fluid>.row>.col-9>.col-8 {
        padding-left: 12px;
    }

    .robomarket-row1 {
        margin-bottom: 12px;
    }

    .robomarket-col1 {
        padding: 0;
        margin-right: 12px;
    }

    .robomarket-col2 {
        padding: 0;
    }

    .rongtai-ai .testimonial-thumb {
        width: calc(100vw / 800 * 777.1) !important;
        height: calc(100vw / 800 * 328.8) !important;
    }

    /* 轮播图 */

    .carousel-indicators [data-bs-target] {
        width: 12.5px;
        height: 12.5px;
        border-radius: 50%;
        margin: 0 12.5px;
    }
    .carousel-caption{
        bottom: calc(100vw / 1920 * -56);
    }

    .carousel-indicators .active {
        opacity: 1;
    }

    .btn-close{
    position: absolute;
    top: 10px;
    right: 10px;
}
.robopark_logo {
    object-fit: contain;
    width: calc(100vw / 800 * 150) !important;
}

.robomarket_logo {
    object-fit: contain;
    width: calc(100vw / 800 * 197) !important;
}
.robopark-image{
    display: none;
}

.intro_detail {
    padding-top: 20px;
    margin-bottom: 0;
}
.intro_detail h3 {
    font-size: 16px;
}

.basiness_content{
    line-height: 15px;
}

.detail-js{
    letter-spacing: 2px;
    line-height: 15px;
    font-size: 14px;
}
.detail-js  .col-12{
    padding: 10px;
}

}