.slide1{ background:url(../images/index/bg1.jpg) no-repeat center; background-size:cover; }
.slide2{ background:url(../images/index/bg2.jpg) no-repeat center; background-size:cover; }
.slide3{ background:url(../images/index/bg3.jpg) no-repeat center; background-size:cover; }
.slide4{ background:url(../images/index/bg4.jpg) no-repeat center; background-size:cover; }
.slide{ position:relative; width:100%; height:100%; overflow:hidden; }
.fp-tableCell{ overflow:hidden; }

.slide1 .kid{ position:absolute; left:12%; width:37.4%; bottom:0; transform:translateX(-10%); opacity:0; transition:all 0.5s linear 0.2s; }
.slide1.active.cur .kid{ transform:translateX(0); opacity:1; }
.slide1 .kid .img{ width:100%; display:block; }
.slide1 .kid .tape{ position:absolute; right:0; top:0; width:17.13%; }
.slide1.active .kid .tape{ animation: tape 6s linear 0s infinite; -webkit-animation: tape 6s linear 0s infinite; -moz-animation: tape 6s linear 0s infinite;transform-origin:0% 15%; }

.slide .text{ position:absolute; right:15%; top:35%; }
.slide .text p{ font:normal 16px 'Microsoft YaHei'; color:#6e6e6e; margin-bottom:30px; opacity:0; transform:translateX(20%); transition:all 0.3s ease; }
.slide2.active .text p,.slide3.active .text p,.slide4.active .text p,.slide1.active.cur .text p{ opacity:1; transform:translateX(0); transition:all 0.5s ease 0.7s; }
.slide .text a{ width:215px; height:60px; display:block; background:url(../images/index/detbtn.png) no-repeat right center; transition:all 0.3s linear; opacity:0; transform:translateX(50%); transition:all 0.3s ease; }
.slide2.active .text a,.slide3.active .text a,.slide4.active .text a,.slide1.active.cur .text a{ opacity:1; transform:translateX(0); transition:all 0.5s ease 0.9s; }
.slide .text a:hover{ background:url(../images/index/detbtn.png) no-repeat left center; }
.slide .text .tit{ margin-bottom:20px; opacity:0; transform:translateX(20%); transition:all 0.3s ease; }
.slide2.active .text .tit,.slide3.active .text .tit,.slide4.active .text .tit,.slide1.active.cur .text .tit{ opacity:1; transform:translateX(0); transition:all 0.5s ease 0.5s; }

.slide2 .rotate{ width:65.25%; left:-2%; top:-12%; position:relative; }
.slide2 .rotate img{ width:100%; }
.slide2 .rotate .bgbox{ width:100%; animation: earth 30s linear 0s infinite; -webkit-animation: earth 30s linear 0s infinite; -moz-animation: earth 30s linear 0s infinite; }
.slide2 .rotate .chil{ position:absolute; top:0; transform:scale(0.8); opacity:0; transition:all 0.5s ease; }
.slide2.active .rotate .chil{ opacity:1; transform:scale(1); transition:all 0.8s ease 0.5s; }

.slide3 .map{ position:absolute; width:60.2%; left:2%; top:17%; }
.slide3 .map .img{ width:100%; }
.slide3 .map .light{ position:absolute; overflow:hidden; transition:all 0.5s ease; }
.slide3 .map .light1 .pics,.slide3 .map .light2 .pics,.slide3 .map .light3 .pics,.slide3 .map .light9 .pics{ width:100%; }
.slide3 .map .light4 .pics,.slide3 .map .light5 .pics,.slide3 .map .light6 .pics,.slide3 .map .light7 .pics,.slide3 .map .light8 .pics{ height:100%; }
.slide3 .map .light .pic{ position:absolute; }
.slide3 .map .light1{ right:8%; bottom:49%; width:9.86%; height:0; }
.slide3 .map .light1 .pic,.slide3 .map .light2 .pic,.slide3 .map .light3 .pic{ bottom:0; width:100%; }
.slide3 .map .light4 .pic,.slide3 .map .light5 .pic,.slide3 .map .light6 .pic,.slide3 .map .light7 .pic,.slide3 .map .light8 .pic{ height:100%; right:0 }
.slide3 .map .light9 .pic{ top:0; }
.slide3.active .map .light1{ height:44.1%; transition:all 0.5s ease 1s; }
.slide3 .map .light2{ right:14.5%; bottom:49%; width:18.2%; height:0; }
.slide3.active .map .light2{ height:44.1%; transition:all 0.5s ease 1s; }
.slide3 .map .light3{ right:15%; bottom:49%; width:12.1%; height:0; }
.slide3.active .map .light3{ height:44.1%; transition:all 0.5s ease 1s; }
.slide3 .map .light4{ right:16%; bottom:49%; width:0; background:url(../images/index/line4.png) no-repeat right center; background-size:auto 100%; }
.slide3.active .map .light4{ width:47.2%; transition:all 0.6s ease 1s; }
.slide3 .map .light5{ right:15%; bottom:49%; width:0; background:url(../images/index/line5.png) no-repeat right center; background-size:auto 100%; }
.slide3.active .map .light5{ width:66.3%; transition:all 0.6s ease 1s; }
.slide3 .map .light6{ right:15%; bottom:49%; width:0; background:url(../images/index/line6.png) no-repeat right center; background-size:auto 100%; }
.slide3.active .map .light6{ width:57.8%; transition:all 0.6s ease 1s; }
.slide3 .map .light7{ right:15%; bottom:28%; width:0; background:url(../images/index/line7.png) no-repeat right center; background-size:auto 100%; }
.slide3.active .map .light7{ width:58.7%; transition:all 0.6s ease 1s; }
.slide3 .map .light8{ right:15%; bottom:43%; width:0; background:url(../images/index/line8.png) no-repeat right center; background-size:auto 100%; }
.slide3.active .map .light8{ width:36.7%; transition:all 0.6s ease 1s; }
.slide3 .map .light9{ right:10%; top:48%; width:8.9%; height:0; }
.slide3.active .map .light9{ height:34.1%; transition:all 0.5s ease 1s; }
.slide3 .map .light10{ right:13.5%; top:44.5%; width:4.7%; }

.slide4 .loong{ position:absolute; width:40.2%; left:8%; top:7%; }
.slide4 .loong img{ width:100%; position:absolute; top:0; }
.slide4 .loong .img{ opacity:0; transition:all 0.8s ease 0.6s; transform:scale(0.8); }
.slide4.active .loong .img{ opacity:1; transform:scale(1); }
.slide4 .loong .pic{ opacity:0; transform:scale(1.2); }
.slide4.active .loong .pic{ opacity:1; transform:scale(1); }
.slide4.active .loong .pic1{ transition:all 0.2s ease 1.5s; }
.slide4.active .loong .pic2{ transition:all 0.2s ease 1.7s; }
.slide4.active .loong .pic3{ transition:all 0.2s ease 1.9s; }
.slide4.active .loong .pic4{ transition:all 0.2s ease 2.1s; }
.slide4.active .loong .pic5{ transition:all 0.2s ease 2.5s; }


.Nav{ position:absolute; bottom:5%; right:2%; }
.Nav .new{ border:1px solid #fff; width:68px; height:68px; margin-bottom:14px; border-radius:70px; transition:all 0.3s linear 0.3s; margin-left:12px; }
.Nav .new span{ display:block; height:100%; position:relative; cursor:pointer; overflow:hidden; }
.Nav .new span img{ width:100%; transition:all 0.3s linear 0.1s; }
.Nav .new:hover span img{ transform:translateY(-10px); transition:all 0.3s linear 0.2s; }
.Nav .new span i{ color:#fff; display:block; position:absolute; text-align:center; bottom:15px; width:100%; transform:translateY(10px); opacity:0; transition:all 0.3s linear; }
.Nav .tiyan span i{ display: block;color: red;}

.Nav .new:hover span i{ transform:translateY(0); transition:all 0.3s linear 0.3s; opacity:1; }
.Nav .new:hover{ background:url(../images/index/newsbg.png) no-repeat left center; border:1px solid rgba(0,0,0,0); transition:all 0.3s linear; }
.Nav .new .box{ position:absolute; left:-278px; top:-68px; background:url(../images/index/mask.png) no-repeat center; width:293px; height:206px; pointer-events:none; opacity:0; transform:translateX(-5%); transition:all 0.2s linear; }
.Nav .new .box a{ width:240px; height:160px; display:block; margin:13px 0 0 13px; padding:10px; }
.Nav .new .box a img{ width:240px; height:135px; margin-bottom:5px; }
.Nav .new .box a em{ font:normal 14px 'Microsoft YaHei'; color:#999; }
.Nav .new:hover .box{ pointer-events:auto; opacity:1; transform:translateX(0); transition:all 0.2s linear 0.3s; }
.Nav .lis{ border:1px solid #fff; width:68px; height:68px; margin-bottom:14px; border-radius:70px; margin-left:12px; }
.Nav .lis img{ width:100%; }
.Nav .ma{ padding-top:10px; text-align:center; color:#70520e; font-size:12px; }