@media screen and (max-width: 768px) {
    body{
        background:#000!important;
        height: inherit;
    }
    /* video test  */
    #mainWidget{
        height: 800vh;
        position: relative;
        width: 100%;
        margin:0 auto;
        /* will-change:scroll-position; */
    }
    #childWidget{
        position: -webkit-sticky;
        position: relative;
        /* top:0.6rem; */
        top:0;
        height: 100vh;
        padding-top: 0rem;width: 14rem;
        left: -5.1rem;
        
    }
     #childWidget.fixed{
        position: fixed;width: 14rem;
        left: -5.1rem;
        /* top:3rem; */
    }
    #anitop{
        margin-top: 0;
        height: auto;
        background:#000;
        position: relative;
        /* margin-bottom:20vh; */
    }
    .anitopin{
        position: static;
        width: 100%;
        z-index: 2;
        height: 5.8rem;
        background:#000;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: .48rem;
    }
    .topVideo {
        width: 100%;
        /* margin: 0 -1.3rem; */
        display: flex;
        background-size: 8rem;
    }
    video{
        max-width: auto;
        max-height: auto;
        width: 100%;
    }
    .videoBox {
        background:#000;
        margin-top:-1rem;
    }
    .seeMove {
        height: 100vh;
        /* margin-top:100vh; */
        background:#000;
        color: #fff;
        position: -webkit-sticky;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 1;
        display: table;
    }
    .seeMove .title {
        height: auto;
        line-height: .2rem;
        font-size: .14rem;
        letter-spacing: 0;
        font-weight: 300;
    }
    .seeMove  .middle {
        font-size: .18rem;
        line-height: .35rem;
        margin: .1rem auto .2rem;
    }
    .seeMove .title img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 0rem;
        height: 0.2rem;
    }
    .linkIn img {
        display: block;
        margin-right: .08rem;
        height: 100%;
        vertical-align: middle;
        float: left;
    }
    .seeMove .linkIn a {
        color:#fff;
        height: .2rem;
        line-height: 0.22rem;
        display: inline-block;
        margin:0 auto;
        overflow: hidden;
        overflow: hidden;
    }
    .linkIn a:hover{
        text-decoration: none;
    }
    /* .linkIn {
    } */
    .seemoveIn {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .liangdian {
        zoom:1;
        height: auto;
        overflow: hidden;
        padding-top:2rem;
    }
    .clr::after{
        content:'';
        display: block;
        clear: both;
        height: 0;
    }
    .liangdian h2 {
        text-align: center;
    
    }
    .liangdianList{
        /* display: inline-block; */
        float: left;
        width: 50%;
        font-size: .12rem;
        line-height: .2rem;
        text-align: center;
        padding-bottom: 0;
        height: 2rem;
    }
    .liangdianList h3{
        height: .4rem;
        margin-bottom: .1rem;
    }
    .liangdianList:first-child h3 {
        margin-bottom:0.1rem;
    }
    .liangdian .liangdianList .titlep {
        font-size: .16rem;
        line-height: .24rem;
        font-weight: bold;
        margin-bottom: .12rem;
    }
    .liangdianList h3 img {
        height: 100%;
        margin:0 auto;
    }
    .liangdian .sctionStyle{
        margin-bottom: .6rem;
    }
     .zhushiTitle {
        display: inline-block;
        width: .1rem;
        height: .16rem;
        text-align: center;
        line-height: .24rem;
        font-size: .12rem;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: left top;
        transform-origin: left top;
     }
     .videolist .zhushiTitle{
        line-height: .1rem;
        vertical-align: text-top;
    }
     .part {
         width: 100%;
         margin:0 auto;
     }
     .part1 {
         height: 2rem;
         padding-top: 1rem;
     }
     .part1 h2 {
         font-size: .21rem;
         text-align: center;
         line-height: .28rem;
         margin-bottom: .15rem;
     }
     .part1 p {
         text-align: right;
         font-size: 0;
         text-align: center;
     }
     .part1 a {
         display: inline-block;
         font-size: .16rem;
         color: #4AB4FB;
         margin-right: 0;
     }
     .part2 {
         margin-bottom: 1rem;
     }
     .part2 > p {
         font-size: .24rem;
         line-height: .28rem;
         padding-left: .2rem;
         margin-bottom: .18rem;
         text-align: left;
         font-weight: bold;
         padding-right: .2rem;
     }
     .morevideo {
         position: relative;
     }
     .leftvideo {
         width: 100%;
         /* float: left; */
         /* margin-right:1.14rem ;  */
     }
     .rightText {
         position: static;
         bottom: 0rem;
         left: 0;
         width: 100%;
         font-size: .1rem;
         line-height: .2rem;
         padding: .1rem .2rem;
     }
     .rightText p {
         margin-bottom: .1rem;
         font-size: 0.13rem;
     }
     .part3 {
         margin-bottom: 1rem;
     }
     .part3 > p {
        font-size: .24rem;
        line-height: .28rem;
        padding-left: 0;
        margin-bottom: .18rem;
        text-align: left;
        padding: 0 .2rem;
        font-weight: bold;
    }
    .part3 .leftvideo {
        width: 100%;
        margin-left: 0;
        /* float: left; */
        /* margin-right:1.14rem ;  */
    }
    .part3 .rightText {
        position: static;
        bottom: 0rem;
        left: 1.1rem;
        width: 100%;
        font-size: .14rem;
        line-height: .2rem;
    }
    
    .part4 > p {
        font-size: .24rem;
        line-height: .28rem;
        padding-left: 0;
        margin-bottom: .18rem;
        text-align: left;
        padding: 0 .2rem;
        font-weight: bold;
    }
    .part4 .leftvideo {
        height: auto;
        overflow: hidden;
        width: 100%;
        position: relative;
        z-index: 10;
    }
    .part4 .leftvideo video{
        width: 100%;
    }
    .minganbox {
        width: 100%;
    }
    .part4 {
        height: auto;
        margin-bottom: 1rem;
    }
    .part4 .morevideo{
        position: -webkit-sticky;
        position: static;
        /* height: 100vh; */
        top: .6rem;
    }
    .part4 .rightText {
        bottom: 8rem;
        top:3rem;
    }
    .part5 h2,.part6 h2,.part8 h2,.part9 h2 {
        font-size: .24rem;
        line-height: .28rem;
        margin-bottom: .15rem;
        padding: 0 .2rem;
        text-align: left;
        font-weight: bold;
    }

    .part5,.part6,.part8,.part9 {
        font-size: .12rem;
        line-height: .2rem;
        text-align: center;
    }
    .part6,.part8{
        height: 3rem;
    }
    .part5 >p {
        padding: .1rem .2rem;
        text-align: left;
        font-size: .13rem;
    }
    .part5 > h2 span,.part6 > h2 span,.part7 > h2 span,.part8 > h2 span {
        display: block;
        color:#A4A4A4;
    }
    .part6{
        height: 2rem;
    }
    .part6 >p {
        padding: .1rem .2rem;
        font-size: .13rem;
        text-align: left;
    }
    .part5 >p br,.part6 >p br {
        display: none;
    }
    .imgmove {
        margin-top: 0.4rem;
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 360px;
        margin-bottom: 1rem;
    }
    .imgmove>div{
        height: 120px;
        position: absolute;
        /* width: 1000px; */
        left: 300px;
        margin-left: -600px;
        overflow: hidden;
    }
    .imgmove>div img {
        display: block;
        height: 100%;
    }
    .imgmove>.imgmove1 {
        top: 0;
        /* -webkit-animation: move3 15s linear infinite alternate;
        animation: move3 15s linear infinite alternate; */
        /* -webkit-transform: translateX(200px);
        transform: translateX(200px); */
    }
    .imgmove>.imgmove2 {
        top: 120px;
        /* -webkit-animation: move4 15s linear infinite alternate;
        animation: move4 15s linear infinite alternate; */
        /* -webkit-transform: translateX(-200px);
        transform: translateX(-200px); */
    }
    .imgmove>.imgmove3 {
        margin-left: -700px;
        /* -webkit-animation: move3 16s linear 0.2s infinite alternate;
        animation:move3 16s linear 0.2s infinite alternate; */
        top: 240px;
        /* -webkit-transform: translateX(200px);
        transform: translateX(200px); */
    }
    
    @-webkit-keyframes move3{
        0%{
            -webkit-transform: translateX(200px);
            /* left:0; */
        } 
       
        100%{
            -webkit-transform: translateX(-200px);
            /* left:50%; */
        }
     }
     @keyframes move3{
        0%{
            -webkit-transform: translateX(200px);
            /* left:0; */
        } 
       
        100%{
            -webkit-transform: translateX(-200px);
            /* left:50%; */
        }
    }
     @-webkit-keyframes move4{
        0%{
            -webkit-transform: translateX(-200px);
            /* left:0; */
        } 
       
        100%{
            -webkit-transform: translateX(200px);
            /* left:50%; */
        }
      }
    @keyframes move4{
        0%{
            -webkit-transform: translateX(-200px);
            /* left:0; */
        } 
       
        100%{
            -webkit-transform: translateX(200px);
            /* left:50%; */
        }
     }
    
     .part7{
         /* text-align: center; */
         overflow: hidden;
         margin-bottom: 1rem;
     }
     .part8 {
         height: auto;
         /* padding-bottom:1rem */
     }
     .part8 > p{
         padding: 0 .2rem;
         font-size: .13rem;
         text-align: left;
     }
     .part8 > p br{
        display: none;
     }
     .videolist {
         width: 100%;
         float: left;
         margin-bottom: 0.7rem;
         margin-left: 0;
     }
     .videolist h2 {
         font-size: .16rem;
         line-height: .2rem;
         margin-bottom: .1rem;
         height: .2rem;
         /* padding: 0 .2rem; */
         text-align: center;
     }
     .videolist p {
        font-size: .12rem;
        line-height: .2rem;
        text-align: center;
        padding: 0 .2rem;
    }
     .videolist.leftm{
        margin-left: 0;
        height: auto;
     }
     .videolist .ctr{
         font-size: .14rem;
         line-height: .32rem;
         margin-bottom: 0rem;
         color:#828282;
         text-align: center;
         height: .32rem;
     }
     .videolist .ctr span {
         cursor: pointer;
         display: none;
     }
     .videob {
         width: 100%;
      
     }
     .part9 {
         height: 5.5rem;
         background:#000 url(../images/new_products_planck/part9bg.png) no-repeat center bottom;
         background-size: 100%;
         position: relative;
         z-index: 10;
         /* padding-top: 0.5rem; */
     }
     .part9 .textbox{
         display: block;
         position: -webkit-sticky;
         position: absolute;
         height: 100%;
         top: 0.5rem;
         left: .2rem;
         width: 3.35rem;
     }
     .part9 h2 {
         font-size: .24rem;
         margin-bottom: 1rem;
         line-height: .28rem;
         padding:0;
         /* text-align: right; */
     }
     .part9 p {
         margin-bottom: .05rem;
         font-size: .13rem;
         line-height: .2rem;
         padding-left: 1.3rem;
         /* text-align: center; */
     }
     .part9 .tablecell{
         text-align: left;
         padding-top: 0;
     }
     .part10 .tablebox{
         height: 100vh;
         width: 100%;
         text-align: center;
         position: -webkit-sticky;
         position: static;
         top: 0;
         font-size: .22rem;
     }
     .tablecell {
         display: table-cell;
         vertical-align: middle;
     }
     .part10 {
         height: 100vh;
         background: #000;
         position: relative;
         z-index: 11;
     }
     .tablebox {
        display: table;
     }
     .part11 {
        opacity: 0.5;
        font-size: .1rem;
        color: #FFFFFF;
        letter-spacing: 0;
        line-height: .18rem;
        margin: 0 .1rem;
        padding-bottom:.2rem
    }
    .part11 span{
        margin-right:.2rem
    }

    .morebox>p {
        
        margin-bottom:.1rem;
    }
    .morebox>p a {
        font-size:.16rem;
        color:#4AB4FB;
        margin-bottom:.1rem;
    }
    .morebox>p a img {
        width: 0.14rem;
        display: inline;
        -webkit-transition: transform .3s;
        -ms-transition: transform .3s;
        -moz-transition: transform .3s;
        transition: transform .3s;
    }
    .morebox .showbox.show {
        height: 14rem;
    }
    
    .part10 img {
        width: 1rem;
    }
    .ada {
        background: url(../images/new_products_planck/ada.png) no-repeat;
        background-size: 0.5rem;
        width: 0.5rem;
        height: 0.5rem;
        position: fixed;
        z-index: 13;
        right: .1rem;
        bottom: .1rem;
    }
    .placnck_xiala {
        background: none!important;
        top: 0.96rem !important;;
    }.activePage::after {
        content: '';
        display: inline-block;
        margin-left: 0.05rem;
        width: 0.1rem;
        height: 0.08rem;
        background: url(../images/mobilexiala.png) no-repeat;
        background-size: 100%;
        right: 0.08rem;
        top: 0.2rem;
        transition: all .2s;
    }
    .activePage.on::after {
        transform: rotate(180deg);
    }
}