body{
       background: #a7cade;
   }
   p{
        line-height: 38px;
   }
   .index_title{
       display: none;
       cursor: pointer;
   }
   .index {
        position: absolute;
        top: 0;
        left: 0;
        width: 2900px;
        height: 1280px;
    }

    .index, .p_jy, .p_gy, .p_yl, .p_sw, .p_jt, .p_qx{
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 2900px;
        height: 1280px;
    }
    .ai_indexText{
        position: absolute;
        top: 609px;
        left: 1253px;
        font-size: 33px;
        color: #595757;
        font-weight: bold;
        display: none;
    }
    .ai_next{
        transform: scale(1.5);
        cursor: pointer;
        display: none;
        width: 184px;
        height: 76px;
        position: absolute;
        top: 679px;
        left: 1376px;
        background: url(../img/common/index_begin.png) no-repeat center center / 100% 100%;
    }
    .ei_sw {
        position: absolute;
        top: 992px;
        left: 1886px;
        width: 340px;
        height: 100px;
        background: url(../img/common/ei_sw.png) no-repeat center center / 100% 100%;
    }

    .ei_gy {
        position: absolute;
        top: 993px;
        left: 1311px;
        width: 340px;
        height: 100px;
        background: url(../img/common/ei_gy.png) no-repeat center center / 100% 100%;
    }

    .ei_yl {
        position: absolute;
        top: 226px;
        left: 2013px;
        width: 340px;
        height: 100px;
        background: url(../img/common/ei_yl.png) no-repeat center center / 100% 100%;
    }

    .ei_qx {
        position: absolute;
        top: 212px;
        left: 740px;
        width: 340px;
        height: 100px;
        background: url(../img/common/ei_qx.png) no-repeat center center / 100% 100%;
    }

    .ei_jy {
        position: absolute;
        top: 631px;
        left: 853px;
        width: 340px;
        height: 100px;
        background: url(../img/common/ei_jy.png) no-repeat center center / 100% 100%;
    }

    .ei_jt {
        position: absolute;
        top: 649px;
        left: 1712px;
        width: 340px;
        height: 100px;
        background: url(../img/common/ei_jt.png) no-repeat center center / 100% 100%;
    }

    .hover_qx {
        position: absolute;
        top: 299px;
        left: 638px;
        width: 561px;
        height: 298px;
        cursor: pointer;
    }

    .hover_jt {
        position: absolute;
        top: 615px;
        left: 1958px;
        width: 413px;
        height: 204px;
        cursor: pointer;
    }

    .hover_sw {
        cursor: pointer;
        position: absolute;
        top: 838px;
        left: 1578px;
        width: 530px;
        height: 227px;
    }

    .hover_gy {
        cursor: pointer;
        position: absolute;
        top: 768px;
        left: 1008px;
        width: 530px;
        height: 298px;
    }

    .hover_jy {
        cursor: pointer;
        position: absolute;
        top: 642px;
        left: 518px;
        width: 499px;
        height: 298px;
    }

    .hover_yl {
        cursor: pointer;
        position: absolute;
        top: 315px;
        left: 1760px;
        width: 463px;
        height: 273px;
    }

    .progress {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #efefef;
        background: url('../img/common/bg.jpg') no-repeat center center / 100% 100%;
    }
    .progress_all{
        position: absolute;
        top: 215px;
        left: 0;
        width: 100%;
    }
    .loading_gif {
        background: url('https://www.huaweicloud.com/content/dam/cloudbu-site/archive/china/zh-cn/about/events/exhibition/pic/loading.gif');
        width: 2000px;
        height: 882px;
        margin-left: 478px;
        margin-top: -19px;
    }

    .progress_border {
        margin: 0 auto;
        background: url('../img/common/loading.png');
        width: 1129px;
        height: 14px;
    }

    .progress_num {
        width: 50px;
        margin: 10px auto;
        font-weight: 800;
        font-size: 26px;
        color: #595757;
        margin-top: 890px;
    }

    .loading_pro {
        position: absolute;
        top: 926px;
        left: 900px;
        width: 1106px;
        height: 7px;
    }

    .loading_pro img {
        width: 0%;
        height: 7px;
    }

    .closed{

        display: none;
        position: absolute;
        top: 91px;
        right: 468px;
        width: 96px;
        height: 97px;
        background: url(../img/common/close.png) no-repeat center center / 100% 100%;
        opacity: .8;
        cursor: pointer;
    }

    .closed:hover{
        opacity: 1;
    }
   

    .content {
        /* display: none; */
    }
    .home{
        position: absolute;
        top: 30px;
        right: 352px;
        width: 96px;
        height: 97px;
        background: url(../img/common/home.png) no-repeat center center / 100% 100%;
        opacity: .8;
        cursor: pointer;
    }
  
    .language{
        position: absolute;
        top: 265px;
        right: 352px;
        width: 96px;
        height: 97px;
        background: url(../img/common/en.png) no-repeat center center / 100% 100%;
        opacity: .8;
        cursor: pointer;
    }
    .back_huawei{
        position: absolute;
        bottom: 30px;
        right: 352px;
        width: 96px;
        height: 97px;
        background: url(../img/common/back.png) no-repeat center center / 100% 100%;
        opacity: .8;
        cursor: pointer;
    }
    .back_huawei{
        position: absolute;
        bottom: 30px;
        right: 352px;
        width: 96px;
        height: 97px;
        background: url(../img/common/back.png) no-repeat center center / 100% 100%;
        opacity: .8;
        cursor: pointer;
    }

    

    .load:hover,.serve:hover,.home:hover,.back_huawei:hover,.sound:hover,.gohome:hover,.language:hover{
        opacity: 1;
    }
    .text_i {
        font-style: normal;
        color: red;
    }

    .sound{
        position: absolute;
        top: 150px;
        right: 352px;
        width: 96px;
        height: 97px;
        background: url(../img/common/sound_open.png) no-repeat center center / 100% 100%;
        opacity: .8;
        cursor: pointer;
    }
    .logo{
        position: absolute;
        top: 30px;
        left: 360px;
        width: 93px;
        height: 94px;
        background: url(../img/common/index_logo.ico) no-repeat center center / 100% 100%;
    }
    .huaweiCloud{
        width: 185.5px;
        height: 126.75px;
        background: url(../img/common/cloudlogo.png) no-repeat center center / 100% 100%;
        right: 317px;
        position: absolute;
        bottom: 50px;
    }
    .gohome{
        position: absolute;
        top: 382px;
        right: 352px;
        width: 96px;
        height: 97px;
        background: url(../img/common/gohome.png) no-repeat center center / 100% 100%;
        opacity: .8;
        cursor: pointer;
    }
    .home:hover::after{
        content:'专题馆首页';
        position: absolute;
        bottom: -38px;
        font-size: 18px;
        color: white;
        width: 100%;
        height: 40px;
        font-weight: bold;
        text-align: center;
        text-shadow: 0 0 10px #fb494b ;
    }
    .serve{
        width: 96px;
        height: 96px;
        background-image: url(../img/common/serve.png);
        position: absolute;
        top: 502px;
        right: 349px;
        cursor: pointer;
        z-index: 600;
        opacity: 0.8;
    }
    .load{
        width: 96px;
        height: 96px;
        background-image: url(../img/common/load.png);
        position: absolute;
        top: 615px;
        right: 349px;
        cursor: pointer;
        z-index: 600;
        opacity: 0.8;  
    }
   .gohome:hover::after{
        content:'体验空间首页';
        position: absolute;
        bottom: -38px;
        left: -25px;
        font-size: 18px;
        color: white;
        width: 150%;
        height: 40px;
        font-weight: bold;
        text-align: center;
        text-shadow: 0 0 10px #fb494b ;
    }
      .serve:hover::after{
        content:'联系我们';
        position: absolute;
        bottom: -38px;
        font-size: 18px;
        color: white;
        width: 100%;
        height: 40px;
        font-weight: bold;
        text-align: center;
        text-shadow: 0 0 10px #fb494b ;
    }
      .load:hover::after{
        content:'下载资料';
        position: absolute;
        bottom: -38px;
        font-size: 18px;
        color: white;
        width: 100%;
        height: 40px;
        font-weight: bold;
        text-align: center;
        text-shadow: 0 0 10px #fb494b ;
    }
   /* .sound:hover::after{
        content:'声音控制';
        position: absolute;
        bottom: -38px;
        font-size: 18px;
        color: white;
        width: 100%;
        height: 40px;
        font-weight: bold;
        text-align: center;
        text-shadow: 0 0 10px #fb494b ;
    } */

    .load_wrap{
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 5000;
        display: none;
    }
    .code_wrap{
        width: 800px;
        height: 600px;
        /* background-color: white; */
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -400px;
        margin-top:-300px;
        border-radius: 10px;
    }
    .code_common{
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        position: absolute;
       
    }
    .close_code{
        background-image: url('../img/common/close.png');
        width: 96px;
        height: 96px;
        top: -48px;
        right: -48px;
        cursor: pointer;
    }
    .code_img{
        width: 400px;
        height: 400px;
        background-image: url('../img/common/eicode.png');
        margin-left: -200px;
        margin-top: -200px;
        top: 50%;
        left: 50%;
    }