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/indexphone/1.png);
background-size:100% 100%;
    width: 100%;text-align:center
}

#wu {text-align:center}
#yi {text-align:center}
#dui {text-align:center}
.sn {
font-family:Microsoft YaHei;
color:#808080;
font-size:1em
}
  .guomai1 {
               border: 1px solid #808080;
               margin: 0 auto;
               background-color: white;
               -webkit-border-radius: 50px;
               height: 30px;
               margin-top: 40px;
               width: 100px;
           }
.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:37%;
left:65%
}
.yidg2 {
    position:relative;
    top:35%;
    left:65%
}
#yali {
  background:url(../images/indexphone/90.jpg);
  background-size:100% 100%
}
.sz {
font-family:Microsoft JhengHei;
color:white;
font-size:1.3em;
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:0.8em;
    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:1.3em;
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:0.8em;
   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/indexphone/91.png);
  background-size:100% 100%
}
#nao {
    position:relative;
  background:url(../images/indexphone/60.png);
  background-size:100% 100%;
  text-align:center
}
.pai {
position:relative;
top:-3%
}
.ap {
    position:relative;
    font-family:Microsoft JhengHei;
    color:white; 
    font-size:2em;     
    opacity:0;
    -webkit-transition:1500ms ease all;
    top:25%
}
.ap2 {
   position:relative;
    font-family:Microsoft JhengHei;
    color:white; 
    font-size:0.8em;   
    margin-top:-30px;
    opacity:0;
    -webkit-transition:1500ms ease all;
    top: 5%
}
.ap3 {
    position:relative;
    font-family:Microsoft JhengHei;
    color:white; 
    font-size:1em;     
    -webkit-transition:1500ms ease all;
}
.ap4 {
   position:relative;
    font-family:Microsoft JhengHei;
    color:white; 
    font-size:0.7em;   
    margin-top:-30px;
    -webkit-transition:1500ms ease all;
    top:40%
}
.active .ap {
 opacity:1;top:3%
}
.active .ap2 {
 opacity:1;top:10%
}

#quan {
  background:url(../images/indexphone/5-2.png);
  background-size:100% 100%;
  text-align:center
}
.le {
    position:relative;
    color:#808080;
    font-size:1.5em;   
    -webkit-transition:1500ms ease all;transition:1500ms ease all;
    opacity:0;
    top:0%
}

.le2 {
    position:relative;
    color:#808080;
    font-size:0.7em;   
    -webkit-transition:1500ms ease all;transition:1500ms ease all;
    opacity:0;
    top:40%
}
.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;

}
/*.active .c1fp1{bottom:-5%;}*/

.c1fp1-f1{position:relative;
          opacity:0;bottom:-30%;
          -webkit-transition:1500ms ease all;
          transition:1500ms ease all;
          color:#808080;
          font-size:1.2em
}
.c1fp1-f2{position:relative;
          opacity:0;
          bottom:-35%;
          -webkit-transition:1500ms ease all;
          transition:1500ms ease all;
          color:#808080;
          font-size:0.8em
}
.active .c1fp1-f1{bottom:-5%; opacity:1;}
.active .c1fp1-f2{bottom:-10%; opacity:1;}

#yan {
 background:url(../images/indexphone/50.png);
 background-size:100% 100%;
 text-align:center
}
#gog {
    text-align:center
}
.gs{position:relative;
    left:-100%;
    top:23%;
    -webkit-transition:1500ms ease all;
    transition:1500ms ease all; 
    color:white;
    font-size:1.3em;
   
   
}
.gs2{position:relative;
     left:100%;
     top:28%;
     -webkit-transition:1500ms ease all;
     transition:1500ms ease all; 
     color:white;
     font-size:0.8em
     }

.active .gs {
left:0%;
}
.active .gs2 {
left:0%
}
#ht {
 background:url(../images/indexphone/8.png);
 background-size:100% 100%
}

.hx {
position:relative;
-webkit-transition:1500ms ease all;
transition:1500ms ease all; 
color:white;
font-size:1.8em;
bottom:0%;
opacity:0;
top:23%
}
.hx2 {
position:relative;
-webkit-transition:1500ms ease all;
transition:1500ms ease all; 
color:white;
font-size:0.8em;
top:0%;
opacity:0;
}
.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%
}
#mydiv {
text-align:center
}

#qi {
  background:url(../images/indexphone/17.png);
 background-size:100% 100%;
 text-align:center
}
.jian {
position:relative;
-webkit-transition:1500ms ease all;
transition:1500ms ease all; 
color:white;
font-size:2em;
top:-51%;
opacity:0;
}
.jian2 {
position:relative;
-webkit-transition:1500ms ease all;
transition:1500ms ease all; 
color:white;
font-size:1em;
top:-17%;
opacity:0;
}
.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/indexphone/20.png);background-size:100% 100%}
.d1fp1bg2{background:url(../images/indexphone/21.png);background-size:100% 100% }
.d1fp1bg3{background:url(../images/indexphone/22.png);background-size:100% 100% }
.d1fp1bg4{background:url(../images/indexphone/23.png);background-size:100% 100% }
.d1fp1-f1-4{ position:relative;left:-20%;top:20px;-webkit-transition:1500ms ease all;transition:1500ms ease all;color:white;font-size:1.3em}
.d1fp1-f2-4{ position:relative;left:20%;top:25px;-webkit-transition:1500ms ease all;transition:1500ms ease all;color:white;font-size:0.8em}
.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.png);
 background-size:100% 100%
}
.gffhs {
 width:320px;
 height:200px;
 position:relative;
 top:-20%;
}
.ding {
    position:absolute;
    top:17%;
    left:36%;
    width:25px;
    height:20px;
}
.ding2 {
    position:absolute;
    top:33%;
    left:70.5%;
     width:25px;
    height:20px;
}
.ding3 {
    position:absolute;
    top:56.5%;
    left:78.5%;
    width:25px;
    height:20px;
}
.ding4 {
    position:absolute;
    top:84%;
    left:61.2%;
   width:25px;
    height:20px;
}
.ding5 {
    position:absolute;
    left:32%;
    top:103%;
     width:25px;
    height:20px;
}
.ding6 {
    position:absolute;
    left:12%;
    top:75.5%;
    width:25px;
    height:20px;
}
.ding7 {
    position:absolute;
    top:44%;
    left:9.5%;
     width:25px;
    height:20px;
}

.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:1.1em
}

.zui2
{
     font-family:Microsoft JhengHei;
     color:#808080;
     font-size:1em
}
.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: 320px; height: 250px;
}
#mai {
font-size: 12px;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
}
#im2 {
width:150px;height:20px;
}
#br2 {
width:70px;height:70px
}
#var2 {
position:relative;top:32%;left:4%
}
#var {
position:relative;top:35%;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;
    /*border-radius:50%;*/
    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}
.phone-shiyi {
    position: absolute;
    width: 100%;
    top: 35%;
    -webkit-animation: bounceIn 1s .2s ease both;
    -moz-animation: bounceIn 1s .2s ease both;
    animation: bounceIn 1s .2s ease both;
    -ms-animation: bounceIn 1s .2s ease both;
    -o-animation: bounceIn 1s .2s ease both;
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        -ms-transform: scale(.3);
        -o-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        -ms-transform: scale(.3);
        -o-transform: scale(.3);
        transform: scale(.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.phone-col{position: absolute;z-index: 210;max-width: 90%;width: 35px;height: 35px;left:85%;top: -10%}
#fullPage-nav{display: none}