@charset "utf-8";
body{ margin:0; padding:0; font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; background-color:#ffffff;color: #000;font-size: 14px;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{outline:none;color:#000;text-decoration: none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;visibility: hidden;}
.clearfix {zoom:1;}
body{overflow-x: hidden;background-color: #000}
.loading-box{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:#000 url(../images/loading-bg.jpg) no-repeat top center; z-index: 9999999;}
.loding .wrap{ height: 100%;}
.progress{ position: absolute; top: 495px; left: 50%; margin-left: -225px; width: 450px; height: 9px; background: url(../images/progress02.png) repeat-x 0 0;}
.progress span{ position: absolute; bottom: 0; left: 0; width: 450px; height: 109px; line-height: 109px; text-align: center; font-size: 30px; color: #ffffff;}
.progress em{display:block;position: absolute;left: 0;top:0; height: 9px; background: url(../images/progress01.png) repeat-x 0 0;z-index: 2;}

/* 滑动导航 */
.slide{position: fixed;right:40px;top:200px;padding-top:76px;width: 80px;height:400px;z-index: 2;background: url(../images/slide-bg.png) no-repeat right top;}
.slide a{position:relative;float:left;width: 60px;height: 48px;line-height: 48px;text-align: right;padding-right:20px;font-size: 12px;color:#848a96;}
.slide a:hover{color:#dfe6f2;}
.slide a:hover:after,.slide a.active:after{content:'';position:absolute;right:3px;top:18px;width:10px;height: 10px;border-radius: 50%;background-color: #fff;}
.btn-music{position: absolute;top:-40px;right: -7px;width: 32px;height: 32px;background: url(../images/slide-music.png) no-repeat center;cursor: pointer;}
.btn-music-ani{animation: circleRotatelR 1s linear infinite;-webkit-animation: circleRotatelR 1s linear infinite;}
.music-off{background-image: url(../images/slide-music-off.png);}

.wrap{width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.section{width:100%;height:100%;min-width:1200px;position: relative;overflow: hidden;}
.section1{background: url(../images/section1-bg.jpg) no-repeat center top;}
.rel1200{width: 1200px;height: 100%;position: relative;margin:0 auto;}
.section1-slogan{position: absolute;left: 50%;top:100px;margin-left:-307px;width: 614px;height: 361px;background: url(../images/section1-slogan.png) no-repeat center;}
.section1-circle1{position: absolute;left: 125px;top:-190px;width: 950px;height: 950px;background: url(../images/section1-circle1.png) no-repeat right 220px;animation: circleRotatelR 5s linear infinite;-webkit-animation: circleRotatelR 5s linear infinite;transform-origin: 475px 475px;-webkit-transform-origin: 475px 475px; }
.section1-circle2{position: absolute;left: 192px;top:-100px;width: 820px;height: 820px;background: url(../images/section1-circle2.png) no-repeat right 520px;animation: circleRotatelR 5s 3s linear infinite;-webkit-animation: circleRotatelR 5s 3s linear infinite;transform-origin: 410px 410px;-webkit-transform-origin: 410px 410px; }
.section1-circle3{position: absolute;left: 76px;top:-240px;width: 1050px;height: 1050px;background: url(../images/section1-circle3.png) no-repeat left 620px;animation: circleRotatelL 6s linear infinite;-webkit-animation: circleRotatelL 6s linear infinite;transform-origin: 525px 525px;-webkit-transform-origin: 525px 525px;}
@keyframes circleRotatelR{
	0%{transform:rotate(0);}
	100%{transform:rotate(360deg);}
}
@-webkit-keyframes circleRotatelR{
	0%{-webkit-transform:rotate(0);}
	100%{-webkit-transform:rotate(360deg);}
}
@keyframes circleRotatelL{
	0%{transform:rotate(0);}
	100%{transform:rotate(-360deg);}
}
@-webkit-keyframes circleRotatelL{
	0%{-webkit-transform:rotate(0);}
	100%{-webkit-transform:rotate(-360deg);}
}
.section1-nav{position: absolute;bottom: 90px;left: 50%;width: 1008px;margin-left: -504px;}
.section1-nav a{float: left;margin:0 33px;width: 102px;height: 307px;background: url(../images/section1-nav.png) no-repeat center;text-indent: -9999px;}
.section1-nav a.section1-nav1{background-position: -4px -5px;}
.section1-nav a.section1-nav2{background-position: -155px -5px;}
.section1-nav a.section1-nav3{background-position: -309px -5px;}
.section1-nav a.section1-nav4{background-position: -460px -5px;}
.section1-nav a.section1-nav5{background-position: -612px -5px;}
.section1-nav a.section1-nav6{background-position: -764px -5px;}
.section1-nav a:hover{background: url(../images/section1-nav-hov.png) no-repeat center;}
.section1-nav a:hover.section1-nav1{background-position: -7px -8px;}
.section1-nav a:hover.section1-nav2{background-position: -158px -8px;}
.section1-nav a:hover.section1-nav3{background-position: -312px -8px;}
.section1-nav a:hover.section1-nav4{background-position: -463px -8px;}
.section1-nav a:hover.section1-nav5{background-position: -615px -8px;}
.section1-nav a:hover.section1-nav6{background-position: -767px -8px;}
.moveDown{animation:moveDown 1s 0.5s both;-webkit-animation:moveDown 1s 0.5s both;}
.delay1{animation-delay: 0.8s;}
.moveTop{animation:moveTop 1s 1s both;-webkit-animation:moveTop 1s 1s both;}
.moveTop1{animation:moveTop 1s both;-webkit-animation:moveTop 1s both;}
@keyframes moveDown{
	 0%{opacity:0;transform:translate3d(0,-100%,0)}
   100%{opacity:1;transform:none}
}
@-webkit-keyframes moveDown{
	 0%{opacity:0;-webkit-transform:translate3d(0,-100%,0)}
   100%{opacity:1;-webkit-transform:none}
}
@keyframes moveTop{
	 0%{opacity:0;transform:translate3d(0,50px,0)}
   100%{opacity:1;transform:none}
}
@-webkit-keyframes moveTop{
	 0%{opacity:0;-webkit-transform:translate3d(0,50px,0)}
   100%{opacity:1;-webkit-transform:none}
}

.section2{background: url(../images/section2-bg.jpg) no-repeat center top;}
.section-title{padding: 90px;}
.sectionSlide{margin:0 auto;padding:29px;width: 800px;height: 424px;position: relative;background: url(../images/section2-kuang.png) no-repeat center;}
.bd li{width: 800px;height: 476px;position: relative;}
.bd li img{display: block;width: 800px;height: 424px;position: absolute;left:0;top:0;}
.bd li h3,.bd li h4{position: absolute;left: 28px;z-index: 3;width: 740px;color:#fff;}
.bd li h3{top: 324px;font-size: 30px;}
.bd li h4{bottom: 70px;line-height: 20px;font-size: 14px;}
.hd{position: absolute;bottom: -30px;left: 50%;margin-left:-180px;z-index: 3;width: 360px;}
.hd ul li{float: left;margin:0 29px;width: 14px;height: 14px;text-indent: -9999px;cursor: pointer;background: url(../images/section2-dot.png) no-repeat right center;}
.hd ul li.on{background-position: left center;}
.prev,.next{position: absolute;top:170px;width: 52px;height: 74px;z-index: 3;}
.prev{left: -100px;background: url(../images/section2-prev.png) no-repeat center;}
.prev:hover{background-image: url(../images/section2-prev-hov.png);}
.next{right: -100px;background: url(../images/section2-next.png) no-repeat center;}
.next:hover{background-image: url(../images/section2-next-hov.png);}
.section3{background: url(../images/section3-bg.jpg) no-repeat center top;}
.section4{background: url(../images/section4-bg.jpg) no-repeat center top;}
.section4-list{width: 1050px;margin:0 auto;}
.section4-list li{float: left;width: 320px;margin:15px;cursor: pointer;position: relative;}
.section4-list li:hover .section4-shade{display: none;}
.section4-list li img{display: block;width: 320px;height: 190px;}
.section4-list li h3{font-size: 18px;color: #a3a8b7;text-align: center;padding-top: 15px;}
.section4-shade{position: absolute;left: 0;top:0;width: 320px;height: 190px;z-index: 2;background: rgba(0,0,0,0.2)}

.section4-hd{position: absolute;bottom: -80px;left: 50%;margin-left:-330px;z-index: 3;width: 660px;}
.section4-hd ul li{float: left;margin:0 30px;padding-top:30px;width: 50px;text-align:center;cursor: pointer;color: #848a96;font-size: 14px;background: url(../images/section2-dot.png) no-repeat -53px 8px;height: 30px;}
.section4-hd ul li.on{color: #b8c5dc;background-position: 18px 8px}

.boxy-modal-blackout{opacity: 0.8 !important;}
.section5{background: url(../images/section5-bg.jpg) no-repeat center top;}
.section-cont{width: 940px;height:500px;margin-left:90px;overflow-x: hidden;overflow-y: auto;color: #e2e4e9;}
.section-cont h3{margin:20px 0;font-size: 28px;overflow: hidden;height: 40px;line-height: 40px;}
.section-cont h3 span{float:left;margin-right:5px;width: 30px;height: 40px;background: url(../images/section5-icon.png) no-repeat center;}
.section-cont h3 span.section5-icon1{background-position: 0 6px;}
.section-cont h3 span.section5-icon2{background-position: 0 -172px;}
.section-cont h3 span.section5-icon3{background-position: 0 -312px;}
.section-cont h3 span.section5-icon4{background-position: 0 -574px;}
/*.section-cont p{width:730px;line-height: 30px;}*/
.section5-list li{float: left;text-align: center;margin:0 25px;}
.section5-list li img{display: block;margin:0 auto 5px;width: 62px;height: 62px;border: 13px solid #444756;}
.section5-list li h5{color:#64636d }
.vertical-track{width:1px;right:-100px;background:#46475a;top:50px;}
.vertical-handle{width:9px;background-color: #e2e5ef;right:-4px;}
.section6{background: url(../images/section6-bg.jpg) no-repeat center top;}
.section6 img{display: block;}
.section6 a:hover img{display: block;}
.section6-monster{position:absolute;left:99px;top:116px;width: 998px;height: 665px;background: url(../images/section6-monter.png) no-repeat center top;}
.section6-monster1{display:block;position: absolute;left: 93px;top:335px;width: 239px;height: 438px;z-index:3;;}
.section6-monster1 .monster-img{display:none;position: absolute;left: 0;top:0;width:239px;height: 438px;}
.section6-monster1 .monster-text{display:none;position: absolute;right: -270px;bottom:0;width:264px;height: 101px;}

.section6-monster2{position: absolute;left: 246px;top:241px;width: 495px;height: 475px;z-index:3;}
.section6-monster2 .monster-img{display:none;position: absolute;left: 0;top:0;width: 495px;height: 475px;}
.section6-monster2 .monster-text{display:none;position: absolute;right: -40px;bottom:0;width: 221px;height: 101px;}
.section6-monster3{position: absolute;left: 490px;top:282px;width: 349px;height: 478px;z-index:3;}
.section6-monster3 .monster-img{display:none;position: absolute;right: 0;top:0;width: 349px;height: 478px;}
.section6-monster3 .monster-text{display:none;position: absolute;left: -180px;bottom:0;width: 219px;height: 101px;}
.section6-monster4{position: absolute;left: 689px;top:152px;width: 416px;height: 638px;z-index:3;}
.section6-monster4 .monster-text{display:none;position: absolute;left: -105px;bottom:0;width: 220px;height: 112px;}
.section6-monster4 .monster-img{display:none;position: absolute;right: 0;top:0;width: 416px;height: 638px;}
.section6-monster5{position: absolute;left: 462px;top:109px;width: 301px;height: 231px;z-index:3;}
.section6-monster5 .monster-img{display:none;position: absolute;right: 0;top:0;width: 301px;height: 231px;}
.section6-monster5 .monster-text{display:none;position: absolute;left: -210px;bottom:0;width: 220px;height: 101px;}

.section6-tips{color: #787889;text-align: center;width: 100%;position: absolute;bottom: 100px;left: 0;z-index: 2;}
.section7{background: url(../images/section7-bg.jpg) no-repeat center top;}
.pop{display:none;width: 1060px;height: 560px;background: url(../images/section4-kuang.png) no-repeat center top;}
.pop-close{position: absolute;right: 10px;top:0;width: 49px;height: 48px;background: url(../images/pop-close.png) no-repeat center;z-index: 333;}
.swiper-button-next, .swiper-button-prev{width: 52px !important;height: 74px !important;margin-top:-77px !important;}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{background: url(../images/section2-prev.png) no-repeat center !important;}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background: url(../images/section2-next.png) no-repeat center !important;}
.swiper-container{width: 100%;height: 100%;}
.swiper-slide img{position: absolute;left: 130px;top:35px;width: 800px;height: 422px;}
.swiper-slide h4 span{display:block;margin-bottom:20px;font-size: 30px;}
.swiper-slide h4{text-align: center;font-size: 14px;line-height: 26px;position: absolute;left: 0;width: 100%;bottom: 120px;color: #e2e4e9}
.swiper-slide-active h4{animation:moveTop 1s 0.2s both;-webkit-animation:moveTop 1s 0.2s both;}
.swiper-pagination{position: absolute;left: 50%;bottom: 0;color: #848a96;width: 600px;margin-left: -300px;}
.swiper-pagination span{float: left;width: 50px;margin:0 25px;text-align: center;padding-top: 20px;background: url(../images/section2-dot.png) no-repeat -55px top;cursor: pointer;color: #848a96}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left: 50% !important}
.swiper-pagination span.swiper-pagination-bullet-active{background: url(../images/section2-dot.png) no-repeat 16px top;color: #b8c5dc;}
.swiper-pagination-bullet{opacity: 1 !important;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 25px !important;}