@font-face {
    font-family: 'MyriadProLight';
    src: url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot');
    src: url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.woff') format('woff'),
         url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.ttf') format('truetype'),
         url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
li
{
    list-style-type:none;
}
.wpa8630 .clearfix:before,.wpa8630 .clearfix:after
{
    clear:both; overflow:hidden; display:table; content:"";height:0
}
.wpa8630 .col
{
    float:left; width:50%;
}
.wpa8630
{
    font: normal 18px/1.6 "MyriadProLight",Helvetica,Arial,sans-serif; color:#fff; line-height:1.45; max-width:1920px; margin:0 auto;
}
.wpa8630 .container
{
    margin:0 auto; width:1000px; position:relative;
}
.wpa8630 .w1200
{
    width:1200px; overflow:hidden;
}
.wpa8630 h3
{
    font-size:54px; line-height:1.2; margin:0;
}
.wpa8630 p{
  margin-bottom:0;
}
.wpa8630 h5
{
    font-size:46px; line-height:1.2;padding-top:65px; padding-bottom:20px;word-spacing:3px;
}
.wpa8630 .a
{
    height:940px; background:url(a.jpg)no-repeat 50% 50%;color:#58544c;
}
.wpa8630 .a h3
{
    padding:80px 0 0 140px; line-height:75.27px;
}
.wpa8630 .a .info
{
    padding:10px 0 0 145px; font-size:22px;
}
.wpa8630 .a .type
{
    font-size:17.33px;
}
.wpa8630 .a .list
{
    padding:343px 0 0 250px;
}
.wpa8630 .a .list li
{
    float:left;width:50%; font-size:16.35px;
}
.wpa8630 .a .list li:nth-child(2) p
{
    padding-left:193px
}
.wpa8630 .b
{
    height:1072px; background:url(b.jpg)no-repeat 50% 50%;text-align:center;
}
.wpa8630 .b .container{
	text-align:center;
}
.wpa8630 .b p
{
    padding:0 48px;
}
.wpa8630 .c
{
    height:935px;text-align:center; color:#3f3626; position:relative; max-width:1920px; margin:0 auto; background:url(c.jpg)no-repeat 50% 50%;
}
.wpa8630 .c .container{
  text-align:center;
}
.wpa8630 .c .bg
{
    width:100%; max-width:1920px; overflow:hidden; position:absolute; height:100%; left:0; top:0; z-index:-1;
}
.wpa8630 .c .bg img
{
    vertical-align:top; height:100%; width:auto;transform:translate3d(0,0,0);transform:translate3d(0,0,0); margin-left:-416px;
}
.wpa8630  .c .animate
{
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}
.wpa8630 .c.on .bg img
{
    transform: translateX(-870px);-webkit-transform: translateX(-870px);-moz-transform: translateX(-870px);
}
.wpa8630 .c .container>p
{
    padding:0 35px;
}
.wpa8630 .c .container>ul
{
    width:430px; margin:490px auto 0; text-align:left;
}
.wpa8630 .c .container>ul li
{
    margin-bottom:8px;
}
.wpa8630 .c .container ul .col
{
    float:left; width:50%; line-height:normal;
}
.wpa8630 .c .container ul .ghz
{
    font-size:19px
}
.wpa8630 .c .container ul .ghz b
{
    font-size:32px; font-weight:normal;
}
.wpa8630 .c .container ul .mbps
{
    font-size:14px
}
.wpa8630 .c .container ul .mbps b
{
    font-size:23px; font-weight:normal;
}
.wpa8630 .c .container .blue
{
    color:#0056B3; background:url(blue-line.png)no-repeat 49% 50%;
}
.wpa8630 .c .container .blue .mbps p
{
    padding-left:140px; padding-top:10px;
}
.wpa8630 .c .container .green
{
    color:#277D78;background:url(green-line.png)no-repeat 24% 50%;
}
.wpa8630 .c .container .green .col:first-child
{
    width:42%;
}
.wpa8630 .c .container .green .mbps p
{
    padding-top:8px;
}
.wpa8630 .d
{
    height:930px; background:url(d.jpg)no-repeat 50% 50%;text-align:center;
}
.wpa8630 .d h5{
  text-align:center;
}
.wpa8630 .d .container>p
{
    text-align:left;padding:0 80px;
}
.wpa8630 .d .container>ul
{
    text-align:left;width:325px;padding:272px 0 0 70px; color:#e2e6ff ;font-size:14px;
}
.wpa8630 .d .container>ul>li
{
    margin-bottom:15px;
}
.wpa8630 .d .container .speed
{
    font-size:30px;
}
.wpa8630 .d .container .speed .mbps
{
    color:#d6b216;
}
.wpa8630 .d .container .speed .mbps b
{
    font-weight:normal;font-size:99px; line-height:normal;
}
.wpa8630 .d .container ul .line
{
    position:relative;
}
.wpa8630 .d .container .av1 .line
{
    width:135px;
}
.wpa8630 .d .container .av1 .line b
{
    display:block; background:url(line1.png)no-repeat 50% 100%; width:135px; height:40px;
}
.wpa8630 .d .container .av1 .line .cover
{
    position:absolute; top:0;right:0;width:100%; height:100%; background-color:#383941
}
.wpa8630 .d .container .av2 .line .cover
{
    position:absolute; top:0;right:0;width:100%; height:100%; background-color:#383941
}
.wpa8630 .d .container .av1 li,.wpa8630 .d .container .av2 li
{
    position:relative;
}
.wpa8630 .d .container .av1 .clearfix,.wpa8630 .d .container .av2 .clearfix
{
    position:absolute;left:0;top:0; width:100%; z-index:9; opacity:0;
}
.wpa8630 .d .container .av1 ul .col,.wpa8630 .d .container .av2 ul .col
{
    text-indent:5px;
}
.wpa8630 .d .container .av1 ul .col:first-child
{
    width:24%;
}
.wpa8630 .d .container .av2 .line b
{
   display:block; background:url(line2.png)no-repeat 50% 50%; width:315px; height:43px;
}
.wpa8630 .d .container .av2 ul .col:last-child p
{
    padding-left:80px
}
.wpa8630 .d .container>ul>li:last-child p
{
    font-size:22px;
}
.wpa8630  video
{
    width:100%;height:auto; vertical-align:top;
}
.wpa8630  .e
{
    height:895px;color:#222222
}
.wpa8630  .e .w1200
{
    width:1120px; position:relative; height:100%;
}
.wpa8630  .e .desc
{
    padding-bottom:50px;
}
.wpa8630  .e .desc h5
{
    text-align:center; margin-left:0; opacity:1;
}
.wpa8630  .e.on .desc h5
{
    animation: a_h5 0.5s linear 0s 1 forwards;
    -moz-animation: a_h5 0.5s linear 0s 1 forwards;
    -webkit-animation: a_h5 0.5s linear 0s 1 forwards;
    -o-animation: a_h5 0.5s linear 0s 1 forwards;
    -ms-animation: a_h5 0.5s linear 0s 1 forwards;
}
.wpa8630  .e .clearfix
{
    opacity:1; padding-top:0px;
}
.wpa8630  .e.on .clearfix
{
    animation: a_clearfix 0.5s linear 1s 1 forwards;
    -moz-animation: a_clearfix 0.5s linear 1s 1 forwards;
    -webkit-animation: a_clearfix 0.5s linear 0.7s 1 forwards;
    -o-animation: a_clearfix 0.5s linear 1s 1 forwards;
    -ms-animation: a_clearfix 0.5s linear 1s 1 forwards;
}
.wpa8630  .e .col
{
    width:44%;
}
.wpa8630  .e div.col
{
    width:50%; position:relative; height:478px;
}
.wpa8630  .e .col:first-child
{
    margin-right:12%;
}
.wpa8630  .e .desc h6
{
    font-size:30px;
}
.wpa8630 .e .left .end {
    position: absolute;
    left: 0;
    top: 20px;
    display: none;
}
.wpa8630 .e .right .gif
{
    margin-left:100px;
}
.wpa8630 .e .left .gif
{
    margin-top:20px;
}
.wpa8630 .e .right span {
    position: absolute;
    left: 70px;
    top: 90px;
}
.wpa8630 .e .right span + span {
    left: 70px;
    top: 330px;
}
@keyframes a_h5 {
   0%{ margin-left:-300px; opacity:0;} 
   100%{ margin-left:0; opacity:1;}    
}
@-moz-keyframes a_h5 {
   0%{ margin-left:-300px; opacity:0;} 
   100%{ margin-left:0; opacity:1;} 
}
@-webkit-keyframes a_h5 {
   0%{ margin-left:-300px; opacity:0;} 
   100%{ margin-left:0; opacity:1;} 
}
@-o-keyframes a_h5 {
   0%{ margin-left:-300px; opacity:0;} 
   100%{ margin-left:0; opacity:1;} 
}
@-ms-keyframes a_h5 {
   0%{ margin-left:-300px; opacity:0;} 
   100%{ margin-left:0; opacity:1;} 
}
/*clearfix*/
@keyframes a_clearfix {
   0%{ padding-top:70px; opacity:0;} 
   100%{ padding-top:0; opacity:1;}     
}
@-moz-keyframes a_clearfix {
   0%{ padding-top:70px; opacity:0;} 
   100%{ padding-top:0; opacity:1;}   
}
@-webkit-keyframes a_clearfix {
   0%{ padding-top:70px; opacity:0;} 
   100%{ padding-top:0; opacity:1;}  
}
@-o-keyframes a_clearfix {
   0%{ padding-top:70px; opacity:0;} 
   100%{ padding-top:0; opacity:1;}  
}
@-ms-keyframes a_clearfix {
   0%{ padding-top:70px; opacity:0;} 
   100%{ padding-top:0; opacity:1;} 
}
.wpa8630  .f
{
    height:960px; background-color:#2B3036; position:relative; overflow:hidden;
}
.wpa8630  .f .scene
{
    position:absolute;bottom:0; left:0; width:100%; height:100%; background:url(scene.jpg)no-repeat 50% 50%; z-index:2; background-size:auto 960px;
}
.wpa8630  .f .scene2,.wpa8630  .f .scene3
{
    left:100%;z-index:1;
}
.wpa8630  .f .scene .content
{
    position:relative; z-index:2;
}
.wpa8630  .f .container
{
    position:relative; width:1070px; height:100%;
}
.wpa8630  .f .scene .animate
{
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}
.wpa8630  .f .scene .animate_2
{
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}
.wpa8630  .f .scene .animate_3
{
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}
.wpa8630  .f .scene .animate_4
{
    transition: 2s;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
}
.wpa8630  .f .scene .time2
{
    transition-delay: 2.7s;
    -moz-transition-delay: 2.7s; /* Firefox 4 */
    -webkit-transition-delay: 2.7s; /* Safari 和 Chrome */
    -o-transition-delay: 2.7s; /* Opera */
}
.wpa8630  .f .scene .time2_1
{
    transition-delay: 2.1s;
    -moz-transition-delay: 2.1s; /* Firefox 4 */
    -webkit-transition-delay: 2.1s; /* Safari 和 Chrome */
    -o-transition-delay: 2.1s; /* Opera */
}
.wpa8630  .f .scene .time05
{
    transition-delay: 0.5s;
    -moz-transition-delay: 0.5s; /* Firefox 4 */
    -webkit-transition-delay: 0.5s; /* Safari 和 Chrome */
    -o-transition-delay: 0.5s; /* Opera */
}
.wpa8630  .f .scene .time09
{
    transition-delay: 0.9s;
    -moz-transition-delay: 0.9s; /* Firefox 4 */
    -webkit-transition-delay: 0.9s; /* Safari 和 Chrome */
    -o-transition-delay: 0.9s; /* Opera */
}
.wpa8630  .f .scene .time14
{
    transition-delay: 1.4s;
    -moz-transition-delay: 1.4s; /* Firefox 4 */
    -webkit-transition-delay: 1.4s; /* Safari 和 Chrome */
    -o-transition-delay: 1.4s; /* Opera */
}
.wpa8630  .f .scene .time17
{
    transition-delay: 1.7s;
    -moz-transition-delay: 1.7s; /* Firefox 4 */
    -webkit-transition-delay: 1.6s; /* Safari 和 Chrome */
    -o-transition-delay: 1.7s; /* Opera */
}
.wpa8630  .f .scene .time21
{
    transition-delay: 2.1s;
    -moz-transition-delay: 2.1s; /* Firefox 4 */
    -webkit-transition-delay: 2.1s; /* Safari 和 Chrome */
    -o-transition-delay: 2.1s; /* Opera */
}
.wpa8630  .f .scene .time24
{
    transition-delay: 2.4s;
    -moz-transition-delay: 2.4s; /* Firefox 4 */
    -webkit-transition-delay: 2.4s; /* Safari 和 Chrome */
    -o-transition-delay: 2.4s; /* Opera */
}
.wpa8630  .f .scene .time26
{
    transition-delay: 2.6s;
    -moz-transition-delay: 2.6s; /* Firefox 4 */
    -webkit-transition-delay: 2.6s; /* Safari 和 Chrome */
    -o-transition-delay: 2.6s; /* Opera */
}
.wpa8630  .f .scene .time32
{
    transition-delay: 3.2s;
    -moz-transition-delay: 3.2s; /* Firefox 4 */
    -webkit-transition-delay: 3.2s; /* Safari 和 Chrome */
    -o-transition-delay: 3.2s; /* Opera */
}
.wpa8630  .f .scene .time34
{
    transition-delay: 3.4s;
    -moz-transition-delay: 3.4s; /* Firefox 4 */
    -webkit-transition-delay: 3.4s; /* Safari 和 Chrome */
    -o-transition-delay: 3.4s; /* Opera */
}
.wpa8630  .f .scene .time37
{
    transition-delay: 3.7s;
    -moz-transition-delay: 3.7s; /* Firefox 4 */
    -webkit-transition-delay: 3.7s; /* Safari 和 Chrome */
    -o-transition-delay: 3.7s; /* Opera */
}
.wpa8630  .f .scene .time56
{
    transition-delay: 5.6s;
    -moz-transition-delay: 5.6s; /* Firefox 4 */
    -webkit-transition-delay: 4.7s; /* Safari 和 Chrome */
    -o-transition-delay: 5.6s; /* Opera */
}
.wpa8630  .f .scene .leave
{
     transition: 0s;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition-delay: 0s;
    -moz-transition-delay: 0s; /* Firefox 4 */
    -webkit-transition-delay: 0s; /* Safari 和 Chrome */
    -o-transition-delay: 0s; /* Opera */
}
.wpa8630  .f .scene h5
{
    text-align:center; padding-top:100px;
}
.wpa8630  .f .scene.on h5
{
    transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0); visibility:visible;
}
.wpa8630  .f .scene .content >p
{
    text-align:center; font-size:24px;
}
.wpa8630  .f .scene .animate1
{
    width:400px; height:150px; padding:68px 0 0 362px; position:relative
}
.wpa8630  .f .scene  .router
{
    width:26px; height:50px; display:block; background:url(f_router1.png)no-repeat 50% 50%; margin-left:180px;transform: translateX(70px);-webkit-transform: translateX(70px);-moz-transform: translateX(70px); opacity:0; position:relative;z-index:10;
}
.wpa8630  .f .scene1.on  .router
{
    transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0); opacity:1;
}
.wpa8630  .f .scene  .pair
{
    position:relative; margin-left:215px; margin-top:-15px; width:30px; text-align:center; height:30px;opacity:1;
}
.wpa8630  .f .scene1.on  .pair
{
    opacity:0;
}
.wpa8630  .f .scene  .pair p
{
    display:block;width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; line-height:1.8; font-size:16px;opacity:0;
}
.wpa8630  .f .scene.on  .pair p
{
    opacity:1;
}
.wpa8630  .f .scene  .pair .circle
{
    display:block;width:15px; height:15px; position:absolute; left:7.5px; top:7.5px; background:#b7c1ce; opacity:1; border-radius:9px;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1); visibility:hidden;
}
.wpa8630  .f .scene.on   .pair .circle
{
    opacity:0;transform: scale(3);-webkit-transform: scale(3);-moz-transform: scale(3); visibility:visible;
}
.wpa8630  .f .scene .runline
{
    position:absolute;width:82px; height:40px; top:115px; left:475px;
}
.wpa8630  .f .scene .runline div
{
    height:0; background:url(runline.png)no-repeat 0 100%; position:absolute;top:0;width:3px;
}
.wpa8630  .f .scene .runline .middle
{
   width:0; background-position:-3px 100%; left:2px; height:100%;
}
.wpa8630  .f .scene .runline .right
{
    width:2px; background-position:100% 100%; left:78px; top:100%;
}
.wpa8630  .f .scene1.on .runline .left
{
    height:100%;
}
.wpa8630  .f .scene1.on .runline .middle
{
    width:76px;
}
.wpa8630  .f .scene1.on .runline .right
{
    height:100%; top:0;
}
.wpa8630  .f .scene .animate2
{
    padding:235px 0 0 745px; width:300px; height:150px;
}
.wpa8630  .f .scene .animate2  .router
{
    margin-left:30px; background-image:url(f_router2.png); height:58px; width:30px
}
.wpa8630 .f .scene1 .animate2 .pair
{
    margin-left:70px;
}
.wpa8630  .f .scene .animate2>p
{
    margin-left:60px;
}
.wpa8630  .f .scene2.on .animate2>p
{
    opacity:0;
}
.wpa8630  .f .scene .line
{
    margin:18px 0 0 92px; font-size:14px; 
}
.wpa8630  .f .scene .line b
{
    display:block;width:70px; background-color:#fff; height:3px; margin-right:5px; float:left; margin-top:8px;
}
.wpa8630  .f .scene .line li:last-child b
{
    background-color:#edf514
}
.wpa8630  .f .scene .antenna
{
    position:absolute; width:258px; height:457px; top:258px; right:271px; background:url(antenna.png)no-repeat 50% 50%;opacity:0; background-size:100% auto;
}
.wpa8630  .f .scene1.on .antenna
{
    opacity:1;
}
.wpa8630 .f .scene2 .animate1
{
    padding-top:33px;
}
.wpa8630 .f .scene2 .router
{
    opacity:1;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);
}
.wpa8630 .f .scene2 .runline
{
    top:79px;
}
.wpa8630 .f .scene2 .runline .left,.wpa8630 .f .scene3 .runline .left
{
    height:100%;
}
.wpa8630 .f .scene2 .runline .middle,.wpa8630 .f .scene3 .runline .middle
{
     width: 76px;
}
.wpa8630 .f .scene2 .runline .right,.wpa8630 .f .scene3 .runline .right
{
    height: 100%;
    top: 0;
}
.wpa8630 .f .scene2 .antenna
{
    opacity:1;
}
.wpa8630 .f .scene2 .pair
{
    width:100px; margin-left:30px;
}
.wpa8630 .f .scene2.on .pair
{
    opacity:0;
}
.wpa8630 .f .scene2 .pair .circle
{
    left:40px;
}
.wpa8630 .f .scene2.on .pair .circle
{
    transform: scale(6);
    -webkit-transform: scale(6);
    -moz-transform: scale(6);
}
.wpa8630 .f .scene2 .animate2 .pair
{
     width: 150px;margin-top: 2px;margin-left: 35px;
}
.wpa8630 .f .scene .signal
{
    position:absolute;width:450px; height:330px; top:256px; left:255px; text-align:center;
}
.wpa8630 .f .scene .signal img
{
    transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-moz-transform-origin: top; -webkit-transform-origin: top;transform-origin: top; visibility:hidden; opacity:0.3; width:100%; height:auto;
}
.wpa8630 .f .scene2.on .signal_gray img
{
    transform: scale(1.25);-webkit-transform: scale(1.25);-moz-transform: scale(1.25);visibility:visible; opacity:0.8
}
.wpa8630 .f .scene .signal_blue
{
    left:620px;top:525px;width:350px; height:350px;
}
.wpa8630 .f .scene .signal_blue img
{
    -moz-transform-origin: center; -webkit-transform-origin: center;transform-origin: center;
}
.wpa8630 .f .scene2.on .signal_blue img
{
    transform: scale(1.7);-webkit-transform: scale(1.7);-moz-transform: scale(1.7);visibility:visible; opacity:0.8
}
.wpa8630 .f .scene .home-word
{
    position:absolute;top:242px; left:443px; visibility:hidden; opacity:0.5;
}
.wpa8630 .f .scene.on .home-word
{
    visibility:visible; opacity:1;top:627px; left:820px;
}
.wpa8630 .f .scene3 .content >p
{
    font-size:16px; padding:0 15px;
}
.wpa8630 .f .scene3 .signal_gray img
{
    opacity:0.7; visibility:visible;transform: scale(1.25); -webkit-transform: scale(1.25);-moz-transform: scale(1.25);
}
.wpa8630 .f .scene3 .signal_blue img
{
    opacity:0.7; visibility:visible;transform: scale(1.7); -webkit-transform: scale(1.7);-moz-transform: scale(1.7);
}
.wpa8630 .f .scene3 .antenna
{
    opacity:1;
}
.wpa8630 .f .scene3 .animate1
{
    padding-top:22px;
}
.wpa8630 .f .scene3 .router
{
    opacity:1;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);
}
.wpa8630 .f .scene3 .runline
{
    top:68px;
}
.wpa8630 .f .scene .animate3
{
    width:100px; height:70px;margin: 155px 0 0 338px;
}
.wpa8630 .f .scene .animate3 .router
{
    margin-left:0; background-image:url(f_router2.png); height:56px; width:30px;transform: translateX(70px);-webkit-transform: translateX(70px);-moz-transform: translateX(70px);
}
.wpa8630 .f .scene.on .animate3 .router
{
    transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);
}

.wpa8630 .f .scene3 .animate2 .pair
{
    margin-left:60px;
}
.wpa8630 .f .scene .animate3 .pair
{
    margin-left:40px;
}
.wpa8630 .f .scene3 .animate2
{
    padding-top:10px;
}
.wpa8630 .f .scene3 .antenna2
{
    position:absolute; width:448px; height:180px; top:584px;left:344px; background:url(antenna2.png)no-repeat 50% 50%;opacity:0; background-size:100% auto;
}
.wpa8630 .f .scene3.on .antenna2
{
    opacity:1;
}
.wpa8630 .f .scene3 .signal_blue2
{
    left:177px;top:400px;
}
.wpa8630 .f .scene3 .signal_blue2 img
{
        transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-moz-transform-origin: center;-webkit-transform-origin: center;transform-origin: center;visibility: hidden;opacity: 0.3;
}
.wpa8630 .f .scene3.on .signal_blue2 img
{
    opacity:0.7; visibility:visible;transform: scale(1.7); -webkit-transform: scale(1.7);-moz-transform: scale(1.7);
}
.wpa8630 .f .scene.on .animate3 .pair
{
    opacity:0;
}
.wpa8630 .f .scene3.on .animate2 .pair
{
    opacity:0;
}
.wpa8630 .f .scene3 .home-word
{
    top: 628px;left: 805px;
}
.wpa8630 .f .scene3.on .home-word
{
    top: 520px;left: 307px;
}
.wpa8630 .f .slides-nav
    {
        display: table;
        position: relative;
        top: 895px;
        height: 0px;
        margin: 0 auto;
        text-align: center;
        z-index: 10;
    }
    .wpa8630 .f .slides-nav ul {
     display: table-row;
   }
   .wpa8630 .f .slides-nav li {
        display: table-cell;
        padding: 0 10px;
        color: #bababa;
    }
    .wpa8630 .f .slides-nav li a {
        display: block;
        position: relative;
        top: -37px;
        width: 200px;
        height: 48px;
        overflow: hidden;
        background: url(icon_1.png) no-repeat 0px 0px;
        line-height: 1;
        text-decoration: none;
        text-indent: 250px;
    }
    .wpa8630 .f .slides-nav .li-b a { background-image:url(icon_2.png);}
    .wpa8630 .f .slides-nav .li-c a { background-image:url(icon_3.png);}
    .wpa8630 .f .slides-nav li.active { color:#606060;}
    .wpa8630 .f .slides-nav li.active a { background-position:0px -49px;}
    .wpa8630 .f .slides-nav .li-b.active a { background-position:0px -48px;}
    .overview-content .f .hidden-nav {
        display: none;
    }
.wpa8630  .g
{
    height:1044px; background:url(g.jpg)no-repeat 50% 50%;
}
.wpa8630  .g .w1200
{
    width:1330px; height:100%; max-width:1330px;
}
.wpa8630  .g .desc
{
    width:1040px; margin:0 auto; text-align:center;
}
.wpa8630  .g .animate
{
    position:absolute; width:100%; left:0; bottom:0; text-align:center; z-index:1;transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);-webkit-transform: scaleX(0);
}
.wpa8630  .g.on .animate
{
    animation: a_animate 0.5s linear 1.2s 1 forwards;
    -moz-animation: a_animate 0.5s linear 1.2s 1 forwards;
    -webkit-animation: a_animate 0.5s linear 1.2s 1 forwards;
    -o-animation: a_animate 0.5s linear 1.2s 1 forwards;
    -ms-animation: a_animate 0.5s linear 1.2s 1 forwards;
}
/*a_animate*/
@keyframes a_animate {
   0%{ transform: scaleX(0);} 
   50%{ transform: scaleX(0.6);} 
   80%{ transform: scaleX(0.7);} 
   100%{ transform: scaleX(1);}     
}
@-moz-keyframes a_animate {
   0%{ -moz-transform: scaleX(0);} 
   50%{ -moz-transform: scaleX(0.6);} 
   80%{ -moz-transform: scaleX(0.7);} 
   100%{ -moz-transform: scaleX(1);}  
}
@-webkit-keyframes a_animate {
   0%{ -webkit-transform: scaleX(0);} 
   50%{ -webkit-transform: scaleX(0.6);} 
   80%{ -webkit-transform: scaleX(0.7);} 
   100%{ -webkit-transform: scaleX(1);} 
}
@-o-keyframes a_animate {
   0%{ -o-transform: scaleX(0);} 
   50%{ -o-transform: scaleX(0.6);} 
   80%{ -o-transform: scaleX(0.7);} 
   100%{ -o-transform: scaleX(1);}
}
@-ms-keyframes a_animate {
   0%{ -ms-transform: scaleX(0);} 
   50%{ -ms-transform: scaleX(0.6);} 
   80%{ -ms-transform: scaleX(0.7);} 
   100%{ -ms-transform: scaleX(1);}
}
.wpa8630  .g .animate img
{
    vertical-align:bottom; width:100%;height:100%;
}
.wpa8630  .g .animate .layer
{
    width:100%; height:100%; background-color:#000; position:absolute; top:0; left:0; opacity:0.6
}
.wpa8630  .g  .animatebg
{
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}
.wpa8630  .g .time17
{
    transition-delay: 1.7s;
    -moz-transition-delay: 1.7s; /* Firefox 4 */
    -webkit-transition-delay: 1.7s; /* Safari 和 Chrome */
    -o-transition-delay: 1.7s; /* Opera */
}
.wpa8630  .g.on .animate .layer
{
    opacity:0.2
}
.wpa8630  .g .device
{
    position:absolute; width:1040px; left:145px; bottom:0; text-align:left; z-index:1; height:770px;z-index:2;
}
.wpa8630  .g .device img
{
    vertical-align:top;
}
.wpa8630  .g .device .dataLine
{
    width:180px; display:block; margin:0 auto; margin-top:-10px; height:180px; margin-left:65px;
}
.wpa8630  .g .device .dataLine .col
{
    width:33.33%; height:100%;
}
.wpa8630  .g .device .dataLine img
{
    margin-top:180px;
}
.wpa8630  .g.on .device .dataLine .col.line1 img
{
    animation: a_img 0.3s linear 0s 1 forwards;
    -moz-animation: a_img 0.3s linear 0s 1 forwards;
    -webkit-animation: a_img 0.3s linear 0s 1 forwards;
    -o-animation: a_img 0.3s linear 0s 1 forwards;
    -ms-animation: a_img 0.3s linear 0s 1 forwards;
}
.wpa8630  .g.on .device .dataLine .col.line2 img
{
    animation: a_img 0.3s linear 0.3s 1 forwards;
    -moz-animation: a_img 0.3s linear 0.3s 1 forwards;
    -webkit-animation: a_img 0.3s linear 0.3s 1 forwards;
    -o-animation: a_img 0.3s linear 0.3s 1 forwards;
    -ms-animation: a_img 0.3s linear 0.3s 1 forwards;
}
.wpa8630  .g.on .device .dataLine .col.line3 img
{
    animation: a_img 0.3s linear 0.6s 1 forwards;
    -moz-animation: a_img 0.3s linear 0s 1 forwards;
    -webkit-animation: a_img 0.3s linear 0.6s 1 forwards;
    -o-animation: a_img 0.3s linear 0.6s 1 forwards;
    -ms-animation: a_img 0.3s linear 0.6s 1 forwards;
}
/*a_img*/
@keyframes a_img {
   0%{ margin-top:180px;} 
   100%{ margin-top:0;}     
}
@-moz-keyframes a_img {
   0%{ margin-top:180px;} 
   100%{ margin-top:0;}   
}
@-webkit-keyframes a_img {
   0%{ margin-top:180px;} 
   100%{ margin-top:0;}  
}
@-o-keyframes a_img {
   0%{ margin-top:180px;} 
   100%{ margin-top:0;} 
}
@-ms-keyframes a_img {
   0%{ margin-top:180px;} 
   100%{ margin-top:0;}
}
.wpa8630 .transition {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}
.wpa8630 .h { height:937px; background:url(h.jpg) 50% 0 no-repeat; color:#fff; overflow:hidden;}
.wpa8630 .h h5 { padding:160px 0 30px 30px; color:#fff;}
.wpa8630 .h p { width:700px; margin-left:30px;}
.wpa8630 .h .mobile { position:relative; width:308px; height:645px; padding:105px 0 0 25px; background:url(mobile-new.png) right bottom no-repeat;}
.wpa8630 .h .mobile .bg { position:relative; width:258px; height:450px; margin:95px 0 0 27px; background:#232425; opacity:0.7; z-index:99;}
.wpa8630 .h .mobile .bg .button { position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:190px; height:42px; margin:auto; font-size:20px; text-align:center; line-height:42px; border:1px solid #fff; border-radius:30px; cursor:pointer;}
.wpa8630 .h .mobile img { position:absolute; left:51px; bottom:97px; visibility:hidden;}
.wpa8630 .h .light { position:absolute; right:60px; top:554px; width:241px;}
.wpa8630 .h .mobile.animate { transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -o-transform:translateY(100px); opacity:0;}
.wpa8630  .i
{
    background-color:#1c1d21; height:185px;
}
.wpa8630  .i p
{
    line-height:1.75;
}
.wpa8630  .i .clearfix
{
    padding-top:40px; font-size:20px;
}
.wpa8630  .i .clearfix .col:first-child
{
    width:57%;
}
.wpa8630  .i .clearfix .col:last-child
{
    width:43%;
}
.wpa8630  .i .clearfix .col div
{
    width:210px; height:100px; background:url(i_icon.png)no-repeat 50% 50%; margin-left:10px;
}
.wpa8630  .j
{
    height:120px; color:#000
}
.wpa8630  .j p
{
    line-height:1.75; margin-top:30px; font-size:20px; padding-right:20px;
}
@media screen and (max-width:736px)
{
    .wpa8630 .container
    {
        width:auto;
    }
    .wpa8630 h5
    {
        font-size:32px; padding:30px 6% 20px;
    }
    .wpa8630 .a
    {
        background:url(mobile/a.jpg)no-repeat 50% 0; height:auto; padding-bottom:132%; background-size:100% auto;
    }
    .wpa8630 .a .container
    {
        display:none;
    }
    .wpa8630 .b
    {
        background:#373a41 url(mobile/b.jpg)no-repeat 50% 100%; background-size:100% auto; height:auto; text-align:left; padding-bottom:70%;
    }
    .wpa8630 .b p
    {
        padding:0 6%;
    }
    .wpa8630 .c
    {
        height:auto; text-align:left; background:#eceae9 url(mobile/c.jpg)no-repeat 50% 100%; padding-bottom:72%; background-size:100% auto;
    }
    .wpa8630 .c .bg
    {
        display:none;
    }
    .wpa8630 .c .container>p
    {
        padding:0 6%;
    }
    .wpa8630 .c .container>ul
    {
        width:280px; padding:0; margin:20px 0 0 6%;
    }
    .wpa8630 .c .container .blue
    {
        background-size:135px auto; background-position:50% 50%;
    }
    .wpa8630 .c .container ul .col
    {
        width:70px;
    }
    .wpa8630 .c .container ul .mbps
    {
        width:210px;
    }
    .wpa8630 .c .container .blue .mbps p
    {
        float:right; padding-left:0;
    }
    .wpa8630 .c .container .green
    {
        width:230px; background-size:80px 5px; background-position:50% 50%;
    }
    .wpa8630 .c .container .green .col:first-child
    {
        width:70px;
    }
    .wpa8630 .c .container ul .green .mbps
    {
        width:160px;
    }
    .wpa8630 .c .container .green .mbps p
    {
        float:right;
    }
    .wpa8630 .d
    {
        text-align:left;height:auto; background:#383941 url(mobile/d.jpg)no-repeat 50% 100%; background-size:100% auto; padding-bottom:80%;
    }
    .wpa8630 .d .container>p
    {
        padding:0 6%;
    }
    .wpa8630 .d .container>ul
    {
        display:none;
    }
    .wpa8630 .e
    {
        height:auto; padding-bottom:30px;
    }
    .wpa8630 .e .w1200
    {
        display:none;
    }
    .wpa8630 .e .mobile-layout
    {
        display:block!important;
    }
    .wpa8630 .e .mobile-layout p
    {
        padding:0 6%;
    }
    .wpa8630 .e .mobile-layout img
    {
        display:block; margin:0 auto; width:100%; position:static; top:inherit; bottom:inherit; padding:20px 0;
    }
    .wpa8630 .f
    {
        height:auto;
    }
    .wpa8630 .f .scene
    {
        display:none;
    }
    .wpa8630 .f .mobile-layout
    {
        display:block!important;
    }
    .wpa8630 .f .mobile-layout img
    {
        width:100%; height:auto; padding:20px 0;
    }
    .wpa8630 .f .mobile-layout p
    {
       padding:0 6%;
    }
    .wpa8630 .f .slides-nav
    {
        display:none;
    }
    .wpa8630 .g
    {
        height:auto; background:#19191d url(mobile/g.jpg)no-repeat 50% 100%; padding-bottom:105%; background-size:100% auto;
    }
    .wpa8630 .g .w1200
    {
        width:auto; height:auto;
    }
    .wpa8630 .g .device,.wpa8630 .g .animate
    {
        display:none;
    }
    .wpa8630 .g .desc
    {
        text-align:left;width:auto;
    }
    .wpa8630 .g .desc p
    {
        padding:0 6%;
    }
    .wpa8630 .h
    {
        height:auto;background:#292a2f url(mobile/h.jpg)no-repeat 50% 100%; padding-bottom:80%; background-size:100% auto;
    }
    .wpa8630 .h h5
    {
        padding:30px 6% 20px
    }
    .wpa8630 .h p
    {
        width:auto; margin:0; padding:0 6%;
    }
    .wpa8630 .h .mobile,.wpa8630 .h .light
    {
        display:none;
    }
    .wpa8630 .i
    {
        height:auto;
    }
    .wpa8630 .i .clearfix
    {
        padding:30px 6%; font-size:18px;
    }
    .wpa8630 .i .clearfix .col:first-child
    {
        width:auto;background:url(mobile/ewm-icon.png)no-repeat 50% 100%;padding-bottom:28%;background-size: 50% auto;
    }
    .wpa8630 .i .clearfix .col:last-child
    {
        display:none;
    }
    .wpa8630 .i p
    {
        line-height:1.45
    }
    .wpa8630 .j
    {
        height:auto;
    }
    .wpa8630 .j p
    {
        line-height:1.45; padding:30px 6%; margin:0;
    }
}