@charset "utf-8";
    /**防止苹果手机放大字号**/
    html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-ms-touch-action: none;font-size: 100%;}
    body,h1,h2,h3,p,ul,ol,form,fieldset,figure,img,textarea,input{margin: 0;padding: 0;display: block;font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", SimHei, "\5B8B\4F53", simsun, sans-serif;box-sizing: border-box;}
    h1,h2,h3{font-weight: normal;}
    div,figure,li,img{box-sizing:border-box;}/**让边框不占用宽度**/
    body{font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", SimHei, "\5B8B\4F53", simsun, sans-serif;color: #333;font-size: 20px;overflow: hidden;-webkit-user-select: none;-webkit-touch-callout: none;-webkit-tap-highlight-color: transparent;}
    /*禁止ios和android用户选中文字*//*禁止ios 长按时不触发系统的菜单，禁止ios&android长按时下载图片*//*去掉ios系统中元素被触摸时产生的半透明灰色遮罩*/
    ul,ol {list-style: outside none none;font-size: 20px;}
    a{text-decoration: none;background-size: 100%  100%;}
    a:hover{text-decoration: none;}
    /**页面样式**/
    .loading{position: absolute;width: 100%;height: 100%;background-image: url(../images/loadbg.jpg);background-size: 100% 100%;overflow: hidden;z-index: 10;}
    .shuidi{position: absolute;width: 30px;top: 200px;left: 300px;-webkit-animation: shuidiav 1.5s linear infinite;animation: shuidiav 1.5s linear infinite;}
    .jian{position: absolute;width: 200px;top: 326px;left: 220px;opacity: 0;-webkit-animation: jianav 1.5s linear infinite;animation: jianav 1.5s linear infinite;}
    .jda{position: absolute;width: 300px;height: 10px;top: 500px;left: 170px;border: 1px solid #a58c7b;border-radius: 10px;}
    .jdb{position: absolute;width: 1px;height: 8px;top: 501px;left: 170px;border-radius: 10px;background-color: #d9c0af;}
    .page{position: absolute;width: 100%;height: 100%;overflow: hidden;transition-duration: 800ms;left: 0;top:0;z-index: 1;}
    #page1{background-image: url(../images/bg1.jpg);background-size: 100% 100%;}
    #page2{background-image: url(../images/bg2.jpg);background-size: 100% 100%;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
    #page3{background-image: url(../images/bg3.jpg);background-size: 100% 100%;display: none;z-index: 4;}
    #page4{background-image: url(../images/bg4.jpg);background-size: 100% 100%;display: none;z-index: 4;}
    #page5{background-image: url(../images/bg5.jpg);background-size: 100% 100%;display: none;z-index: 4;}
    #page6{background-image: url(../images/bg6.jpg);background-size: 100% 100%;display: none;z-index: 4;}
    #page7{background-image: url(../images/bg7.jpg);background-size: 100% 100%;display: none;}
    #page8{background-image: url(../images/bg8.jpg);background-size: 100% 100%;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display: none;}
    .img1-1{position: absolute;width: 100%;left: 0;bottom: 100px;display: none;}
    .xia{position: absolute;width: 60px;left:290px;bottom: 50px;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;animation-duration: 1.5s;}
    .img2-1{display: block;width: 100%;margin-top: 45px;}
    .img2-2{display: block;width: 100%;margin-top: 45px;}
    .img2-3{display: block;width: 100%;margin: 30px 0;}
    .p2swipe{width: 1600px;position: relative;left: 0;padding: 0 170px;overflow: hidden;transition-duration: 400ms;-webkit-transform:translate3d(-310px, 0, 0);transform:translate3d(-310px, 0, 0);}
    .xiao1,.xiao2,.xiao3{width: 300px;float: left;margin-right: 20px;}
    .xiao4{width: 300px;float: left;}
    .tishi{text-align: center;margin-top: 30px;}
    .tishi img{display: inline;}
    .img2-4,.img2-6{animation-iteration-count: infinite; animation-duration: 1s;}
    .btnmain{position: absolute;width: 420px;height:680px;left: 220px;top: 50%;margin-top: -340px; }
    .img4-1{height: 100%;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
    .btna{position: absolute;width: 57px;top: 150px;right: 120px;}
    .btnb{position: absolute;width: 57px;bottom: 150px;right: 120px;}
    .btnc{position: absolute;width: 57px;top: 205px;right: 48px;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;animation-duration: 2s;}
    .img7-1{position: absolute;width: 80%;left: 20px;top: 40px;}
    .img7-3{position: absolute;width: 100%;left: 0;bottom: 0;}
    .img8-1{width: 100%;margin-top: 300px;}
    .img8-2{width: 100%;margin-top: 30px;}
    .img8-3{width: 100%;margin-top: 30px;}
    .btnd{width: 200px;margin: 50px auto;}
    .ping{position: absolute;width:100%;height: 100%;left: 0;top: 0;background-color: #515151;z-index: 10000;display: none;}
    .ping p{font-size: 24px;text-align: center;color: #888;}
    .ping img{width: 20%;margin: 30px auto;}
    #videobox1,#videobox2,#videobox3,#videobox4,.share{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: none;z-index: 2;}
    #myvideo1,#myvideo2,#myvideo3,#myvideo4{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: fill;}
    .music{z-index: 10;position: absolute;width: 40px;height: 40px;top: 10px;right: 10px;display: none;}
    .back{position: absolute;width: 40px;left: 20px;bottom: 20px;}
/**新增旋转效果**/
@keyframes shuidiav{
0% {top:200px;}
50% {top:420px;-webkit-transform:scale(1.5);opacity: 0.3;}
100% {top:420px;-webkit-transform:scale(1.5);opacity: 0;}
}
@-webkit-keyframes shuidiav{
0% {top:200px;}
50% {top:420px;-webkit-transform:scale(1.5);opacity: 0.3;}
100% {top:420px;-webkit-transform:scale(1.5);opacity: 0;}
}
@keyframes jianav{
30% {opacity: 0;}
60% {opacity: 0.5;}
}
@-webkit-keyframes jianav{
30% {opacity: 0;}
60% {opacity: 0.5;}
}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
@keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
.Rotation{
-webkit-transform: rotate(360deg);
animation: rotation 3s linear infinite;
-moz-animation: rotation 3s linear infinite;
-webkit-animation: rotation 3s linear infinite;
-o-animation: rotation 3s linear infinite;
}