
body{
    width: 100%;
    height: auto;
    font-size: 12px;
}
.mobile{
    display: none;
    position: relative;
}
.mobile .section{
    overflow: hidden;
}
.mobile .section1 { 
    background: url(../../img/new/mobilebg1.png);
    background-size: 100% 100%;
}
.mobile .section1 .line{
    display: block;
    width:.08rem;
    height:.01rem;
    margin: .04rem 0 0.04rem .26rem;
    background:rgba(255,255,255,1);
}
.mobile .section2 { 
    background: url(../../img/new/mobilebg2.png);
    background-size: 100% 100%;
}
.mobile .section3 { 
    background: url(../../img/new/mobilebg3.png);
    background-size: 100% 100%;
}
.mobile .section4 {
     background: url(../../img/new/mobilebg4.png);
     background-size: 100% 100%;
}
.mobile .section5 { 
    background: url(../../img/new/mobilebg5.png);
    background-size: 100% 100%;
}
.mobile .section6 { 
    background: url(../../img/new/mobilebg6.png);
    background-size: 100% 100%;
}
/* .mobile .section5 .mt{
    margin-bottom: .41rem;
} */
.mobile .section1 .logo1{
    width:1.15rem;
    margin: .19rem 0 .14rem .32rem;
}

.mobile .section1 p{
    margin-left: .26rem;
    font-size: .11rem;
    line-height: .18rem;
    color:rgba(26, 26, 26, .7);
    font-weight:400;
}
.mobile .section .btn{
    position: absolute;
    left:.93rem;
    bottom: 0.35rem;
    margin: .1rem auto 0;
    display: block;
    width: 1.9rem;
    z-index: 2;
}
.mobile .section .mt{
   width: 2.15rem;
   height: .47rem;
   margin: .29rem auto 0;
   display: block;
}
.mobile .section1 .pic2{
    display: block;
    width: 2.575rem;
    height: auto;
    position: absolute;
    left: .59rem;
    bottom: 0;
}
.mobile .section2 .pic3{
    display: block;
    width: 3.23rem;
    margin: 0.1rem auto .64rem;
    display: block;
}
.mobile .section3 .pic4{
    display: block;
    width: 3.23rem;
    margin: 0.1rem auto .64rem;
}
.mobile .section4 .pic5{
    display: block;
    width: 3.23rem;
    margin: 0.1rem auto .64rem;
}
.mobile .section5 .pic6{
    display: block;
    width: 3.23rem;
    margin: 0.1rem auto .64rem;
}
.mobile .section6 .logo{
    display: block;
    width:1.33rem;
    margin: .87rem auto 1.79rem;
}
.mobile .section6 .footertxt{
   position: absolute;
   left: 0;
   width: 100%;
   bottom: 1.4rem;
}
.mobile .section6 p{
    font-size: .1rem;
    color:rgba(26, 26, 26, .7);
    line-height: .15rem;
    margin-left: .62rem;
}
.animation{
    animation:myfirst 2s;
    -moz-animation:myfirst 2s; /* Firefox */
    -webkit-animation:myfirst 2s; /* Safari and Chrome */
    -o-animation:myfirst 2s; /* Opera */

}
@keyframes myfirst
{
    0%   {opacity:0;transform: translateY(-80px);}
    100%  {opacity:1;transform: translateY(0);}
}
@-moz-keyframes myfirst /* Firefox */
{
    0%   {opacity:0;transform: translateY(-80px);}
    100%  {opacity:1;transform: translateY(0);}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
    0%   {opacity:0;transform: translateY(-80px);}
    100%  {opacity:1;transform: translateY(0);}
}
@-o-keyframes myfirst /* Opera */
{
    0%   {opacity:0;transform: translateY(-80px);}
    100%  {opacity:1;transform: translateY(0);}
}
