﻿@keyframes clock {
    0% {
        transform: rotate(2deg);
    }

    1% {
        transform: rotate(-2deg);
    }

    2% {
        transform: rotate(2deg);
    }

    3% {
        transform: rotate(-2deg);
    }

    4% {
        transform: rotate(2deg);
    }

    5% {
        transform: rotate(-2deg);
    }

    6% {
        transform: rotate(2deg);
    }

    7% {
        transform: rotate(-2deg);
    }

    8% {
        transform: rotate(-2deg);
    }

    9% {
        transform: rotate(2deg);
    }

    10% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes spread {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        opacity: 0.2;
    }

    100% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        opacity: 1.0;
    }
}

@keyframes flagup {
    0% {
        top: 0;
        opacity: 0.5;
    }

    100% {
        top:-4.35%;
        opacity: 1;
    }
}

@keyframes scan {
    0% {
         top: 61.44%;
    }

    100% {
        top: 67.84%;
    }
}

@keyframes upball_X {
    0% {
        top: 12.6%;
    }

    100% {
        top: 29.13%;
    }
}

@keyframes downball_X {
    0% {
        top: 26.52%;
    }

    100% {
        top: 43%;
    }
}

@keyframes ball_Y {
    0% {
        left: 36.39%;
    }

    100% {
        left: 57.5%;
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
    }

    28% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes rotate {
    from {
        transform: rotateZ(0deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}

@keyframes form {
    0% {
        top: 8.6%;
    }

    100% {
        top: 12.6%;
    }
}

@keyframes smallspread {
    0% {
        transform: translate(-50%,-50%) scale(1);
        -webkit-transform: translate(-50%,-50%) scale(1);
        -moz-transform: translate(-50%,-50%) scale(1);
    }

    100% {
        transform: translate(-50%,-50%) scale(5);
        -webkit-transform: translate(-50%,-50%) scale(5);
        -moz-transform: translate(-50%,-50%) scale(5);
    }
}

@keyframes rightslide {
    0% {
        opacity: 0;
        left:-40%;
    }

    100% {
        opacity: 1;
        left:4%;
    }
}

@keyframes pointup {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        top: 0;
    }
}

@keyframes headbeam {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        top: -2.5rem;
    }
}

@keyframes beamup {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        top: 0;
        opacity: 0;
    }
}

@keyframes earth {
    from {
        top: 0;
    }

    to {
        top: -0.5rem;
    }
}

@keyframes book1 {
    from {
        bottom: 0rem;
    }

    to {
        bottom: 0.5rem;
    }
}

@keyframes book2 {
    from {
        top: 50%;
    }

    to {
        top: 45%;
    }
}

@keyframes cube {
    from {
        top: 13.46%;
    }

    to {
        top: 6.46%;
    }
}

@keyframes robot {
    from {
        top: 19.23%;
    }

    to {
        top: 16.23%;
    }
}

@keyframes s4book {
    from {
        top: 2rem;
    }

    to {
        top: 1.5rem;
    }
}

@keyframes paper {
    from {
        bottom: 0;
    }

    to {
        bottom: 0.5rem;
    }
}

@keyframes aiexam_s2_book {
    from {
        top: 0rem;
    }

    to {
        top: -1rem;
    }
}

@keyframes cloud1 {
    from {
        top: 4.27%;
    }

    to {
        top:2.56%;
    }
}

@keyframes cloud2 {
    from {
        top:  11.11%;
    }

    to {
        top: 9.4%;
    }
}

@keyframes cloud3 {
    from {
        top: 2.14%;
    }

    to {
        top: 0.5%;
    }
}

@keyframes machine {
    from {
        top: 17.625rem;
    }

    to {
        top: 17.125rem;
    }
}

@keyframes screen {
    from {
        top: 19.43%;
    }

    to {
        top: 17.43%;
    }
}

@keyframes screen1 {
    from {
        top: 28.37%;
    }

    to {
        top: 26.37%;
    }
}

@keyframes screen2 {
    from {
        top: 25.48%;
    }

    to {
        top: 23.48%;
    }
}

@keyframes screen3 {
    from {
        top: 11.06%;
    }

    to {
        top: 9.06%;
    }
}

@keyframes number {
    from {
        top: 35.79%;
    }

    to {
        top: 33.79%;
    }
}
/*产品通用*/

.product_banner {
    width:100%;
    height: 31.25rem;
    position:relative;
    overflow:hidden;
}

.producttitle {
    font-family: YouSheBiaoTiHei;
    color: #f5f5f5;
}

    .producttitle .tips {
        text-align: left;
        width: 100%;
        height: 1.25rem;
        font-size: 1.375rem;
        line-height: 1.25rem;
        margin-left: 1rem;
    }

    .producttitle .bigtitle {
        text-align: right;
        width: 100%;
        height: 3rem;
        font-size: 4.25rem;
        letter-spacing: 0.25rem;
        line-height: 3rem;
        opacity: 0.98;
    }

    .producttitle .smalltitle {
        text-align: right;
        width: 100%;
        height: 1.5rem;
        font-size: 2.125rem;
        line-height: 1.5rem;
        margin-top: 1.75rem;
    }

        .producttitle .smalltitle > div {
            float: left;
            width: 4.5rem;
            height: 0.25rem;
            background-color: #f5f5f5;
        }

    .producttitle .icon {
        width: 8.25rem;
        height: 2rem;
        background: url("../images/icon_product_title.png") center center no-repeat;
        background-size: 100% 100%;
        font-size: 1.125rem;
        font-weight: bold;
        line-height: 1.75rem;
        padding-left: 1.25rem;
        font-family: MicrosoftYaHei;
        margin-top: 1.25rem;
    }

    .producttitle .skill {
        width: 100%;
        height: 3.5rem;
        font-family: MicrosoftYaHei;
        font-size: 1rem;
        line-height: 1.75rem;
        margin-top: 0.25rem;
    }

.main_product {
    width: 100%;
    height: 50rem;
    overflow: hidden;
    position: relative;
}

.main_product_container {
    width: 90%;
    margin: 0 auto;
    max-width: 87.5rem;
    overflow: hidden;
    position: relative;
}

.product_item_title {
    width: auto;
    height: 2rem;
    font-family: FZLTHJW--GB1-0;
    font-size: 2rem;
    line-height: 2rem;
    color: #4d4d4d;
}

.product_item_text {
    margin-top: 1.375rem;
    width: 100%;
    font-size: 1.25rem;
    line-height: 2rem;
    color: #9fa5bb;
}

.main_case {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #f5f6f6;
    padding: 5rem 0;
}

.case_hot {
    margin: 0.875rem 0 3rem;
    width: 100%;
    height: 20.5rem;
    overflow: hidden;
    position: relative;
}

.case_list {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

    .case_list .slick-slide {
        height: 20.5rem;
        padding: 0 0.75rem;
    }

    .case_list .slick-dots li {
        display: inline-block;
        margin: 0 0.25rem;
        width: 0.75rem;
        height: 0.75rem;
        background: #cecece;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

        .case_list .slick-dots li.slick-active {
            background-color: #0072ff;
        }

.case_item {
    height: 100%;
    overflow: hidden;
    position: relative;
    border: solid 0.0625rem #e5e5e5;
    cursor: pointer;
}

    .case_item .item_img {
        width: 100%;
        height: 13.625rem;
    }

        .case_item .item_img > img {
            width: 100%;
            height: 100%;
        }

    .case_item .item_contain {
        width: 100%;
        height: 6.875rem;
        padding: 0.75rem 1.25rem;
        background-color: #ffffff;
    }

        .case_item .item_contain .item_school {
            margin: 0.5rem 0;
            height: 1.125rem;
            font-size: 1.125rem;
            line-height: 1.125rem;
            color: #333333;
        }

        .case_item .item_contain .item_context {
            margin-top: 0.5rem;
            font-size: 0.875rem;
            line-height: 1.375rem;
            color: #999999;
        }

.case_school {
    width: 100%;
    height: 34.375rem;
}

.school_main {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

    .school_main .slick-slide {
        height: 34.375rem;
        margin: 0 2.25rem;
    }

    .school_main .slick-track {
        margin: 0;
    }

.school_row {
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.school_cell {
    width: 100%;
    height: 10.625rem;
    background-color: #ffffff;
    border: solid 0.0625rem #e5e5e5;
    margin-top: 1.25rem;
    padding: 1.375rem;
    position: relative;
    /*cursor: pointer;*/
}

    .school_cell:first-child {
        margin: 0;
    }

.school_cell_img {
    margin: 0 auto;
    width: 5.625rem;
    height: 5.625rem;
}

    .school_cell_img > img {
        width: 100%;
        height: 100%;
    }

.school_cell_title {
    margin: 0.375rem auto;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #333333;
    text-align: center;
}

.case_info {
    margin-top: 5rem;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.case_info_head {
    width: auto;
    height: 4rem;
    padding: 1.25rem 0.25rem;
}

.case_info_space {
    float: left;
    width: 0.375rem;
    height: 1.5rem;
    background-color: #1d85cc;
    border-radius: 0.1875rem;
}

.case_info_chntitle {
    float: left;
    margin-left: 1.25rem;
    width: 6.25rem;
    height: 1.5rem;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5rem;
    letter-spacing: 0.0625rem;
    color: #333333;
}

.case_info_engtitle {
    float: left;
    margin-left: 0.875rem;
    width: 20.625rem;
    height: 1.5rem;
    font-weight: bold;
    font-size: 1.875rem;
    line-height: 1.5rem;
    color: #0072ff;
    opacity: 0.08;
}

.case_info_contain {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.case_info_cell {
    margin: 1.25rem 0 0 1.875rem;
    width: 100%;
    height: 1.25rem;
    cursor: pointer;
}

.case_info_icon {
    float: left;
    width: 1.25rem;
    height: 1.25rem;
    background: url("../images/product_info_icon.png") center center no-repeat;
    background-size: 100% 100%;
}

.case_info_name {
    margin: 0 0.625rem;
    float: left;
    height: 1.25rem;
    font-size: 1.125rem;
    line-height: 1.25rem;
    letter-spacing: 0.0625rem;
    color: #333333;
}

.case_info_down {
    float: left;
    width: 1.25rem;
    height: 1.25rem;
    background: url("../images/product_info_down.png") center center no-repeat;
    background-size: 100% 100%;
}

.case_info_button {
    margin-left: 0.5rem;
    height: 1.25rem;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: 0.0625rem;
    color: #4191e0;
    text-decoration: underline;
}

.case_info_cell:hover .case_info_down {
    background-image: url("../images/product_info_down_on.png");
}

.case_info_cell:hover .case_info_button {
    color: #0072ff;
    text-decoration: none;
}

.case_bid_all {
    margin-top: 2.5rem;
    width: 100%;
    padding:0 0.75rem;
    height: 1.5rem;
}

/*AI智慧教室*/
.airoomtitle {
    position: absolute;
    top: 10.5rem;
    /*left: -36.75rem;*/
    width: 32.5rem;
    height: auto;
    animation: rightslide 1s both;
}

    .airoomtitle .bigtitle {
        margin-top: 1rem;
    }

    .airoomtitle .smalltitle > div {
        margin: 0.625rem 0 0 5.75rem;
    }

.airoomshowimg {
    position: absolute;
    width: 50%;
    height: 65%;
    right: 4rem;
    bottom: 4rem;
}

.airoom_s1_context {
    margin: 21.25rem 1.25rem 0 0;
    float: right;
    width: 30rem;
    height: 7.75rem;
}

.airoom_s1_img {
    float: left;
    width: 44.75rem;
    height: 29.5rem;
    margin: 10.25rem 0 10.25rem 4rem;
    position: relative;
    overflow: hidden;
}

.airoom_s1_main {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.airoom_s1_center {
    width: 100%;
    height: 100%;
}

.airoom_s1_alarmcontain {
    position: absolute;
    left: 8.94%;
    top: 64.4%;
    width: 3.91%;
    height: 6.8%;
}

    .airoom_s1_alarmcontain .airoom_s1_alarmbeam {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        width: 85.71%;
        height: 25%;
    }

    .airoom_s1_alarmcontain .airoom_s1_alarm {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        width: 71.43%;
        height: 75%;
    }

.airoom_s1_scan {
    width: 5%;
    height: 4.7%;
    position: absolute;
    left: 27.93%;
    top: 61.44%;
}

.airoom_scan_updown {
    animation: scan 0.5s ease-out alternate infinite;
}

.airoom_s1_beam {
    position: absolute;
    opacity: 0;
    animation: beamup 3s ease-out infinite;
    -webkit-animation: beamup 3s ease-out infinite;
    -moz-animation: beamup 3s ease-out infinite;
}

.beam1_1 {
    left: 44.13%;
    top: 55.93%;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
}

.beam1_2 {
    left: 48.6%;
    top: 51.7%;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
}

.beam1_3 {
    left: 47.5%;
    top: 42.37%;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

.beam2 {
    left: 55.3%;
    top: 44%;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
}

.beam3_1 {
    left: 52.5%;
    top: 44%;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
}

.beam3_2 {
    left: 39.1%;
    top: 33.9%;
}

.airoom_s2_context {
    margin: 20.75rem 0 0 3rem;
    float: left;
    width: 28.75rem;
    height: 7.75rem;
}

.airoom_s2_img {
    width: 49.625rem;
    height: 25rem;
    float: right;
    margin: 12.5rem 0;
    overflow: hidden;
    position: relative;
}

.airoom_s2_center {
    width: 100%;
    height: 91.5%;
    position: absolute;
    bottom: 0;
}

.airoom_s2_earth {
    width: 12.6%;
    height: 25%;
    position: absolute;
    top: 0;
    left: 43.7%;
    z-index: 10;
    animation: earth 1s ease-in-out alternate infinite;
}

.airoom_s2_bookrd {
    position: absolute;
    width: 5%;
    height: 12.5%;
    right: 15.87%;
    top: 58.5%;
    z-index: 10;
}

.airoom_s2_book1 {
    width: 60%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 20%;
    animation: book1 1s ease-in-out alternate infinite;
}

.airoom_s2_beam {
    width: 100%;
    height: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.airoom_s2_book2 {
    width: 7.8%;
    height: 18%;
    position: absolute;
    top: 50%;
    left: 45.34%;
    z-index: 10;
    animation: book2 1s ease-in-out alternate infinite;
}

.airoom_s2_point {
    width: 0.125rem;
    height: 2rem;
    position: absolute;
}

.point1 {
    left: 63%;
    top: 20%;
    -webkit-animation: pointup 2s ease-out 0s infinite;
    animation: pointup 2s ease-out 0s infinite;
}

.point2 {
    left: 64.24%;
    top: 21%;
    -webkit-animation: pointup 2s ease-in-out 1s infinite;
    animation: pointup 2s ease-in-out 1s infinite;
}

.point3 {
    left: 65.5%;
    top: 20%;
    -webkit-animation: pointup 2s ease-out 0.5s infinite;
    animation: pointup 2s ease-out 0.5s infinite;
}

.airoom_s3_img {
    float: left;
    margin: 5.5rem auto 5.5rem 5.5rem;
    width: 36rem;
    height: 39rem;
    overflow: hidden;
    position: relative;
}

.airoom_s3_around {
    position: absolute;
    width: 22.92%;
    height: 33.33%;
}

.airoom_s3_cube {
    width: 100%;
    height: 100%;
}

.airoom_s3_around_tl {
    left: 0;
    top: 16.67%;
}

.airoom_s3_around_tr {
    right: 0;
    top: 16.67%;
}

.airoom_s3_around_bl {
    left: 0;
    bottom: 16.67%;
}

.airoom_s3_around_br {
    right: 0;
    bottom: 16.67%;
}

.airoom_s3_main {
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    width: 54.17%;
    height: 100%;
}

.airoom_s3_block {
    width: 34.85%;
    height: 25.96%;
    position: absolute;
    left: 33.33%;
    top: 13.46%;
    animation: cube 1s ease-in-out alternate infinite;
    -webkit-animation: cube 1s ease-in-out alternate infinite;
}

.airoom_s3_robot {
    width: 46.8%;
    height: 26.28%;
    position: absolute;
    left: 32.5%;
    top: 19.23%;
    z-index: 11;
    animation: robot 1s ease-in-out alternate infinite;
    -webkit-animation: robot 1s ease-in-out alternate infinite;
}

.airoom_s3_beam {
    width: 66.67%;
    height: 47.76%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.airoom_s3_center {
    width: 100%;
    height: 90.4%;
    position: absolute;
    bottom: 0;
}

.airoom_s3_context {
    margin: 19.75rem 3rem 0 0;
    float: right;
    width: 28.125rem;
    height: 8.875rem;
}

    .airoom_s3_context .product_item_text {
        margin-top: 1.25rem;
        font-size: 1.125rem;
    }

.airoom_s4_context {
    margin: 20.875rem 0 0 4rem;
    float: left;
    width: 32.5rem;
    height: auto;
}

.airoom_s4_img {
    margin: 8.125rem 0 8.125rem 4rem;
    float: right;
    width: 40.125rem;
    height: 33.75rem;
    overflow: hidden;
    position: relative;
}

.airoom_s4_center {
    width: 88.16%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.airoom_s4_bookcontain {
    position: absolute;
    width: 25.23%;
    height: 31.48%;
    left: 13%;
    top: 60%;
    z-index: 10;
}

.airoom_s4_hatcontain {
    position: absolute;
    width: 19%;
    height: 28.15%;
    left: 77.26%;
    top: 66.67%;
}

.airoom_s4_videocontain {
    position: absolute;
    width: 19%;
    height: 28.15%;
    left:81%;
    top: 20.74%;
}

.airoom_s4_book {
    width: 33.33%;
    height: 37.65%;
    position: absolute;
    left: 36%;
    top: 18.82%;
    z-index: 2;
    animation: s4book 1s ease-in-out alternate infinite;
    -webkit-animation: s4book 1s ease-in-out alternate infinite;
}

.airoom_s4_hat {
    width: 67.21%;
    height: 36.84%;
    position: absolute;
    left: 19.67%;
    top: 21.05%;
    z-index: 2;
    animation: s4book 1s ease-in-out alternate infinite;
    -webkit-animation: s4book 1s ease-in-out alternate infinite;
}

.airoom_s4_video {
    width: 47.54%;
    height: 42.1%;
    position: absolute;
    left: 29.5%;
    top: 21.05%;
    z-index: 2;
    animation: s4book 1s ease-in-out alternate infinite;
    -webkit-animation: s4book 1s ease-in-out alternate infinite;
}

.airoom_s4_footbeam {
    position: absolute;
    z-index: 10;
    left: 0;
    width: 100%;
    height: 80.26%;
}

.airoom_s4_foot {
    position: absolute;
    width: 70.5%;
    height: 42.1%;
    left: 19%;
    bottom: 0;
    z-index: 1;
}

.airoom_s4_hatcontain .airoom_s4_foot {
    left: 18%;
}

.airoom_s4_transmission1 {
    position: absolute;
    top: 76.3%;
    left: 36.45%;
    height: 11.11%;
    width: 0.25rem;
    background: url("../images/cloudroom/S5/s5-3.png") center center no-repeat;
    background-size: 100% 100%;
    transform: rotate(60deg);
    -webkit-animation: cloudroom_s5_shooting1 3000ms linear infinite;
    animation: cloudroom_s5_shooting1 3000ms linear infinite;
}

    .airoom_s4_transmission1:nth-child(1) {
        -webkit-animation-delay: 1000ms;
        animation-delay: 1000ms;
    }

    .airoom_s4_transmission1:nth-child(2) {
        -webkit-animation-delay: 2000ms;
        animation-delay: 2000ms;
    }

.airoom_s4_transmission2 {
    position: absolute;
    top: 68.15%;
    left: 42.68%;
    height: 11.11%;
    width: 0.25rem;
    background: url("../images/cloudroom/S5/s5-3.png") center center no-repeat;
    background-size: 100% 100%;
    transform: rotate(-120deg);
    -webkit-animation: cloudroom_s5_shooting2 3000ms linear infinite;
    animation: cloudroom_s5_shooting2 3000ms linear infinite;
}

    .airoom_s4_transmission2:nth-child(1) {
        -webkit-animation-delay: 1000ms;
        animation-delay: 1000ms;
    }

    .airoom_s4_transmission2:nth-child(2) {
        -webkit-animation-delay: 2000ms;
        animation-delay: 2000ms;
    }

.airoom_s4_transmission3 {
    position: absolute;
    top: 45.56%;
    left: 82.56%;
    height: 7.4%;
    width: 0.25rem;
    background: url("../images/cloudroom/S5/s5-3.png") center center no-repeat;
    background-size: 100% 100%;
    transform: rotate(60deg);
    -webkit-animation: cloudroom_s5_shooting3 3000ms linear infinite;
    animation: cloudroom_s5_shooting3 3000ms linear infinite;
}

    .airoom_s4_transmission3:nth-child(1) {
        -webkit-animation-delay: 1000ms;
        animation-delay: 1000ms;
    }

    .airoom_s4_transmission3:nth-child(2) {
        -webkit-animation-delay: 2000ms;
        animation-delay: 2000ms;
    }

.airoom_s4_transmission4 {
    position: absolute;
    top: 42.59%;
    left: 88.16%;
    height: 7.4%;
    width: 0.25rem;
    background: url("../images/cloudroom/S5/s5-3.png") center center no-repeat;
    background-size: 100% 100%;
    transform: rotate(-120deg);
    -webkit-animation: cloudroom_s5_shooting4 3000ms linear infinite;
    animation: cloudroom_s5_shooting4 3000ms linear infinite;
}

    .airoom_s4_transmission4:nth-child(1) {
        -webkit-animation-delay: 1000ms;
        animation-delay: 1000ms;
    }

    .airoom_s4_transmission4:nth-child(2) {
        -webkit-animation-delay: 2000ms;
        animation-delay: 2000ms;
    }

.airoom_s4_headbeam {
    position: absolute;
    width: 0.25rem;
    height: 17.78%;
    -webkit-animation: headbeam 3s ease-out infinite;
    -moz-animation: headbeam 3s ease-out infinite;
    animation: headbeam 3s ease-out infinite;
}

.headbeam1 {
    left: 49.85%;
    top: 55.56%;
}

.headbeam2 {
    left: 52.96%;
    top: 59.26%;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}

.headbeam3 {
    left: 56.07%;
    top: 66.67%;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.headbeam4 {
    left:59.19%;
    top: 62.96%;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.headbeam5 {
    left: 62.3%;
    top:  55.56%;
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.headbeam6 {
    left: 65.42%;
    top: 70.37%;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.room_case_list {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

    .room_case_list .slick-slide {
         height: 20.5rem;
        padding: 0 0.75rem;
    }

    .room_case_list .slick-dots li {
        display: inline-block;
        margin: 0 0.25rem;
        width: 0.75rem;
        height: 0.75rem;
        background: #cecece;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

        .room_case_list .slick-dots li.slick-active {
            background-color: #0072ff;
        }

.room_case_item {
    height: 100%;
    overflow: hidden;
    position: relative;
    border: solid 0.0625rem #e5e5e5;
    cursor: pointer;
}

    .room_case_item .item_img {
        width: 100%;
        height: 13.625rem;
    }

        .room_case_item .item_img > img {
            width: 100%;
            height: 100%;
        }

    .room_case_item .item_contain {
        width: 100%;
        height: 6.875rem;
        padding: 0.75rem 1.25rem;
        background-color: #ffffff;
    }

        .room_case_item .item_contain .item_school {
            margin: 0.5rem 0;
            height: 1.125rem;
            font-size: 1.125rem;
            line-height: 1.125rem;
            color: #333333;
        }

        .room_case_item .item_contain .item_context {
            margin-top: 0.5rem;
            font-size: 0.875rem;
            line-height: 1.375rem;
            color: #999999;
        }

/*AI英语考试复习平台*/
.aiexamtitle {
    margin: 12.5rem 0 12.5rem 4.5rem;
    width: 39rem;
    height: 6.25rem;
}

    .aiexamtitle .smalltitle > div {
        margin: 0.625rem 0 0 13.5rem;
    }

    .aiexamtitle .thirdtitle {
        margin-top: 1rem;
        text-align: right;
        width: 100%;
        height: 1.25rem;
        font-size: 1.5rem;
        line-height: 1.25rem;
    }

.aiexam_img {
    position: absolute;
    right: 0;
    bottom:0;
    /*top: 3.5rem;*/
    width: 47.6%;
    height: 88.8%;
    overflow: hidden;
}
    .aiexam_img > img {
        position: absolute;
        width: 100%;
        height: 100%;
        right: 0;
        bottom: 0;
    }

    .aiexam_img .aiexam_s1_spread_big {
        z-index: 1;
    }

    .aiexam_img .aiexam_s1_spread_small {
        z-index: 2;
    }

    .aiexam_img .aiexam_img_spread {
        -webkit-animation: spread 5s ease-out;
        -moz-animation: spread 5s ease-out;
        animation: spread 5s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        opacity: 0;
    }

    .aiexam_img .aiexam_s1_center {
        z-index: 3;
    }

    .aiexam_img .aiexam_s1_paper {
        z-index: 4;
        animation: paper 1s ease-in-out alternate infinite;
        -webkit-animation: paper 1s ease-in-out alternate infinite;
        -moz-animation: paper 1s ease-in-out alternate infinite;
    }

    .aiexam_img .aiexam_s1_beamupsmall {
        z-index: 5;
    }

    .aiexam_img .aiexam_s1_beamupbig {
        z-index: 6;
    }

    .aiexam_img .aiexam_s1_clock {
        z-index: 4;
        -webkit-animation: clock 4s infinite;
        animation: clock 4s infinite;
        -moz-animation: clock 4s infinite;
    }

    .aiexam_img .aiexam_s1_beamdown {
        z-index: 5;
    }

.aiexam_s1_context {
    margin: 12.875rem 1.25rem 0 0;
    float: right;
    width: 30rem;
    height: auto;
}

.aiexam_s1_img {
    float: left;
    margin: 10.625rem 4.5rem;
    width: 40.875rem;
    height: 28.75rem;
    overflow: hidden;
    position: relative;
}

    .aiexam_s1_img > img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .aiexam_s1_img .aiexam_s1_S1 {
        z-index: 1;
    }

    .aiexam_s1_img .aiexam_s1_purple_up {
        z-index: 2;
    }

    .aiexam_s1_img .aiexam_s1_purpleflag {
        z-index: 3;
    }

    .aiexam_s1_img .aiexam_s1_purplebeam {
        z-index: 4;
    }

    .aiexam_s1_img .aiexam_s1_green_up {
        z-index: 2;
    }

    .aiexam_s1_img .aiexam_s1_greenflag {
        z-index: 3;
    }

    .aiexam_s1_img .aiexam_s1_greenbeam {
        z-index: 4;
    }

    .aiexam_s1_img .up_flag {
        animation: flagup 3s ease-out;
        -webkit-animation: flagup 3s ease-oute;
        -moz-animation: flagup 3s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        opacity: 0;
    }

    .aiexam_s1_img .aiexam_s1_circle {
        z-index: 2;
    }

    .aiexam_s1_img .aiexam_s1_ball {
        width: 0.875rem;
        height: 0.875rem;
        z-index: 3;
    }

    .aiexam_s1_img .upball_circle {
        animation: upball_X 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, ball_Y 4s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, opacity 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
        -webkit-animation: upball_X 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, ball_Y 4s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, opacity 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
        -moz-animation: upball_X 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, ball_Y 4s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, opacity 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
    }

    .aiexam_s1_img .downball_circle {
        -webkit-animation: downball_X 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, ball_Y 4s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, opacity 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
        -moz-animation: downball_X 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, ball_Y 4s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, opacity 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
        animation: downball_X 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, ball_Y 4s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, opacity 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
    }

    .aiexam_s1_img .aiexam_s1_plane {
        width: 2.25rem;
        height: 2.25rem;
        z-index: 2;
        top: 43%;
        left: 75%;
    }

    .aiexam_s1_img .rotate_plane {
        animation: rotate 1s infinite linear;
    }

.aiexam_s2_context {
    margin: 13.75rem 0 0 2.5rem;
    float: left;
    width: 29.875rem;
    height: auto;
}

.aiexam_s2_img {
    float: right;
    margin: 7.5rem 0;
    width: 47.5rem;
    height: 35rem;
    overflow: hidden;
    position: relative;
}

    .aiexam_s2_img > img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .aiexam_s2_img .aiexam_s2_S2 {
        z-index: 1;
    }

    .aiexam_s2_img .aiexam_s2_form {
        z-index: 2;
        left: -3.16%;
        top: 8.6%;
        animation: form 1s ease-out alternate infinite;
    }

    .aiexam_s2_img .aiexam_s2_beambig {
        z-index: 3;
    }

    .aiexam_s2_img .aiexam_s2_book {
        z-index: 2;
        animation: aiexam_s2_book 1s ease-out alternate infinite;
    }

    .aiexam_s2_img .aiexam_s2_beamsmall {
        z-index: 3;
    }

.aiexamvalue_main {
    margin-top: 5rem;
    width: 100%;
    height: 30rem;
    overflow: hidden;
    position: relative;
}

    .aiexamvalue_main .slick-slide {
        height: 30rem;
        padding: 0 0.25rem;
    }

    .aiexamvalue_main .slick-track {
        margin: 0;
    }

    .aiexamvalue_main .slick-dots li {
        display: inline-block;
        margin: 0 0.25rem;
        width: 0.75rem;
        height: 0.75rem;
        background: #cecece;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

        .aiexamvalue_main .slick-dots li.slick-active {
            background-color: #0072ff;
        }

    .aiexamvalue_main .case_item {
        box-shadow: none;
        border: 0;
    }

        .aiexamvalue_main .case_item > .img_background {
            width: 100%;
            height: 100%;
        }

        .aiexamvalue_main .case_item > img {
            position: absolute;
            left: 0;
            top: 0;
        }

    .aiexamvalue_main .title {
        position: absolute;
        top: 3.875rem;
        left: 0;
        width: 100%;
        height: 3rem;
        font-size: 1.625rem;
        line-height: 3rem;
        color: #ffffff;
        text-align: center;
    }

        .aiexamvalue_main .title > span {
            margin: 0 auto;
            box-shadow: 0.0625rem 0.125rem 0.125rem 0rem rgba(0, 0, 0, 0.2);
        }

    .aiexamvalue_main .context {
        position: absolute;
        bottom: 3.5rem;
        left: 0;
        width: 100%;
        height: 3rem;
        font-size: 0.875rem;
        line-height: 1.5rem;
        color: #ffffff;
        text-align: center;
    }

    .aiexamvalue_main .aiexamvalue_sread {
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%,-50%);
    }

    .aiexamvalue_main .icon_cell {
        width: 11.25rem;
        height: 11.25rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .aiexamvalue_main .first {
        background-image: url("../images/aiexam/04/icon_cellfirst.png");
    }

        .aiexamvalue_main .first:hover {
            background-image: url("../images/aiexam/04/icon_cellfirst_on.png");
        }

    .aiexamvalue_main .second {
        background-image: url("../images/aiexam/04/icon_cellsecond.png");
    }

        .aiexamvalue_main .second:hover {
            background-image: url("../images/aiexam/04/icon_cellsecond_on.png");
        }

    .aiexamvalue_main .third {
        background-image: url("../images/aiexam/04/icon_third.png");
    }

        .aiexamvalue_main .third:hover {
            background-image: url("../images/aiexam/04/icon_third_on.png");
        }

    .aiexamvalue_main .small_sread {
        animation: smallspread 2s ease-out infinite;
        -webkit-animation: smallspread 2s ease-out infinite;
        -moz-animation: smallspread 2s ease-out infinite;
    }

.aiexam_school {
    margin-top: 5rem;
    width: 100%;
    height: 34.375rem;
}

/*云网络教室*/
.cloudroomshowtitle {
    position: absolute;
    width: auto;
    height: 4.5rem;
    top: 8rem;
    left: 50%;
    font-family: YouSheBiaoTiHei;
    font-size: 5rem;
    line-height: 4.5rem;
    color: #ffffff;
    opacity: 0.92;
}

.cloudroomshowtip {
    position: absolute;
    width: 32rem;
    height: 3.75rem;
    top: 15rem;
    left: 50%;
    text-align: center;
    font-family: YouSheBiaoTiHei;
    font-size: 1.875rem;
    line-height: 1.875rem;
    letter-spacing: 0.125rem;
    color: #4cfdff;
    opacity: 0.98;
}

.cloudroomtitle {
    width: 37.5rem;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 19rem;
}

    .cloudroomtitle .skill {
        line-height: 1.5rem;
    }

.fadeInleft {
    animation-duration: 1.5s !important;
    -webkit-animation-duration: 1.5s !important;
    animation-fill-mode: both !important;
    -webkit-animation-fill-mode: both !important;
    animation-name: fadeInLeft;
    -webkit-animation: fadeInLeft;
}

.fadeIndown {
    animation-duration: 1.5s !important;
    -webkit-animation-duration: 1.5s !important;
    animation-fill-mode: both !important;
    -webkit-animation-fill-mode: both !important;
    animation-name: fadeInDown;
    -webkit-animation: fadeInDown;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-62.5rem);
        transform: translateX(-62.5rem);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate(-50%,62.5rem);
        transform: translate(-50%,62.5rem);
    }

    to {
        opacity: 1;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
}

/*s1*/
.cloudroom_s1_context {
    margin: 21.25rem 1.25rem 0 0;
    float: right;
    width: 30rem;
    height: 7.75rem;
}

.cloudroom_s1_img {
    float: left;
    width: 29.375rem;
    height: 29.25rem;
    margin: 10.25rem 0;
    margin-left: 12.5rem;
    position: relative;
    overflow: hidden;
}

.cloudroom_s1_center {
    width: 100%;
    height: 100%;
}

.cloudroom_s1_cloud1 {
    position: absolute;
    top: 4.27%;
    left: 91.49%;
    width: 7.66%;
    height: 6%;
    animation: cloud1 1s ease-in-out alternate infinite;
    -webkit-animation: cloud1 1s ease-in-out alternate infinite;
    -moz-animation: cloud1 1s ease-in-out alternate infinite;
}

.cloudroom_s1_cloud2 {
    position: absolute;
    top: 11.11%;
    left: 1.7%;
    width: 10.64%;
    height: 9.4%;
    animation: cloud2 1s ease-in-out alternate infinite;
    -webkit-animation: cloud2 1s ease-in-out alternate infinite;
    -moz-animation: cloud2 1s ease-in-out alternate infinite;
}

.cloudroom_s1_cloud3 {
    position: absolute;
    top: 2.14%;
    left: 32.76%;
    width: 7.66%;
    height: 6%;
    animation: cloud3 1s ease-in-out alternate infinite;
    -webkit-animation: cloud3 1s ease-in-out alternate infinite;
    -moz-animation: cloud3 1s ease-in-out alternate infinite;
}

.cloudroom_s1_cloud4 {
    position: absolute;
    top: 4.27%;
    left: 28.94%;
    width: 43.4%;
    height: 42.73%;
    animation: cloud1 1s ease-in-out alternate infinite;
    -webkit-animation: cloud1 1s ease-in-out alternate infinite;
    -moz-animation: cloud1 1s ease-in-out alternate infinite;
}

/*s2*/
.cloudroom_s2_context {
    margin: 20.75rem 0 0 3rem;
    float: left;
    width: 32rem;
    height: 7.75rem;
}

.cloudroom_s2_img {
    float: right;
    width: 43rem;
    height: 22.625rem;
    position: relative;
    margin: 12.5rem 0;
}

.cloudroom_s2_center {
    width: 100%;
    height: 100%;
}

.cloudroom_s2_material {
    position: absolute;
    top: 81.21%;
    left: 16.57%;
    height: 8.29%;
    background: url("../images/cloudroom/S2/s2-3.png") center center no-repeat;
    background-size: 100% 100%;
    -webkit-animation: cloudroom_s2_shooting 3000ms linear infinite;
    animation: cloudroom_s2_shooting 3000ms linear infinite;
}

    .cloudroom_s2_material:nth-child(1) {
        -webkit-animation-delay: 1000ms;
        animation-delay: 1000ms;
    }

    .cloudroom_s2_material:nth-child(2) {
        -webkit-animation-delay: 2000ms;
        animation-delay: 2000ms;
    }

.cloudroom_s2_product {
    position: absolute;
    top:71.82%;
    left: 56.98%;
    height: 5.52%;
    background: url("../images/cloudroom/S2/s2-2.png") center center no-repeat;
    background-size: 100% 100%;
    -webkit-animation: cloudroom_s2_shooting1 3000ms linear infinite;
    animation: cloudroom_s2_shooting1 3000ms linear infinite;
    -webkit-animation-delay: 2900ms;
    animation-delay: 2900ms;
}

    .cloudroom_s2_product:nth-child(1) {
        -webkit-animation-delay: 3900ms;
        animation-delay: 3900ms;
    }

    .cloudroom_s2_product:nth-child(2) {
        -webkit-animation-delay: 4900ms;
        animation-delay: 4900ms;
    }

@keyframes cloudroom_s2_shooting {
    0% {
        width: 5.23%;
        opacity: 1;
        top: 81.21%;
        left: 16.57%;
    }

    85% {
        width: 5.23%;
        opacity: 1;
    }

    90% {
        width: 5.23%;
        opacity: 0;
    }

    100% {
        width: 5.23%;
        opacity: 0;
        top: 65.74%;
        left: 31.1%;
    }
}

@keyframes cloudroom_s2_shooting1 {
    0% {
        width: 5.23%;
        opacity: 1;
        top:71.82%;
        left: 56.98%;
    }

    85% {
        width: 5.23%;
        opacity: 1;
    }

    90% {
        width: 5.23%;
        opacity: 0;
    }

    100% {
        width: 5.23%;
        opacity: 0;
        top:87.29%;
        left: 70.93%;
    }
}

/*s3*/
.cloudroom_s3_context {
    margin: 21.25rem 1.25rem 0 0;
    float: right;
    width: 29.625rem;
    height: 7.75rem;
}

.cloudroom_s3_img {
    float: left;
    width: 40.75rem;
    margin: 10.25rem 0 10.25rem 6.25rem;
    height: 25.625rem;
    position: relative;
    overflow:hidden
}

.cloudroom_s3_center {
    width: 100%;
    height: 100%;
}

.cloudroom_s3_paper {
    position: absolute;
    top: 29.29%;
    left: 83.43%;
    height: 14.15%;
    width: 7.97%;
    animation: robot 1s ease-in-out alternate infinite;
    -webkit-animation: robot 1s ease-in-out alternate infinite;
    -moz-animation: robot 1s ease-in-out alternate infinite;
}

.cloudroom_s3_shadow {
    position: absolute;
    top: 74.85%;
    left: 30.5rem;
    height: 45.85%;
    width: 24.85%;
}

.cloudroom_s3_up {
    position: absolute;
    top: 33.17%;
    left: 73.83%;
    height:5.85%;
    width: 4.9%;
}

.cloudroom_s3_ball {
    position: absolute;
    top: 8.3%;
    left: 44.78%;
    height: 6.83%;
    background: url("../images/cloudroom/S3/s3-6.png") center center no-repeat;
    background-size: 100% 100%;
    -webkit-animation: cloudroom_s3_shooting1 3000ms ease-out infinite;
    animation: cloudroom_s3_shooting1 3000ms ease-out infinite;
}

    .cloudroom_s3_ball:nth-child(1) {
        -webkit-animation-delay: 800ms;
        animation-delay: 800ms;
    }

    .cloudroom_s3_ball:nth-child(2) {
        -webkit-animation-delay: 1600ms;
        animation-delay: 1600ms;
    }

.cloudroom_s3_star {
    position: absolute;
    left: 60%;
    top: 0%;
    height: 14.63%;
    background: url("../images/cloudroom/S3/s3-2.png") center center no-repeat;
    background-size: 100% 100%;
    -webkit-animation: cloudroom_s3_shooting 3000ms ease-out infinite;
    animation: cloudroom_s3_shooting 3000ms ease-out infinite;
}

    .cloudroom_s3_star:nth-child(1) {
        top: 5%;
        left: 20%;
        -webkit-animation-delay: 1000ms;
        animation-delay: 1000ms;
    }

    .cloudroom_s3_star:nth-child(2) {
        top: 12%;
        left: 90%;
        -webkit-animation-delay: 2000ms;
        animation-delay: 2000ms;
    }

@keyframes cloudroom_s3_shooting {
    0% {
        width: 9.2%;
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0,0);
        transform: translate(0,0);
    }

    100% {
        width: 9.2%;
        opacity: 0;
        -webkit-transform: translate(-18.75rem, 18.75rem);
        -moz-transform: translate(-18.75rem, 18.75rem);
        transform: translate(-18.75rem, 18.75rem);
    }
}

@keyframes cloudroom_s3_shooting1 {
    0% {
        width: 4.3%;
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        width: 1.75rem;
        opacity: 0;
        -webkit-transform: translateY(-3.125rem);
        -moz-transform: translateY(-3.125rem);
        transform: translateY(-3.125rem);
    }
}

/*s4*/
.cloudroom_s4_context {
    margin: 20.75rem 0 0 3rem;
    float: left;
    width: 32rem;
    height: 7.75rem;
}

.cloudroom_s4_img {
    float: right;
    width: 41.5rem;
    margin: 6.25rem 3.875rem 6.25rem 0;
    height: 36.5rem;
    overflow: hidden;
    position: relative;
}

.cloudroom_s4_center {
    width: 100%;
    height: 100%;
}

@keyframes video {
    from {
        top: 22.95%;
    }

    to {
        top: 20.95%;
    }
}

.cloudroom_s4_video {
    position: absolute;
    top: 22.95%;
    left: 11.44%;
    height: 10.62%;
    width: 6.32%;
    animation: video 1s ease-in-out alternate infinite;
    -webkit-animation: video 1s ease-in-out alternate infinite;
    -moz-animation: video 1s ease-in-out alternate infinite;
}

@keyframes lock {
    from {
        top: 14.73%;
    }

    to {
        top: 12.73%;
    }
}

.cloudroom_s4_lock {
    position: absolute;
    top: 14.73%;
    left: 23.2%;
    height: 10.62%;
    width: 5.12%;
    animation: lock 1s ease-in-out alternate infinite;
    -webkit-animation: lock 1s ease-in-out alternate infinite;
    -moz-animation: lock 1s ease-in-out alternate infinite;
}

@keyframes file {
    from {
        top: 4.8%;
    }

    to {
        top: 2.8%;
    }
}

.cloudroom_s4_file {
    position: absolute;
    top: 4.8%;
    left: 33.43%;
    height: 13%;
    width: 6.16%;
    animation: file 1s ease-in-out alternate infinite;
    -webkit-animation: file 1s ease-in-out alternate infinite;
    -moz-animation: file 1s ease-in-out alternate infinite;
}

@keyframes paper1 {
    from {
        top: 29.8%;
    }

    to {
        top: 27.8%;
    }
}

.cloudroom_s4_paper1 {
    position: absolute;
    top: 29.8%;
    left: 90%;
    height: 10.27%;
    width: 4.52%;
    animation: paper1 1s ease-in-out alternate infinite;
    -webkit-animation: paper1 1s ease-in-out alternate infinite;
    -moz-animation: paper1 1s ease-in-out alternate infinite;
}

@keyframes paper2 {
    from {
        top: 35.62%;
    }

    to {
        top: 33.62%;
    }
}

.cloudroom_s4_paper2 {
    position: absolute;
    top: 35.62%;
    left: 82.83%;
    height: 7.53%;
    width: 4.52%;
    animation: paper2 1s ease-in-out alternate infinite;
    -webkit-animation: paper2 1s ease-in-out alternate infinite;
    -moz-animation: paper2 1s ease-in-out alternate infinite;
}

/*s5*/
.cloudroom_s5_context {
    margin: 21.25rem 1.25rem 0 0;
    float: right;
    width: 29.625rem;
    height: 7.75rem;
}

.cloudroom_s5_img {
    float: left;
    width: 41.625rem;
    height: 34.625rem;
    margin: 6.25rem 0 6.25rem 3rem;
    position: relative;
    overflow:hidden;
}

.cloudroom_s5_center {
    position: absolute;
    width: 100%;
    height: 100%;
}

@keyframes cloudroom_s5_book {
    from {
        top: 68.6%;
    }

    to {
        top: 66.6%;
    }
}

.cloudroom_s5_book {
    position: absolute;
    top: 68.6%;
    left: 20.12%;
    height: 11.55%;
    width: 8.41%;
    animation: cloudroom_s5_book 1s ease-in-out alternate infinite;
    -webkit-animation: cloudroom_s5_book 1s ease-in-out alternate infinite;
    -moz-animation: cloudroom_s5_book 1s ease-in-out alternate infinite;
}

@keyframes cloudroom_s5_hat {
    from {
        top: 71.84%;
    }

    to {
        top: 69.84%;
    }
}

.cloudroom_s5_hat {
    position: absolute;
    top: 71.84%;
    left: 77.48%;
    height: 11.19%;
    width: 13.51%;
    animation: cloudroom_s5_hat 1s ease-in-out alternate infinite;
    -webkit-animation: cloudroom_s5_hat 1s ease-in-out alternate infinite;
    -moz-animation: cloudroom_s5_hat 1s ease-in-out alternate infinite;
}

@keyframes cloudroom_s5_video {
    from {
        top: 23.46%;
    }

    to {
        top: 21.46%;
    }
}

.cloudroom_s5_video {
    position: absolute;
    top: 23.46%;
    left: 86.19%;
    height: 12.63%;
    width: 9%;
    animation: cloudroom_s5_video 1s ease-in-out alternate infinite;
    -webkit-animation: cloudroom_s5_video 1s ease-in-out alternate infinite;
    -moz-animation: cloudroom_s5_video 1s ease-in-out alternate infinite;
}

.cloudroom_s5_transmission1 {
    position: absolute;
    top: 77.26%;
    left: 35.15%;
    height: 10.83%;
    background: url("../images/cloudroom/S5/s5-3.png") center center no-repeat;
    background-size: 100% 100%;
    transform: rotate(60deg);
    -webkit-animation: cloudroom_s5_shooting1 3000ms linear infinite;
    animation: cloudroom_s5_shooting1 3000ms linear infinite;
}

    .cloudroom_s5_transmission1:nth-child(1) {
        -webkit-animation-delay: 1000ms;
        animation-delay: 1000ms;
    }

    .cloudroom_s5_transmission1:nth-child(2) {

        -webkit-animation-delay: 2000ms;
        animation-delay: 2000ms;
    }

.cloudroom_s5_transmission2 {
    position: absolute;
    top: 69.31%;
    left: 41.14%;
    height: 10.83%;
    background: url("../images/cloudroom/S5/s5-3.png") center center no-repeat;
    background-size: 100% 100%;
    transform: rotate(-120deg);
    -webkit-animation: cloudroom_s5_shooting2 3000ms linear infinite;
    animation: cloudroom_s5_shooting2 3000ms linear infinite;
}

    .cloudroom_s5_transmission2:nth-child(1) {
        -webkit-animation-delay: 1000ms;
        animation-delay: 1000ms;
    }

    .cloudroom_s5_transmission2:nth-child(2) {
        -webkit-animation-delay: 2000ms;
        animation-delay: 2000ms;
    }

.cloudroom_s5_transmission3 {
    position: absolute;
    top: 47.65%;
    left: 77.18%;
    height: 7.22%;
    background: url("../images/cloudroom/S5/s5-3.png") center center no-repeat;
    background-size: 100% 100%;
    transform: rotate(60deg);
    -webkit-animation: cloudroom_s5_shooting3 3000ms linear infinite;
    animation: cloudroom_s5_shooting3 3000ms linear infinite;
}

    .cloudroom_s5_transmission3:nth-child(1) {
        -webkit-animation-delay: 1000ms;
        animation-delay: 1000ms;
    }

    .cloudroom_s5_transmission3:nth-child(2) {
        -webkit-animation-delay: 2000ms;
        animation-delay: 2000ms;
    }

.cloudroom_s5_transmission4 {
    position: absolute;
    top: 44.76%;
    left: 84.98%;
    height: 7.22%;
    background: url("../images/cloudroom/S5/s5-3.png") center center no-repeat;
    background-size: 100% 100%;
    transform: rotate(-120deg);
    -webkit-animation: cloudroom_s5_shooting4 3000ms linear infinite;
    animation: cloudroom_s5_shooting4 3000ms linear infinite;
}

    .cloudroom_s5_transmission4:nth-child(1) {
        -webkit-animation-delay: 1000ms;
        animation-delay: 1000ms;
    }

    .cloudroom_s5_transmission4:nth-child(2) {
        -webkit-animation-delay: 2000ms;
        animation-delay: 2000ms;
    }

@keyframes cloudroom_s5_shooting1 {
    0% {
        width: 0.25rem;
        opacity: 0.4;
    }

    25% {
        width: 0.25rem;
        opacity: 0.8;
    }

    85% {
        width: 0.25rem;
        opacity: 1;
    }

    90% {
        width: 0.25rem;
        opacity: 0;
    }

    100% {
        width: 0.25rem;
        opacity: 0;
        -webkit-transform: rotate(60deg) translate(0, -4.375rem);
        -moz-transform: rotate(60deg) translate(0, -4.375rem);
        transform: rotate(60deg) translate(0, -4.375rem);
    }
}

@keyframes cloudroom_s5_shooting2 {
    0% {
        width: 0.25rem;
        opacity: 0.4;
    }

    25% {
        width: 0.25rem;
        opacity: 0.8;
    }

    85% {
        width: 0.25rem;
        opacity: 1;
    }

    90% {
        width: 0.25rem;
        opacity: 0;
    }

    100% {
        width: 0.25rem;
        opacity: 0;
        -webkit-transform: rotate(120deg) translate(0, -4.375rem);
        -moz-transform: rotate(120deg) translate(0, -4.375rem);
        transform: rotate(-120deg) translate(0, -4.375rem);
    }
}

@keyframes cloudroom_s5_shooting3 {
    0% {
        width: 0.25rem;
        opacity: 0.4;
    }

    25% {
        width: 0.25rem;
        opacity: 0.8;
    }

    85% {
        width: 0.25rem;
        opacity: 1;
    }

    90% {
        width: 0.25rem;
        opacity: 0;
    }

    100% {
        width: 0.25rem;
        opacity: 0;
        -webkit-transform: rotate(60deg) translate(0, -3.125rem);
        -moz-transform: rotate(60deg) translate(0, -3.125rem);
        transform: rotate(60deg) translate(0, -3.125rem);
    }
}

@keyframes cloudroom_s5_shooting4 {
    0% {
        width: 0.25rem;
        opacity: 0.4;
    }

    25% {
        width: 0.25rem;
        opacity: 0.8;
    }

    85% {
        width: 0.25rem;
        opacity: 1;
    }

    90% {
        width: 0.25rem;
        opacity: 0;
    }

    100% {
        width: 0.25rem;
        opacity: 0;
        -webkit-transform: rotate(120deg) translate(0, -3.75rem);
        -moz-transform: rotate(120deg) translate(0, -3.75rem);
        transform: rotate(-120deg) translate(0, -3.75rem);
    }
}


/*蓝鸽AI一体化智慧校园*/
.aicampustitle {
    position: absolute;
    top: 50%;
    left: 2.5rem;
    transform: translateY(-50%);
    width: 38rem;
    height: auto;
}

.aicampusbigtitle {
    text-align: left;
    width: 38rem;
    height: 2.75rem;
    font-size: 3.75rem;
    letter-spacing: 0.25rem;
    line-height: 2.75rem;
    opacity: 0.98;
}

.aicampussmalltitle {
    text-align: left;
    font-family: MicrosoftYaHei;
    width: 27.875rem;
    height: auto;
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-top: 1.5rem;
}

.aicampus_main {
    width: 46%;
    height: 99.6%;
    position: absolute;
    overflow: hidden;
    /*top: 0;*/
    right: 0;
    bottom: 3.1%;
}

.aicampusshowimg {
    position: absolute;
    width: 97.51%;
    height: 100%;
    left: 50%;
    transform:translateX(-50%);
    z-index: 0;
}

.aicampus_circle2 {
    width: 57.14%;
    height: 23.3%;
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    top: 25.7%;
    z-index: 2;
}

.aicampus_ball1 {
    width: 4%;
    height: 5.22%;
    position: absolute;
    z-index: 3;
    animation: aicampus_ball1Y 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, aicampus_ball1X 4s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, aicampus_opacity 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
    -webkit-animation: aicampus_ball1Y 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, aicampus_ball1X 4s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, aicampus_opacity 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
    -moz-animation: aicampus_ball1Y 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, aicampus_ball1X 4s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, aicampus_opacity 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
}

.aicampus_up {
    position:absolute;
    width: 74.53%;
    height: 35.34%;
    left: 50%;
    transform:translateX(-50%);
    -webkit-animation: aicampus_up 5000ms linear infinite;
    animation: aicampus_up 5000ms linear infinite;
    z-index: 2;
}

.aicampus_circle1 { 
    width:100%;
    height:100%;
}

.aicampus_ball2 {
    width: 1.625rem;
    height: 1.625rem;
    position: absolute;
    z-index: 3;
    animation: aicampus_ball2Y 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, aicampus_ball2X 4s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, opacity 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
    -webkit-animation: aicampus_ball2Y 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, aicampus_ball2X 4s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, opacity 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
    -moz-animation: aicampus_ball2Y 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, aicampus_ball2X 4s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, opacity 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;
}


@keyframes aicampus_ball1X {
    0% {
        left: 0%;
    }

    100% {
        left: 96.9%;
    }
}

@keyframes aicampus_ball1Y {
    0% {
        top: 18.47%;
    }

    100% {
        top: 71.50%;
    }
}

@keyframes aicampus_up {
    0% {
        opacity: 0;
        top: 50%;
        z-index: 3;
    }

    70% {
        opacity: 1;
        z-index: 3;
    }

    100% {
        opacity: 0;    
        top:22.49%;
        z-index: 3;
    }
}

@keyframes aicampus_ball2X {
    0% {
        left: 4.58%;
    }

    100% {
        left: 89.59%;
    }
}

@keyframes aicampus_ball2Y {
    0% {
        top: -6.8%;
    }

    100% {
        top: 71.6%;
    }
}

@keyframes aicampus_opacity {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

/*s1*/

.aicampus_s1_floor {
    width: 80.125rem;
    height: 59.625rem;
    position: absolute;
    left: -13rem;
    top: 5.625rem;
}

.aicampus_s1_context {
    margin: 21.25rem 1.25rem 0 0;
    float: right;
    width: 30rem;
    height: 7.75rem;
}

.aicampus_s1_img {
    float: left;
    width: 39rem;
    height: 30.875rem;
    margin: 10.25rem 0 10.25rem 6.25rem;
    position:relative;
    overflow:hidden;
}

.aicampus_s1_center {
    width: 100%;
    height: 100%;
}

.aicampus_s1_screen {
    width: 15.06%;
    height: 26.72%;
    position: absolute;
    left: 48.72%;
    top: 19.43%;
    animation: screen 1s ease-in-out alternate infinite;
    -webkit-animation: screen 1s ease-in-out alternate infinite;
}

.aicampus_s1_ball {
    width: 9.65%;
    height: 13.76%;
    position: absolute;
    left: 78.85%;
    top: 51.42%;
    animation: aicampus_s1_rotate 2s infinite linear;
    -webkit-animation: aicampus_s1_rotate 2s infinite linear;
}

.aicampus_s1_book1 {
    width: 4.8%;
    height: 12.96%;
    position: absolute;
    left: 36.86%;
    
    animation: aicampus_s1_disappear1 2s infinite linear;
    -webkit-animation: aicampus_s1_disappear1 2s infinite linear;
}

.aicampus_s1_book2 {
    width: 4.49%;
    height: 7.69%;
    position: absolute;
    left: 33.33%;
    animation: aicampus_s1_disappear2 3s infinite linear;
    -webkit-animation: aicampus_s1_disappear2 3s infinite linear;
}

@keyframes aicampus_s1_rotate {
    from {
        transform: rotateZ(0deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}

@keyframes aicampus_s1_disappear1 {
    0% {
        opacity: 0;
        top: 1.21%;
    }
    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        top: 7.5%;
    }
}

@keyframes aicampus_s1_disappear2 {
    0% {
        opacity: 0;
        top: 3.24%;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
         top: 13.24%;
    }
}

/*s2*/
.aicampus_s2_context {
    margin: 20.75rem 0 0 3rem;
    float: left;
    width: 28rem;
    height: 7.75rem;
}

.aicampus_s2_img {
    margin-right: 2rem;
    float: right;
    width: 45.25rem;
    height: 30.25rem;
    margin: 12.5rem 0;
    position: relative;
    overflow: hidden;
}

.aicampus_s2_center {
    width: 100%;
    height: 100%;
}

.aicampus_s2_scan {
    width: 3.31%;
    height: 2.89%;
    position: absolute;
    animation: aicampus_s2_scan 0.5s ease-out alternate infinite;
}

.aicampus_s2_button1 {
    width: 4.97%;
    height: 5.37%;
    position: absolute;
    left: 60.22%;
    top: 72.73%;
    -webkit-animation: aicampus_s2_appear1 6000ms linear infinite;
    animation: aicampus_s2_appear1 6000ms linear infinite;
}

.aicampus_s2_button2 {
    width: 4.42%;
    height: 5.37%;
    position: absolute;
    left: 53.59%;
    top: 77.27%;
    opacity: 0;
    -webkit-animation: aicampus_s2_appear2 6000ms linear infinite;
    animation: aicampus_s2_appear2 6000ms linear infinite;
}

.aicampus_s2_button3 {
    width: 5.25%;
    height: 5.37%;
    position: absolute;
    left: 44.47%;
    top: 76.86%;
    opacity: 0;
    -webkit-animation: aicampus_s2_appear3 6000ms linear infinite;
    animation: aicampus_s2_appear3 6000ms linear infinite;
}

.aicampus_s2_button4 {
    width: 5.8%;
    height: 5.79%;
    position: absolute;
    left: 36.91%;
    top: 70.12%;
    opacity: 0;
    -webkit-animation: aicampus_s2_appear4 6000ms linear infinite;
    animation: aicampus_s2_appear4 6000ms linear infinite;
}

.aicampus_s2_button5 {
    width: 4.14%;
    height: 4.96%;
    position: absolute;
    left: 28.17%;
    top: 61.98%;
    opacity: 0;
    -webkit-animation: aicampus_s2_appear5 6000ms linear infinite;
    animation: aicampus_s2_appear5 6000ms linear infinite;
}

.aicampus_s2_paper1 {
    width: 3.31%;
    height: 8.68%;
    position: absolute;
    left: 14.36%;
    top: 34.71%;
    -webkit-animation: aicampus_s2_disappear 3000ms linear infinite;
    animation: aicampus_s2_disappear 3000ms linear infinite;
}

.aicampus_s2_paper2 {
    width: 3.04%;
    height: 8.26%;
    position: absolute;
    left: 18.78%;
    top: 25.62%;
    -webkit-animation: aicampus_s2_disappear 3000ms linear infinite;
    animation: aicampus_s2_disappear 3000ms linear infinite;
}

.aicampus_s2_paper3 {
    width: 3.6%;
    height: 9.1%;
    position: absolute;
    left: 17.96%;
    top: 39.26%;
    -webkit-animation: aicampus_s2_appear5 6000ms linear infinite;
    animation: aicampus_s2_appear5 6000ms linear infinite;
}

@keyframes aicampus_s2_scan {
    0% {
        left: 67.68%;
        top: 37.19%;
    }

    100% {
        left: 69.06%;
        top: 33.06%;
    }
}

@keyframes aicampus_s2_appear1 {
    10% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes aicampus_s2_appear2 {
    20% {
        opacity: 0;
    }

    35% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes aicampus_s2_appear3 {
    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes aicampus_s2_appear4 {
    33% {
        opacity: 0;
    }

    65% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes aicampus_s2_appear5 {
    40% {
        opacity: 0;
    }

    80% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes aicampus_s2_disappear {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*s3*/
.aicampus_s3_context {
    margin: 21.25rem 1.25rem 0 0;
    float: right;
    width: 29.625rem;
    height: 7.75rem;
}

.aicampus_s3_img {
    float: left;
    margin: 10.25rem 0;
    width: 43.5rem;
    height: 26rem;
    position: relative;
    overflow: hidden;
}

.aicampus_s3_center {
    width: 100%;
    height: 100%;
}

.aicampus_s3_screen1 {
    width: 14.94%;
    height: 29.81%;
    position: absolute;
    left: 16.09%;
    top: 28.37%;
    z-index: 3;
    animation: screen1 1s ease-in-out alternate infinite;
    -webkit-animation: screen1 1s ease-in-out alternate infinite;
}

.aicampus_s3_screen2 {
    width: 12.93%;
    height:25%;
    position: absolute;
    left: 6.9%;
    top: 25.48%;
    z-index: 2;
    animation: screen2 1s ease-in-out alternate infinite;
    -webkit-animation: screen2 1s ease-in-out alternate infinite;
}

.aicampus_s3_screen3 {
    width: 9.2%;
    height: 18.27%;
    position: absolute;
    left: 17.53%;
    top: 11.06%;
    z-index: 1;
    animation: screen3 1s ease-in-out alternate infinite;
    -webkit-animation: screen3 1s ease-in-out alternate infinite;
}

.aicampus_s3_machine {
    width: 18.39%;
    height: 36.06%;
    position: absolute;
    left: 77.59%;
    top: 67.79%;
    animation: machine 1s ease-in-out alternate infinite;
    -webkit-animation: machine 1s ease-in-out alternate infinite;
}

.aicampus_s3_ball {
    width: 4.89%;
    height: 13.46%;
    position: absolute;
    left: 33.04%;
    top: 12.5%;
    animation: aicampus_s3_rotate 2s infinite linear;
    -webkit-animation: aicampus_s3_rotate 2s infinite linear;
}

@keyframes aicampus_s3_rotate {
    from {
        transform: rotateZ(0deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}


/*s4*/
.aicampus_s4_context {
    margin: 20.75rem 0 0 3rem;
    float: left;
    width: 32rem;
    height: 7.75rem;
}

.aicampus_s4_img {
    float: right;
    width: 40.375rem;
    height: 35rem;
    overflow: hidden;
    position: relative;
    margin: 6.25rem 3rem 6.25rem 0;
}

.aicampus_s4_center {
    width: 100%;
    height: 100%;
}

.aicampus_s4_people {
    width: 7.12%;
    height: 17.14%;
    position: absolute;
    left: 26.93%;
    top: 56.43%;
    z-index: 5;
}

.aicampus_s4_data {
    width: 12.69%;
    height:18.93%;
    position: absolute;
    left: 26%;
    top: 45.71%;
    z-index: 4;
}

.aicampus_s4_screen1 {
    width: 7.125rem;
    height: 11.375rem;
    position: absolute;
    left: 11.875rem;
    top: 15.25rem;
    z-index: 3;
    -webkit-animation: aicampus_s4_appear1 6000ms linear infinite;
    animation: aicampus_s4_appear1 6000ms linear infinite;
}

.aicampus_s4_screen2 {
    width: 17.65%;
    height: 32.14%;
    position: absolute;
    left: 32.82%;
    top: 41.79%;
    z-index: 2;
    -webkit-animation: aicampus_s4_appear2 6000ms linear infinite;
    animation: aicampus_s4_appear2 6000ms linear infinite;
}

.aicampus_s4_screen3 {
    width: 17.03%;
    height: 32.14%;
    position: absolute;
    left: 36.22%;
    top: 40%;
    z-index: 1;
    -webkit-animation: aicampus_s4_appear3 6000ms linear infinite;
    animation: aicampus_s4_appear3 6000ms linear infinite;
}

.aicampus_s4_number {
    width: 6.81%;
    height: 9.29%;
    position: absolute;
    left: 73.07%;
    top: 35.79%;
    animation: number 1s ease-in-out alternate infinite;
    -webkit-animation: number 1s ease-in-out alternate infinite;
}

.aicampus_s4_screen4 {
    width: 5.57%;
    height: 13.21%;
    position: absolute;
    left:51.39%;
    top: 21.43%;
    -webkit-animation: aicampus_s4_disappear 3000ms linear infinite;
    animation: aicampus_s4_disappear 3000ms linear infinite;
}

.aicampus_s4_screen5 {
    width: 4.02%;
    height: 8.21%;
    position: absolute;
    left: 60.06%;
    -webkit-animation: aicampus_s4_disappear4 3000ms linear infinite;
    animation: aicampus_s4_disappear4 3000ms linear infinite;
}

.aicampus_s4_screen6 {
    width: 7.74%;
    height: 13.93%;
    position: absolute;
    left: 51.39%;
    -webkit-animation: aicampus_s4_disappear5 3000ms linear infinite;
    animation: aicampus_s4_disappear5 3000ms linear infinite;
    animation-delay: 500ms;
}

.aicampus_s4_screen7 {
    width: 4.33%;
    height:7.5%;
    position: absolute;
    left: 66.56%;
    -webkit-animation: aicampus_s4_disappear6 3000ms linear infinite;
    animation: aicampus_s4_disappear6 3000ms linear infinite;
    animation-delay: 500ms;
}

@keyframes aicampus_s4_appear1 {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes aicampus_s4_appear2 {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }

    35% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes aicampus_s4_appear3 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes aicampus_s4_disappear4 {
    0% {
        opacity: 0;
        top: 13.57%;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        top: -22.14%;
    }
}

@keyframes aicampus_s4_disappear5 {
    0% {
        opacity: 0;
        top: 1.79%;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        top: -33.93%;
    }
}

@keyframes aicampus_s4_disappear6 {
    0% {
        opacity: 0;
        top: 28.57%;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        top: -7.14%;
    }
}

.childmain{
    background-color: #f2f2f2;
    box-shadow: 0px 1px 0px 0px #dcdcdc;
    height:4rem;
    line-height:4rem;
}
.childstyle{
    width: 87.5rem;
    margin: 0 auto;
    text-align: center;
}
.childitem00{
    display:inline-block;
    width: 42.5rem;
    font-family: FZLTHJW--GB1-0;
    font-size: 2.5rem;
    color: #4d4d4d;
    cursor:pointer;
}
.childitem11{
    display:inline-block;
    width: 42.5rem;
    font-family: FZLTHJW--GB1-0;
    font-size: 2.5rem;
    color: #4d4d4d;
    cursor:pointer;
}
.childitem00.select,.childitem11.select{
    color: #0072ff;
}

.childitem00:hover {
    color: #0072ff;
}
.childitem11:hover {
    color: #0072ff;
}
.childtitle{
    font-size: 1.75rem;
    margin: 10rem 0 1rem;
}
.childcontent{
    width:56.25rem;
    margin:0 auto;
    text-align:center;
}
.childitem1{
    text-align:left;
    line-height: 1.75rem;
    display:none;
    background-color: #ffffff
}

.childitem2{
     text-align:left;
     font-size: 1rem;
     line-height: 2rem;
}
.childitemtitle{
    font-weight:600;
    font-size:1.2rem;
    height:2.5rem;
    line-height:2.5rem;
}
.childitems{
    text-align:left;
    line-height: 2rem;
    background-color: #ffffff
}
.square{
    width:0.6rem;
    height:0.6rem;
    display:inline-block;
    margin-right:0.5rem;
    background-color:#000000;
    transform:rotate(45deg);
}

.imgage86{
    width:56.25rem;
    height:22.5rem;
}