body, html {
    margin: 0;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    transition: opacity 400ms;
    margin: 0;padding: 0;font-family: Microsoft Yahei;
}
.section {
    font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
    font-size: 0.8em;
}
#ppk {
    position:relative;
    -webkit-transition:1500ms ease all;transition:1500ms ease all;
    top:25%
}
#ppk2 {
    background:url(../images/ipad/1.jpg);
    background-size:100% 100%;
    width: 100%;
}

.sn {
    font-family:Microsoft YaHei;
    color:#808080;
    font-size:1.3em;
    position: relative;
    top: -80px;
}
.guomai1 {
    border: 1px solid #808080;
    margin: 0 auto;
    background-color: white;
    -webkit-border-radius: 50px;
    height: 40px;
    margin-top: 40px;
    width: 170px;
    position: relative;
    top: -90px;
}
.en-guomai1 {
    border: 1px solid #808080;
    margin: 0 auto;
    background-color: white;
    -webkit-border-radius: 50px;
    height: 30px;
    margin-top: 40px;
    width: 150px;
}
.yidg {
    position:relative;
    top:33%;
    left:63%;
}
.yidg2 {
    position:relative;
    top:36%;
    left:24%;
}
#yali {
    background:url(../images/ipad/90.jpg);
    background-size:100% 100%;
}
.sz {
    font-family:Microsoft JhengHei;
    color:white;
    font-size:2.5em;
    margin-top:-100px;
    position:relative;
    left:120%;
    top: 20%;
    opacity:0;
    -webkit-transition:1500ms ease all;
}
.sz2 {
    font-family:Microsoft JhengHei;
    color:white;
    font-size:1.5em;
    position:relative;
    left:120%;
    top:22%;
    opacity:0;
    -webkit-transition:1500ms ease all;
}
.active .sz{left: 10%;opacity: 1}
.active .sz2{left: 10%;opacity: 1}
.xu {
    font-family:Microsoft JhengHei;
    color:white;
    font-size:2.5em;
    margin-top:-100px;
    position:relative;
    left:120%;
    top:20%;
    opacity:0;
    -webkit-transition:1500ms ease all;
}
.xu2 {
    font-family:Microsoft JhengHei;
    color:white;
    font-size:1.5em;
    position:relative;
    left:120%;
    top:22%;
    opacity:0;
    -webkit-transition:1500ms ease all;
}
.active .xu{left: 10%;opacity: 1}
.active .xu2{left: 10%;opacity: 1}
#neng {
    position:relative;
    background:url(../images/ipad/91.jpg);
    background-size:100% 100%;
}
#nao {
    position:relative;
    background:url(../images/ipad/60.jpg);
    background-size:100% 100%;
}
.pai {
    position:relative;
    top:-6%;
    text-align: center;
}
.ap {
    position:relative;
    font-family:Microsoft JhengHei;
    color:white;
    font-size:2.5em;
    opacity:0;
    -webkit-transition:1500ms ease all;
    top:25%;
    text-align: center;
}
.ap2 {
    position:relative;
    font-family:Microsoft JhengHei;
    color:white;
    font-size:1.5em;
    margin-top:-30px;
    opacity:0;
    -webkit-transition:1500ms ease all;
    top: 0%;
    text-align: center;
}
.ap3 {
    position:relative;
    font-family:Microsoft JhengHei;
    color:white;
    font-size:1.5em;
    -webkit-transition:1500ms ease all;
    text-align: center;
}
.ap4 {
    position:relative;
    font-family:Microsoft JhengHei;
    color:white;
    font-size:1em;
    margin-top:-30px;
    -webkit-transition:1500ms ease all;
    top:40%;
}
.active .ap {
    opacity:1;top:10%;
}
.active .ap2 {
    opacity:1;top:15%;
}
#quan {
    background:url(../images/ipad/5-2.jpg);
    background-size:100% 100%;
}
.le {
    position:relative;
    color:#808080;
    font-size:2.5em;
    -webkit-transition:1500ms ease all;transition:1500ms ease all;
    opacity:0;
    top:0%;
    text-align: center;
}
.le2 {
    position:relative;
    color:#808080;
    font-size:1.5em;
    -webkit-transition:1500ms ease all;transition:1500ms ease all;
    opacity:0;
    top:40%;
    text-align: center;
}
.active .le {
    top:20%; opacity:1;
}
.active .le2 {
    top:25%; opacity:1;
}
.c1fp1{ position:relative;
    top:10%;
    -webkit-transition:1500ms ease all;
    transition:1500ms ease all;
}
.c1fp1-f1{position:relative;
    opacity:0;bottom:-30%;
    -webkit-transition:1500ms ease all;
    transition:1500ms ease all;
    color:#808080;
    font-size:2.5em;
    text-align: center;
}
.c1fp1-f2{position:relative;
    opacity:0;
    bottom:-35%;
    -webkit-transition:1500ms ease all;
    transition:1500ms ease all;
    color:#808080;
    font-size:1.5em;
    text-align: center;
}
.active .c1fp1-f1{bottom:-5%; opacity:1;}
.active .c1fp1-f2{bottom:-10%; opacity:1;}
#yan {
    background:url(../images/ipad/50.jpg);
    background-size:100% 100%;
}
.gs{position:relative;
    left:-100%;
    top:23%;
    -webkit-transition:1500ms ease all;
    transition:1500ms ease all;
    color:white;
    font-size:2.5em;
    text-align: center;
}
.gs2{position:relative;
    left:100%;
    top:28%;
    -webkit-transition:1500ms ease all;
    transition:1500ms ease all;
    color:white;
    font-size:1.5em;
    text-align: center;
}
.active .gs {
    left:0%;
}
.active .gs2 {
    left:0%
}
#ht {
    background:url(../images/indexphone/8.jpg);
    background-size:100% 100%;
}
.hx {
    position:relative;
    -webkit-transition:1500ms ease all;
    transition:1500ms ease all;
    color:white;
    font-size:2.5em;
    bottom:0%;
    opacity:0;
    top:23%;
    text-align: center;
}
.hx2 {
    position:relative;
    -webkit-transition:1500ms ease all;
    transition:1500ms ease all;
    color:white;
    font-size:1.5em;
    top:0%;
    opacity:0;
    text-align: center;
}
.active .hx {
    top:10%;
    opacity:1;
}
.active .hx2 {
    top:12%;
    opacity:1
}
.song {
    position:relative;
    border:1px solid #00BFFF;
    width:75px;
    height:30px;
    color:#00BFFF;
    left:62%;
    top:65%;
    font-size:0.8em;
}
.son {
    position:relative;
    border:1px solid #ffffff;
    width:75px;
    height:30px;
    color:#00BFFF;
    left:62%;
    top:65%;
    font-size:0.8em;
}
.song2 {
    position:relative;
    color:white;
    font-size:0.8em;
    left:20%;
    top:67%;
}
.song33 {
    position:relative;
    border:1px solid #ff4500;
    width:75px;
    height:30px;
    color:#ffffff;
    font-size:0.8em;
    top:56%;
    left:10%;
}
.song3 {
    position:relative;
    border:1px solid #ffffff;
    width:75px;
    height:30px;
    color:#ffffff;
    font-size:0.8em;
    top:40%;
    left:10%;
}
.song4 {
    position:relative;
    color:white;
    font-size:0.8em;
    left:-26%;
    top:57.5%;
}
.dfg {
    position:relative;
    top:63%;
    left:55%;
}
#qi {
    background:url(../images/ipad/17.jpg);
    background-size:100% 100%;
}
.jian {
    position:relative;
    -webkit-transition:1500ms ease all;
    transition:1500ms ease all;
    color:white;
    font-size:2.5em;
    top:-51%;
    opacity:0;
    text-align: center;
}
.jian2 {
    position:relative;
    -webkit-transition:1500ms ease all;
    transition:1500ms ease all;
    color:white;
    font-size:1.5em;
    top:-17%;
    opacity:0;
    text-align: center;
}
.active .jian {
    opacity:1;top:-35%
}
.active .jian2 {
    opacity:1;top:-33%
}
.opacity.active{opacity:1;filter:alpha(opacity=100);}
.opacity{opacity:0;filter:alpha(opacity=0);-webkit-transition:1500ms ease all;transition:1500ms ease all;}
.bg{position:absolute;left:0;top:0;right:0;bottom:0; overflow:hidden;}
.d1fp1bg1{background:url(../images/ipad/20.jpg);background-size:100% 100%;text-align: center}
.d1fp1bg4{background:url(../images/ipad/21.jpg);background-size:100% 100%;text-align: center }
.d1fp1-f1-4{ position:relative;left:-20%;top:20px;-webkit-transition:1500ms ease all;transition:1500ms ease all;color:white;font-size:2.5em;text-align: center}
.d1fp1-f2-4{ position:relative;left:20%;top:25px;-webkit-transition:1500ms ease all;transition:1500ms ease all;color:white;font-size:1.5em;text-align: center}
.active .opacity.active .d1fp1-f1-4{left:0%;}
.active .opacity.active .d1fp1-f2-4{left:0%;}
.c1fp3-f1{position:relative;-webkit-transition:1500ms ease all;transition:1500ms ease all;}
.c1fp3-f2{position:relative;left:-200px;top:175px;margin:0px 0 0 0px;-webkit-transition:1500ms ease all;transition:1500ms ease all; }
.c1fp3-f3{position:relative;left:-100px;top:328px;margin:0px 0 0 0px;-webkit-transition:1500ms ease all;transition:1500ms ease all; }
.c1fp3-f4{position:relative;left:1200px;top:50px;margin:0px 0 0 0px;-webkit-transition:1500ms ease all;transition:1500ms ease all; }
.c1fp3-f5{position:relative;left:1100px;top:240px;margin:0px 0 0 0px;-webkit-transition:1500ms ease all;transition:1500ms ease all; }
.c1fp3-f6{position:relative;left:1000px;top:330px;margin:0px 0 0 0px;-webkit-transition:1500ms ease all;transition:1500ms ease all; }
#dtc-3 {
    background:url(../images/indexphone/35.jpg);
    background-size:100% 100%
}
.gffhs {
    position:relative;
    top:-20%;
    text-align: center;
}
.ding {
    position:absolute;
    top:21.8%;
    left:40.8%;
    width:40px;
    height:30px;
}
.ding2 {
    position:absolute;
    top:33.3%;
    left:64.6%;
    width:40px;
    height:30px;
}
.ding3 {
    position:absolute;
    top:51.3%;
    left:70%;
    width:40px;
    height:30px;
}
.ding4 {
    position:absolute;
    top:72%;
    left:58.3%;
    width:40px;
    height:30px;
}
.ding5 {
    position:absolute;
    left:38.3%;
    top:86.3%;
    width:40px;
    height:30px;
}
.ding6 {
    position:absolute;
    left:24.3%;
    top:65.3%;
    width:40px;
    height:30px;
}
.ding7 {
    position:absolute;
    top:41.8%;
    left:22.8%;
    width:40px;
    height:30px;
}
.iae
{
    width:100%;
}
.guomai2 {
    border: 1px solid #00BFFF;
    margin: 0 auto;
    height: 25px;
    margin-top: 20px;
    width: 80px;
    background-color:#00BFFF;
}
.zui
{
    font-family:Microsoft JhengHei;
    color:#808080;
    font-size:2.5em;
}
.zui2
{
    font-family:Microsoft JhengHei;
    color:#808080;
    font-size:1.5em;
}
.zui3
{
    font-family:Microsoft JhengHei;
    color:#808080;
    font-size:0.8em;
}
.zuoclass {
    width: 30px;
    height: 30px;
    position: absolute;
    top:50%;
    left:10%;
}
.youclass {
    width: 30px;
    height: 30px;
    position:absolute;
    top:50%;
    /*left:80%*/
}
/*--------------视频展示样式*/
.p1{z-index: 99;position: fixed;display: block;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/brain/touming.png) repeat;color: red;}
.en-hide{background-image: url(../images/brain/h_top_icon.png); display: block;width: 74px;height: 77px;float: right;cursor: pointer;background-position: -40px -182px; }
#video{width: 320px;margin: 100px -4px;}
#player{width: 115px;height: 115px;display: block;margin: 15% 0 0 10%;cursor: pointer;background-position: 0 1px;}
/*-------------视频展示样式*/
.dashen {
    height:25px;position:relative;top:8px;margin-left:5px
}
.gre {
 width: 600px;height: 330px;margin-top: 70px;
}
#mai {
    font-size: 17px;color: #808080; text-align: center;margin-top:7px;text-decoration: none;
}
#mai2 {
    font-size: 12px;color: #808080; text-align: center;margin-top:7px;text-decoration: none;width: 120px;
}
.img-head{position:fixed;top:30px;left: 75%;  -webkit-animation-name: img-head2;z-index: 99;
    -webkit-animation-duration: 6s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
    animation-duration: 6s;
    animation-iteration-count: 1;
    animation-delay: 0s;
}
.en-img-head{position:fixed;top:30px;left: 75%; }
#ppk3 {
    text-align: center; margin-top: -130px
}
#var2 {
    position:relative;top:30%;left:4%
}
#ios_app{margin:0 auto;height:70px;width: 100%;
    position:fixed;top:0px;
    -webkit-animation-name: fadeIn; opacity: 0;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0s;}
#ios_980 {
    width: 100%;
    height: 70px;
    margin: 0 auto;
    border: 1px solid #ddd;
    position: fixed;
}
#ios_icon{float:left;margin: 5px 20px;width:50px; height:60px;background-position:0 0;margin-left:5px}
#ios_name{float:left;font-family: 'MissYuan';}
#ios_name p{ margin: 15px 0;font-size:0.75em;font-family: 'MissYuan';}
#ios_look{float:left;width:90px;height:60px;font-size:1.1em;border:0px solid;float: right}
#ios_look a{color: #888;margin-left:30px;line-height:80px; border:1px solid #808080;padding:5px;-webkit-border-radius:10px;}
#ios_close a{display: block;width: 70px;height: 70px; float: right;margin: 22px 20px;background-position:0 -230px;float:left;margin-left:-15px;float:right}
a {
    text-decoration:none
}
.ios_foot {
    border:0px solid #808080;
    margin-top:25px;float: right;
    -webkit-transition:15000ms ease all;transition:1500ms ease all;
    opacity: 0;margin-right: 15px;
}
.active .ios_foot{opacity: 1}
@-webkit-keyframes fadeIn /* Safari 和 Chrome */
{
    0% {opacity:0;z-index: 999}
    25% {opacity:0.7;z-index: 999}
    50% {opacity:1;z-index: 999}
    100% {opacity: 0;z-index: 999}
}
@-webkit-keyframes img-head2 /* Safari 和 Chrome */
{
    0%  {opacity:0}
    25% {opacity:0}
    50% {opacity:0}
    100% { opacity:1}
}
@-webkit-keyframes fadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:0;
    }
    50% {
        opacity:0;
    }
    75% {
        opacity:1;
    }
}
.anim_fade_image {
    position:absolute;
    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 12s;
    -webkit-animation-direction: alternate;
}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .1s ease-out;-o-transition:-o-transform .1s ease-out;transition:transform .1s ease-out;-webkit-transform:translate(25%,0);-ms-transform:translate(25%,0);-o-transform:translate(25%,0);transform:translate(25%,0)}
.modal.in .modal-dialog{-webkit-transform:translate(0%,0);-ms-transform:translate(0%,0);-o-transform:translate(0%,0);}.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin-left:120px;margin-top: 0px;}
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:0px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}