*,*:before,*:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block;
}body{
    text-align:left;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    font:14px/24px 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;-webkit-font-smoothing:antialiased;;
}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,th,td{
    margin:0;
    padding:0;
    outline: 0;
}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block;
}audio,canvas,video{
    display:inline-block;
    *display:inline;
    *zoom:1;
}h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}table,fieldset,img,a img{
    border:0;
}ul,ol,li,dl,dd,dt{
    list-style:none outside none;
}table{
    border-collapse:collapse;
    border-spacing:0;
}em,strong,th{
    font-style:normal;
    font-weight:normal;
}b,strong{
    font-weight:600;
}audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline;
}img{
    width:auto\9;
    height:auto;
    max-width:100%;
    vertical-align:middle;
    border:0;
    -ms-interpolation-mode:bicubic;
}
a,a:link,a:visited{
    text-decoration:none;

    display: inline-block;
}a:hover{
    text-decoration:none;

}a,a:focus{
    outline:0;
}
input,select,form img,button{
    vertical-align:middle;
}iframe{
    overflow:hidden;
}small{
    font-size:80%;
}svg:not(:root){
    overflow:hidden;
}hr{
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
}mark{
    color:#000;
    background:#ff0;
}small{
    font-size:80%;
}sub,sup{
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline;
}sup{
    top:-.5em;
}sub{
    bottom:-.25em;
}img{
    border:0;
}svg:not(:root){
    overflow:hidden;
}figure{
    margin:1em 40px;
}img{
    vertical-align:middle;
}.fl{
    float:left;
    display:inline;
}.fr{
    float:right;
    display:inline;
}
.pcfl{
    float:left;
    display:inline;
}.pcfr{
    float:right;
    display:inline;
}
.mobfl{
    float:left;
    display:inline;
}.mobfr{
    float:right;
    display:inline;
}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
.clearfix:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

* html .clearfix {
    zoom:1}
.blank,.blank5,.blank1,.blank10,.blank20,.blank30{
    clear:both;
    display:block;
    font-size:1px;
    visibility:hidden;
    height:-1px;
    line-height:0;
}.blank5{
    height:5px;
}.blank10{
    height:10px;
}.blank20{
    height:20px;
}.blank30{
    height:30px;
}.blank1{
    height:1px;
}
.disno{
    display:none;
}
.pcdisno{
    display:none;
}
.mbdisno{
    display:none;
}
.show{display:block;}
.hidden{opacity:0;}
.local_scroll{//局部滚动
    position:absolute; overflow:scroll; -webkit-overflow-scrolling: touch; top:0; left:0; bottom:0; right:0
}
::-webkit-scrollbar{//scroll滚动条设置
    width: 0px; height: 0px;background-color: #fff;  
}
.bg{
    width:100%;height:100vh;height:100%;overflow: hidden;position: absolute;top:0px;left:0px;
    background-size:auto 100vh;
    background: url(../images/bg.jpg) center top repeat-x #a3c3ff;
}
/* .section{background:url('../images/bg.png') center top repeat; } */
.diqiu{width:300px;height:300px;overflow: visible;position: absolute;top:50%;left:50%;margin-left: -150px;margin-top: -80px}
.diqiucon{width:100%;height:100%;overflow: hidden;position: relative;}
.diqiucon img{width: 100%;position: absolute;top:0px;left:0px;}
.wumai{width:100%;height:100%;height:100vh;overflow: hidden;position: absolute;bottom:0px;left:0px;}
.wumai img{width:100%;}
.titArea{width:360px;margin:0 auto; position: relative;height:100vh;}
.section .tit1,.section .tit1 img,.section .tit2,.section .tit2 img,.section .tit3,.section .tit3 img{width:100%;}
.section .tit1,.section .tit2,.section .tit3{position: absolute;top:20px;left:0px;display: none}
/*.xdongwu,.xzhiwu,.wdiqiu,.wlaji,.yun,.wumai{opacity:0}*/
.num{display: none;width: 90px;height: 35px;position: absolute;top: 52px;left: 119px;font-size: 18px;line-height: 30px;font-weight: 600;color: #f9e36b;}
#section3 .num{left: 162px;}
#section5 .num{left: 118px;}
#section7 .num{left: 143px;}
#section7 .num span{font-size: 30px}
#section9 .num{top: 92px;left: 236px;}
.show.num{display: block;}
.num span {
    font-size: 33px;line-height: 35px;
}
.yun{position: absolute;
    top: -100px;
    transform: scale(1.4);}
.thislogo{width:200px;height:70px;margin-left:-100px;position: absolute;bottom:10px;left:50%;}
.fadeIn{
animation:fadeIn 3s .2s ease both;
}
@keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}

.fadeOut{
animation:fadeOut 3s .2s ease both;
}
@keyframes fadeOut{
0%{opacity:1;}
100%{opacity:0;}
}

.rotate{animation: rotate 50s infinite linear;transform-origin:48% 60%; }

@keyframes rotate {
    0%   { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
  }
  .swipdown{
    position: absolute;
    width: 30px;
    height:30px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 5px;

    background: url('../images/web-swipe-tip.png') no-repeat;
    background-size: 100% 100%;
    -webkit-animation: webSwipeTipAfter 1.5s infinite ease-in-out;
    animation: webSwipeTipAfter 1.5s infinite ease-in-out;
    z-index: 9;}
    @keyframes webSwipeTipAfter {
        0% {
            opacity: 1;
            filter: alpha(opacity=100)
        }
    
        100% {
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0)
        }
    }
    .music {position: absolute;
        width: 2rem;
        height: 2rem;
        left: .5rem;
        top: .5rem;
        z-index: 2
    }
    
    .music .control {
        width: 2.5rem;
        height: 2.5rem;
        background: url(../images/music.gif) center center no-repeat;
        background-size: contain
    }
    
    .music.stopped .control {
        background: 0 0
    }
    
    .music .control .control-after {
        width: 1.5rem;
        height: 1.5rem;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -.75rem;
        margin-left: -.75rem;
        background: url(../images/music_off.png) center center no-repeat;
        background-size: 100% 100%;
        -webkit-animation: rotate2d 1.2s linear infinite;
        animation: rotate2d 1.2s linear infinite;
        z-index: -1
    }
    
    .music.stopped .control .control-after {
        -webkit-animation: none;
        animation: none
    }
    @-webkit-keyframes rotate2d {
        from {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    
    @keyframes rotate2d {
        from {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }