/* 运维着陆页 */
.dk-landing-yunwei{
    position: relative;
    max-width: 19.2rem;
    margin: 0 auto;
}
.dk-landing-yunwei-trigger{
    position: absolute;
    left: 0;
    top: 0;
}
.dk-landing-yunwei-el{
    position: absolute;
    left: 50%;
    top: 50%;
}
.dk-landing-yunwei-el img{
    width: 100%;
    height: 100%;
}

.dk-landing-yunwei-1{
    margin-top: 1.4rem;
}
.dk-landing-yunwei-page-1-1{
    background: url("../../images/landing/yunwei/page-1-1.png") center no-repeat;
    background-size: contain;
    text-indent: -10000px;
}
.dk-landing-yunwei-page-1-2{
    margin-top: -1.5rem;
    height: 5.4rem;
}
.dk-landing-yunwei-page-2-1{
    bottom: 0;
    top: auto;
    width: 4.73rem;
    height: 5.4rem;
    margin-left: -1.08rem;
}
.dk-landing-yunwei-page-2-2{
    top: auto;
    bottom: 0;
    margin-left: -3.96rem;
    width: 4.03rem;
    height: 4.46rem;
}
/* 第二屏 */
.dk-landing-yunwei-3{
    position: relative;
    z-index: 100;
}
.dk-landing-yunwei-3 >*{
    z-index: 10;
    top: auto;
}
.dk-landing-yunwei-page-3-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent center top no-repeat;
    background-size: cover;
    z-index: 1;
}
.dk-landing-yunwei-page-3-bg-1{
    background-image: url("/images/landing/yunwei/page-3-bg-1.jpg");
}
.dk-landing-yunwei-page-3-bg-2{
    background-image: url("/images/landing/yunwei/page-3-bg-2.png");
}
.dk-landing-yunwei-page-3-bg-overflow{
    background-image: url("/images/landing/yunwei/page-3-bg-overflow.png");
    z-index: 12;
    top: auto;
}
.dk-landing-bg-success{
    background-image: url("/images/landing/yunwei/page-3-bg-3.png");
}
.dk-landing-robot-bg{
    background-color: red;
}
.dk-landing-yunwei-page-3-doc{
    bottom: .88rem;
    width: 1.93rem;
    height: 1.03rem;
    margin-left: -3.64rem;
}
.dk-landing-yunwei-page-3-part{
    width: 2.65rem;
    height: 1.23rem;
    left: auto;
    right: .5rem;
    bottom: .6rem;
}
.dk-landing-yunwei-page-3-pc{
    z-index: 11;
    width: 3.91rem;
    margin-left: .14rem;
    bottom: 1.45rem;
    height: 2.45rem;
}
.dk-landing-yunwei-page-3-desktop{
    z-index: 9;
    width: 19.2rem;
    margin-left: -9.6rem;
    bottom: 0;
    height: 2.97rem;
}
.dk-landing-yunwei-page-3-dialog{
    width: 4.66rem;
    height: 7.98rem;
    margin-left: -7.09rem;
    bottom: 1.72rem;
}
.dk-landing-yunwei-page-3-people-1{
    width: 4.41rem;
    height: 4.54rem;
    z-index: 8;
    margin-left:-2.08rem;
    bottom: 2.19rem;
}
.dk-landing-yunwei-page-3-people-1-hand{
    width: 2.15rem;
    height: 1.01rem;
    bottom: 1.49rem;
    margin-left: -2.1rem;
}
.dk-landing-yunwei-page-3-name{
    width: 3.97rem;
    height: .63rem;
    bottom: 5.26rem;
    margin-left: 1.54rem;
}
.dk-landing-yunwei-page-3-people-2{
    width: 7.55rem;
    height: 6.21rem;
    bottom: 2.08rem;
    margin-left: -7.2rem;
    z-index: 7;
}
.dk-landing-yunwei-page-3-people-3,
.dk-landing-yunwei-page-3-people-3-hand{
    width: 4.03rem;
    height: 5.14rem;
    margin-left: -.7rem;
    bottom: 2.08rem;
    z-index: 7;
}
.dk-landing-yunwei-page-3-people-3-hand{
    z-index: 10;
}
.dk-landing-yunwei-page-3-people-3-hand .dk-landing-yunwei-page-3-people-3-hand-img{
    width: 1.9rem;
    height: 3.59rem;
    position: absolute;
    right: -1.66rem;
    bottom: -.31rem;
}
.dk-landing-yunwei-page-3-people-4{
    width: 5.01rem;
    height: 5.66rem;
    z-index: 6;
    bottom: 4.50rem;
    margin-left: 1.4rem;
}

.dk-landing-yunwei-robot{
    width: 6.79rem;
    height: 4.63rem;
    bottom: .62rem;
    margin-left: -3.9rem;
    z-index: 13;
}
.dk-landing-yunwei-robot-name{
    width: 3.88rem;
    height: 1.55rem;
    left: .93rem;
    bottom: 1.05rem;
}
.dk-landing-yunwei-robot-flash{
    width: 1.86rem;
    height: 6.11rem;
    margin-left: -.7rem;
    top: -1.1rem;
    bottom: auto;
    z-index: 11;
}
.dk-landing-yunwei-robot-beng{
    width: 12.17rem;
    height: 7.05rem;
    bottom: .94rem;
    margin-left: -3.73rem;
    z-index: 12;
}
.dk-landing-yunwei-robot-arms{
    width: 10rem;
    height: 4.93rem;
    z-index: 12;
    bottom: 2.96rem;
    margin-left: -3.02rem;
}
.dk-landing-yunwei-page-3-robot-people{
    width: 4.19rem;
    height: 5.25rem;
    bottom: 1.94rem;
    z-index: 7;
    margin-left: -5rem;
}

/* 其他内容 */
.dk-landing-yunwei-container{
    max-width: 1600px;
    margin: 0 auto;
}

.dk-landing-yunwei .dk-landing-yunwei-support .list-item>.d-block{
    height: 2.2rem;
}
.dk-landing-yunwei .dk-landing-yunwei-support .list-item>.d-block:hover{
    background-color: #f7f8fa;
}
.dk-landing-yunwei .dk-landing-yunwei-support .list-item>.d-block span{
    display: inline-block;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(56%,transparent),color-stop(0,#fdd000));
    background-image: linear-gradient(180deg,transparent 56%,#fdd000 0);
    background-size: 0 100%;
    background-repeat: no-repeat;
    text-decoration: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.dk-landing-yunwei .dk-landing-yunwei-support .list-item>.d-block:hover .title span{
    background-size: 100% 100%;
}
.dk-landing-yunwei .dk-landing-yunwei-support .list-item .icon{
    border: none;
    margin-bottom: 0;
    height: 1.0rem;
    margin-top: .16rem;
}

.dk-landing-yunwei-protection{
    position: relative;
    height: 8rem;
    margin-bottom: .2rem;
}
.dk-landing-yunwei-protection .protection{
    position: absolute;
    left: 50%;
    top: .4rem;
    width: 4.22rem;
    height: 4.22rem;
    margin: 0 0 0 -2.11rem;
}
.dk-landing-yunwei-protection .protection-circle{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2.91rem;
    height: 2.91rem;
    margin: -1.45rem 0 0 -1.45rem;
}
.protection-circle-wrapper{
    width: 100%;
    height: 100%;
}
.dk-landing-yunwei-protection dl{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    background: transparent center no-repeat;
    background-size: contain;
}
.dk-landing-yunwei-protection dt,
.dk-landing-yunwei-protection dd{
    text-indent: -10000px;
}
.dk-landing-yunwei-protection .item-1{
    width: 4.96rem;
    height: 3.55rem;
    background-image: url("/images/landing/yunwei/protection-1.png");
    margin: -3.92rem 0 0 -6.82rem;
}
.dk-landing-yunwei-protection .item-2{
    width: 4.96rem;
    height: 4.53rem;
    background-image: url("/images/landing/yunwei/protection-2.png");
    margin: -3.92rem 0 0 1.89rem;
}
.dk-landing-yunwei-protection .item-3{
    width: 4.51rem;
    height: 3.23rem;
    background-image: url("/images/landing/yunwei/protection-3.png");
    margin: .57rem 0 0 -2.26rem;
}
.dk-landing-yunwei-protection .item-1:hover{
    background-image: url("/images/landing/yunwei/protection-1-active.png");
}
.dk-landing-yunwei-protection .item-2:hover{
    background-image: url("/images/landing/yunwei/protection-2-active.png");
}
.dk-landing-yunwei-protection .item-3:hover{
    background-image: url("/images/landing/yunwei/protection-3-active.png");
}

.dk-landing-scene4 .main .list-item .adv-desc p{
    margin: .05rem 0;
    background: url("/images/landing/yunwei/list-icon.png") left center no-repeat;
    padding-left: .3rem;
}