@import url("global.css");

#top {position:fixed;top:0;left:0;width:100%;height:53px;background:#000;z-index:6;}
#top .dTop {position:relative;width:1000px;height:53px;margin:0 auto;background:#000;z-index:3;}
#top .dTop .aLogo {float:left;width:140px;height:53px;overflow:hidden;background:#b5101b url(../images/logo021.png) no-repeat center center;text-indent:-9999px;
-webkit-transition:all .2s ease-in;
}
#top .dTop .aLogo:hover {background-color:#f60;}
#top .dTop .ulNav {float:right;height:53px;}
#top .dTop .ulNav li {float:left;padding:0 6px;background:url(../images/images.png) no-repeat right 18px;}
#top .dTop .ulNav li.li_r {background:none}
#top .dTop .ulNav li a {display:inline-block;height:47px;overflow:hidden;padding:0 15px;border-bottom:6px solid #000;line-height:53px;font-size:16px;color:#999;
-webkit-transition:all .2s ease-in;
}
#top .dTop .ulNav li a:hover,#top .dTop .ulNav li.current a{border-color:#b5101b;color:#fff;text-decoration:none;}

@-webkit-keyframes 'snav'{
0%{top:-132px;opacity:0;}
100%{top:53px;opacity:1;}
}
@-webkit-keyframes 'snavo'{
0%{top:53px;opacity:1;}
100%{top:-132px;opacity:0;}
}
#top .dSnav {position:absolute;top:-132px;left:0;width:100%;min-width:1000px;height:127px;background:#222;pacity:0;
-webkit-box-shadow:0 0 5px #000;
}
#top .scurrent {top:53px;opacity:1;
-webkit-animation: 'snav' .3s linear;
}
#top .scurrento {top:-132px;opacity:0;
-webkit-animation: 'snavo' .3s linear;
}
#top .dSnav strong {display:block;height:60px;border-bottom:1px solid #2d2d2d;line-height:60px;text-align:center;color:#3e3e3e;font-weight:800;font-size:20px;}
#top .pSnav {width:1000px;padding:20px 0 0;margin:0 auto;text-align:center;}
#top .pSnav a {position:relative;display:inline-block;height:22px;padding-right:20px;margin:0 14px;color:#fff;line-height:22px;}
#top .pSnav a:hover {color:#ccc;text-decoration:none;}
#top .pSnav a span {position:absolute;right:0;top:3px;display:block;width:16px;height:16px;overflow:hidden;background:#363636;line-height:16px;font-size:16px;text-align:center;text-indent:1px;
-webkit-border-radius:8px;
-webkit-transition:all .2s ease-in;
}
#top .pSnav a:hover span {
-webkit-transform:rotate(360deg);
}

.dMenu {position:fixed;width:20px;right:60px;top:50%;margin-top:-237px;z-index:6;}
.dMenu span {position:relative;display:block;width:20px;height:20px;margin:35px 0;background:#bebebe;line-height:20px;cursor:pointer;
-webkit-border-radius:10px;
-webkit-transform:scale(0.4,0.4);
}
.dMenu span em {display:block;width:18px;height:18px;border:1px solid #ccc;opacity:0;
-webkit-border-radius:9px;
}
@-webkit-keyframes 'menuspan'{
0%{-webkit-transform:scale(0.4,0.4);background:#bebebe;}
100%{-webkit-transform:scale(1,1);background:#d61522;}
}
.dMenu span.current {background:#d61522;
-webkit-transform:scale(1,1);
-webkit-animation: 'menuspan' .3s linear;
}
@-webkit-keyframes 'menuem'{
0%{-webkit-transform:scale(1,1);opacity:0;}
100%{-webkit-transform:scale(3,3);opacity:1;}
}
.dMenu span.current em {opacity:1;
-webkit-transform:scale(3,3);
-webkit-border-radius:30px;
-webkit-animation: 'menuem' .3s linear;
}
@-webkit-keyframes 'menuspano'{
0%{-webkit-transform:scale(1,1);background:#d61522;}
100%{-webkit-transform:scale(0.4,0.4);background:#bebebe;}
}
.dMenu span.currento {
-webkit-animation: 'menuspano' .3s linear;
}
@-webkit-keyframes 'menuemo'{
0%{-webkit-transform:scale(3,3);opacity:1;}
100%{-webkit-transform:scale(1,1);opacity:0;}
}
.dMenu span.currento em {opacity:0;
-webkit-animation: 'menuemo' .3s linear;
}

@-webkit-keyframes 'amousedown'{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes 'amousedownsho'{
0%{-webkit-transform:translate(0,0)}
100%{-webkit-transform:translate(0,5px)}
}
.wrapon .aMousedown {position:absolute;bottom:42px;left:466px;display:block;width:68px;height:105px;cursor:pointer;z-index:3;
-webkit-animation: 'amousedown' 3.5s linear;
}
.wrapon .aMousedown:hover{text-decoration:none;}
.wrapon .aMousedown span {display:block;width:68px;height:68px;background:#b5101b url(../images/mousedown.png) no-repeat center 15px;
-webkit-border-radius:36px;
-webkit-transition:all .2s ease-in;
}
.wrapon .aMousedown:hover span{background:#fff url(../images/mousedown.png) no-repeat center -85px;
-webkit-transform:translate(0,5px);
}
.wrapon .aMousedown em {display:block;color:#fff;font-size:16px;font-weight:800;text-align:center;line-height:37px;text-align:center;font-weight:800;
-webkit-transition:all .1s ease-in;
}
.wrapon .aMousedown:hover em {
-webkit-transform:scale(1.1,1.1)
}
#wrap-2.wrapon .aMousedown:hover span {background-color:#ccc;}
#wrap-2.wrapon .aMousedown em {color:#000;}

.wrap .sGe {position:absolute;top:0;left:-460px;display:block;width:1920px;height:32px;border-top:2px solid #000;opacity:0.65;z-index:2;}
.wrap .sGe em {display:block;width:64px;height:32px;background:#000;margin:0 auto;text-align:center;line-height:32px;font-size:22px;color:#fff;
-webkit-border-radius:0 0 32px 32px;
}
#wrap-1 .sGe,#wrap-1 .sGe {border-color:#fff;}
#wrap-1 .sGe em,#wrap-1 .sGe em {background:#fff;color:#000;}
#wrap-1 .pDes{ text-align:left}
/*第一屏*/
#wrap-0 {position:relative;width:1000px;height:847px;margin:0 auto;z-index:5}

@-webkit-keyframes 'slide'{
0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes 'slideo'{
0%{opacity:1;}
100%{opacity:0;}
}

@-webkit-keyframes 'slide0'{
0%{opacity:0;}
35%{opacity:0;}
50%{opacity:1;}
85%{opacity:1;}
100%{opacity:0;}
}

.dSlides {position:relative;width:1920px;height:847px;margin:0 -460px;background:#000;}
#wrap-0 .dSlides .dSlide {position:absolute;width:1920px;height:847px;}
#wrap-0 .dSlides .current {z-index:2;
-webkit-animation: 'slide' .3s linear;
}
#wrap-0 .dSlides .currento {z-index:1;opacity:0;
-webkit-animation: 'slideo' .3s linear;
}
#wrap-0 .dSlides .dSlide .dSlidebg {position:absolute;width:1920px;height:847px;}
#wrap-0 .dSlides .dSlide .dSlidebg_1 {z-index:1;
-webkit-animation: 'slide0' 10s linear 0s infinite;
}
#wrap-0 .dSlides .current .dSlidebg_0_0,#wrap-0 .dSlides .currento .dSlidebg_0_0 {background:url(../images/bg_a_b.jpg) no-repeat;}
#wrap-0 .dSlides .current .dSlidebg_0_1,#wrap-0 .dSlides .currento .dSlidebg_0_1 {background:url(../images/bg_a_a.jpg) no-repeat;}
#wrap-0 .dSlides .current .dSlidebg_1_0,#wrap-0 .dSlides .currento .dSlidebg_1_0 {background:url(../images/bg_b_b.jpg) no-repeat;}
#wrap-0 .dSlides .current .dSlidebg_1_1,#wrap-0 .dSlides .currento .dSlidebg_1_1 {background:url(../images/bg_b_a.jpg) no-repeat;}
#wrap-0 .dSlides .current .dSlidebg_2_0,#wrap-0 .dSlides .currento .dSlidebg_2_0 {background:url(../images/bg_c_b.jpg) no-repeat;}
#wrap-0 .dSlides .current .dSlidebg_2_1,#wrap-0 .dSlides .currento .dSlidebg_2_1 {background:url(../images/bg_c_a.jpg) no-repeat;}

@-webkit-keyframes 'aslidel'{
0%{-webkit-transform:translate(-528px,0) rotateZ(-890deg)}
50%{-webkit-transform:translate(-528px,0) rotateZ(-890deg)}
70%{-webkit-transform:translate(10px,0) rotateZ(16deg)}
86%{-webkit-transform:translate(-5px,0) rotateZ(-8deg)}
100%{-webkit-transform:translate(0,0) rotateZ(0deg)}
}
@-webkit-keyframes 'aslider'{
0%{-webkit-transform:translate(-1458px,0) rotateZ(-1790deg)}
25%{-webkit-transform:translate(-1458px,0) rotateZ(-1790deg)}
35%{-webkit-transform:translate(-922px,0) rotateZ(-894deg)}
43%{-webkit-transform:translate(-937px,0) rotateZ(-908deg)}
50%{-webkit-transform:translate(-930,0) rotateZ(-900deg)}
60%{-webkit-transform:translate(10px,0) rotateZ(16deg)}
68%{-webkit-transform:translate(-5px,0) rotateZ(-8deg)}
73%{-webkit-transform:translate(0,0) rotateZ(0deg)}
}
#wrap-0 .aSlide {position:absolute;top:700px;display:block;width:64px;height:64px;border:2px solid #fff;color:#fff;font-size:18px;font-weight:800;text-align:center;line-height:64px;text-align:center;font-weight:800;z-index:3;
-webkit-transition:all .1s ease-in;
-webkit-border-radius:34px;
}
#wrap-0 .aSlide_l {left:0;
-webkit-animation: 'aslidel' 1s linear;}
#wrap-0 .aSlide_r {left:932px;
-webkit-animation: 'aslider' 2s linear;
}
#wrap-0 .aSlide:Hover {text-decoration:none;border-color:#b5101b;cursor:pointer;
-webkit-transform:scale(1.2,1.2) rotateZ(-360deg);
}
#wrap-0 .aSlide span {position:absolute;top:0;left:0;display:block;width:64px;height:64px;background:#000;opacity:0.4;
-webkit-border-radius:34px;
}
#wrap-0 .aSlide em {position:absolute;top:0;left:0;display:block;width:64px;height:64px;z-index:2}

@-webkit-keyframes 'dlogo'{
0%{-webkit-transform:translate(0,-195px)}
76%{-webkit-transform:translate(0,-195px)}
82%{-webkit-transform:translate(0,5px)}
91%{-webkit-transform:translate(0,-3px)}
100%{-webkit-transform:translate(0,0)}
}
#wrap-0 .dLogo {position:absolute;top:105px;left:380px;z-index:3;
-webkit-animation: 'dlogo' 2.3s linear;
}
@-webkit-keyframes 'dlogos'{
0%{-webkit-transform:translate(0,0)}
90%{-webkit-transform:translate(0,0)}
92%{-webkit-transform:translate(-20px,0) scale(1.1,1.1)}
94%{-webkit-transform:translate(20px,0) scale(1.1,1.1)}
96%{-webkit-transform:translate(-10px,0) scale(0.9,0.9)}
98%{-webkit-transform:translate(10px,0) scale(0.9,0.9)}
100%{-webkit-transform:translate(0,0)}
}
#wrap-0 .dLogo span {display:block;width:245px;height:80px;background:url(../images/wrap_0_1.png) no-repeat;
-webkit-animation: 'dlogos' 5s linear 0s infinite;
}
@-webkit-keyframes 'dslogan'{
0%{-webkit-transform:rotateX(-720deg) scale(0,0);}
70%{-webkit-transform:rotateX(-720deg) scale(0,0);}
90%{-webkit-transform:rotateX(0deg) scale(1.1,1.1);}
100%{-webkit-transform:rotateX(0deg) scale(1,1);}
}
#wrap-0 .dSlogan {position:absolute;top:235px;left:256px;width:498px;height:198px;overflow:hidden;background:url(../images/wrap_0_2.png) no-repeat;text-indent:-9999px;z-index:3;
-webkit-animation: 'dslogan' 2s linear;
}
@-webkit-keyframes 'dslogany'{
0%{-webkit-transform:scale(0,0);}
75%{-webkit-transform:scale(0,0);}
88%{-webkit-transform:scale(1.1,1);}
100%{-webkit-transform:scale(1,1);}
}
#wrap-0 .dSlogany{position:absolute;height:2px;overflow:hidden;background:#fff;opacity:0.2;z-index:3;
-webkit-animation: 'dslogany' 2.5s linear;
}
@-webkit-keyframes 'dslogany1'{
0%{background:#fff;opacity:0;}
85%{background:#fff;opacity:0;}
100%{background:#b5101b;opacity:1;}
}
#wrap-0 .dSlogany_0 {top:325px;left:256px;width:498px;}
#wrap-0 .dSlogany_1 {top:465px;left:365px;width:270px;}
#wrap-0 .dSlogany1{position:absolute;left:468px;width:64px;height:2px;overflow:hidden;background:#b5101b;z-index:3;
-webkit-animation: 'dslogany1' 2.8s linear;
}
#wrap-0 .dSlogany1_0 {top:325px;}
#wrap-0 .dSlogany1_1 {top:465px;}

@-webkit-keyframes 'ajianli'{
0%{-webkit-transform:translate(-1097px,0)}
80%{-webkit-transform:translate(-1097px,0)}
85%{-webkit-transform:translate(20px,0)}
90%{-webkit-transform:translate(-10px,0)}
95%{-webkit-transform:translate(5px,0)}
100%{-webkit-transform:translate(0,0)}
}
#wrap-0 .aJianli {position:absolute;top:505px;left:367px;display:block;width:270px;height:59px;cursor:pointer;z-index:3;
-webkit-transition:all .1s ease-in;
-webkit-animation: 'ajianli' 2.8s linear;
}
#wrap-0 .aJianli span {position:absolute;display:block;width:266px;height:55px;overflow:hidden;background:url(../images/wrap_0_3.png) no-repeat;border:2px solid #fff;z-index:2;}
@-webkit-keyframes 'ajianlispan'{
0%{border-color:#fff;}
80%{border-color:#fff;}
100%{border-color:#f60;}
}
#wrap-0 .aJianli:hover span {border-color:#f60;
-webkit-animation: 'ajianlispan' 1s linear;
}
#wrap-0 .aJianli em {position:absolute;top:0;left:0;display:block;width:266px;height:55px;overflow:hidden;border:2px solid #fff;opacity:.2}
@-webkit-keyframes 'ajianliem1'{
0%{-webkit-transform:scale(1,1);-webkit-transform-origin:40% 40%}
50%{-webkit-transform:scale(1.12,1.4);-webkit-transform-origin:40% 40%}
100%{-webkit-transform:scale(1,1);-webkit-transform-origin:40% 40%}
}
@-webkit-keyframes 'ajianliem2'{
0%{-webkit-transform:scale(1,1);-webkit-transform-origin:40% 60%}
50%{-webkit-transform:scale(1.12,1.4);-webkit-transform-origin:40% 60%}
100%{-webkit-transform:scale(1,1);-webkit-transform-origin:40% 60%}
}
@-webkit-keyframes 'ajianliem3'{
0%{-webkit-transform:scale(1,1);-webkit-transform-origin:60% 60%}
50%{-webkit-transform:scale(1.12,1.4);-webkit-transform-origin:60% 60%}
100%{-webkit-transform:scale(1,1);-webkit-transform-origin:60% 60%}
}
@-webkit-keyframes 'ajianliem4'{
0%{-webkit-transform:scale(1,1);-webkit-transform-origin:60% 40%}
50%{-webkit-transform:scale(1.12,1.4);-webkit-transform-origin:60% 40%}
100%{-webkit-transform:scale(1,1);-webkit-transform-origin:60% 40%}
}
#wrap-0 .aJianli:hover em.em_1 {
-webkit-animation: 'ajianliem1' 0.5s linear;
}
#wrap-0 .aJianli:hover em.em_2 {
-webkit-animation: 'ajianliem2' 0.75s linear;
}
#wrap-0 .aJianli:hover em.em_3 {
-webkit-animation: 'ajianliem3' 1s linear;
}
#wrap-0 .aJianli:hover em.em_4 {
-webkit-animation: 'ajianliem4' 1.25s linear;
}

/*第二屏*/
#wrap-1 {position:relative;width:1000px;height:900px;margin:0 auto;background:#000;z-index:4}
#wrap-1 .dBg {position:relative;width:1920px;height:900px;margin:0 -460px;background:#000;}
@-webkit-keyframes 'wrap1bg'{
0%{opacity:0;}
100%{opacity:1;}
}
#wrap-1.wrapon .dBg span {position:absolute;top:0;left:0;display:block;width:1920px;height:900px;background:#000 url(../images/bg_1_7.jpg) no-repeat;}
#wrap-1.wrapon .dBg #s_1.current,#wrap-1.wrapon .dBg #s_1.currento {background:#000 url(../images/bg_1_1.jpg) no-repeat;}
#wrap-1.wrapon .dBg #s_2.current,#wrap-1.wrapon .dBg #s_2.currento {background:#000 url(../images/bg_1_2.jpg) no-repeat;}
#wrap-1.wrapon .dBg #s_3.current,#wrap-1.wrapon .dBg #s_3.currento {background:#000 url(../images/bg_1_3.jpg) no-repeat;}
#wrap-1.wrapon .dBg #s_4.current,#wrap-1.wrapon .dBg #s_4.currento {background:#000 url(../images/bg_1_4.jpg) no-repeat;}
#wrap-1.wrapon .dBg #s_5.current,#wrap-1.wrapon .dBg #s_5.currento {background:#000 url(../images/bg_1_5.jpg) no-repeat;}
#wrap-1.wrapon .dBg #s_6.current,#wrap-1.wrapon .dBg #s_6.currento {background:#000 url(../images/bg_1_6.jpg) no-repeat;}
#wrap-1.wrapon .dBg #s_7.current,#wrap-1.wrapon .dBg #s_7.currento {background:#000 url(../images/bg_1_7.jpg) no-repeat;}
#wrap-1.wrapon .dBg span.currento {z-index:1;}
#wrap-1.wrapon .dBg span.current {z-index:2;
-webkit-animation: 'wrap1bg' 0.5s linear;
}
@-webkit-keyframes 'h3title'{
0%{-webkit-transform:translate(0,-202px)}
76%{-webkit-transform:translate(0,-202px)}
82%{-webkit-transform:translate(0,5px)}
91%{-webkit-transform:translate(0,-3px)}
100%{-webkit-transform:translate(0,0)}
}
#wrap-1.wrapon .h3Title {position:absolute;left:386px;top:130px;width:227px;height:72px;z-index:3;
-webkit-animation: 'h3title' 1.2s linear;
}
#wrap-1.wrapon .h3Title span {display:block;width:227px;height:72px;overflow:hidden;background:url(../images/wrap_1_1.png) no-repeat;text-indent:-9999px;}
@-webkit-keyframes 'stitledown'{
0%{-webkit-transform:scale(0,0)}
80%{-webkit-transform:scale(0,0)}
90%{-webkit-transform:scale(1.1,1)}
100%{-webkit-transform:scale(1,1)}
}
#wrap-1.wrapon .sTitledown {position:absolute;left:386px;top:215px;width:227px;height:1px;overflow:hidden;background:#fff;opacity:0.2;
-webkit-animation: 'stitledown' 1.5s linear;
}

@-webkit-keyframes 'tabcon0'{
0%{opacity:0}
60%{opacity:0}
100%{opacity:1}
}
#wrap-1.wrapon .dTabcon0 {position:absolute;width:840px;height:280px;top:270px;left:130px;z-index:3;
-webkit-animation: 'tabcon0' 2s linear;
}
#wrap-1.wrapon .dTabcon0 .con {position:absolute;display:none;top:0;width:840px;height:280px;}
#wrap-1.wrapon .dTabcon0 .current {display:block}
@-webkit-keyframes 'tabcon0o'{
0%{opacity:1;top:0;}
100%{opacity:0;top:0;}
}
#wrap-1.wrapon .dTabcon0 .currento {display:block;top:-560px;
-webkit-animation: 'tabcon0o' 1.5s linear;
}
#wrap-1.wrapon .dTabcon0 .con .pImg {position:absolute;top:0;left:0;width:280px;height:280px;
-webkit-border-radius:140px;
}
#wrap-1.wrapon .dTabcon0 .con .pImg span {position:absolute;display:block;width:280px;height:280px;background:#fff;opacity:0;
-webkit-border-radius:140px;
}
#wrap-1.wrapon .dTabcon0 .con .pImg img {position:absolute;display:block;width:280px;height:280px;z-index:3;
-webkit-border-radius:140px;
}
@-webkit-keyframes 'tabcon0cimgspan'{
0%{-webkit-transform:scale(0,0);opacity:0.3;}
60%{-webkit-transform:scale(0,0);}
75%{-webkit-transform:scale(1.2,1.2);}
95%{-webkit-transform:scale(1,1);opacity:0.3;}
100%{opacity:0;}
}
#wrap-1.wrapon .dTabcon0 .current .pImg .s_1 {
-webkit-animation: 'tabcon0cimgspan' 1.7s linear;
}
#wrap-1.wrapon .dTabcon0 .current .pImg .s_2 {
-webkit-animation: 'tabcon0cimgspan' 2s linear;
}
#wrap-1.wrapon .dTabcon0 .current .pImg .s_3 {
-webkit-animation: 'tabcon0cimgspan' 2.3s linear;
}
@-webkit-keyframes 'tabcon0cimg'{
0%{opacity:0;}
70%{opacity:0;}
100%{opacity:1;}
}
#wrap-1.wrapon .dTabcon0 .current .pImg img {
-webkit-animation: 'tabcon0cimg' 2.5s linear;
}
@-webkit-keyframes 'tabcon0cimgo'{
0%{-webkit-transform:scale(1,1);}
45%{-webkit-transform:scale(1,1);}
75%{-webkit-transform:scale(1.1,1.1);}
100%{-webkit-transform:scale(0,0);}
}
#wrap-1.wrapon .dTabcon0 .currento .pImg {
-webkit-transform:scale(0,0);
-webkit-animation: 'tabcon0cimgo' .7s linear;
}
#wrap-1.wrapon .dTabcon0 .con .dTxt0 {position:absolute;right:0;top:0;width:510px;text-align:center;color:#fff;line-height:26px;}
#wrap-1.wrapon .dTabcon0 .con .dTxt0 h4 {font-size:20px;font-weight:800;text-align:center;}
#wrap-1.wrapon .dTabcon0 .con .dTxt0 .pExp {line-height:40px;color:#ccc;}
@-webkit-keyframes 'tabcon0ctxt'{
0%{-webkit-transform:translate(930px,0);}
82%{-webkit-transform:translate(930px,0)}
88%{-webkit-transform:translate(-20px,0)}
94%{-webkit-transform:translate(10px,0)}
100%{-webkit-transform:translate(0,0)}
}
#wrap-1.wrapon .dTabcon0 .current .dTxt0 {
-webkit-animation: 'tabcon0ctxt' 2.2s linear;
}
#wrap-1.wrapon .dTabcon0 .current .dTxt0 .pDes{ font-size:14px;}
@-webkit-keyframes 'tabcon0ctxto'{
0%{-webkit-transform:translate(0,0);}
80%{-webkit-transform:translate(50px,0);}
100%{-webkit-transform:translate(-1300px,0);}
}
#wrap-1.wrapon .dTabcon0 .currento .dTxt0 {
-webkit-transform:translate(-1300px,0);
-webkit-animation: 'tabcon0ctxto' 1.2s linear;
}
@-webkit-keyframes 'tab0'{
0%{-webkit-transform:scale(10,10);opacity:0;border-top:none}
70%{-webkit-transform:scale(10,10);opacity:0}
80%{-webkit-transform:scale(0.9,0.9);opacity:0.5}
90%{-webkit-transform:scale(1.1,1.1);opacity:0.4;border-top:none}
100%{-webkit-transform:scale(1,1);opacity:1;border-top:1px dotted #fff}
}
#wrap-1.wrapon .dTab0 {position:absolute;top:560px;left:598px;width:230px;height:20px;padding-top:25px;border-top:1px dotted #fff;text-align:center;line-height:12px;z-index:3;
-webkit-animation: 'tab0' 2s linear;
}
#wrap-1.wrapon .dTab0 span {position:relative;display:inline-block;width:12px;height:12px;overflow:hidden;margin:0 5px;cursor:pointer;
-webkit-border-radius:6px;
}
#wrap-1.wrapon .dTab0 span em {position:absolute;top:0;left:0;display:block;width:10px;height:10px;overflow:hidden;border:1px solid #fff;
-webkit-border-radius:6px;
}
#wrap-1.wrapon .dTab0 span.current em {background:#fff;}

/*第三屏*/
#wrap-2 {position:relative;width:1000px;height:898px;margin:0 auto;background:#fff;z-index:3}
#wrap-2 .dBg {position:relative;width:1920px;height:898px;overflow:hidden;margin:0 -460px;background:#fff url(../images/bg_1_8.jpg) no-repeat;}
#wrap-2.wrapon .h3Title {position:absolute;left:414px;top:130px;width:172px;height:72px;
-webkit-animation: 'h3title' 1.2s linear;
}
#wrap-2.wrapon .h3Title span {display:block;width:172px;height:72px;overflow:hidden;background:url(../images/wrap_2_1.png) no-repeat;text-indent:-9999px;}
#wrap-2.wrapon .sTitledown {position:absolute;left:414px;top:215px;width:172px;height:1px;overflow:hidden;background:#000;opacity:0.2;
-webkit-animation: 'stitledown' 1.5s linear;
}

@-webkit-keyframes 'tabcon1'{
0%{opacity:0}
60%{opacity:0}
100%{opacity:1}
}
#wrap-2.wrapon .dTabcon1 {position:absolute;width:840px;height:280px;top:270px;left:50px;z-index:2;
-webkit-animation: 'tabcon1' 2s linear;
}
#wrap-2.wrapon .dTabcon1 .con {position:absolute;display:none;top:0;width:840px;height:280px;}
#wrap-2.wrapon .dTabcon1 .current {display:block}
@-webkit-keyframes 'tabcon1o'{
0%{opacity:1;top:0;}
100%{opacity:0;top:0;}
}
#wrap-2.wrapon .dTabcon1 .currento {display:block;top:-560px;
-webkit-animation: 'tabcon1o' 1.5s linear;
}
#wrap-2.wrapon .dTabcon1 .con .pImg {position:absolute;top:0;right:0;width:280px;height:280px;
-webkit-border-radius:140px;
}
#wrap-2.wrapon .dTabcon1 .con .pImg span {position:absolute;display:block;width:280px;height:280px;background:#666;opacity:0;
-webkit-border-radius:140px;
}
#wrap-2.wrapon .dTabcon1 .con .pImg img {position:absolute;display:block;width:280px;height:280px;z-index:2;
-webkit-border-radius:140px;
}
/*@-webkit-keyframes 'tabcon1cimgspan'{
0%{-webkit-transform:rotateZ(-90deg) scale(0.2,0.2);-webkit-transform-origin:100% -150%;opacity:0.3;}
100%{-webkit-transform:rotateZ(0deg) scale(1.1,1.1);-webkit-transform-origin:100% -150%;opacity:0;}
}
#wrap-2.wrapon .dTabcon1 .current .pImg .s_1 {
-webkit-animation: 'tabcon1cimgspan' 0.7s linear 0.8s;
}
#wrap-2.wrapon .dTabcon1 .current .pImg .s_2 {
-webkit-animation: 'tabcon1cimgspan' 0.8s linear 0.9s;
}
#wrap-2.wrapon .dTabcon1 .current .pImg .s_3 {
-webkit-animation: 'tabcon1cimgspan' 0.9s linear 1.0s;
}
#wrap-2.wrapon .dTabcon1 .current .pImg .s_4 {
-webkit-animation: 'tabcon1cimgspan' 1s linear 1.1s;
}*/
#wrap-2.wrapon .dTabcon1 .current .pImg .s_1 {
-webkit-animation: 'tabcon0cimgspan' 1.7s linear;
}
#wrap-2.wrapon .dTabcon1 .current .pImg .s_2 {
-webkit-animation: 'tabcon0cimgspan' 2s linear;
}
#wrap-2.wrapon .dTabcon1 .current .pImg .s_3 {
-webkit-animation: 'tabcon0cimgspan' 2.3s linear;
}
@-webkit-keyframes 'tabcon1cimg'{
0%{opacity:0;}
70%{opacity:0;}
100%{opacity:1;}
}
#wrap-2.wrapon .dTabcon1 .current .pImg img {
-webkit-animation: 'tabcon0cimg' 2.5s linear;
}
@-webkit-keyframes 'tabcon1cimgo'{
0%{-webkit-transform:scale(1,1);}
45%{-webkit-transform:scale(1,1);}
75%{-webkit-transform:scale(1.1,1.1);}
100%{-webkit-transform:scale(0,0);}
}
#wrap-2.wrapon .dTabcon1 .currento .pImg {
-webkit-transform:scale(0,0);
-webkit-animation: 'tabcon1cimgo' .7s linear;
}
#wrap-2.wrapon .dTabcon1 .con .dTxt0 {position:absolute;left:0;top:0;width:530px;text-align:center;color:#000;line-height:26px;}
#wrap-2.wrapon .dTabcon1 .con .dTxt0 h4 {font-size:20px;font-weight:800;text-align:center;height:36px;}
@-webkit-keyframes 'tabcon1ctxt'{
0%{-webkit-transform:translate(-930px,0);}
82%{-webkit-transform:translate(-930px,0)}
88%{-webkit-transform:translate(20px,0)}
94%{-webkit-transform:translate(-10px,0)}
100%{-webkit-transform:translate(0,0)}
}
#wrap-2.wrapon .dTabcon1 .current .dTxt0 {
-webkit-animation: 'tabcon1ctxt' 2.2s linear;
}
#wrap-2.wrapon .dTabcon1 .current .dTxt0 .pDes{ font-size:14px;}
@-webkit-keyframes 'tabcon1ctxto'{
0%{-webkit-transform:translate(0,0);}
80%{-webkit-transform:translate(-50px,0);}
100%{-webkit-transform:translate(1300px,0);}
}
#wrap-2.wrapon .dTabcon1 .currento .dTxt0 {
-webkit-transform:translate(1300px,0);
-webkit-animation: 'tabcon1ctxto' 1.2s linear;
}

@-webkit-keyframes 'tab1'{
0%{-webkit-transform:scale(10,10);opacity:0;border-top:none}
70%{-webkit-transform:scale(10,10);opacity:0}
80%{-webkit-transform:scale(0.9,0.9);opacity:0.5}
90%{-webkit-transform:scale(1.1,1.1);opacity:0.4;border-top:none}
100%{-webkit-transform:scale(1,1);opacity:1;border-top:1px dotted #b5101b}
}
#wrap-2.wrapon .dTab1 {position:absolute;top:555px;left:205px;width:220px;height:20px;padding-top:25px;border-top:1px dotted #000;text-align:center;line-height:12px;z-index:2;
-webkit-animation: 'tab1' 2s linear;
}
#wrap-2.wrapon .dTab1 span {position:relative;display:inline-block;width:12px;height:12px;overflow:hidden;margin:0 5px;cursor:pointer;
-webkit-border-radius:6px;
}
#wrap-2.wrapon .dTab1 span em {position:absolute;top:0;left:0;display:block;width:10px;height:10px;overflow:hidden;border:1px solid #000;
-webkit-border-radius:6px;
}
#wrap-2.wrapon .dTab1 span.current em {background:#b5101b;border:1px solid #b5101b;}

/*第四屏*/
#wrap-3 {position:relative;width:1000px;height:898px;margin:0 auto;background:#fff;z-index:2}
#wrap-3 .dBg {position:relative;width:1920px;height:898px;margin:0 -460px;background:#000;}
@-webkit-keyframes 'wrap3bg'{
0%{opacity:0;}
100%{opacity:1;}
}
#wrap-3.wrapon .dBg span {display:block;height:898px;background:#000 url(../images/bg_3.jpg) no-repeat;
-webkit-animation: 'wrap3bg' 0.5s linear;
}

#wrap-3.wrapon .h3Title {position:absolute;left:332px;top:130px;width:337px;height:68px;
-webkit-animation: 'h3title' 1.2s linear;
}
#wrap-3.wrapon .h3Title span {display:block;width:337px;height:68px;overflow:hidden;background:url(../images/wrap_3_1.png) no-repeat;text-indent:-9999px;}
#wrap-3.wrapon .sTitledown {position:absolute;left:332px;top:210px;width:337px;height:1px;overflow:hidden;background:#fff;opacity:0.2;
-webkit-animation: 'stitledown' 1.5s linear;
}
@-webkit-keyframes 'pexp0'{
0%{opacity:0;}
80%{opacity:0}
100%{opacity:1;}
}
#wrap-3.wrapon .pExp0 {position:absolute;top:220px;left:300px;width:400px;text-align:center;color:#fff;z-index:2;
-webkit-animation: 'pexp0' 1.5s linear;
}
@-webkit-keyframes 'stabbg0'{
0%{-webkit-transform:scale(1,0);}
84%{-webkit-transform:scale(1,0);-webkit-transform-origin:50% 0;}
100%{-webkit-transform:scale(1,1);-webkit-transform-origin:50% 0}
}
#wrap-3.wrapon .sTabbg0 {position:absolute;top:290px;left:499px;width:2px;height:25px;overflow:hidden;background:#fff;opacity:0.2;z-index:2;
-webkit-animation: 'stabbg0' 1.8s linear;
}
#wrap-3.wrapon .sTabbg1 {position:absolute;top:340px;left:0;width:1000px;height:2px;overflow:hidden;background:#fff;opacity:0.2;z-index:2;
-webkit-animation: 'stitledown' 2s linear;
}
@-webkit-keyframes 'tab2'{
0%{opacity:0;}
84%{opacity:0;}
100%{opacity:1;}
}
#wrap-3.wrapon .ulTab2 {position:absolute;top:288px;left:0;width:1000px;height:54px;z-index:2;
-webkit-animation: 'tab2' 2s linear;
}
#wrap-3.wrapon .ulTab2 li {float:left;width:420px;height:52px;padding:0 40px;}
@-webkit-keyframes 'tab0lic'{
0%{border-bottom:none;}
100%{border-bottom:2px solid #b5101b;}
}
@-webkit-keyframes 'tab2lio'{
0%{border-bottom:2px solid #b5101b;}
100%{border-bottom:none;}
}
#wrap-3.wrapon .ulTab2 li.current {border-bottom:2px solid #b5101b;
-webkit-animation: 'tab2lic' .3s linear;
}
#wrap-3.wrapon .ulTab2 li span {position:relative;display:block;width:168px;height:24px;background:url(../images/wrap_3_3.png) no-repeat;text-indent:-9999px;cursor:pointer;}
@-webkit-keyframes 'tab2s1'{
0%{-webkit-transform:translate(-920px,0);}
80%{-webkit-transform:translate(-920px,0);}
90%{-webkit-transform:translate(10px,0);}
100%{-webkit-transform:translate(0,0);}
}
#wrap-3.wrapon .ulTab2 li .s_1 {float:right;
-webkit-animation: 'tab2s1' 2.3s linear;
}
@-webkit-keyframes 'tab2s2'{
0%{-webkit-transform:translate(920px,0);}
80%{-webkit-transform:translate(920px,0);}
90%{-webkit-transform:translate(-10px,0);}
100%{-webkit-transform:translate(0,0);}
}
#wrap-3.wrapon .ulTab2 li .s_2 {background-position:0 -24px;
-webkit-animation: 'tab2s2' 2.3s linear;
}

@-webkit-keyframes 'tab0lisc'{
0%{-webkit-transform:scale(1,1)}
100%{-webkit-transform:scale(1.2,1.2)}
}
@-webkit-keyframes 'tab2liso'{
0%{-webkit-transform:scale(1.2,1.2)}
100%{-webkit-transform:scale(1,1)}
}
#wrap-3.wrapon .ulTab2 li.current span {background-image:url(../images/wrap_3_3.hover.png);}
#wrap-3.wrapon .ulTab2 li span em {display:none;}
#wrap-3.wrapon .ulTab2 li.current span em {position:absolute;top:52px;left:0;display:block;width:168px;height:24px;line-height:12px;color:#b5101b;text-indent:0;text-align:center;}

#wrap-3.wrapon .dTabcon2 {position:absolute;top:390px;left:8px;width:984px;height:350px;z-index:2;}
#wrap-3.wrapon .dTabcon2 .con {position:absolute;top:0;left:0;display:none;width:984px;height:350px;}
#wrap-3.wrapon .dTabcon2 div.current {display:block;}
@-webkit-keyframes 'tabcon2o'{
0%{opacity:1;top:0;}
100%{opacity:0;top:0;}
}
#wrap-3.wrapon .dTabcon2 div.currento {display:block;top:-900px;
-webkit-animation: 'tabcon2o' 1.5s linear;
}
#wrap-3.wrapon .pNav1 {width:861px;height:120px;margin:0 auto;text-align:center;}
#wrap-3.wrapon .pNav1 a {position:relative;float:left;display:inline;width:90px;height:120px;margin:0 17px 0 16px;color:#fff;text-align:center;line-height:30px;cursor:pointer;}
#wrap-3.wrapon .pNav1 a:Hover {text-decoration:none;}
@-webkit-keyframes 'nav1ac'{
0%{-webkit-transform:scale(10,10);opacity:0;}
75%{-webkit-transform:scale(10,10);opacity:0;}
85%{-webkit-transform:scale(.9,.9);opacity:1;}
95%{-webkit-transform:scale(1.1,1.1);opacity:.9;}
100%{-webkit-transform:scale(1,1);opacity:1;}
}
#wrap-3.wrapon .dTabcon2 div.current .pNav1 .a_1 {-webkit-animation: 'nav1ac' 2.3s linear;}
#wrap-3.wrapon .dTabcon2 div.current .pNav1 .a_2 {-webkit-animation: 'nav1ac' 2.35s linear;}
#wrap-3.wrapon .dTabcon2 div.current .pNav1 .a_3 {-webkit-animation: 'nav1ac' 2.4s linear;}
#wrap-3.wrapon .dTabcon2 div.current .pNav1 .a_4 {-webkit-animation: 'nav1ac' 2.45s linear;}
#wrap-3.wrapon .dTabcon2 div.current .pNav1 .a_5 {-webkit-animation: 'nav1ac' 2.5s linear;}
#wrap-3.wrapon .dTabcon2 div.current .pNav1 .a_6 {-webkit-animation: 'nav1ac' 2.55s linear;}
#wrap-3.wrapon .dTabcon2 div.current .pNav1 .a_7 {-webkit-animation: 'nav1ac' 2.6s linear;}
#wrap-3.wrapon .dTabcon2 div.current .pNav1 .a_8 {-webkit-animation: 'nav1ac' 2.65s linear;}
#wrap-3.wrapon .pNav1 a span {position:absolute;top:0;left:0;display:block;width:86px;height:86px;background:url(../images/wrap_3_2.png) no-repeat;border:2px solid #000;z-index:2;
-webkit-border-radius:45px;
}
@-webkit-keyframes 'nav1asc'{
0%{-webkit-transform:rotateZ(360deg) scale(1,1);}
50%{-webkit-transform:rotateZ(370deg) scale(.9,.9);border-color:#fff;}
85%{-webkit-transform:rotateZ(-10deg) scale(1.1,1.1);}
100%{-webkit-transform:rotateZ(0) scale(1,1);}
}
#wrap-3.wrapon .pNav1 a:Hover span,#wrap-3.wrapon .pNav1 a.current span {border:2px solid #fff;
-webkit-animation: 'nav1asc' .5s linear;
}
#wrap-3.wrapon .pNav1 .a_1 span {background-position:15px 15px;}
#wrap-3.wrapon .pNav1 .a_2 span {background-position:-102px 15px;}
#wrap-3.wrapon .pNav1 .a_3 span {background-position:-221px 15px;}
#wrap-3.wrapon .pNav1 .a_4 span {background-position:-339px 15px;}
#wrap-3.wrapon .pNav1 .a_5 span {background-position:-456px 15px;}
#wrap-3.wrapon .pNav1 .a_6 span {background-position:-574px 15px;}
#wrap-3.wrapon .pNav1 .a_7 span {background-position:-691px 15px;}
#wrap-3.wrapon .pNav1 .a_8 span {background-position:-808px 15px;}
@-webkit-keyframes 'nav1aec'{
0%{-webkit-transform:scale(1,1);}
50%{-webkit-transform:scale(.9,.9);}
85%{-webkit-transform:scale(1.1,1.1);}
100%{-webkit-transform:scale(1,1);}
}
#wrap-3.wrapon .pNav1 a em {position:relative;top:0;left:0;display:block;width:90px;height:90px;background:#000;opacity:0.8;
-webkit-border-radius:45px;
}
#wrap-3.wrapon .pNav1 a:Hover em {
-webkit-animation: 'nav1aec' .5s linear;
}

@-webkit-keyframes 'tabcon2cdnav'{
0%{opacity:0;top:0;}
90%{opacity:0;top:0;}
100%{opacity:1;top:0;}
}
#wrap-3.wrapon .dTabcon2 div.current .dNav1 {display:block;top:-900px;
-webkit-animation: 'tabcon2cdnav' 2.7s linear;
}
#wrap-3.wrapon .ulNav1 {display:none;position:absolute;top:132px;width:130px;padding:5px;background:#000;opacity:0.8;
-webkit-border-radius:5px;
}
@-webkit-keyframes 'nav1c'{
0%{opacity:0;}
100%{topacity:1;}
}
#wrap-3.wrapon .dNav1 .current{display:block;
-webkit-animation: 'nav1c' .3s linear;
}
@-webkit-keyframes 'nav1o'{
0%{opacity:1;}
100%{topacity:0;}
}
#wrap-3.wrapon .dNav1 .currento{top:-1000px;display:block;
-webkit-animation: 'nav1o' .3s linear;
}
/*#wrap-3.wrapon .ulNav1_1 {left:-10px;}
#wrap-3.wrapon .ulNav1_2 {left:113px;}
#wrap-3.wrapon .ulNav1_3 {left:236px;}
#wrap-3.wrapon .ulNav1_4 {left:359px;}
#wrap-3.wrapon .ulNav1_5 {left:482px;}
#wrap-3.wrapon .ulNav1_6 {left:605px;}
#wrap-3.wrapon .ulNav1_7 {left:728px;}
#wrap-3.wrapon .ulNav1_8 {left:851px;}*/
#wrap-3.wrapon .ulNav1_1 {left:52px;}
#wrap-3.wrapon .ulNav1_2 {left:175px;}
#wrap-3.wrapon .ulNav1_3 {left:298px;}
#wrap-3.wrapon .ulNav1_4 {left:420px;}
#wrap-3.wrapon .ulNav1_5 {left:544px;}
#wrap-3.wrapon .ulNav1_6 {left:667px;}
#wrap-3.wrapon .ulNav1_7 {left:790px;}
#wrap-3.wrapon .ulNav1 .sIcon {position:absolute;top:-12px;left:64px;display:block;width:12px;height:12px;overflow:hidden;color:#000;}
#wrap-3.wrapon .ulNav1 li {height:30px;}
#wrap-3.wrapon .ulNav1 li a {display:block;height:26px;border:2px solid #000;text-align:center;line-height:26px;color:#fff;
-webkit-border-radius:3px;
-webkit-transition:all .2s ease-in;
}
#wrap-3.wrapon .ulNav1 li a:hover {border-color:#fff;text-decoration:none;}
/*第五屏*/
#wrap-4 {position:relative;width:1000px;height:898px;margin:0 auto;background:#fff;z-index:1}
#wrap-4 .dBg {position:relative;width:1920px;height:898px;overflow:hidden;margin:0 -460px;background:#fff;}
/*@-webkit-keyframes 'wr4icon'{
0%{-webkit-transform:scale(3,3);}
50%{-webkit-transform:scale(8,8);}
100%{-webkit-transform:scale(3,3);}
}
#wrap-4.wrapon .sIcon {position:absolute;top:50%;left:50%;display:block;width:106px;height:106px;
-webkit-animation: 'wr4icon' 15s linear 0s infinite;
}
@-webkit-keyframes 'wr4iconem'{
0%{-webkit-transform:rotateZ(0) translate(-20%,120%);}
50%{-webkit-transform:rotateZ(360deg) translate(120%,-20%);}
100%{-webkit-transform:rotateZ(720deg) translate(-20%,120%);}
}
#wrap-4.wrapon .sIcon em {display:block;width:90px;height:90px;border:8px solid #f7f7f7;
-webkit-animation: 'wr4iconem' 25s linear 0s infinite;
}*/




#wrap-4.wrapon .h3Title {position:absolute;left:332px;top:120px;width:337px;height:72px;
-webkit-animation: 'h3title' 1.2s linear;
}
#wrap-4.wrapon .h3Title span {display:block;width:337px;height:72px;overflow:hidden;background:url(../images/wrap_4_1.png) no-repeat;text-indent:-9999px;}
#wrap-4.wrapon .sTitledown {position:absolute;left:332px;top:205px;width:337px;height:1px;overflow:hidden;background:#000;opacity:0.2;
-webkit-animation: 'stitledown' 1.5s linear;
}
@-webkit-keyframes 'video'{
0%{-webkit-transform:scale(0,0);}
66%{-webkit-transform:scale(0,0);}
72%{-webkit-transform:scale(1.1,1.1);}
88%{-webkit-transform:scale(0.9,0.9);}
100%{topacity:0;}
}
#wrap-4.wrapon .dVideo {position:absolute;top:250px;left:135px;width:710px;height:420px;padding:10px;background:#000;z-index:2;
-webkit-animation: 'video' 1.8s linear;
}
#wrap-4.wrapon .dVideo img {cursor:pointer;}
@-webkit-keyframes 'videoicon'{
0%{-webkit-transform:translate(0,-23px);opacity:0;}
90%{-webkit-transform:translate(0,-23px);opacity:0;}
100%{-webkit-transform:translate(0,0);opacity:1;}
}
#wrap-4.wrapon .sVideoicon {position:absolute;top:630px;left:785px;display:block;width:23px;height:23px;background:url(../images/wrap_4_4.png) no-repeat;z-index:2;
-webkit-animation: 'videoicon' 2s linear;
}
#wrap-4.wrapon .aJianli2 {position:absolute;top:755px;left:355px;display:block;width:270px;height:59px;cursor:pointer;z-index:2;}
@-webkit-keyframes 'ajianli2h'{
0%{-webkit-transform:scale(1,1);}
60%{-webkit-transform:scale(0.9,0.82);}
100%{-webkit-transform:scale(1.,1);}
}
#wrap-4.wrapon .aJianli2:hover {
-webkit-animation:'ajianli2h' 0.3s linear;
}
@-webkit-keyframes 'ajianli2span'{
0%{opacity:0}
78%{opacity:0}
100%{opacity:1}
}
#wrap-4.wrapon .aJianli2 span {position:absolute;display:block;width:266px;height:54px;background:#b5101b url(../images/wrap_4_2.png) no-repeat center center;border:2px solid #b5101b;z-index:2;
-webkit-transition:all .2s ease-in;
-webkit-animation:'ajianli2span' 2.7s linear;
}
#wrap-4.wrapon .aJianli2:hover span {background-color:#9c0913}
#wrap-4.wrapon .aJianli2 em {position:absolute;display:block;width:270px;height:59px;background:#e5e5e5;}
@-webkit-keyframes 'ajianli2em1'{
0%{-webkit-transform:scale(8,8);-webkit-transform-origin:40% 40%;opacity:0}
70%{-webkit-transform:scale(8,8);-webkit-transform-origin:40% 40%;opacity:0}
85%{-webkit-transform:scale(0.96,0.9);-webkit-transform-origin:40% 40%;opacity:0.7}
100%{-webkit-transform:scale(1,1);-webkit-transform-origin:40% 40%;opacity:0.7}
}
#wrap-4.wrapon .aJianli2 .em_1 {
-webkit-animation:'ajianli2em1' 2.5s linear;
}
@-webkit-keyframes 'ajianli2em2'{
0%{-webkit-transform:scale(8,8);-webkit-transform-origin:40% 60%;opacity:0}
70%{-webkit-transform:scale(8,8);-webkit-transform-origin:40% 60%;opacity:0}
85%{-webkit-transform:scale(0.96,0.9);-webkit-transform-origin:40% 60%;opacity:0.7}
100%{-webkit-transform:scale(1,1);-webkit-transform-origin:40% 60%;opacity:0.7}
}
#wrap-4.wrapon .aJianli2 .em_2 {
-webkit-animation:'ajianli2em1' 2.6s linear;
}
@-webkit-keyframes 'ajianli2em3'{
0%{-webkit-transform:scale(8,8);-webkit-transform-origin:60% 60%;opacity:0}
70%{-webkit-transform:scale(8,8);-webkit-transform-origin:60% 60%;opacity:0}
85%{-webkit-transform:scale(0.96,0.9);-webkit-transform-origin:60% 60%;opacity:0.7}
100%{-webkit-transform:scale(1,1);-webkit-transform-origin:60% 60%;opacity:0.7}
}
#wrap-4.wrapon .aJianli2 .em_3 {
-webkit-animation:'ajianli2em3' 2.7s linear;
}
@-webkit-keyframes 'ajianli2em4'{
0%{-webkit-transform:scale(8,8);-webkit-transform-origin:60% 40%;opacity:0}
70%{-webkit-transform:scale(8,8);-webkit-transform-origin:60% 40%;opacity:0}
85%{-webkit-transform:scale(0.96,0.9);-webkit-transform-origin:60% 40%;opacity:0.7}
100%{-webkit-transform:scale(1,1);-webkit-transform-origin:60% 40%;opacity:0.7}
}
#wrap-4.wrapon .aJianli2 .em_4 {
-webkit-animation:'ajianli2em4' 2.8s linear;
}
@-webkit-keyframes 'share'{
0%{-webkit-transform:translate(-1310px,0);}
80%{-webkit-transform:translate(-1310px,0);}
90%{-webkit-transform:translate(10px,0);}
100%{-webkit-transform:translate(0,0);}
}
#wrap-4.wrapon .dShare {position:absolute;top:685px;left:595px;width:175px;height:28px;padding-left:88px;background:url(../images/wrap_4_3.png) no-repeat;z-index:2;
-webkit-animation: 'share' 2.3s linear;
}
#wrap-4.wrapon .dShare a {float:left;display:inline;width:28px;height:28px;overflow:hidden;background:none;text-indent:-9999px;margin-left:7px;}




#wrap-5 {position:relative;width:1000px;height:898px;margin:0 auto;background:#fff;z-index:1}
#wrap-5 .dBg {position:relative;width:1920px;height:898px;overflow:hidden;margin:0 -460px;background:#000;}
#wrap-5.wrapon .h3Title {position:absolute;left:332px;top:130px;width:337px;height:68px;
-webkit-animation: 'h3title' 1.2s linear;
}
#wrap-5.wrapon .h3Title span {display:block;width:337px;height:68px;overflow:hidden;background:url(../images/wrap_5_1.png) no-repeat;text-indent:-9999px;}
#wrap-5.wrapon .sTitledown {position:absolute;left:332px;top:210px;width:337px;height:1px;overflow:hidden;background:#fff;opacity:0.2;
-webkit-animation: 'stitledown' 1.5s linear;
}
#wrap-5.wrapon .pExp0 {position:absolute;top:220px;width:1000px;text-align:center;color:#fff;z-index:2;
text-align:left; line-height:30px;
-webkit-animation: 'pexp0' 1.5s linear;
}
#wrap-5.wrapon .pExp0 .txt{ width:50%; float:left;}
#wrap-5.wrapon .pExp0 .imgg{ width:50%; float:left;}


#wrap-5 .pic{ width:1000px;}
#wrap-5 .pic .img{ width:321px; height:201px; float:left; border:#000 4px solid}



#wrap-6 {position:relative;width:1000px;height:898px;margin:0 auto;background:#fff;z-index:1}
#wrap-6 .dBg {position:relative;width:1920px;height:898px;overflow:hidden;margin:0 -460px;background:#fff;}
#wrap-6.wrapon .h3Title {position:absolute;left:332px;top:130px;width:337px;height:68px;
-webkit-animation: 'h3title' 1.2s linear;
}
#wrap-6.wrapon .h3Title span {display:block;width:337px;height:68px;overflow:hidden;background:url(../images/wrap_6_1.png) no-repeat;text-indent:-9999px;}
#wrap-6.wrapon .sTitledown {position:absolute;left:332px;top:210px;width:337px;height:1px;overflow:hidden;background:#000;opacity:0.2;
-webkit-animation: 'stitledown' 1.5s linear;
}
#wrap-6.wrapon .pExp0 {position:absolute;top:220px;width:1000px;text-align:center;color:#000;z-index:2;
text-align:left; line-height:30px;
-webkit-animation: 'pexp0' 1.5s linear;
font-size:14px;
}
#wrap-6.wrapon .pExp0 p{ text-indent:2em;}
#wrap-6.wrapon .pExp0 .txt{ width:50%; float:left;}
#wrap-6.wrapon .pExp0 .imgg{ width:50%; float:left;}

/*第八屏*/
#wrap-7 {position:relative;width:1000px;height:900px;margin:0 auto;background:#000;z-index:4}
#wrap-7 .dBg {position:relative;width:1920px;height:900px;margin:0 -460px;background:#000;}
@-webkit-keyframes 'wrap1bg'{
0%{opacity:0;}
100%{opacity:1;}
}
#wrap-7.wrapon .dBg span {position:absolute;top:0;left:0;display:block;width:1920px;height:900px;background:#000 url(../images/bg_1_6.jpg) no-repeat;}
#wrap-7.wrapon .dBg #s_1.current,#wrap-7.wrapon .dBg #s_1.currento {background:#000 url(../images/bg_1_7.jpg) no-repeat;}
#wrap-7.wrapon .dBg #s_2.current,#wrap-7.wrapon .dBg #s_2.currento {background:#000 url(../images/bg_1_2.jpg) no-repeat;}
#wrap-7.wrapon .dBg #s_3.current,#wrap-7.wrapon .dBg #s_3.currento {background:#000 url(../images/bg_1_3.jpg) no-repeat;}
#wrap-7.wrapon .dBg #s_4.current,#wrap-7.wrapon .dBg #s_4.currento {background:#000 url(../images/bg_1_4.jpg) no-repeat;}
#wrap-7.wrapon .dBg #s_5.current,#wrap-7.wrapon .dBg #s_5.currento {background:#000 url(../images/bg_1_5.jpg) no-repeat;}
#wrap-7.wrapon .dBg #s_6.current,#wrap-7.wrapon .dBg #s_6.currento {background:#000 url(../images/bg_1_6.jpg) no-repeat;}
#wrap-7.wrapon .dBg #s_7.current,#wrap-7.wrapon .dBg #s_7.currento {background:#000 url(../images/bg_1_7.jpg) no-repeat;}
#wrap-7.wrapon .dBg span.currento {z-index:1;}
#wrap-7.wrapon .dBg span.current {z-index:2;
-webkit-animation: 'wrap1bg' 0.5s linear;
}
@-webkit-keyframes 'h3title'{
0%{-webkit-transform:translate(0,-202px)}
76%{-webkit-transform:translate(0,-202px)}
82%{-webkit-transform:translate(0,5px)}
91%{-webkit-transform:translate(0,-3px)}
100%{-webkit-transform:translate(0,0)}
}
#wrap-7.wrapon .h3Title {position:absolute;left:386px;top:130px;width:227px;height:72px;z-index:3;
-webkit-animation: 'h3title' 1.2s linear;
}
#wrap-7.wrapon .h3Title span {display:block;width:227px;height:72px;overflow:hidden;background:url(../images/wrap_1_7.png) no-repeat;text-indent:-9999px;}
@-webkit-keyframes 'stitledown'{
0%{-webkit-transform:scale(0,0)}
80%{-webkit-transform:scale(0,0)}
90%{-webkit-transform:scale(1.1,1)}
100%{-webkit-transform:scale(1,1)}
}
#wrap-7.wrapon .sTitledown {position:absolute;left:386px;top:215px;width:227px;height:1px;overflow:hidden;background:#fff;opacity:0.2;
-webkit-animation: 'stitledown' 1.5s linear;
}

@-webkit-keyframes 'tabcon0'{
0%{opacity:0}
60%{opacity:0}
100%{opacity:1}
}
#wrap-7.wrapon .dTabcon0 {position:absolute;width:840px;height:280px;top:270px;left:130px;z-index:3;
-webkit-animation: 'tabcon0' 2s linear;
}
#wrap-7.wrapon .dTabcon0 .con {position:absolute;top:0;width:840px;height:280px;}
#wrap-7.wrapon .dTabcon0 .current {display:block}
#wrap-7 .pDes{ text-align:left; font-size:14px;}

@-webkit-keyframes 'tabcon0o'{
0%{opacity:1;top:0;}
100%{opacity:0;top:0;}
}
#wrap-7.wrapon .dTabcon0 .currento {display:block;top:-560px;
-webkit-animation: 'tabcon0o' 1.5s linear;
}
#wrap-7.wrapon .dTabcon0 .con .pImg {position:absolute;top:0;left:0;width:280px;height:280px;
-webkit-border-radius:140px;
}
#wrap-7.wrapon .dTabcon0 .con .pImg span {position:absolute;display:block;width:280px;height:280px;background:#fff;opacity:0;
-webkit-border-radius:140px;
}
#wrap-7.wrapon .dTabcon0 .con .pImg img {position:absolute;display:block;width:280px;height:280px;z-index:3;
-webkit-border-radius:140px;
}
@-webkit-keyframes 'tabcon0cimgspan'{
0%{-webkit-transform:scale(0,0);opacity:0.3;}
60%{-webkit-transform:scale(0,0);}
75%{-webkit-transform:scale(1.2,1.2);}
95%{-webkit-transform:scale(1,1);opacity:0.3;}
100%{opacity:0;}
}
#wrap-7.wrapon .dTabcon0 .current .pImg .s_1 {
-webkit-animation: 'tabcon0cimgspan' 1.7s linear;
}
#wrap-7.wrapon .dTabcon0 .current .pImg .s_2 {
-webkit-animation: 'tabcon0cimgspan' 2s linear;
}
#wrap-7.wrapon .dTabcon0 .current .pImg .s_3 {
-webkit-animation: 'tabcon0cimgspan' 2.3s linear;
}
@-webkit-keyframes 'tabcon0cimg'{
0%{opacity:0;}
70%{opacity:0;}
100%{opacity:1;}
}
#wrap-7.wrapon .dTabcon0 .current .pImg img {
-webkit-animation: 'tabcon0cimg' 2.5s linear;
}
@-webkit-keyframes 'tabcon0cimgo'{
0%{-webkit-transform:scale(1,1);}
45%{-webkit-transform:scale(1,1);}
75%{-webkit-transform:scale(1.1,1.1);}
100%{-webkit-transform:scale(0,0);}
}
#wrap-7.wrapon .dTabcon0 .currento .pImg {
-webkit-transform:scale(0,0);
-webkit-animation: 'tabcon0cimgo' .7s linear;
}
#wrap-7.wrapon .dTabcon0 .con .dTxt0 {position:absolute;right:0;top:0;width:510px;text-align:center;color:#fff;line-height:26px;}
#wrap-7.wrapon .dTabcon0 .con .dTxt0 h4 {font-size:20px;font-weight:800;text-align:center;}
#wrap-7.wrapon .dTabcon0 .con .dTxt0 .pExp {line-height:40px;color:#ccc;}
@-webkit-keyframes 'tabcon0ctxt'{
0%{-webkit-transform:translate(930px,0);}
82%{-webkit-transform:translate(930px,0)}
88%{-webkit-transform:translate(-20px,0)}
94%{-webkit-transform:translate(10px,0)}
100%{-webkit-transform:translate(0,0)}
}
#wrap-7.wrapon .dTabcon0 .current .dTxt0 {
-webkit-animation: 'tabcon0ctxt' 2.2s linear;
}
@-webkit-keyframes 'tabcon0ctxto'{
0%{-webkit-transform:translate(0,0);}
80%{-webkit-transform:translate(50px,0);}
100%{-webkit-transform:translate(-1300px,0);}
}
#wrap-7.wrapon .dTabcon0 .currento .dTxt0 {
-webkit-transform:translate(-1300px,0);
-webkit-animation: 'tabcon0ctxto' 1.2s linear;
}
@-webkit-keyframes 'tab0'{
0%{-webkit-transform:scale(10,10);opacity:0;border-top:none}
70%{-webkit-transform:scale(10,10);opacity:0}
80%{-webkit-transform:scale(0.9,0.9);opacity:0.5}
90%{-webkit-transform:scale(1.1,1.1);opacity:0.4;border-top:none}
100%{-webkit-transform:scale(1,1);opacity:1;border-top:1px dotted #fff}
}
#wrap-7.wrapon .dTab0 {position:absolute;top:560px;left:598px;width:230px;height:20px;padding-top:25px;border-top:1px dotted #fff;text-align:center;line-height:12px;z-index:3;
-webkit-animation: 'tab0' 2s linear;
}
#wrap-7.wrapon .dTab0 span {position:relative;display:inline-block;width:12px;height:12px;overflow:hidden;margin:0 5px;cursor:pointer;
-webkit-border-radius:6px;
}
#wrap-7.wrapon .dTab0 span em {position:absolute;top:0;left:0;display:block;width:10px;height:10px;overflow:hidden;border:1px solid #fff;
-webkit-border-radius:6px;
}
#wrap-7.wrapon .dTab0 span.current em {background:#fff;}


.dGotop {height:50px;background:#e5e5e5;line-height:50px;text-align:center;color:#666;font-size:16px;cursor:pointer;}
.dGotop a {color:#666;}
.dGotop a:hover {color:#f90;}

footer {display:block;height:85px;padding:35px 0 0;background:#000;font-size:12px;color:#afafaf}
footer a {color:#afafaf}