/*-----------------------------全局样式-------------------------------------*/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,span,a,input,textarea,p,blockquote,th,td,header,nav,footer,article,section,aside,time,figure{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal}
ul{list-style:none}
legend{display:none}
fieldset,img{border:none;vertical-align:middle}
em,cite,i{font-style:normal}
input,button,textarea{outline:none;border:0;vertical-align:middle;border:0;font-family:Arial}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance:none;border-radius:0}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{resize:none}
html{height:100%;-webkit-text-size-adjust:none;overflow:hidden}
body{font:24px/36px Arial;position:relative;margin:auto;color:#000;word-break:break-all;height:100%;overflow:hidden;background:#000;width:640px;box-shadow:#ccc 0 0 160px}
body a{color:#000;text-decoration:none;cursor:pointer}
body a:hover,body a:active,body a:focus{text-decoration:none;outline:none}
/*-----------------------------框架-------------------------------------*/
.swiper-container{width:100%;height:100%;position:absolute;left:0;top:0;max-width:640px;right:0;margin:auto}
.swiper-wrapper{height:100%;}
.swiper-slide{width:100%;height:100%;position:relative}
.page{width:100%;height:100%;position:absolute;left:0;top:0;}
.auto-x{position:absolute;left:0;right:0;margin:auto}
.auto-y{position:absolute;top:0;bottom:0;margin:auto}
.bg{width:100%;height:100%}
img{display:block;width:100%}
.bg img{height:100%}
.animate{opacity:0}
.hidden{visibility:hidden}
/*-----------------------------加载中-------------------------------------*/
.loading{width:640px;height:640px;bottom:120px}
#percent{text-align:center;color:#fff;line-height:450px;font-size:28px;position:absolute;bottom:0;white-space:nowrap}
.rotate{animation:rotate 3s linear infinite;-webkit-animation:rotate 3s linear infinite}
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}
.loading-text{font-size:24px;text-align:center;left:-100px;right:-100px;bottom:180px;color:#fff}
/*-----------------------------第一屏-------------------------------------*/
.fixed>div{position:absolute}
.fixed-1{width:60px;height:56px;top:100px;right:68px}
.fixed-2{width:162px;height:112px;bottom:10px;left:-90px}
.text{width:559px;height:124px;top:740px;transform-origin:center top;-webkit-transform-origin:center top}
.gif{width:100%;height:600px;top:60px}
.clock{width:452px;height:260px;bottom:0}
.man{position:absolute;width:124px;height:168px;top:160px;left:100%}
.guang,.guangs{width:140px;height:0;bottom:150px;left:178px;position:absolute;overflow:hidden}
.guang>img,.guangs>img{position:absolute;left:0;bottom:0;width:100%;height:450px}
/*-----------------------------第二屏-------------------------------------*/
.title-2{width:440px;height:80px;top:86px;right:18px}
.line-2{width:4px;overflow:hidden;position:absolute;left:0;top:0;height:100%;background:#00d7f1}
.title-2 img{position:absolute;right:0;top:0;width:426px;height:80px;opacity:0}
.house{position:absolute;width:640px;height:166px;top:266px}
.cloud-1{width:126px;height:30px;position:absolute;left:116px;bottom:0}
.cloud-2{width:126px;height:30px;position:absolute;left:308px;top:60px}
.cloud-3{width:146px;height:48px;position:absolute;right:66px;top:98px}
.cloud .cloud-1{animation:cloud 4s linear infinite;-webkit-animation:cloud 4s linear infinite}
.cloud .cloud-2{animation:cloud 3s linear infinite;-webkit-animation:cloud 3s linear infinite}
.cloud .cloud-3{animation:cloud 5s linear infinite;-webkit-animation:cloud 5s linear infinite}
@keyframes cloud{0%{transform:translateX(0)}25%{transform:translateX(-20px)}50%{transform:translateX(0)}75%{transform:translateX(20px)}100%{transform:translateX(0)}}
@-webkit-keyframes cloud{0%{-webkit-transform:translateX(0)}25%{-webkit-transform:translateX(-20px)}50%{-webkit-transform:translateX(0)}75%{-webkit-transform:translateX(20px)}100%{-webkit-transform:translateX(0)}}
.point{width:250px;height:250px;top:352px}
.point-bo{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(255,255,255,0.21);border-radius:50%;transform:scale(0.2);-webkit-transform:scale(0.2);opacity:0}
.bo{animation:bo 2s linear infinite;-webkit-animation:bo 2s linear infinite}
@keyframes bo{0%{transform:scale(0);opacity:1}100%{transform:scale(0.8);opacity:0}}
@-webkit-keyframes bo{0%{-webkit-transform:scale(0);opacity:1}100%{-webkit-transform:scale(0.8);opacity:0}}
.tranin{width:100%;height:534px;bottom:0}
.huoche{top:0}
.feng{top:0;height:100%}
.feng img{position:absolute;left:0;top:0;width:100%;height:100%;transform:translateY(-340px) scale(0);-webkit-transform:translateY(-340px) scale(0)}
.ing .feng img:first-child{animation:feng 4s ease-in infinite;-webkit-animation:feng 4s ease-in infinite}
.ing .feng img:nth-child(2){animation:feng 4s ease-in infinite 1s;-webkit-animation:feng 4s ease-in infinite 1s}
.ing .feng img:nth-child(3){animation:feng 4s ease-in infinite 2s;-webkit-animation:feng 4s ease-in infinite 2s}
.ing .feng img:nth-child(4){animation:feng 4s ease-in infinite 3s;-webkit-animation:feng 4s ease-in infinite 3s}
@keyframes feng{0%{transform:translateY(-340px) scale(0)}100%{transform:translateY(3500px) scale(11)}}
@-webkit-keyframes feng{0%{-webkit-transform:translateY(-340px) scale(0)}100%{-webkit-transform:translateY(3500px) scale(11)}}
@keyframes fengs{0%{transform:translateY(-340px) scale(0)}100%{transform:translateY(5500px) scale(21)}}
@-webkit-keyframes fengs{0%{-webkit-transform:translateY(-340px) scale(0)}100%{-webkit-transform:translateY(5500px) scale(21)}}
.road{width:100%;height:0;overflow:hidden}
.ing .road img{height:534px;width:100%;position:absolute;left:0;top:0}
.ing .road img:first-child{animation:fengs 4s ease-in infinite;-webkit-animation:fengs 4s ease-in infinite}
.ing .road img:nth-child(2){animation:fengs 4s ease-in infinite -1s;-webkit-animation:fengs 4s ease-in infinite -1s}
.ing .road img:nth-child(3){animation:fengs 4s ease-in infinite -2s;-webkit-animation:fengs 4s ease-in infinite -2s}
.ing .road img:nth-child(4){animation:fengs 4s ease-in infinite -3s;-webkit-animation:fengs 4s ease-in infinite -3s}

/*-----------------------------第三屏-------------------------------------*/
.video{transform-origin:center top;-webkit-transform-origin:center top;width:502px;height:336px;top:296px;transition:transform 1.5s ease;-webkit-transition:-webkit-transform 1.5s ease;transform:translateY(0) scale(1);-webkit-transform:translateY(0) scale(1);z-index:20}
.video-1{width:72px;height:148px;top:-146px;left:124px;position:absolute}
.video-2{width:72px;height:148px;top:-146px;right:124px;position:absolute}
.video-big{width:502px;height:336px;top:296px}
.video-small{transform:translateY(-86px) scale(0.35);-webkit-transform:translateY(-86px) scale(0.35)}
.lights{top:0;height:0;width:0%;z-index:0}
.light{top:0px;height:0;left:120px;z-index:10;overflow:hidden}
.light img{height:0px;width:0px;}
.swiper-slide .swiper-slide{float:left}
.photo{width:380px;height:369px;top:32%;opacity:0}
.jiabin-titile{left:10px;height:200px;top:50px;opacity:0}
.jiabin-titile img{max-width:100%;width:auto;margin:0 auto}
.jiabin{position:absolute;left:0;top:0;width:100%;height:100%}
.jiabin-name{top:742px;opacity:0}
.jiabin-name img{max-width:100%;width:auto;float:right}
.jiabin-1-y1{width:30px;height:36px;position:absolute;top:330px;right:64px}
.jiabin-1-y2{width:44px;height:60px;position:absolute;top:430px;right:86px}
.jiabin-1-y3{width:42px;height:38px;position:absolute;top:560px;right:106px}
.jiabin-1-y4{width:64px;height:58px;position:absolute;top:246px;left:134px}
.jiabin-1-y5{width:54px;height:70px;position:absolute;top:554px;left:76px}
.jiabin-2-y1{width:82px;height:96px;position:absolute;top:306px;left:90px}
.jiabin-2-y2{width:54px;height:62px;position:absolute;top:590px;right:202px}
.jiabin-2-y3{width:96px;height:110px;position:absolute;top:472px;right:84px}
.jiabin-2-y4{width:74px;height:74px;position:absolute;top:280px;right:72px}
.jiabin-2-y5{width:70px;height:68px;position:absolute;top:588px;left:102px}
.jiabin-2-y6{width:54px;height:58px;position:absolute;top:474px;left:64px}
.jiabin-3-y1{width:178px;height:134px;position:absolute;top:188px;left:120px}
.jiabin-3-y2{width:54px;height:144px;position:absolute;top:378px;left:66px}
.jiabin-3-y3{width:182px;height:144px;position:absolute;top:174px;right:114px}
.jiabin-3-y4{width:76px;height:186px;position:absolute;top:358px;right:70px}
.jiabin-3-y5{width:148px;height:100px;position:absolute;top:590px;left:130px}
.jiabin-3-y6{width:146px;height:92px;position:absolute;top:598px;right:138px}
.jiabin-4-y1{width:44px;height:66px;position:absolute;top:312px;left:56px}
.jiabin-4-y2{width:36px;height:82px;position:absolute;top:238px;right:138px}
.jiabin-4-y3{width:34px;height:30px;position:absolute;top:314px;right:96px}
.jiabin-4-y4{width:52px;height:44px;position:absolute;top:208px;right:232px}
.jiabin-4-y5{width:58px;height:52px;position:absolute;top:192px;left:214px}
.jiabin-4-y6{width:50px;height:76px;position:absolute;top:438px;left:70px}
.jiabin-4-y7{width:36px;height:48px;position:absolute;top:596px;right:152px}
.jiabin-4-y8{width:64px;height:38px;position:absolute;top:556px;right:46px}
.jiabin-4-y9{width:42px;height:38px;position:absolute;top:434px;right:30px}
.jiabin-5-y1{width:38px;height:36;position:absolute;top:256px;right:174px}
.jiabin-5-y2{width:24px;height:40;position:absolute;top:336px;right:92px}
.jiabin-5-y3{width:26px;height:40;position:absolute;top:446px;left:86px}
.jiabin-5-y4{width:36px;height:58;position:absolute;top:566px;right:90px}
.jiabin-5-y5{width:44px;height:30;position:absolute;top:298px;left:98px}
.jiabin-5-y6{width:60px;height:40;position:absolute;top:454px;right:70px}
.jiabin-5-y7{width:36px;height:36;position:absolute;top:632px;right:204px}
.jiabin-5-y8{width:52px;height:52;position:absolute;top:588px;left:116px}
.jiabin-6-y1{width:56px;height:58;position:absolute;top:392px;left:56px}
.jiabin-6-y2{width:56px;height:58;position:absolute;top:566px;left:154px}
.jiabin-6-y3{width:62px;height:84;position:absolute;top:530px;right:78px}
.jiabin-7-y1{width:40px;height:50;position:absolute;top:248px;right:160px}
.jiabin-7-y2{width:56px;height:48;position:absolute;top:596px;right:158px}
.jiabin-7-y3{width:46px;height:48;position:absolute;top:532px;right:86px}
.jiabin-7-y4{width:46px;height:32;position:absolute;top:438px;right:70px}
.jiabin-7-y5{width:66px;height:46;position:absolute;top:604px;left:130px}
.jiabin-7-y6{width:60px;height:44;position:absolute;top:428px;left:64px}
.jiabin-7-y7{width:72px;height:42;position:absolute;top:242px;left:124px}
.jiabin-8-y1{width:218px;height:140px;position:absolute;top:354px;left:0}
.jiabin-8-y2{width:234px;height:142px;position:absolute;top:180px;right:70px}
.jiabin-8-y3{width:168px;height:116px;position:absolute;top:364px;right:72px}
.jiabin-8-y4{width:168px;height:116px;position:absolute;top:576px;left:102px}
.jiabin-8-y5{width:236px;height:148px;position:absolute;top:530px;right:20px}
.fixed{opacity:1;width:100%;height:100%;left:0;top:0}
/*-----------------------------第四屏-------------------------------------*/
.title-4{width:345px;height:27px;top:70px;right:18px}
.title-4 img{position:absolute;right:0;top:0;width:326px;height:27px;opacity:0}
.more{position:absolute;left:0;top:0;width:100%;height:100%}
.more>div{width:156px;height:134px;position:absolute;opacity:0}
.m-1{left:304px;top:352px}
.m-2{left:64px;top:352px}
.m-3{left:302px;top:628px}
.m-4{left:64px;top:490px}
.m-5{left:302px;top:214px}
.m-6{left:422px;top:560px}
.m-7{left:422px;top:144px}
.m-8{left:182px;top:420px}
.m-9{left:422px;top:282px}
.m-10{left:64px;top:214px}
.m-11{left:302px;top:490px}
.m-12{left:182px;top:696px}
.m-13{left:182px;top:282px}
/*-----------------------------第五屏-------------------------------------*/
.title-5{width:194px;height:63px;top:72px;right:18px}
.title-5 img{position:absolute;right:0;top:0;width:176px;height:63px;opacity:0}
.block{width:550px;height:656px;position:absolute;left:64px;top:142px}
.block>div,.block>a{position:absolute;opacity:1}
.b-1{width:176px;height:156px;left:20px;top:40px}
.b-2{width:22px;height:64px;left:324px;top:430px}
.b-3{width:206px;height:150px;left:140px;top:272px}
.b-4{width:56px;height:58px;left:470px;top:70px}
.b-5{width:170px;height:222px;left:356px;top:272px}
.b-6{width:176px;height:262px;left:140px;top:430px}
.b-7{width:56px;height:58px;left:416px;top:0}
.b-8{width:40px;height:218px;left:92px;top:204px}
.b-9{width:132px;height:226px;left:0;bottom:0}
.b-10{width:142px;height:224px;left:204px;top:40px}
.b-11{width:86px;height:58px;left:0;top:362px}
.b-12{width:206px;height:88px;right:0;top:504px}
.b-13{width:54px;height:58px;left:142px;top:204px}
.b-14{width:172px;height:126px;left:354px;top:138px}
.back{width:67px;height:65px;position:absolute;right:0;top:93%;}
.back2{width:67px;height:65px;position:absolute;right:0;top:93%;}

.z{top:866px;width:528px}
.z li{margin:0 12px;float:left;width:42px;height:44px;position:relative;color:#fff;line-height:44px;text-align:center;font-size:28px;font-weight:bold}
.z img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:-webkit-transform 0.2s linear;transition:transform 0.2s linear}
.z span{position:relative;z-index:1}
.z li.on img{transform:scale(1.23);-webkit-transform:scale(1.23)}
.line{width:580px;height:796px;top:40px}
.line li{position:absolute;left:0;width:100%;height:100%;display:none}
/*-----------------------------第六屏-------------------------------------*/
.zong{width:582px;height:706px;top:68px}
.zong div,.zong img{position:absolute}
.zong-a{width:364px;height:380px;right:3px;top:37px}
.zong-b{width:434px;height:498px;right:65px;bottom:0}
.zong-c{width:322px;height:240px;left:179px;top:328px}
.zong-d{width:192px;height:298px;right:73px;top:89px}
.zong-e{width:505px;height:339px;right:0;top:0}
.zong-f{width:516px;height:325px;left:0;bottom:91px}
.zong-g{width:338px;height:215px;right:95px;bottom:0}
.zong-h{width:100px;height:107px;left:74px;bottom:201px}
.z-a-1{bottom:0;right:0;width:0;height:84px;overflow:hidden}
.z-a-1 img{top:0;right:0;width:355px;height:84px}
.z-a-2{width:31px;height:29px;left:0;top:280px;z-index:1;opacity:0}
.z-a-3{bottom:84px;left:0;width:28px;height:0;overflow:hidden}
.z-a-3 img{bottom:0;left:0;width:28px;height:270px}
.z-a-4{top:0;left:9px;width:0;height:42px;overflow:hidden}
.z-a-4 img{top:0;left:0;width:105px;height:42px}
.z-a-5{top:5px;left:116px;width:145px;height:33px;overflow:hidden;opacity:0}
.z-b-1{bottom:0;right:361px;width:0;height:15px;overflow:hidden}
.z-b-1 img{top:0;right:0;width:61px;height:15px}
.z-b-2{bottom:0;left:0;width:105px;height:0;overflow:hidden}
.z-b-2 img{left:0;bottom:0;width:105px;height:236px}
.z-b-3{width:30px;height:29px;left:85px;top:253px;z-index:1;opacity:0}
.z-b-4{top:257px;left:105px;width:0;height:21px;overflow:hidden}
.z-b-4 img{left:0;top:0;width:217px;height:21px}
.z-b-5{bottom:225px;right:94px;width:18px;height:0;overflow:hidden}
.z-b-5 img{left:0;bottom:0;width:18px;height:245px}
.z-b-6{width:30px;height:29px;right:90px;top:154px;z-index:1;opacity:0}
.z-b-7{width:30px;height:29px;right:90px;top:110px;z-index:1;opacity:0}
.z-b-8{top:0;left:321px;width:0;height:40px;overflow:hidden}
.z-b-8 img{left:0;top:0;width:103px;height:40px}
.z-b-9{top:42px;right:-10px;width:96px;height:66px;overflow:hidden;opacity:0}
.z-c-1{bottom:44px;right:108px;width:0;height:17px;overflow:hidden}
.z-c-1 img{top:0;right:0;width:204px;height:17px}
.z-c-2{bottom:44px;left:0;width:17px;height:0;overflow:hidden}
.z-c-2 img{bottom:0;left:0;width:17px;height:186px}
.z-c-3{top:0;left:0;width:0;height:12px;overflow:hidden}
.z-c-3 img{top:0;left:0;width:318px;height:12px}
.z-c-4{top:12px;right:0;width:17px;height:0;overflow:hidden}
.z-c-4 img{top:0;left:0;width:17px;height:174px}
.z-c-5{top:170px;right:5px;width:0;height:41px;overflow:hidden}
.z-c-5 img{top:0;right:0;width:104px;height:41px}
.z-c-6{bottom:0;left:81px;width:128px;height:35px;overflow:hidden;opacity:0}
.z-d-1{bottom:0;right:16px;width:0;height:16px;overflow:hidden}
.z-d-1 img{top:0;right:0;width:166px;height:16px}
.z-d-2{bottom:16px;left:10px;width:19px;height:0;overflow:hidden}
.z-d-2 img{left:0;bottom:0;width:19px;height:259px}
.z-d-3{width:29px;height:29px;left:0;bottom:40px;z-index:1;opacity:0}
.z-d-4{top:0;left:10px;width:0;height:40px;overflow:hidden}
.z-d-4 img{left:0;top:0;width:182px;height:40px}
.z-d-5{top:26px;left:32px;width:144px;height:33px;overflow:hidden;opacity:0}
.z-e-1{top:153px;right:0;width:0;height:18px;overflow:hidden}
.z-e-1 img{top:0;right:0;width:186px;height:18px}
.z-e-2{top:160px;right:178px;width:19px;height:0;overflow:hidden}
.z-e-2 img{top:0;right:0;width:19px;height:102px}
.z-e-3{bottom:0;right:186px;width:0;height:77px;overflow:hidden}
.z-e-3 img{top:0;right:0;width:225px;height:77px}
.z-e-4{bottom:0;left:0;width:94px;height:0;overflow:hidden}
.z-e-4 img{bottom:0;right:0;width:94px;height:301px}
.z-e-5{top:0;left:0;width:146px;height:33px;overflow:hidden;opacity:0}
.z-f-1{top:0;left:0;width:0;height:16px;overflow:hidden}
.z-f-1 img{top:0;left:0;width:118px;height:16px}
.z-f-2{top:16px;left:108px;width:17px;height:0;overflow:hidden}
.z-f-2 img{top:0;left:0;width:17px;height:83px}
.z-f-3{top:92px;left:108px;width:0;height:17px;overflow:hidden}
.z-f-3 img{top:0;left:0;width:139px;height:17px}
.z-f-4{top:109px;left:237px;width:18px;height:0;overflow:hidden}
.z-f-4 img{top:0;left:0;width:18px;height:199px}
.z-f-5{left:236px;bottom:7px;width:0;height:76px;overflow:hidden}
.z-f-5 img{top:0;left:0;width:237px;height:76px}
.z-f-6{bottom:0;right:0;width:83px;height:33px;overflow:hidden;opacity:0}
.z-f-7{right:45px;bottom:79px;width:18px;height:0;overflow:hidden}
.z-f-7 img{bottom:0;left:0;width:18px;height:116px}
.z-f-8{top:103px;right:44px;width:29px;height:30px;overflow:hidden;opacity:0}
.z-f-9{top:88px;left:167px;width:29px;height:30px;overflow:hidden;opacity:0}
.z-g-1{top:0;left:0;width:30px;height:31px;overflow:hidden;opacity:0;z-index:1}
.z-g-2{left:13px;top:8px;width:20px;height:0;overflow:hidden}
.z-g-2 img{bottom:0;left:0;width:20px;height:133px}
.z-g-3{left:13px;top:133px;width:0;height:19px;overflow:hidden}
.z-g-3 img{bottom:0;left:0;width:258px;height:19px}
.z-g-4{left:258px;top:151px;width:19px;height:0;overflow:hidden}
.z-g-4 img{top:0;left:0;width:19px;height:40px}
.z-g-5{left:258px;bottom:2px;width:0;height:41px;overflow:hidden}
.z-g-5 img{top:0;left:0;width:79px;height:41px}
.z-g-6{bottom:12px;left:96px;width:136px;height:15px;overflow:hidden;opacity:0}
.z-h-1{right:6px;bottom:0;width:0;height:15px;overflow:hidden}
.z-h-1 img{bottom:0;right:0;width:69px;height:15px}
.z-h-2{left:0;bottom:0;width:41px;height:0;overflow:hidden}
.z-h-2 img{bottom:0;left:0;width:41px;height:107px}
.z-h-3{top:38px;left:-85px;width:97px;height:36px;overflow:hidden;opacity:0}
#lines{z-index:100}
.zz{top:866px;width:528px;z-index:200}
.zz li{margin:0 12px;float:left;width:42px;height:44px;position:relative;color:#fff;line-height:44px;text-align:center;font-size:28px;font-weight:bold}
.zz img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:-webkit-transform 0.2s linear;transition:transform 0.2s linear}
.zz span{position:relative;z-index:1}
.zz li.on img{transform:scale(1.23);-webkit-transform:scale(1.23)}
/*-----------------------------第七屏-------------------------------------*/
.box{width:484px;height:548px;top:116px}
.title-7{top:340px;width:100%}
.title-7 img{margin:0 auto;max-width:100%;width:auto}
.title-7s{width:438px;height:104px;top:64px;transform-origin:center top;-webkit-transform-origin:center top}
.text-7{width:330px;height:58px;top:262px}
.dashed{width:478px;height:2px;top:220px;overflow:hidden}
.dashed img{width:478px;height:100%}
.youyu{width:266px;height:20px;top:400px}
.dasheds{top:444px;height:72px;width:478px}
.dashed-1,.dashed-2{width:478px;height:2px}
.dashed-1{top:0}
.dashed-2{bottom:0}
.dashed-3{width:2px;height:100%;top:0;overflow:hidden}
.dashed-3 img{height:72px}
.qiang{width:210px;height:54px;left:8px;top:10px;position:absolute}
.share{width:210px;height:54px;right:8px;top:10px;position:absolute}
.logo{width:240px;height:80px;top:706px}
.logo a{position:absolute;right:0;bottom:0;width:100%;height:30px;text-indent:9999px;overflow:hidden;white-space:nowrap}
.tou{animation:icon 4s ease infinite;-webkit-animation:icon 4s ease infinite}
@keyframes icon{0%{transform:rotate(0deg)}5%{transform:rotate(10deg)}10%{transform:rotate(-10deg)}15%{transform:rotate(5deg)}20%{transform:rotate(-5deg)}30%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}
@-webkit-keyframes icon{0%{-webkit-transform:rotate(0deg)}5%{-webkit-transform:rotate(10deg)}10%{-webkit-transform:rotate(-10deg)}15%{-webkit-transform:rotate(5deg)}20%{-webkit-transform:rotate(-5deg)}30%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg)}}
/*-----------------------------音乐-------------------------------------*/
#music{position:absolute;width:64px;height:64px;left:16px;top:16px;z-index:500;visibility:hidden}
.music{width:60%;height:60%; no-repeat center center;background:url(../images/music.png);background-size:100%}/**/
.play{animation:r 1.2s linear infinite;-webkit-animation:r 1.2s linear infinite}
#music>span{color:#fff;position:absolute;left:-124px;top:0;line-height:64px;font-size:36px;opacity:0;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}
#music>span.zshow{left:-86px;opacity:1}
.musics{width:18px;height:26px;position:absolute;left:-12px;bottom:0}
.musics span{position:absolute;right:0;bottom:0;width:100%;height:100%;background:url(../images/musics.png) no-repeat center center;background-size:100%}
@keyframes r{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}
@-webkit-keyframes r{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(-360deg)}}
.hand{width:40px;height:60px;background:url(../images/hand.png) no-repeat;position:absolute;z-index:2000;left:0;top:0;opacity:0}
.hand-bo{position:absolute;width:40px;height:40px;left:-6px;top:-10px;animation:hand-bo 2s linear infinite;-webkit-animation:hand-bo 2s linear infinite;background:#fff;border-radius:50%}
@keyframes hand-bo{0%{transform:scale(0);opacity:1}100%{transform:scale(1.5);opacity:0}}
@-webkit-keyframes hand-bo{0%{-webkit-transform:scale(0);opacity:1}100%{-webkit-transform:scale(1.5);opacity:0}}
/*-----------------------------翻屏提示-------------------------------------*/
.up{position:absolute;left:0;right:0;bottom:10px;width:56px;height:62px;margin:auto;display:none;z-index:1000}
.ups{width:56px;height:62px;background:url(../images/up.png) no-repeat;background-size:100%;z-index:100;animation:up 1s ease-in infinite;-moz-animation:up 1s ease-in infinite;-webkit-animation:up 1s ease-in infinite;position:absolute;left:0;bottom:10px}
@keyframes up{0%{transform:translateY(0);opacity:0}50%{transform:translateY(-20px);opacity:1}100%{transform:translateY(-40px);opacity:0}}
@-webkit-keyframes up{0%{-webkit-transform:translateY(0);opacity:0}50%{-webkit-transform:translateY(-20px);opacity:1}100%{-webkit-transform:translateY(-40px);opacity:0}}
.left{position:absolute;left:40px;top:0;bottom:0;width:28px;height:44px;margin:auto;display:none;z-index:1000}
.lefts{width:28px;height:44px;background:url(../images/left.png) no-repeat;background-size:100%;z-index:100;animation:up 1s ease-in infinite;-moz-animation:left 1s ease-in infinite;-webkit-animation:left 1s ease-in infinite;position:absolute;left:0;bottom:10px}
@keyframes left{0%{transform:translateX(0);opacity:0}50%{transform:translateX(-20px);opacity:1}100%{transform:translateX(-40px);opacity:0}}
@-webkit-keyframes left{0%{-webkit-transform:translateX(0);opacity:0}50%{-webkit-transform:translateX(-20px);opacity:1}100%{-webkit-transform:translateX(-40px);opacity:0}}
.right{position:absolute;right:50px;top:0;bottom:0;width:28px;height:44px;margin:auto;display:none;z-index:1000}
.rights{width:28px;height:44px;background:url(../images/right.png) no-repeat;background-size:100%;z-index:100;animation:up 1s ease-in infinite;-moz-animation:right 1s ease-in infinite;-webkit-animation:right 1s ease-in infinite;position:absolute;left:0;bottom:10px}
@keyframes right{0%{transform:translateX(0);opacity:0}50%{transform:translateX(20px);opacity:1}100%{transform:translateX(40px);opacity:0}}
@-webkit-keyframes right{0%{-webkit-transform:translateX(0);opacity:0}50%{-webkit-transform:translateX(20px);opacity:1}100%{-webkit-transform:translateX(40px);opacity:0}}
/*-----------------------------屏幕适配-------------------------------------*/
/*for iphone4 weixin*/
@media screen and (max-height:832px){
.swiper-slide>.bg img,.jiabin>.bg img{height:auto;position:relative;top:-176px}
/*-----------------------------第一屏-------------------------------------*/
.gif{top:40px}
.text{top:660px}
/*-----------------------------第二屏-------------------------------------*/
.title-2{top:40px}
.house{top:140px}
.point{top:176px}
/*-----------------------------第四屏-------------------------------------*/
.title-4{top:40px}
.more{top:-40px}
.swiper-slide>.no-top img{height:auto;position:relative;top:-40px}
/*-----------------------------第五屏-------------------------------------*/
.line{top:0;transform-origin:center top;-webkit-transform-origin:center top;transform:scale(0.95);-webkit-transform:scale(0.95)}
.z{top:748px}
/*-----------------------------第六屏-------------------------------------*/
.zong{top:20px}
.zz{top:756px}
/*-----------------------------第七屏-------------------------------------*/
.box{top:40px}
.title-7{top:240px}
.logo{top:620px}
}
/*for iphone6 plus weixin*/
@media screen and (min-height:1038px){
.no-top{background-color:#1a1a1a}
.swiper-slide>.no-top img{height:auto;position:relative;top:0}
}
/****************************************************************************/
.tupian{width:60px;height:60px;top:70%;left:35%; opacity:1;}
.texing{width:85px;height:41px;top:75%;left:55%;}
.jieshao{width:85px;height:41px;top:75%;left:35%;}
.ye1{width:30px;height:30px;position:absolute;left:1%;top:60%;}
.ye2{width:30px;height:30px;position:absolute;left:1%;top:65%;}
.ye3{display:block;width:30px;height:30px;position:absolute;left:1%;top:70%;}
.ye4{display:block;width:30px;height:30px;position:absolute;left:1%;top:75%;}
.ye5{display:block;width:30px;height:30px;position:absolute;left:1%;top:80%;}
.wym{width:100%;height:100%;}
.znext{width:200px;height:60px;position:absolute;left:55%;top:87%;}
.zlast{width:200px;height:60px;position:absolute;left:15%;top:87%;}
.back11{width:200px;height:60px;position:absolute;left:32%;top:80%;}