/* 头部导航栏 */
 .asdasdsad .nav {
     width: 64%;
    padding: 0% 18%;
    position: fixed;
    z-index: 1000;
    background-color: #ffffff;
    
}


#myMenu {
    position: fixed;
    z-index: 100;
    right: 0.78125rem;
    margin-top: 0.5rem;

}

#myMenu li {
    width: 0.360417rem;
    height: 0.360417rem;
    border-radius: .12083rem;
    font-size: 0.078125rem;
    margin-top: 0.14625rem;
}

#myMenu li img {
    width: 100%;
}

.section {
    padding-left: 1.5rem;
    padding-top: 1.40625rem;
    opacity: 0;
    z-index: -1;
    background-size: auto;
    background-size: 100%;
    position: relative;
    overflow: hidden;
}

.section>div>div {
    float: left;
}


/* 第一个界面中背景的小方格 */
.section-fangge {
    width: 100%;
    position: absolute;
    top: 0rem;
    left: 0rem;
    z-index: -1;
    animation: fangge-bj 8s linear infinite;
}

.section-fangge img {
    width: 100%;
}

@keyframes fangge-bj {
    0% {
        top: 0rem;
        left: 0rem;
        transform: scale(1);
    }

    20% {
        top: 0.4rem;
        left: 0.4rem;
        transform: scale(0.9);
    }

    40% {
        top: 0.6rem;
        left: 0rem;
        transform: scale(0.8);
    }

    60% {
        top: 0.4rem;
        left: 0.5rem;
        transform: scale(0.9);
    }

    80% {
        top: 0.3rem;
        left: 0.2rem;
        transform: scale(1.1);
    }

    100% {
        top: 0rem;
        left: 0rem;
        transform: scale(1);
    }
}

/* 界面左侧字体 */
.section-left {
    color: #0c0939;
    font-size: 0.15625rem;
    font-weight: 600;
    margin-top: 0.8rem;
}

.section-left p {
    line-height: 0.46875rem;
}

.section-left span {
    font-size: 0.104167rem;
    width: 1.61875rem;
    word-break: normal;
    display: block;
    word-wrap: break-word;
    overflow: hidden;
    line-height: 0.15625rem;
}

.section-left img {
    width: 0.416667rem;
}

/*界面右侧手机图片 */
.section-right>div img {
    width: 100%;
}

.shouji {
    width: 4.427083rem;
}

.neirong {
    width: 4.080208rem;
    position: absolute;
    top: -0.5rem;
    right: -1.397917rem;
}

.section .vertical-align {
    vertical-align: text-top;
}

.name {
    animation: name 0.5s linear;
    animation-fill-mode: forwards
}

@keyframes name {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.4);
    }
}

.dt {
    animation: dt 1.5s linear;
    animation-fill-mode: forwards
}

@keyframes dt {
    0% {
        opacity: 0;
        z-index: -1;
    }

    100% {
        opacity: 0.9;
        z-index: 100;
    }
}

.active {
    opacity: 0.9;
    z-index: 100;
}


/* span字体动画 */
.qwerspan {
    animation: span 1s linear;
    animation-delay: 0.2s;
}

@keyframes span {
    0% {
        padding-top: 1.041667rem;
    }

    100% {
        padding-top: 0rem;
    }
}

/* p字体动画 */
.qwerp {
    animation: span 0.8s linear;
}

/* 移入的动画 */
.shouji-mosover {
    animation: sjmovser 0.8s linear;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}

@keyframes sjmovser {
    0% {
        width: 4.080208rem;
        position: absolute;
        top: -0.5rem;
        right: -1.397917rem;
    }

    100% {
        width: 4.180208rem;
        position: absolute;
        top: -0.18rem;
        right: -1.19083rem;
    }
}

/* 各个界面的小图标 */
.section-right {
    position: relative;
}

.donghua {
    width: 0.807292rem;
    position: absolute;

    z-index: 100;
}

.donghua3a {
    left: 3.333333rem;
}

.donghua3b {
    top: 0.933333rem;
    left: 0.2rem;
}

.donghua4a {
    width: 1.45rem;
    top: 1.6625rem;
    left: 1.1625rem;
}

.donghua6a {
    top: -0.20625rem;
    left: 2.096875rem;
}

.donghua7a {
    width: 1.40625rem;
    top: -0.70625rem;
    left: 1.2096875rem;
}
.app>div{
    background: url("../images/ceshi1-bj.png");
}


@media(max-width: 1050px) {
   .section-fangge img{
      display:none;
    }
    #myMenu {
        display: none;
    }

    .section-left span {
        line-height: 0.4rem;
        width: 7rem;
        font-size: 0.25rem;
    }
    .section-left p{
       line-height: 0.8rem;
        font-size: 0.35rem;
    }
    .neirong{
        top: -0.18rem;
        right: -1.19083rem;
    }
    .asdasdsad .nav{
        padding: 0%;
        width: 100%;
       
    }
    .section-right{
        margin-top: 0.5rem;
    }
    .section-left{
        font-size: 0.4rem;
margin-top:2.8rem
    }
    /* 小图标 */
    .section-left img{
        width: 0.8rem;
    }
}