@charset "gb2312";
/* CSS Document 通用样式*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body{font:12px "宋体",serif;color: #fff;background: #000;}/********  Microsoft Yahei ******/
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:36px;}h2{font-size:30px;}h3{font-size:20px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}

.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999;}
.red, .red a, a.red{color:red;}.green{color:#0e774a;}
select optgroup{color:#cac8bb;}
header{display:block;}
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.clear, .clearfix:after {clear:both;height:0;overflow:hidden;display:block}
.clearfix:after {visibility:hidden;content:"."}
.clearfix {*zoom:1;}

.fl{float:left;}
.fr{float:right;}
a{text-decoration: none;color: #fff;}
a:hover{color: #f00;}


/*整体切换框架*/

html,body{ width:100%; height:100%;overflow:hidden;min-width: 1200px;}

.wrap{position:relative; height:100%;min-width: 1200px;margin: 0 auto;}
.header{position:absolute; left:0; bottom:-119px; z-index:50;width:100%;height:80px;}
.topbar{width:1200px;margin:0 auto;overflow: hidden;}
.slides{ position:absolute; left:0; top:0; width:6000px;}
.slides-item{background: #000;overflow: hidden;float:left; position:relative;}
.slide-links{ width:100%; height:100%;}

/*nav*/

ul.nav{width: 1250px;padding-left: 1px;}
.nav li{float:left;cursor: pointer;background:url(../images/nav.png);width: 130px;height: 43px;text-align:center;line-height:43px;color:#0873f8;font:18px/43px 'microsoft yahei';transition-duration: 0.5s;margin: 5px 48px 5px 0;}
.nav li:hover,.nav li.current{background: url(../images/nav.png) repeat 0px -43px; color:#0873f8;-webkit-box-shadow: 0 0 6px #0873f8;transition-duration: 0.5s;}
.nav li.current span{background: -webkit-gradient(linear,left top,right top,color-stop(0, #0873f8),color-stop(0.3, #0873f8),color-stop(0.5, white),color-stop(0.7, #0873f8),color-stop(1, #0873f8));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;}





.slides-item1{background: url(../images/1.jpg) top center no-repeat;}
.slides-item2{background: url(../images/2.jpg) top center no-repeat;}
.slides-item3{background: url(../images/3.jpg) top center no-repeat;}
.slides-item4{background: url(../images/4.jpg) top center no-repeat;}
.slides-item5{background: url(../images/2.jpg) top center no-repeat;}
.slides-item6{background: url(../images/6.jpg) top center no-repeat;}
.slides-item7{background: url(../images/7.jpg) top center no-repeat;}
.allStar,.colorLump,.runLight{position: relative;height: 100%;}




/*主体部分*/
.slides-item-box{position: absolute;left: 50%;top: 50%;margin-top: -390px;margin-left: -600px;width: 1200px;height: 700px;overflow: hidden;}
.slides-item-wrap{position: relative;width: 100%;height: 100%;}


/*第一屏*/
.mainTitle{background: url(../images/mainTitle.png) no-repeat;position: absolute;width: 1200px;height: 219px;left: 50%;top: 50%;margin-left: -600px;top: 100px;}
.subTitle{background: url(../images/subTitle.png) no-repeat;position: absolute;width: 966px;height: 56px;left: 85px;top: 250px;}
.logo{position: absolute;width: 199px;height: 52px;left: 50%;margin-left: 400px;top: 55px;z-index: 100;}

/*第二屏*/
.slides-item2 .slides-item-wrap{padding-top:25px;}
.slides-item2-news{width: 800px;}
.slides-item2-news-title{margin-bottom: 50px;}
.slides-item2-news-title h1{font-size: 40px;font-family: "微软雅黑";}
.slides-item2-news-title p{margin: 25px 0;}
.slides-item2-news-title p a{font-size: 14px;margin-right: 15px;}
.slides-item2-news-list-li ul li{font-size: 20px;line-height: 52px;font-family: "微软雅黑";width: 450px;overflow: hidden;height: 52px;}
.slides-item2-news-list-li{width: 500px;margin-top: -17px;}
.slides-item2-news-list-img{width: 300px;}
.slides-item2-news-list-img-t{width: 300px;height: 200px;overflow: hidden;position: relative;margin-bottom: 8px;}
.slides-item2-news-list-img-t img{width: 300px;height: 200px;}
.slides-item2-news-list-img-b .slides-item2-news-list-img-b-list{display: none;}
.slides-item2-news-list-img-b .slides-item2-news-list-img-b-list h3 a{font: normal 18px/220% "微软雅黑";}
.slides-item2-news-list-img-b .slides-item2-news-list-img-b-list p{line-height: 20px;}

.slides-item2-news-list-img-nav{position: absolute;right: 0;bottom: 0;}
.slides-item2-news-list-img-nav ul li{float: left;width: 15px;line-height: 15px;background: #000;color: #fff;text-align: center;padding: 4px;cursor: pointer;}
.slides-item2-news-list-img-nav ul li:hover,.slides-item2-news-list-img-nav ul li.active{background:#f00;}

.img-text{margin-top: 17px;border: 1px solid #0873f8;width: 298px;height: 78px;overflow: hidden;position: relative;}
.img-text img{width: 160px;height: 80px;position: absolute;left: 0px;top: 0;}
.img-text p{width: 120px;height: 78px;text-align: center;font-size: 14px;line-height: 28px;margin: 15px 0 0 170px;}

.slides-item2-r{width: 300px;height: 568px;overflow: hidden;}
.slides-item2-r-t{height: 134px;position: relative;margin-bottom: 50px;}
.slides-item2-r-t img{width: 134px;height: 134px;border-radius: 100%;-webkit-border-radius: 100%;position: absolute;left: 0;right: 0;}
.slides-item2-r-t .slides-item2-r-t-text{width: 150px;height: 134px;text-align: right;position: absolute;top: 0;right: 0;}
.slides-item2-r-t .slides-item2-r-t-text p{line-height: 30px;font-size: 18px;margin: 5px 0;}
.slides-item2-r-c{height: 199px;border-top: 1px solid #0873f8;border-bottom: 1px solid #0873f8;padding: 26px 0;margin-bottom: 50px;}
.slides-item2-r-c-l{width: 50px;}
.slides-item2-r-c-l h1{width: 37px;margin-left: 6px;margin-top: 20px;}
.slides-item2-r-c-r{width: 230px;background: url(../images/slides-item2-r-c-bg.png) no-repeat;height: 152px;margin-top: 26px;padding-top: 10px;}
.slides-item2-r-c-r p{font-size: 14px;line-height: 32px;margin-left: 60px;}
.slides-item2-r-b{position: relative;}
.slides-item2-r-b img{width: 300px;height: 80px;}
.slides-item2-r-b a p{position: absolute;height: 25px;line-height: 25px;left: 0;bottom: 0;background: #000;width: 300px;text-align: center;opacity: 0.6;filter: alpha(opacity=60);}

.slides-item2-meteor{width: 100%;height: 100%;position: relative;}
.slides-item2-meteor .meteor{position: absolute;width: 114px;height: 67px;}
.slides-item2-meteor .meteorAction{ opacity: 0;width: 100%;height: 100%;background: url(../images/meteor.png) no-repeat;}
.slides-item2-meteor .meteor .action{animation-name: meteor;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name: meteor;
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: meteor;
    -moz-animation-duration: 4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;}

/*第三屏*/
.slides-item3-navImg{background: url(../images/slides-item3-nav.png) no-repeat top center;height: 48px;position: absolute;left: 0;top: 50%;width: 100%;height: 700px;margin-top: -346px;}
.slides-item3-nav{height: 160px;overflow: hidden;}
.slides-item3-nav ul{width: 1230px;}
.slides-item3-nav ul li{float: left;width: 93px;height: 160px;margin-right: 30px;text-align: center;cursor: pointer;}
.slides-item3-nav ul li img{width:40px; height:48px; opacity: 0.5; filter:alpha(opacity=50);margin:12px 0 12px 0px;text-align: center;}
.slides-item3-nav ul li p{font-size: 14px;font-family: "微软雅黑";}
.slides-item3-nav ul li a:hover img,.slides-item3-nav ul li.active img{width:50px; height:60px; opacity: 1;margin-top: 0;filter:alpha(opacity=100);}
.slides-item3-nav ul li.active p{color:#0873f8;opacity: 1;filter:alpha(opacity=100);}

.slides-item3-news-list{margin-top: 70px;display: none;}
.slides-item3-news-list img{width: 300px;height: 360px;display: block;float: left;}
.slides-item3-news-list-right{width: 840px;padding-top: 10px;}
.slides-item3-news-list-right h2,.slides-item3-news-list-right h5{font-family: "微软雅黑";}
.slides-item3-news-list-right h5{margin-top: 30px;}
.slides-item3-news-list-right-a{border: 1px solid #0873f8; display: inline-block; margin: 30px 0;border-radius: 5px;-webkit-border-radius: 5px;}
.slides-item3-news-list-right-a a{width:165px; line-height: 45px;display: inline-block; text-align: center; font-size: 20px;}
.slides-item3-news-list-right p{line-height: 32px;font-size: 14px;}

.slides-item3-feature{width: 840px;height: 40px;position: absolute;right: 0;top: 550px;z-index: 15;font-size: 14px;font-family: "微软雅黑";}
.slides-item3-feature-news{width: 840px;position: relative;overflow: hidden;height: 40px;}
.slides-item3-feature-news ul{position: absolute;left: 0;top: 0;}
.slides-item3-feature-news ul li{float: left;line-height: 40px;margin-right: 35px;font-size:18px;font-family: "微软雅黑";}


/*第四屏*/
.slides-item4 .slides-item-box{margin-top: -370px;z-index: 20;}
.slides-item4-new-top{width: 1200px;height: 315px;background: url(../images/jlv.png) left top no-repeat;position: relative;overflow: hidden;}
.slides-item4-new-top h3{margin-bottom: 25px;font-size: 24px;}
.slides-item4-new-top h3 a{padding-left: 55px;}
.slides-item4-new-top p{line-height: 24px;font-size: 14px;width: 370px;height: 48px;overflow: hidden;}

.slides-item4-img{position: absolute;width: 342px;height: 173px;left: 421px;top: 4px;}
.slides-item4-img img{width: 342px;height: 172px;border-radius: 31px;-webkit-border-radius: 31px;}

.slides-item4-new1{position: absolute;width: 365px;height: 134px;left: 5px;top: 34px;}
.slides-item4-new2{position: absolute;width: 365px;height: 134px;left: 405px;top: 220px;display: none;}
.slides-item4-new3{position: absolute;width: 365px;height: 134px;left: 845px;top: 34px;}
.current .slides-item4-new2{display: block;}

.slides-item4-new-bottom{background: url(../images/slides-item6-new-bottom.png) 0 30px no-repeat;width: 1200px;height: 270px;margin-top: 40px;}
.slides-item4-new-bottom-l{width: 334px;height: 48px;margin-top: 120px;margin-right: 37px;}
.slides-item4-new-bottom-c{width: 445px;height: 285px;}
.yx-rotaion{width: 445px;height: 285px;position: relative;overflow: hidden;}
.yx-rotaion img{width: 445px;height: 285px;}
ul.rotaion_list li{display: none;}
.yx-rotaion p{position: absolute;left: 0;bottom: 0;width: 445px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-weight: bold;z-index: 2;}
.slides-item4-bg{position: absolute;left: 0;bottom: 0;width: 445px;height: 40px;background: #000;opacity: 0.6;filter: alpha(opacity=60);}

.slides-item4-new-bottom-r{width: 308px;height: 170px;margin-right: 25px;margin-top: 60px;position: relative;overflow: hidden;}
.slides-item4-new-bottom-r ul{position: absolute;left: 0;top: 0;}
.slides-item4-new-bottom-r ul li{font-size: 14px;line-height: 34px;overflow: hidden;}

.canvaszz{width:100%;background: url(../images/4.jpg) top center;height:100%;position:absolute;z-index:10;filter:alpha(opacity=40);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

/*第五屏*/
.slides-item5 .slides-item-wrap{padding-top:25px;}
.shelf {position: relative;width: 700px;height: 340px;border: 5px solid #0873f8;border-radius: 5px;background-color: rgba(255, 255, 255, 0);-webkit-perspective: 3000px;perspective: 3000px;margin: 30px 0 0 210px;}

.door {
  position: absolute;
  width: 350px;
  height: 340px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  padding: 20px;
  background-color: #0873f8;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.current .door::before {width: 20px;height: 20px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.1);content: "";}
.current .door.doorLeft {border-radius: 0 17px 17px 0;}
.current .door.doorRight {right: 0;border-radius: 17px 0 0 17px;}


.book{position: absolute;box-sizing: border-box;padding: 25px 10px 15px;border-radius: 5px;background-color: rgba(255, 255, 255, 0.1);color: white;font-size: 22px;text-transform: uppercase;letter-spacing: 2px;cursor: pointer;box-shadow: inset 0 0 17px rgba(255, 255, 255, 0.1);text-align: center;display: inline-block;width: 40px;bottom: 0;}

.book1{width: 60px;left: 20px;}
.book2{width: 60px;left: 100px;}
.book3{width: 60px;left: 180px;}
.book4{width: 60px;left: 260px;}
.book5{width: 60px;left: 340px;bottom: -1px;-webkit-transform: rotate(-8deg);-transform: rotate(-8deg);-webkit-transform-origin: 0;transform-origin: 0;-moz-transform: rotate(-8deg);}
.book6{right: 10px;bottom: 0px;width: 235px;padding: 12px 15px 12px 25px;}
.book7{right: 10px;bottom: 70px;padding: 12px 15px 12px 25px;width: 260px;}
.bookSummary{position: absolute;left: 215px;top: 430px;width: 700px;}
.bookSummary .bookSummary-list{display: none;}
.bookSummary .bookSummary-list p{font-size: 14px;line-height: 30px;text-indent: 2em;}
.current .fourEarth{width: 100%;height: 936px;background: url(../images/fourEarth.png) top center;position: absolute;left: 0;top: 0;z-index: 0;}

/*第六屏*/
.slides-item6-travel{width: 1200px;overflow: hidden;}
.slides-item6-travel .travel-top ul{width: 1260px;}
.slides-item6-travel .travel-top ul li{width: 360px;height: 140px;float: left;margin-right: 60px;background: url(../images/travel-top.png) top left no-repeat;position: relative;}
.slides-item6-travel .travel-top ul li a img{position: absolute;width: 110px;height: 110px;border-radius: 110px;-webkit-border-radius: 110px;left: 10px;top: 12px;}
.slides-item6-travel .travel-top ul li .travel-top-r{width: 210px;height: 140px;left: 140px;position: absolute;top: 25px;}
.slides-item6-travel .travel-top ul li .travel-top-r h3{font-size: 18px;margin-bottom: 15px;}
.slides-item6-travel .travel-top ul li .travel-top-r p{line-height: 20px;}
.travel-con{position: relative;height: 500px;margin-top: 50px;}
.travel-con ul li{width: 330px;height: 100px;position: absolute;}
.travel-con h3{text-align: center;margin-top: 15px;margin-bottom: 15px;}
.travel-con p{line-height: 20px;}
.travel-con-li1,.travel-con-li2{background: url(../images/travel-con-li1.png) left top no-repeat;padding-right: 15px;}
.travel-con-li3,.travel-con-li4{background: url(../images/travel-con-li2.png) left top no-repeat;padding-right: 15px;}
.travel-con-li1{left: 20px;top: 0;}
.travel-con-li2{left: 20px;top: 200px;}
.travel-con-li3{right: 20px;top: 0;}
.travel-con-li4{right: 20px;top: 200px;}

.travel-line{width: 1200px;height: 85px;}
.travel-line-l{background: url(../images/travel-line.png) no-repeat;background-position: 0 0;height: 85px;width: 450px;overflow: hidden;opacity: 0;
filter: alpha(opacity=0);}
.travel-line-r{background: url(../images/travel-line.png) no-repeat;background-position: -766px 0;height: 85px;width: 450px;overflow: hidden;opacity: 0;
filter: alpha(opacity=0);}

.signalTower{top: -25px;left: 430px;width: 330px;height: 330px;transform-style: preserve-3d;transform: rotateY(85deg);-moz-transform: rotateY(75deg);position: absolute;z-index: 10;}
.signalTower ul {width: 330px;height: 330px;transform-style: preserve-3d;animation: rotateX 20s linear infinite;position: relative;}

.signalTower ul li {width: 330px;height: 330px;border: 3px solid #5ec0ff;border-radius: 660px;position: absolute;left: 0;top: 0;-webkit-border-radius: 660px;}
.signalTower ul li span {display: block;width: 330px;height: 330px;background: url(../images/signal.png) no-repeat center center;background-size: 100% 100%;animation: rotate 4s linear infinite;}
.signalTower-li2 {transform: rotateX(60deg) rotateZ(60deg);}
.signalTower-li3 {transform: rotateX(-60deg) rotateZ(-60deg);}

.signalTower-sun{position: absolute;width: 50px;height: 50px;background: #fff;border-radius: 50%;left: 570px;top: 135px;}

/*第七屏*/
.slides-item7 .slides-item-box{z-index: 10;}
.slides-item7 .slides-item-wrap{height: 600px;overflow: hidden;}
.blackHole{background: url(../images/blackHole.png) no-repeat top center;width: 1379px;height: 1020px;position: absolute;left: 50%;top: 50%;margin-left: -692px;margin-top: -600px;z-index: 3;}



.timeAxis{width: 980px;height: 980px;margin: 0 auto;position: relative;}
.timeBase{position: absolute;width: 150px;height: 100px;font-size: 13px;background: url(../images/timeBase.png) top center;}
.timeBase h3{text-align:center;}
.timeAxis-list1{left: 830px;top: 415px;}
.timeAxis-list2{left: 764px;top: 190px;}
.timeAxis-list3{left: 587px;top: 37px;}
.timeAxis-list4{left: 355px;top: 4px;}
.timeAxis-list5{left: 143px;top: 101px;}
.timeAxis-list6{left: 16px;top: 298px;}
.timeAxis-list7{left: 16px;top: 531px;}
.timeAxis-list8{left: 143px;top: 728px;}
.timeAxis-list9{left: 355px;top: 825px;}
.timeAxis-list10{left: 587px;top: 792px;}
.timeAxis-list11{left: 764px;top: 639px;}
.timeBase p{padding: 10px;line-height: 22px;}



/*音乐*/
.audio-player-container{width:100%;display:block;position:fixed;z-index:300;}
.audio-player{margin:0 auto;cursor: pointer;}
.audio-bars{float:right;width:40px;height:30px;margin-top:50px;right:200px;position:absolute;display:block;}
.audio-bar{width:3px;height:3px;bottom:1px;background:#fff;position:absolute;-moz-animation:sound 0ms -800ms linear infinite alternate;-o-animation:sound 0ms -800ms linear infinite alternate;-webkit-animation:sound 0ms -800ms linear infinite alternate;animation:sound 0ms -800ms linear infinite alternate;}
.audio-bar:nth-child(1){left:1px;-moz-animation-duration:474ms;-o-animation-duration:474ms;-webkit-animation-duration:474ms;animation-duration:474ms;}
.audio-bar:nth-child(2){left:5px;-moz-animation-duration:433ms;-o-animation-duration:433ms;-webkit-animation-duration:433ms;animation-duration:433ms;}
.audio-bar:nth-child(3){left:9px;-moz-animation-duration:407ms;-o-animation-duration:407ms;-webkit-animation-duration:407ms;animation-duration:407ms;}
.audio-bar:nth-child(4){left:13px;-moz-animation-duration:458ms;-o-animation-duration:458ms;-webkit-animation-duration:458ms;animation-duration:458ms;}
.audio-bar:nth-child(5){left:17px;-moz-animation-duration:400ms;-o-animation-duration:400ms;-webkit-animation-duration:400ms;animation-duration:400ms;}
.audio-bar:nth-child(6){left:21px;-moz-animation-duration:427ms;-o-animation-duration:427ms;-webkit-animation-duration:427ms;animation-duration:427ms;}
.audio-bar:nth-child(7){left:25px;-moz-animation-duration:441ms;-o-animation-duration:441ms;-webkit-animation-duration:441ms;animation-duration:441ms;}
.audio-bar:nth-child(8){left:29px;-moz-animation-duration:419ms;-o-animation-duration:419ms;-webkit-animation-duration:419ms;animation-duration:419ms;}
.audio-bar:nth-child(9){left:33px;-moz-animation-duration:487ms;-o-animation-duration:487ms;-webkit-animation-duration:487ms;animation-duration:487ms;}
.audio-bar:nth-child(10){left:37px;-moz-animation-duration:442ms;-o-animation-duration:442ms;-webkit-animation-duration:442ms;animation-duration:442ms;}
.audio-player.on .audio-bar{-moz-animation-play-state:running;-o-animation-play-state:running;-webkit-animation-play-state:running;animation-play-state:running;}
.audio-player.off .audio-bar{-moz-animation-play-state:paused;-o-animation-play-state:paused;-webkit-animation-play-state:paused;animation-play-state:paused;}