@charset "utf-8";/* CSS Document*/
*{margin: 0;padding: 0;margin: 0px 0px 0px 0px;}
body{background-color: #000;overflow-x: hidden;}
.bigcontainer{width: 100%;padding-top:60px;}
.test{border: 1px solid red;}
.fl{float: left;}
.cl{clean: both;}
.bl{display: block;}
.ab{position: absolute;}
.rl{position: relative;}
ul, li{list-style: none}
video{position: absolute;left: 50%;margin-left: 0px;top: 0;transform: translate(-50%);object-fit: contain;}
.page_01{margin: 0 auto;width: 100%;overflow: hidden;position: relative;height: 1080px;background: url(../images/bg_01.jpg) no-repeat center;}
.downcontainer1{height: 600px;background: url(../images/bg_02.jpg) no-repeat center;}
.downcontainer2{height: 780px;background: url(../images/bg_03.jpg) no-repeat center;}
.downcontainer3{height: 720px;background: url(../images/bg_04.jpg) no-repeat center;}
.downcontainer4{height:730px;background: url(../images/bg_05.jpg) no-repeat top;}
.downcontainer5{height: 670px;background: url(../images/bg_06.jpg) no-repeat top;}
.downcontainer6{height: 840px;background: url(../images/bg_07.jpg) no-repeat top;}
.downcontainer7{height: 1500px;background: url(../images/bg_08.jpg) no-repeat top;}
#video_01{width: 1920px; height: 600px; position: absolute; left: 50%; margin: 0px auto -272px -960px; z-index: 50;}


.ts_show{margin: 0 auto;width: 890px;padding-top: 150px;}
#leftnav{position: fixed;right: 30px;top: 20%;width: 98px;height: 436px;background: url(../images/leftNav.png) no-repeat;z-index: 20;}
#leftnav a{width: 98px;height: 97px;display: block;text-align: center;padding-right: 5px;}
.gif{width: 1920px;text-align: center;margin: 0 auto;}
.navs{width: 700px;height:100px;left: 50%;margin-left: -230px;top: 868px;}
.nav1, .nav2{width:249px;height:79px;margin-right: 5px;}
.nav3, .nav4{width:159px;height:39px;margin-right: 10px;}
.nav1:hover, .nav2:hover，.nav3:hover，.nav4:hover{cursor: pointer;}
.nav1:hover{background: url(../images/nav1_2.png) no-repeat;}
.nav2:hover{background: url(../images/nav2_2.png) no-repeat;}
.nav3:hover{background: url(../images/nav3_2.png) no-repeat;}
.nav4:hover{background: url(../images/nav4_2.png) no-repeat;}
.nav1{background: url(../images/nav1_1.png) no-repeat;}
.nav2{background: url(../images/nav2_1.png) no-repeat;}
.nav3{background: url(../images/nav3_1.png) no-repeat;}
.nav4{background: url(../images/nav4_1.png) no-repeat;}
.sphere{width: 129px;height: 129px;position: absolute;transform: translateY(-10px);animation: float 3s linear alternate infinite;cursor: pointer;z-index: 9998;}
.sphere:before{content: "";width: 100%;height: 100%;position: absolute;background-image: url(../images/sphere.png);animation: rotate 3s linear infinite;}
.huanhua-sp{width: 980px;left: 50%;margin-left: -470px;margin-top: 60px;}
.huanhua-sp .swiper-slide >img{height: 431px;}
.ts-sp{width:934px;left: 50%;margin-top:157px;margin-left: -467px;}
.ts-sp .swiper-slide >img{height: 470px;}
@keyframes rotate{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}}
@keyframes float{from{transform: translateY(-10px);}
to{transform: translateY(10px);}}
.sphere:nth-child(1){animation: float 3s 0.2s linear alternate infinite;}
.sphere:nth-child(2){animation: float 2s 0.1s linear alternate infinite;}
.sphere:nth-child(3){animation: float 5s 0.2s linear alternate infinite;}
.sphere:nth-child(4){animation: float 4s 0.3s linear alternate infinite;}
/*游戏视频*/.cls{*zoom:1}
.cls{clear: both}
a{text-decoration: none;color: #443b3b}
a:hover{text-decoration: none;color: #d31414}
.mod-video .video .con{width: 100%;height: 158px}
.mod-video .video li{width: 260px;height: 165px;float: left;position: relative;overflow: hidden;margin-bottom: 10px;margin-left: 10px;}
.mod-video .v-img{width: 100%;height: 100%;-webkit-transition: -webkit-transform .5s ease;transition: -webkit-transform .5s ease;-moz-transition: transform .5s ease, -moz-transform .5s ease;transition: transform .5s ease;transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease}
.mod-video .v1{background: url(../map/1.png) no-repeat;background-size: 150%;}
.mod-video .v2{background: url(../map/2.png) no-repeat;background-size: 150%;}
.mod-video .v3{background: url(../map/3.png) no-repeat;background-size: 150%;}
.mod-video .v4{background: url(../map/5.png) no-repeat;background-size: 150%;}
.mod-video .v5{background: url(../map/5.png) no-repeat;background-size: 150%;}
.mod-video .v6{background: url(../map/6.png) no-repeat;background-size: 150%;}
.mod-video .v7{background: url(../map/7.png) no-repeat;background-size: 150%;}
.mod-video .v8{background: url(../map/8.png) no-repeat;background-size: 150%;}
.mod-video .v9{background: url(../map/9.png) no-repeat;background-size: 150%;}
.mod-video .v10{background: url(../map/10.png) no-repeat;background-size: 150%;}
.mod-video .v11{background: url(../map/11.png) no-repeat;background-size: 150%;}
.mod-video .v12{background: url(../map/12.png) no-repeat;background-size: 150%;}
.mod-video .v13{background: url(../map/13.png) no-repeat;background-size: 150%;}
.mod-video .v14{background: url(../map/14.png) no-repeat;background-size: 150%;}
.mod-video .v15{background: url(../map/15.png) no-repeat;background-size: 150%;}
.mod-video .v16{background: url(../map/16.png) no-repeat;background-size: 150%;}
.mod-video .v17{background: url(../map/17.png) no-repeat;background-size: 150%;}
.mod-video .v18{background: url(../map/18.png) no-repeat;background-size: 150%;}
.mod-video .video li:hover .v-img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
.mod-video .video li:hover .v-bg{color: #F90;font-size: 18px;}
.mod-video .v-bg{width: 100%;height: 28px;position: absolute;bottom: 0;text-align: center;background-color: rgba(0,0,0,.35);color: #fff;padding-left: 10px;line-height: 28px}
.mod-video .video-play-btn{width: 60px;height: 56px;/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA4CAMAAACWs2tWAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////45GDugAAAAcdFJOUwDwYO/AECBAgD9Q4KB/cJAwv6/fn1/Qz7CPb0+4KMdaAAABbElEQVRIx+2XSXaDMBBEW6CBMINtbCd9/3OmRCDDeyZG5WTnWmBtvjWUqG5EZrnTeNCdyodXL990yjVJeeNW1B1VTZ2FnSq7SvW80qNq7SRFxSeNUSaJ6o2O86Jz7SRZmWrAT6eVS4fF6gXPsxYEK6Uq5vyYP12R61UpViocc2Bhi+0+4b+Aff8APOngaTi+8FdHwwZxcWLh0AI/BxIWV2PtR8/BiAsbo46EkReIukNJwuIQcBu23YdxXy4btu2BRUJ107Z9sEi0rSNh12DlBQdnKIFVSS27H3BXC84q1ECtOatalN4pUJckYLMmo66nx2a1c8yLUUZ7rGeT5JY9e2FTsBlmN+zZBbtHovdZ6P4JphuaQ+wbyVbKzdzEdI9rE9dqzrSPw9w+OqNHunHF1Hol2GWzqKWjTzosJMW07jVW4rF5e9nWUrfmcTMiFu3XOZXVnS+SdrF2kWl/nnxtf/kDE9YPCoztJVumfQeaNjmT67ty9gAAAABJRU5ErkJggg==) no-repeat 0 0;*/position: absolute;left: 50%;top: 50px;margin-left: -30px}
#weixin{display: none;position: fixed;top: 25%;left: 38%;z-index: 50;background: white;}
#over{width: 100%;height: 100%;opacity: 0.5;/*设置背景色透明度,1为完全不透明,IE需要使用filter:alpha(opacity=80);*/filter: alpha(opacity=80);display: none;position: fixed;z-index: 40;background: silver fixed;background-size: cover;}
/* 幻灯片所需CSS*/.erzq-sp{width: 1100px;left: 50%;margin-left: -570px;margin-top: 380px;}
.erzq-sp .swiper-slide >img{height: 526px;box-shadow: 0px 0px 10px #000;}
.gz-sp{width: 960px;left: 50%;margin-left: -478px;margin-top: 150px;}
.gz-sp .swiper-slide >img{height: 491px;}
.sz-sp{width: 1100px;left: 50%;margin-left: -550px;margin-top: 115px;height: 600px;}
.sz-sp .swiper-slide >img{width: 336px;height: 439px;}
.swiper-container{--swiper-navigation-color: #1a1a1a;/* 单独设置按钮颜色*/}
.sz-sp .swiper-button-prev{width: 22px;height: 44px;background: url(../images/curr_prev.png) no-repeat center center;}
.sz-sp .swiper-button-next{width: 22px;height: 44px;margin-left: 100px;background-image: url(../images/curr_next.png) no-repeat center center;}
.on{color: #cecece;}
.bar{width: 100px;position: fixed;top: 102px;right: 30px;z-index: 1000;}
.bar .nor{color: #fff;width: 100px;height: 70px;display: block;text-align: center;text-decoration: none;font: 14px/70px "微软雅黑";background: url(../images/op.png) center repeat;margin-bottom: 1px;outline: none;}
.bar .nor:hover, .bar .cur{background: #610004;}
.bar .home{font: 18px/70px "微软雅黑";outline: none;}
.bar .home:hover{background: #610004;}
.bar .top{width: 100px;height: 42px;display: block;text-align: center;background: url(../images/op.png) center repeat;outline: none;}
.bar .top img{display: block;margin: 0 auto;padding-top: 11px;}
.show{width: 1000px;margin: 0 auto;}
.items{width: 960px;left: 50%;}
.zsitem{margin-left: -455px;margin-top:255px;}
.fsitem{margin-left: -455px;margin-top:580px;}
.items ul{}
.items li,.itemshz li,.itemstz li{width:87px;height:87px;float: left;list-style: none;margin-right:5px;padding:0px;padding-top:6px;}
.itemszb{left:50%;width:1500px;margin-left: -682px;margin-top:30px;}
.itemszb li{width:192px;height:257px;float: left;list-style: none;margin-right:0px;padding:0px;padding-top:0px;}
.itemcss{position: relative;width: 52px;height: 52px;margin: 0 auto;}
.itemcss a, .itemcss span{display: none;text-decoration: none;}
.itemcss:hover{cursor: pointer;}
.itemcss:hover a.now{cursor: pointer;position: absolute;top: 0;width: 100%;height: 100%;z-index: 200;left: 0;display: block;}
.itemcss:hover span{display: block;position: absolute;bottom: 0;left: 0;color: #FFF;margin-left: 50px;z-index: 300;height: 36px;line-height: 36px;filter: alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9;}
.items .itemcss span img{z-index:1000;}
/*手风琴展示*/.box{width: 1168px;height: 519px;background: red;margin: 0px auto;}
.itembox{width: 119px;height: 519px;float: left;}
.itembox:nth-child(1){background: url(../show/feature-1.png) no-repeat 100% 100%;/*background-size: 100% 100%;背景图尺寸*/}
.itembox:nth-child(2){background: url(../show/feature-2.png) no-repeat 100% 100%;}
.itembox:nth-child(3){background: url(../show/feature-3.png) no-repeat 100% 100%;}
.itembox:nth-child(4){background: url(../show/feature-4.png) no-repeat 100% 100%;}
.itembox:nth-child(5){background: url(../show/feature-5.png) no-repeat 100% 100%;}
.big{width: 692px;}
.big img{display: none;height: 519px;}
.erzgz{width: 1200px;left: 50%;margin-left: -600px;margin-top: 1000px;}
.erzgz >img{height: 526px;box-shadow: 0px 0px 10px #000;border: #900 solid 3px;}
/*角色信息*/.role-wrap .li{}
.role-wrap{width: 1200px;margin: 0px auto;height: 708px;position: relative}
.role-wrap .role{width: 2000px;height: 719px;position: absolute;left: 50%;margin-left: -1000px;top: 50px}
.role-wrap .role .role-con{width: 1200px;height: 516px;position: relative;margin: 0 auto;top: 0}
.role-nav{position: absolute;width: 400px;height:400px;top:30px;z-index:100;}
.role-nav li{width:90px;height:90px;display:block;margin-bottom:10px;}
.role-nav-0{background: url(../images/btn_1.png) no-repeat center;margin-left:280px;}
.role-nav-1{background: url(../images/btn_4.png) no-repeat center;margin-left:240px;}
.role-nav-2{background: url(../images/btn_3.png) no-repeat center;margin-left:840px;margin-top: -200px;}
.role-nav-3{background: url(../images/btn_2.png) no-repeat center;margin-left:880px;}
.role-nav-0.cur{background-image: url(../images/btn_1_1.png);}
.role-nav-1.cur{background-image: url(../images/btn_4_1.png);}
.role-nav-2.cur{background-image: url(../images/btn_3_1.png);}
.role-nav-3.cur{background-image: url(../images/btn_2_1.png);}
#rolePanel{background-image:url(../show/sz1.png);width: 400px;height: 400px;margin-left:388px;margin-top:220px;-webkit-animation: sz 1s steps(18) infinite;-moz-animation: sz 1s steps(18) infinite;-ms-animation: sz 1s steps(18) infinite;animation: sz 1s steps(18) infinite;transform: scale(1);}
.curElem{display: block;}
@-moz-keyframes sz{0%{background-position: 0px 0px}
100%{background-position: -7200px 0px}}
@-o-keyframes sz{0%{background-position: 0px 0px}
100%{background-position: -7200px 0px}}
@keyframes sz{0%{background-position: 0px 0px}
100%{background-position: -7200px 0px}}
.downcontainer3 ul{width: 960px;margin: 0 auto;padding-top: 200px;}
.downcontainer3 li{float: left;padding-right: 5px;}