@charset "utf-8";
.index2-slide2-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    border: 2px solid #cccccc;
    text-align: center;
    position: absolute;
    background: #ffffff;
    z-index: 10;

}

.index2-slide2-icon:hover {
    border: 2px dashed #198cff;
    animation: xuanzhuan 2s;
    animation-direction: normal;

}

.slide2-h5-img {
    display: none;
}

.slide2-h5-img {
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 11;
}

.index2-slide2-icon:hover .slide2-h5-img {
    display: block;
}

@keyframes xuanzhuan {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/*鼠标方式样式添加*/
@keyframes lianyi-h5 {
    from {
        top: 100px;
        right: 555px;
        width: 60px;
        height: 60px;
        border: 2px solid #cccccc;
    }
    to {
        width: 100px;
        height: 100px;
        top: 80px;
        right: 535px;
        border: 2px solid rgba(0, 0, 0, 0);
    }
}

.slide2-h5 {
    top: 100px;
    right: 555px;
}

.slide2-h5-lianyi {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    border: 2px solid #cccccc;
    text-align: center;
    position: absolute;
    background: rgba(0, 0, 0, 0);
    z-index: 9;
    top: 100px;
    right: 555px;


}
.slide2-h5-lianyi-an{
    animation: lianyi-h5 2s;

}
@keyframes lianyi-h5 {
    from {
        top: 100px;
        right: 555px;
        width: 60px;
        height: 60px;
        border: 2px solid #cccccc;
    }
    to {
        width: 100px;
        height: 100px;
        top: 80px;
        right: 535px;
        border: 2px solid rgba(0, 0, 0, 0);
    }
}

/*h5样式分割  */
.slide2-an {
    top: 25px;
    right: 462px;
    width: 70px;
    height: 70px;
    line-height: 70px;
}

.slide2-an-lianyi {
    top: 25px;
    right: 462px;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 2px solid #cccccc;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    z-index: 9;

}
.slide2-an-lianyi-an{
    animation: lianyi-an 2s;
}
@keyframes lianyi-an {
    from {
        top: 25px;
        right: 462px;
        width: 70px;
        height: 70px;
        border: 2px solid #cccccc;
    }
    to {
        top: 5px;
        right: 442px;
        width: 110px;
        height: 110px;
        border: 2px solid rgba(0, 0, 0, 0);
    }
}

/*安卓样式分割*/
.slide2-ios {
    top: 101px;
    right: 200px;
    width: 70px;
    height: 70px;
    line-height: 70px;
}

.slide2-ios-lianyi {
    top: 101px;
    right: 200px;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 2px solid #cccccc;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    z-index: 9;

}
.slide2-ios-lianyi-an{
    animation: lianyi-ios 2s;
}
@keyframes lianyi-ios {
    from {
        top: 101px;
        right: 200px;
        width: 70px;
        height: 70px;
        border: 2px solid #cccccc;
    }
    to {
        top: 81px;
        right: 180px;
        width: 110px;
        height: 110px;
        border: 2px solid rgba(0, 0, 0, 0);
    }
}

/*ios 样式分割*/
.slide2-net {
    top: 271px;
    right: 144px;
}

.slide2-net-lianyi {
    top: 271px;
    right: 144px;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    border: 2px solid #cccccc;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    z-index: 9;


}
.slide2-net-lianyi-an{
    animation: lianyi-net 2s;
}

@keyframes lianyi-net {
    from {
        top: 271px;
        right: 144px;
        width: 60px;
        height: 60px;
        border: 2px solid #cccccc;
    }
    to {
        top: 251px;
        right: 124px;
        width: 100px;
        height: 100px;
        border: 2px solid rgba(0, 0, 0, 0);
    }
}

.big-run {
    width: 240px;
    height: 240px;
    position: absolute;
    right: 293px;
    top: 125px;
    border-radius: 120px;
    z-index: 10;
    box-shadow: 0 0 50px rgba(11, 101, 255, 0.35);
    transition: all 0.5s;
    animation: big-run-lianyi 2s;
}

@keyframes big-run-lianyi {
    from {
        right: 383px;
        top: 215px;
        width: 60px;
        height: 60px;
    }
    to {
        right: 293px;
        top: 125px;
        width: 240px;
        height: 240px;
    }
}

.small-run {
    width: 160px;
    height: 160px;
    position: absolute;
    right: 333px;
    top: 166px;
    border-radius: 100px;
    z-index: 10;
    box-shadow: 0 0 40px rgba(11, 101, 255, 0.35);
    transition: all 0.5s;
    animation: small-run-lianyi 2s;
}
.small-run-2{
    width: 40px;
    height: 120px;
    position: absolute;
    right: 437px;
    top: 186px;
    border-top-left-radius:100px ;
    border-bottom-left-radius:100px ;
    z-index: 11;
    transition: all 0.5s;
    background: #ffffff;
    animation: small-run-lianyi-2 3s;

    /*box-shadow: 0 0 60px rgba(11, 101, 255, 0.35);*/

}

@keyframes small-run-lianyi {
    from {
        right: 383px;
        top: 216px;
        width: 60px;
        height: 60px;
    }
    to {
        right: 333px;
        top: 166px;
        width: 160px;
        height: 160px;
    }
}
@keyframes small-run-lianyi-2 {
    from {
        background: rgba(0,0,0,0);
        width: 0px;
        height: 0px;
    }
    to {
        background: #ffffff;
        width: 40px;
        height: 120px;
    }
}
.sun {
    width: 70px;
    height: 70px;
    position: absolute;
    right: 378px;
    top: 210px;
    border-radius: 100px;
    z-index: 11;
}

.index2-slide2-text {
    text-align: center;
    width: 150px;
    height: 50px;
    z-index: 0;
    position: absolute;
    top: 200px;
    right: 340px;
    transition:all 1s;
    color: rgba(0,0,0,0);

}
.index2-slide2-text-add{
    transition: all 1s;
    right: 240px;
    color: rgba(0,0,0,1);

}
.index2-slide2-text-hx {
    width: 100%;
    height: 2px;
    /*background: rgba(0,0,0,0);*/
    transition:all 1s;
    position: relative;
}
.index2-slide2-text h4{
    font-size: 2em;
    margin-bottom: 5px !important;
}
.index2-slide2-text-right {
    width: 6px;
    height: 6px;
    border: 0px solid #ddd;
    /*background: rgba(0, 0, 0, 0);*/
    border-radius: 6px;
    position: absolute;
    transition:all 1s;
    top: -2px;
    right: -6px;
}
.index2-slide2-text-right-2{
    border: 2px solid #ddd;

}
.slide2-text-net,.slide2-text-ios,.slide2-text-an,.slide2-text-h5{
    display: block;
    transition: all 1s;
}