html,body,div,p,h1,h2,h3,ul,ol,li{margin:0;padding:0;}
li{list-style:none;}
html{height:100%}
body{height:100%; overflow:hidden;color:#434343;font-size:62.5%;font-family:"寰蒋闆呴粦"; background:#fff;}
.ds_none{display:none;}
.box{width:100%;margin:0 auto;position:relative;height:100%;overflow:hidden;}
img{ width:100%;}
.clear{ clear:both; font-size:0; height:0; overflow:hidden;}
a{ text-decoration:none;}

.blue{ background: #008dd0;}
.green{ background: #00ae93;}
.yello{ background: #dba500;}
.orange{ background: #db5200;}

.slide-wrap{position:relative;height:100%;overflow:hidden;}
.slide-up{position:absolute;width:100%;height:40px;text-align:center;bottom:35px;}
.slid-icon{background:url(http://n.sinaimg.cn/ln/20181118csr/images/up.png) no-repeat;background-size:100% 100%;position:absolute;width:30px;height:16px;left:50%;margin-left:-15px;bottom:0;overflow:hidden;}

.animated5{
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated2{
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.loading{ width:147.5px; height:89px; position:absolute; top:30%; left:50%; margin-left:-74px; background:url(http://n.sinaimg.cn/ln/20181118csr/images/loading1.jpg) no-repeat center top; background-size:100% 100%;}
@-webkit-keyframes load{
from {background:url(http://n.sinaimg.cn/ln/20181118csr/images/loading1.jpg) no-repeat center top; background-size:100% 100%;}
50%{background:url(http://n.sinaimg.cn/ln/20181118csr/images/loading2.jpg) no-repeat center top; background-size:100% 100%;}
to {background:url(http://n.sinaimg.cn/ln/20181118csr/images/loading1.jpg) no-repeat center top; background-size:100% 100%;}
}
@-webkit-keyframes load{
from {background:url(http://n.sinaimg.cn/ln/20181118csr/images/loading1.jpg) no-repeat center top; background-size:100% 100%;}
50%{background:url(http://n.sinaimg.cn/ln/20181118csr/images/loading2.jpg) no-repeat center top; background-size:100% 100%;}
to {background:url(http://n.sinaimg.cn/ln/20181118csr/images/loading1.jpg) no-repeat center top; background-size:100% 100%;}
}
.load{-webkit-animation-name: load;animation-name: load;}
.loadbox b{ font-size: 1.2rem; color: #434343; position: absolute; top: 45%; display: inline-block; text-align: center; width: 100%;}
.poa{position: absolute;}
.wh_100{width: 100%;height: 100%;}
.ani_none{animation: none !important;}

/* zone */
.zone .bg{background: url(./images/first/bg.jpg);background-size: 100% 100%;}
.zone .logo{width:64.40%;height:4.65%;left:16.40%;top:3.97%;}
.zone .slogan{width:86.00%;height:15.22%;left:8.00%;top:17.09%;}
.zone .slogan2{width:86.00%;height:2.10%;left:8.00%;/*top:34.21%;*/ top:33.3%;}
.zone .slogan2 div{position: relative;}
/* .zone .slogan2 img{width: 0%;height: 100%;object-fit: cover;object-position: left;animation: judge 1.5s 1.5s linear forwards;} */
.zone .btn{width:42.40%;height:6.15%;left:28.40%;top:81.71%;}

@keyframes judge {
  0%{width: 0%;}
  100%{width: 100%;}
}

.one .poa img{width: 100%;}
.one .logo1{ width: 25%; position: absolute; top: 1.78%; left: 5%;}
.one .bg{ width: 100%; height: 100%;}
.one .sdwc{width:26.02%;height:17.32%;left:61.57%;top:4.06%;}
.one .dnhh{width:15.56%;height:10.00%;left:60.19%;top:16.82%;}
.one .jd{width:16.94%;height:7.14%;left:66.76%;top:28.13%;}
.one .xxym{width:21.48%;height:12.76%;left:73.80%;top:36.04%;}
.one .wldwc{width:16.30%;height:9.48%;left:52.31%;top:41.35%;}
.one .popmart{width:15.93%;height:12.92%;left:29.44%;top:46.15%;}
.one .xhsd{width:27.04%;height:12.81%;left:7.41%;top:52.97%;}
.one .lg{width:16.94%;height:12.60%;left:5.65%;top:65.89%;}
.one .mpet{width:20.46%;height:11.25%;left:24.63%;top:73.13%;}
.one .tm{width:18.24%;height:10.36%;left:55.56%;top:75.78%;}
.one .bbxjc{width:17.50%;height:9.48%;left:74.72%;top:59.43%;}
.one .ysj{width:13.80%;height:11.35%;left:65.74%;top:48.59%;}
.one .dyc{width:22.41%;height:7.45%;left:45.00%;top:70.99%;}
.one .alydh{width:16.67%;height:9.95%;left:56.57%;top:60.73%;}
.one .hw{width:19.91%;height:13.91%;left:30.83%;top:62.08%;}
.one .m22{width:19.54%;height:10.31%;left:45.46%;top:51.56%;}
.one .cloud{ width: 12.05%; position: absolute; top: 18.75%; left: 3.44%;}
.one .battery,.one .battery_bg,.one .battery_energy{width:41.39%;height:6.41%;/*left:26.11%;*/ left: 5.11%;top:0;}
.one .battery_energy div{position: relative;}
.one .battery_energy img{width: 1%;height: 100%;object-fit: cover;object-position: left;}
.one .star {width: 13%; top: 48%;left: 45%;}
.one .star img{width: 50%;}
.one .tips,.one .toast{left: 0;top: 0;}
.one .tips img,.one .toast img{height: 100%;}
.one .btn,.one .btn2{width:43.87%;height:6.15%;left:27.33%;top:74.21%;}
.one .video{width:79.47%;height:25.11%;left:10.27%;top:20.24%;}
.one .endbtn{width:28.80%;height:5.99%;left:35.93%;top:91.30%;}

.one .title{width:77.33%;height:4.72%;left:11.20%;top:13.34%;color: #fff;font-weight: bold;font-size: 24px;text-align: center;}
.one .checkStar{width:45.73%;height:2.92%;left:11.07%;top:47.68%;}
.one .desc{width:77.73%;height:14.99%;left:11.07%;top:52.92%; color: #fff;line-height: 1.1rem;font-size: 0.8rem; text-align: justify; text-justify: inter-ideograph;}
.one .addressIcon{width:4.40%;height:3.22%;left:11.07%;top:68.74%;}
.one .address{height:3.22%;left:17.1%;top:68.74%;color: #fdeca2;font-size: 14px;}

@-webkit-keyframes piao{
from {-webkit-transform: translateX(6.81%);transform: translateX(6.81%);}
50%{-webkit-transform: translateX(50%);transform: translateX(50%);}
to {-webkit-transform: translateX(6.81%);transform: translateX(6.81%);}
}
@keyframes piao{
from {-webkit-transform: translateX(6.81%);transform: translateX(6.81%);}
50%{-webkit-transform: translateX(50%);transform: translateX(50%);}
to {-webkit-transform: translateX(6.81%);transform: translateX(6.81%);}
}
.piao{-webkit-animation-name: piao;animation-name: piao;}
@keyframes followMe {
    0% {transform: translate3d(0, 0, 0);opacity: 1;}
    /* 10% {transform: translate3d(-68px, -20px, 0) scale(1);opacity: .9;} */
    /* 20% {transform: translate3d(-48px, -55px, 0) scale(0.95);opacity: .9;} */
    /* 30% {transform: translate3d(-25px, -90px, 0) scale(0.9);opacity: .89;} */
    /* 40% {transform: translate3d(-5px, -125px, 0) scale(0.85);opacity: .87;} */
    /* 50% {transform: translate3d(20px, -160px, 0) scale(0.8);opacity: .85;} */
    /* 60% {transform: translate3d(-10px, -195px, 0) scale(0.75);opacity: .83;} */
    /* 70% {transform: translate3d(-45px, -230px, 0) scale(0.75);opacity: 0.8;} */
    /* 80% {transform: translate3d(-80px, -275px, 0) scale(0.75);opacity: 0.75;} */
    /* 90% {transform: translate3d(-52px, -300px, 0) scale(0.75);opacity: 0.72;} */
    100% {transform:translate3d(-45px, -355px, 0) scale(0.7);opacity: 0;}
}
.swiper-follow{animation: followMe 0.8s ease-in forwards;}

/*---- 绗竷灞� ----*/
.seven .bg{background: url(./images/lastBg.jpg);background-size: 100% 100%;}
.seven .logo{width:64.40%;height:4.65%;left:16.40%;top:3.97%;background: url(./images/first/logo.png);background-size: 100% 100%;}
.seven .slogan{width:86.00%;height:15.22%;left:8.00%;top:13.79%;background: url(./images/first/slogan.png);background-size: 100% 100%;}
.seven .slogan2{width:86.00%;/*height:2.10%;*/height:6.1%;left:8.00%;top: 29.69%;background: url(./images/slogan3.png);background-size: 100% 100%;}
.seven .btn{width:42.40%;height:6.15%;left:28.40%;top:81.71%;background: url(./images/save.png);background-size: 100% 100%;}
.seven .word{ width: 100%;/*top: 33.3%;*/top: 30.3%; left: 0; font-weight: 600; text-align: center; font-size: 1.2rem; color: #FFFFFF; line-height: 1.8rem; letter-spacing: 0.08rem;}
.seven .word b{ /*font-size: 1.5rem; line-height: 1.5rem;*/font-size: 1.8rem; line-height: 1.8rem; padding: 0 5px; color: #e43037;}
.seven .btn{width:42.40%;height:6.15%;left:28.40%;top:81.71%;}
.seven .qrcode{width:22.67%;height:12.74%;left:10.27%;top:82.46%;background: url(./images/qrcode.png);background-size: 100% 100%;}
.seven .label{width:50.53%;height:3%;left:36.00%;top:88.46%;
/*background: url(./images/label.png);background-size: 100% 100%;*/
background: url(./images/label.png);background-size: 100% 100%;    
}

/* canvas2image */
.resultImage{width: 100%;height: 100%;z-index: 9999;position: absolute;top: 0;left: 0;}
._fadeIn {animation: fadeIn 1s;}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
/* canvas2image end */

.sharebtn{ width: 35.94%; position: absolute; top: 58.01%; left: 32.03%;}
.tip1{ width: 50%; position: absolute; top: 66.38%; left: 25%;}

.sharebox{ width: 100%; height: 100%; position: absolute; top:0; left: 0; background:rgba(0,0,0,0.7)!important;filter:Alpha(opacity=70); background:#000;}
.sharebox img{width: 80%; height: auto; position: absolute; top: 3%; left: 10%;}

.music{ width:12%; position:absolute; top:2%; right:4%;}
.mucic_close{ opacity:.5;}